:root{--bg: #16181c;--bg-panel: #1e2127;--bg-card: #242830;--bg-elev: #2c313b;--border: #363b46;--text: #e7e9ee;--text-dim: #9aa1ad;--muted: #6c7480;--red: #d13b3b;--red-dark: #a82c2c;--gold: #e3b23c;--green: #4caf6d;--green-dim: #2f7a4a;--blue: #4a90d9;--radius: 8px;--shadow: 0 2px 8px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.45}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit;color:var(--text);background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;padding:6px 8px}input:focus,select:focus{outline:2px solid var(--gold);outline-offset:-1px}.app{max-width:1400px;margin:0 auto;padding:16px;min-height:100%;display:flex;flex-direction:column;gap:12px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:linear-gradient(90deg,var(--red-dark),#7a2020 60%,var(--bg-panel));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap}.app-header__brand{display:flex;align-items:center;gap:12px}.app-header__star{font-size:34px;color:var(--gold);line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.app-header h1{margin:0;font-size:20px;letter-spacing:.3px}.app-header__sub{margin:0;color:#f2d9d9;font-size:12px;text-transform:uppercase;letter-spacing:1px}.app-header__note{margin:0;max-width:320px;font-size:12px;color:#f4e2c4}.tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tabs__list{display:flex;gap:6px;flex-wrap:wrap}.tab{display:flex;align-items:center;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.tab--active{border-color:var(--gold);background:var(--bg-card)}.tab__label{background:none;border:none;color:var(--text);padding:8px 12px;font-size:13px;font-weight:600}.tab--active .tab__label{color:var(--gold)}.tab__input{padding:6px 8px;margin:2px;width:120px}.tab__actions{display:flex}.tab__icon{background:none;border:none;color:var(--text-dim);padding:6px 8px;font-size:12px}.tab__icon:hover{color:var(--text);background:var(--bg-elev)}.tabs__add{background:var(--bg-panel);border:1px dashed var(--border);color:var(--text-dim);padding:8px 12px;border-radius:var(--radius);font-weight:600}.tabs__add:hover{color:var(--gold);border-color:var(--gold)}.layout{display:grid;grid-template-columns:300px 1fr 360px;gap:12px;flex:1;align-items:start}.layout>section{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px;min-height:200px}@media (max-width: 1100px){.layout{grid-template-columns:1fr}}.panel-title{margin:0 0 10px;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);border-bottom:1px solid var(--border);padding-bottom:8px}.picker__search,.picker__category{width:100%;margin-bottom:8px}.picker__list{list-style:none;margin:0;padding:0;max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.picker__item{display:flex;gap:8px;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:8px}.picker__add{flex:none;width:28px;height:28px;border-radius:6px;border:1px solid var(--green-dim);background:#4caf6d1f;color:var(--green);font-size:18px;font-weight:700;line-height:1}.picker__add:hover{background:var(--green-dim);color:#fff}.picker__meta{display:flex;flex-direction:column;gap:4px;min-width:0}.picker__name{font-weight:600}.picker__tags{display:flex;flex-wrap:wrap;gap:4px}.picker__empty{color:var(--muted);padding:12px;text-align:center}.chip{display:inline-block;font-size:11px;padding:2px 7px;border-radius:999px;background:var(--bg-elev);border:1px solid var(--border);color:var(--text-dim);white-space:nowrap}.chip--out{color:#bfe7cd;border-color:var(--green-dim);background:#4caf6d1f}.chip--conn{color:#cfe0f5;border-color:#37567c;background:#4a90d91f}.chips{display:flex;flex-wrap:wrap;gap:5px}.plan__head{display:flex;align-items:center;justify-content:space-between}.plan__empty{color:var(--text-dim);text-align:center;padding:40px 12px}.plan__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.card--error{color:var(--red)}.card__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.card__name{font-weight:700;font-size:15px}.card__category{margin-left:8px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.card__controls{display:flex;align-items:center;gap:8px}.ctrl{display:flex;align-items:center;gap:4px;color:var(--text-dim);font-size:12px}.ctrl input{width:62px;text-align:right}.ctrl--cap input{width:62px}.card__remove{background:none;border:1px solid var(--border);color:var(--text-dim);border-radius:6px;width:28px;height:28px}.card__remove:hover{color:#fff;border-color:var(--red);background:var(--red-dark)}.card__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 700px){.card__grid{grid-template-columns:1fr 1fr}}.card__col h4{margin:0 0 5px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.card__col h4.mt{margin-top:10px}.card__stat{font-size:18px;font-weight:700;color:var(--gold)}.card__connections{margin-top:10px;border-top:1px solid var(--border);padding-top:8px}.card__connections h4{margin:0 0 5px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.card__note{margin:8px 0 0;font-size:12px;color:var(--gold);opacity:.85}.flows{list-style:none;margin:0;padding:0}.flows__item{display:flex;justify-content:space-between;gap:8px;padding:1px 0}.flows__name{color:var(--text)}.flows__amount{font-variant-numeric:tabular-nums;font-weight:600}.flows__unit{color:var(--muted);font-weight:400;font-size:11px}.flows--in .flows__amount{color:#f0b9b9}.flows--out .flows__amount{color:#a9e2bd}.totals__headline{display:flex;gap:8px;margin-bottom:12px}.stat-tile{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:2px}.stat-tile__value{font-size:24px;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}.stat-tile__label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim)}.totals__section{margin-bottom:14px}.totals__section h3{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim)}.bal-table{width:100%;border-collapse:collapse;font-size:13px}.bal-table th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:2px 6px;font-weight:600}.bal-table td{padding:3px 6px;border-top:1px solid var(--border)}.bal__num{text-align:right;font-variant-numeric:tabular-nums}.bal__prod{color:var(--green)}.bal__cons{color:#d98a8a}.bal__net{font-weight:700}.bal__unit{color:var(--muted);font-weight:400;font-size:11px}.bal--surplus .bal__net{color:var(--green)}.bal--deficit .bal__net{color:var(--red)}.bal--deficit .bal__name:before{content:"▼ ";color:var(--red);font-size:10px}.bal--surplus .bal__name:before{content:"▲ ";color:var(--green);font-size:10px}.totals__legend{font-size:11px;color:var(--muted);border-top:1px solid var(--border);padding-top:8px}.dot{display:inline-block;width:9px;height:9px;border-radius:999px;vertical-align:middle}.dot--surplus{background:var(--green)}.dot--deficit{background:var(--red)}.muted{color:var(--muted)}.mt{margin-top:10px}.btn-ghost{background:none;border:1px solid var(--border);color:var(--text-dim);border-radius:6px;padding:5px 10px;font-size:12px}.btn-ghost:hover{color:var(--text);border-color:var(--gold)}.app-footer{text-align:center;color:var(--muted);font-size:12px;padding:6px}