:root{--bg:#f8fafc;--card:#fff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--accent:#111827}
.econ-wrap{max-width:1100px;margin:0 auto;padding:28px}
.econ-title{font-size:clamp(24px,3vw,34px);margin:0 0 16px}
.econ-lead{color:var(--muted);margin:0 0 18px}
.econ-grid{display:grid;grid-template-columns:1fr;gap:16px}
.econ-panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}
.econ-row{display:flex;flex-wrap:wrap;gap:12px}
.econ-col{flex:1 1 220px}
.econ-label{font-size:12px;color:var(--muted);display:block;margin-bottom:6px}
.econ-input, .econ-textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.econ-select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background-color:#fff;color:var(--ink);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2364748b' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}

.econ-textarea{min-height:70px}
.econ-btn{padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--accent);color:#fff;cursor:pointer}
.econ-btn.ghost{background:#fff;color:var(--ink)}
.econ-btn.small{padding:6px 10px;border-radius:10px;font-size:12px}
.econ-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.econ-chip{padding:2px 8px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--muted);background:#fff}
.econ-list{display:grid;grid-template-columns:1fr;gap:12px}
.econ-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:6px}
.econ-card h3{margin:0;font-size:16px}
.econ-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:12px}
.econ-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.econ-badge{padding:2px 8px;border-radius:999px;border:1px solid var(--line);font-size:12px}
.econ-due-red{background:#fdecea;color:#b00020}
.econ-due-amber{background:#fff4e5;color:#8a5300}
.econ-due-green{background:#e9f7ef;color:#0a7f3f}
.econ-flex-between{display:flex;justify-content:space-between;align-items:center;gap:10px}
.econ-sep{height:1px;background:var(--line);margin:8px 0}
.econ-hint{font-size:12px;color:var(--muted)}
.econ-kbd{font-family:ui-monospace,Menlo,Consolas,monospace;background:#f1f5f9;border:1px solid var(--line);padding:1px 6px;border-radius:6px}
.econ-band{background:#f8f9fb;border:1px solid #eef1f5;border-radius:8px;padding:10px 12px;color:#495057}