*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f0f;--surface:#171717;--surface2:#1e1e1e;--border:#2a2a2a;--border2:#333;--dim:#3a3a3a;--text:#e8e6e0;--muted:#6b6b6b;--hint:#444;--accent:#d5ef65;--accent2:#7eb8a0;--accent3:#8fa8c8;--danger:#c87e7e;--warn:#c8b47e;--mono:"JetBrains Mono",monospace;--sans:"Prompt",sans-serif;--r:4px;--r2:8px}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5}.shell,body{min-height:100vh}.shell{display:grid;grid-template-columns:220px 1fr;grid-template-rows:52px 1fr}.topbar{grid-column:1/-1;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:16px;height:52px;position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--bg)}.logo{font-family:var(--sans);font-size:15px;font-weight:500;color:#fff;letter-spacing:.04em;cursor:pointer}.logo span{color:var(--muted);font-weight:400}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.user-name{font-size:12px}.logout-btn,.user-name{color:var(--muted);font-family:var(--mono)}.logout-btn{font-size:11px;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--r);transition:color .15s;text-decoration:none}.logout-btn:hover{color:var(--danger)}.sidebar{border-right:1px solid var(--border);padding:20px 0;display:flex;flex-direction:column;overflow-y:auto}.sidebar-section{padding:0 12px;margin-bottom:24px}.sidebar-label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin-bottom:8px;padding:0 4px}.nav-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:var(--r);color:var(--muted);cursor:pointer;transition:background .1s,color .1s;font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1;text-decoration:none}.nav-item:hover{background:var(--surface);color:var(--text)}.nav-item.active{background:#1e2912;color:var(--accent)}.nav-item svg{flex-shrink:0}.sidebar-bottom{margin-top:auto;padding:0 12px}.sidebar-logo{padding:16px 12px 0;opacity:.8}.sidebar-logo img{width:100%;max-width:120px;height:auto;display:block;margin:0 auto}.main{padding:28px 32px;overflow-y:auto}.page-title{font-size:20px;font-weight:500;margin-bottom:4px}.page-sub{font-size:13px;color:var(--muted);margin-bottom:24px}.sec{display:flex;align-items:center;gap:10px;margin:20px 0 10px}.sec-title{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.sec-line{flex:1 1;height:1px;background:var(--border)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px 18px;margin-bottom:12px}.card-label{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.card-value{font-family:var(--mono);font-size:22px;font-weight:500;color:var(--text)}.card-value.accent{color:var(--accent)}.card-value.green{color:var(--accent2)}.card-value.blue{color:var(--accent3)}.card-value.danger{color:var(--danger)}.card-value.warn{color:var(--warn)}.g4{grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;margin-bottom:16px}.g3,.g4{display:grid;gap:12px}.g3{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px}.g2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}input,select,textarea{width:100%;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--sans);font-size:13px;padding:8px 10px;border-radius:var(--r);transition:border-color .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}input[type=file]{padding:4px}select option{background:#1a1a1a}label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.field,.field-row{margin-bottom:12px}.field-row{display:grid;grid-gap:12px;gap:12px}.field-row.c2{grid-template-columns:1fr 1fr}.field-row.c3{grid-template-columns:1fr 1fr 1fr}.field-row.c4{grid-template-columns:1fr 1fr 1fr 1fr}.input-prefix{position:relative}.input-prefix span{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:13px;pointer-events:none}.input-prefix input{padding-left:22px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--r);border:1px solid var(--border2);background:var(--surface);color:var(--text);font-size:13px;font-family:var(--sans);cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap;text-decoration:none}.btn:hover{background:var(--surface2)}.btn-primary{border-color:var(--accent);color:var(--accent)}.btn-primary:hover{background:#1e2912}.btn-danger{border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:#2e1212}.btn-sm{padding:5px 10px;font-size:12px}.btn-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.btn:disabled{opacity:.4;cursor:not-allowed}.pill{display:inline-block;font-size:10px;font-family:var(--mono);padding:2px 8px;border-radius:99px;letter-spacing:.04em}.pill-green{background:#1a2e22;color:var(--accent2);border:1px solid #2a4a34}.pill-amber{background:#222e12;color:var(--accent);border:1px solid #354a1a}.pill-blue{background:#162030;color:var(--accent3);border:1px solid #1e3550}.pill-red{background:#2e1212;color:var(--danger);border:1px solid #4a2020}.pill-gray{background:#1e1e1e;color:var(--muted);border:1px solid var(--border)}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:6px 12px;font-weight:400}.tbl td,.tbl th{border-bottom:1px solid var(--border)}.tbl td{padding:9px 12px;color:var(--text)}.tbl tr:last-child td{border-bottom:none}.tbl tr.clickable:hover td,.tbl tr.hoverable:hover td{background:var(--surface2);cursor:pointer}.tbl td a{color:var(--text);text-decoration:none}.tbl td a:hover{color:var(--accent)}.right{text-align:right}.mono{font-family:var(--mono)}.drop-zone,.muted{color:var(--muted)}.drop-zone{border:1px dashed var(--border2);border-radius:var(--r);padding:32px;text-align:center;cursor:pointer;font-size:13px;transition:border-color .15s,background .15s}.drop-zone:hover{border-color:var(--accent);background:#1e2912}.drop-zone p{margin-top:6px;font-size:11px;color:var(--hint)}.receipt-preview{position:relative;display:inline-block}.receipt-preview img{border-radius:var(--r);border:1px solid var(--border);display:block}.receipt-remove{position:absolute;top:-8px;right:-8px;background:var(--surface2);border:1px solid var(--border2);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:var(--muted);transition:color .15s,border-color .15s}.receipt-remove:hover{color:var(--danger);border-color:var(--danger)}.receipt-file{display:flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r);padding:8px 12px}.empty,.receipt-file{font-size:12px;color:var(--muted)}.empty{padding:32px;text-align:center;font-family:var(--mono);border:1px dashed var(--border);border-radius:var(--r)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r2);padding:24px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.modal-title{font-size:16px;font-weight:500;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.modal-close{background:none;border:none;color:var(--muted);cursor:pointer;font-size:20px;padding:0 4px;line-height:1}.modal-close:hover{color:var(--text)}.msg-error{background:#2e1212;border:1px solid #4a2020;color:var(--danger);border-radius:var(--r)}.msg-error,.msg-ok{font-size:12px;padding:8px 12px;margin-bottom:12px}.msg-ok{background:#1a2e22;border:1px solid #2a4a34;color:var(--accent2);border-radius:var(--r)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}@media (max-width:768px){.shell{grid-template-columns:1fr;grid-template-rows:52px auto 1fr}.topbar{padding:0 14px;gap:8px}.user-name{display:none}.sidebar{grid-row:2;border-right:none;border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;position:-webkit-sticky;position:sticky;top:52px;z-index:40;background:var(--bg)}.sidebar,.sidebar-section{padding:0;flex-direction:row}.sidebar-section{display:flex;margin-bottom:0;gap:0}.sidebar-bottom,.sidebar-label,.sidebar-logo{display:none}.nav-item{padding:10px 14px;border-radius:0;white-space:nowrap;font-size:12px;border-bottom:2px solid transparent;flex-direction:column;gap:3px;align-items:center;text-align:center}.nav-item.active{background:transparent;border-bottom-color:var(--accent);color:var(--accent)}.main{padding:16px;grid-row:3;overflow-y:auto}.g2,.g3,.g4{grid-template-columns:1fr 1fr!important}.field-row.c2,.field-row.c3,.field-row.c4{grid-template-columns:1fr!important}.btn-row .btn{flex:1 1 auto;min-width:0;justify-content:center}.modal-backdrop{padding:10px;align-items:flex-end}.modal{border-radius:var(--r2) var(--r2) 0 0;max-width:100%}}@media (max-width:400px){.g2,.g3,.g4{grid-template-columns:1fr!important}}