:root{--bg: #111312;--surface: #191c1a;--surface-2: #20241f;--line: #333a34;--text: #eef2ed;--muted: #98a29a;--soft: #cbd4cc;--green: #2faa5f;--green-2: #102f21;--amber: #e4aa3a;--amber-2: #423318;--red: #ef6a62;--red-2: #46201e;--blue: #67a8ff;--shadow: 0 20px 70px rgba(0, 0, 0, .28);--radius: 8px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}*{scrollbar-width:thin;scrollbar-color:#3f4a42 #111312}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#111312;border-radius:999px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#465349,#2e3831);border:2px solid #111312;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5c6b60,#3b473e)}*::-webkit-scrollbar-corner{background:#111312}.table-wrap::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{background:var(--surface)}.table-wrap::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{border-color:var(--surface)}.boot,.access-denied,.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);display:grid;gap:12px}.login-panel h1{margin:4px 0 0;font-size:28px}.login-panel p{margin:0 0 8px;color:var(--muted);line-height:1.5}.brand-mark{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,#2faa5f2e,#8be86a14);border:1px solid rgba(139,232,106,.18);overflow:hidden}.brand-mark img{width:25px;height:30px;display:block;object-fit:contain}.brand-mark.large{width:56px;height:56px}.brand-mark.large img{width:36px;height:42px}.google-link{color:var(--soft);text-align:center;text-decoration:none;border:1px solid var(--line);padding:10px 12px;border-radius:8px}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{border-right:1px solid var(--line);background:#131513;padding:18px 14px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh;overflow:auto}.sidebar-scrim{display:none}.brand{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:4px 6px 12px;border-bottom:1px solid var(--line)}.brand strong{display:block;font-size:14px}.brand span{display:block;font-size:12px;color:var(--muted);margin-top:2px}.sidebar nav{display:grid;gap:4px}.nav-section{display:grid;gap:4px}.nav-section+.nav-section{margin-top:12px}.nav-heading{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px 2px}.sidebar button{border:0;background:transparent;color:var(--soft);padding:10px 12px;border-radius:8px;text-align:left;position:relative}.sidebar button:hover,.sidebar button.active{background:var(--surface-2);color:var(--text)}.sidebar button.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:999px;background:var(--green)}.workspace{min-width:0}.topbar{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#111312eb;position:sticky;top:0;z-index:5}.menu-btn{display:none;border:1px solid var(--line);background:transparent;color:var(--soft);border-radius:8px;min-height:38px;padding:8px 12px}.period-control{display:flex;align-items:center;gap:10px}.period-control label{color:var(--muted);font-size:13px}.period-control select{min-width:210px}.period-dot{width:9px;height:9px;border-radius:999px;background:var(--amber);box-shadow:0 0 0 3px var(--amber-2)}.period-dot.closed{background:var(--green);box-shadow:0 0 0 3px var(--green-2)}.topbar-user{display:flex;align-items:center;gap:12px;color:var(--soft)}.content{padding:24px}.page-stack{display:grid;gap:18px}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.page-grid.wide-side{grid-template-columns:minmax(0,1fr) 520px}.side-stack{display:grid;gap:18px}.page-title,.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-tools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.panel-tools select{min-width:150px}h1,h2,p{margin-top:0}h1{margin-bottom:4px;font-size:26px;line-height:1.15}h2{margin-bottom:4px;font-size:17px}p{color:var(--muted);line-height:1.45}.panel,.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.panel{padding:18px;min-width:0}.muted-panel{color:var(--muted)}.error-panel,.form-error{color:var(--red)}.notice{border:1px solid var(--line);background:var(--green-2);color:var(--text);border-radius:var(--radius);padding:12px 14px}.notice.compact{margin:12px 0;padding:9px 11px}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px}.stats-grid.compact{grid-template-columns:repeat(4,minmax(150px,1fr))}.hero-finance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hero-finance div{display:grid;gap:8px}.hero-finance span{color:var(--muted);font-size:13px}.hero-finance strong{font-size:34px;line-height:1.05}.empty-state{display:grid;gap:8px}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.report-card{display:grid;gap:10px;align-content:start}.report-card p{margin-bottom:0}.stat-card{padding:14px}.stat-card span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.stat-card strong{font-size:22px}.stat-card.good strong{color:var(--green)}.stat-card.warn strong{color:var(--amber)}.stat-card.bad strong{color:var(--red)}.check-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:10px}.check-item{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;padding:12px;display:grid;grid-template-columns:24px 1fr;gap:8px}.check-item>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800}.check-item.ok>span{background:var(--green-2);color:var(--green)}.check-item.warn>span{background:var(--amber-2);color:var(--amber)}.check-item strong{display:block;font-size:13px}.check-item small{color:var(--muted)}.data-table{display:grid;gap:10px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.table-toolbar input{max-width:320px}.table-toolbar span{color:var(--muted);font-size:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;white-space:nowrap}th{color:var(--muted);font-size:12px;font-weight:600;background:#151815}.th-sort{border:0;background:transparent;color:inherit;padding:0;min-height:0;display:inline-flex;gap:6px;align-items:center;font-weight:inherit}.th-sort:disabled{cursor:default}.th-sort.active{color:var(--text)}td{color:var(--soft);font-size:14px}tbody tr:hover td{background:#ffffff06}.empty-cell{text-align:center;color:var(--muted);padding:26px}.positive{color:var(--green)}.negative{color:var(--red)}.money{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.money-stack{display:grid;gap:2px}.money-stack small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}label{display:grid;gap:6px;color:var(--muted);font-size:12px}input,select,textarea{width:100%;min-height:38px;background:#101210;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:8px 10px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}input[type=date]{color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{width:17px;height:17px;border-radius:5px;cursor:pointer;opacity:1;filter:invert(75%) sepia(33%) saturate(785%) hue-rotate(56deg) brightness(96%) contrast(88%)}.number-input{position:relative;width:100%}.number-input input{padding-right:42px;font-variant-numeric:tabular-nums}.number-stepper{position:absolute;top:4px;right:4px;bottom:4px;width:30px;display:grid;grid-template-rows:1fr 1fr;overflow:hidden;border:1px solid rgba(139,232,106,.16);border-radius:6px;background:#151815}.number-stepper button{border:0;display:grid;place-items:center;min-height:0;padding:0;background:transparent;color:var(--green);cursor:pointer}.number-stepper button+button{border-top:1px solid rgba(139,232,106,.12)}.number-stepper button:hover{background:#2faa5f2e}.stepper-chevron{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}.stepper-chevron.up{border-bottom:5px solid currentColor}.stepper-chevron.down{border-top:5px solid currentColor}.month-input{position:relative;width:100%}.month-trigger{width:100%;min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#101210;color:var(--text);cursor:pointer;text-align:left}.month-trigger.empty{color:var(--muted)}.month-trigger:hover,.month-trigger[aria-expanded=true]{border-color:#8be86a61;background:#131713}.month-icon{position:relative;width:18px;height:18px;flex:0 0 auto;border:1.5px solid #8be86a;border-radius:5px;box-shadow:inset 0 4px #8be86a2e}.month-icon:before,.month-icon:after{content:"";position:absolute;left:4px;right:4px;height:1.5px;background:#8be86a;border-radius:2px}.month-icon:before{top:5px}.month-icon:after{top:10px}.month-popover{position:absolute;z-index:80;top:calc(100% + 6px);right:0;width:min(280px,92vw);padding:10px;border:1px solid rgba(139,232,106,.18);border-radius:8px;background:#151815;box-shadow:var(--shadow)}.month-popover-head{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:6px;margin-bottom:8px;color:var(--soft)}.month-popover-head strong{text-align:center;font-size:14px}.month-nav,.month-grid button{border:1px solid var(--line);border-radius:7px;background:#101210;color:var(--soft);cursor:pointer}.month-nav{min-height:32px;padding:0;font-size:20px}.month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.month-grid button{min-height:34px;padding:7px 8px}.month-nav:hover,.month-grid button:hover{border-color:#8be86a5c;background:#2faa5f24;color:var(--text)}.month-grid button.active{border-color:var(--green);background:var(--green);color:#06140c;font-weight:800}form{display:grid;gap:12px}.primary-btn,.ghost-btn,.link-btn,.ghost-link{border-radius:8px;min-height:38px;padding:8px 12px}.primary-btn{border:1px solid var(--green);background:var(--green);color:#06140c;font-weight:700}.primary-btn.danger{border-color:var(--red);background:var(--red);color:#170908}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.ghost-btn{border:1px solid var(--line);background:transparent;color:var(--soft)}.ghost-link{display:inline-flex;align-items:center;border:1px solid var(--line);background:transparent;color:var(--soft);text-decoration:none}.icon-btn{width:38px;height:38px;min-height:38px;padding:0;border:1px solid var(--line);border-radius:8px;display:inline-grid;place-items:center;background:#101210;color:var(--soft);cursor:pointer;font-size:22px;line-height:1}.icon-btn:hover{border-color:#8be86a59;color:var(--text);background:#2faa5f1f}.add-record-btn{border-color:#2faa5f8c;background:var(--green);color:#06140c;font-weight:800}.add-record-btn:hover{border-color:#8be86a;background:#42bd72;color:#041208}.icon-label-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.link-btn{border:0;background:transparent;color:var(--blue);padding:0;min-height:0}.link-btn.danger{color:var(--red)}.table-actions{display:flex;gap:8px;justify-content:flex-end;min-width:150px}.side-form h2{margin-bottom:14px}.modal-form{display:grid;gap:12px}.row-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.assignment-list,.payer-share-editor{display:grid;gap:8px;margin-top:12px}.manual-split{display:grid;gap:8px}.section-split{display:grid;gap:18px}.kv-editor{display:grid;gap:8px}.kv-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(120px,1fr) auto;gap:8px;align-items:center}.assignment-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(130px,160px) 100px 82px;gap:8px;align-items:center}.share-total{border-radius:8px;padding:8px 10px;font-weight:800}.share-total.ok{color:var(--green);background:var(--green-2)}.share-total.bad{color:var(--red);background:var(--red-2)}.status-pill{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;font-size:12px;background:var(--surface-2);color:var(--soft);border:1px solid var(--line)}.status-pill.active,.status-pill.paid{color:var(--green);background:var(--green-2);border-color:#2faa5f59}.status-pill.closed{color:var(--muted);background:var(--surface-2);border-color:var(--line)}.status-pill.paused,.status-pill.pending,.status-pill.open{color:var(--amber);background:var(--amber-2);border-color:#e4aa3a59}.status-pill.cancelled,.status-pill.inactive{color:var(--red);background:var(--red-2);border-color:#ef6a6259}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#0000008c;padding:20px}.confirm-dialog{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.confirm-dialog p{margin-bottom:0}.form-dialog{width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.form-dialog.wide{width:min(860px,100%)}.form-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.form-dialog-head h2{margin:0}.toast{position:fixed;top:18px;right:18px;z-index:40;min-width:min(360px,calc(100vw - 36px));border:1px solid rgba(47,170,95,.35);background:var(--green-2);color:var(--text);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px}.toast button{border:0;background:transparent;color:var(--soft);font-size:18px;line-height:1;padding:0}@media(max-width:1180px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:25;left:0;top:0;bottom:0;width:min(320px,88vw);height:100vh;transform:translate(-105%);transition:transform .16s ease;border-right:1px solid var(--line);border-bottom:0}.sidebar.open{transform:translate(0)}.sidebar-scrim{display:block;position:fixed;inset:0;z-index:24;border:0;background:#00000080}.menu-btn{display:inline-flex;align-items:center}.page-grid,.page-grid.wide-side{grid-template-columns:1fr}.stats-grid,.stats-grid.compact,.check-grid,.hero-finance,.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.content{padding:14px}.topbar{padding:0 14px}.sidebar nav{grid-template-columns:repeat(2,1fr)}.stats-grid,.stats-grid.compact,.check-grid,.hero-finance,.report-grid,.assignment-row,.kv-row{grid-template-columns:1fr}}