:root{--page:#f4f6f3;--surface:#fff;--surface-2:#f8faf8;--field:#fbfcfb;--text:#1c2521;--muted:#68746f;--border:#dfe6e1;--accent:#266c5c;--success:#26824c;--warning:#b05e17;--shadow:0 22px 70px #1b26211f;color:var(--text);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}a{color:inherit}.loading-screen,.login-shell,.app-shell{min-height:100vh}.loading-screen{color:var(--muted);place-items:center;display:grid}.login-shell{background:linear-gradient(135deg, #17594a14, transparent 34%), linear-gradient(315deg, #3a598f14, transparent 38%), var(--page);place-items:center;padding:24px;display:grid}.login-panel{background:var(--surface);border:1px solid var(--border);width:min(420px,100%);box-shadow:var(--shadow);border-radius:8px;padding:28px}.app-shell{width:min(1220px,100% - 32px);margin:0 auto;padding:24px 0 42px}.topbar,.metric-grid,.workspace-grid,.two-column,.panel-heading,.topbar-actions,.tabs,.brand-lock,.metric-panel,.badge,.check-row{display:flex}.topbar{justify-content:space-between;align-items:center;gap:20px;padding:18px 0 22px}.brand-lock{color:var(--accent);align-items:center;gap:9px;font-weight:700}.topbar h1,.login-panel h1{color:var(--text);letter-spacing:0;margin:10px 0 0;font-size:30px;line-height:1.12}.login-panel h1{margin-bottom:24px}.topbar-actions{align-items:center;gap:10px}.metric-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.metric-panel,.panel,.login-panel{background:var(--surface)}.metric-panel{border:1px solid var(--border);border-radius:8px;align-items:center;gap:14px;min-height:88px;padding:16px}.metric-panel svg{color:var(--accent)}.balance-panel svg{color:var(--success)}.metric-panel span,.panel-heading span,label,time,small,.record span,.record dt{color:var(--muted)}.metric-panel strong{color:var(--text);overflow-wrap:anywhere;margin-top:4px;font-size:24px;line-height:1.1;display:block}.tabs{border-bottom:1px solid var(--border);gap:8px;margin:20px 0;overflow-x:auto}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:8px;min-height:46px;padding:0 14px;font-weight:700;display:inline-flex}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.workspace-grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:start;gap:16px;display:grid}.panel{border:1px solid var(--border);border-radius:8px;padding:18px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.panel-heading h2{color:var(--text);letter-spacing:0;margin:0;font-size:20px;line-height:1.2}.two-column{gap:12px}.two-column>*{flex:1 1 0}label{gap:7px;font-size:14px;font-weight:700;display:grid}input,textarea,select{box-sizing:border-box;border:1px solid var(--border);background:var(--field);width:100%;color:var(--text);font:inherit;border-radius:6px;outline:none;min-height:42px;padding:10px 11px}textarea{resize:vertical;line-height:1.45}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #266c5c24}.send-form{gap:14px;display:grid}.check-row{grid-template-columns:18px 1fr;align-items:center;gap:10px}.check-row input{width:18px;height:18px;min-height:auto}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.primary-button,.secondary-button,.icon-button{border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:800;display:inline-flex}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fff;padding:0 16px}.secondary-button,.icon-button{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:0 13px}.icon-button{width:42px;padding:0}.record-list{gap:10px;display:grid}.record{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;gap:9px;padding:13px;display:grid}.record>div{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.record strong{color:var(--text)}.record p{color:var(--text);overflow-wrap:anywhere;margin:0}.record dl{grid-template-columns:86px 1fr;gap:5px 12px;margin:0;font-size:13px;display:grid}.record dd{color:var(--text);overflow-wrap:anywhere;margin:0}.record-wide{grid-template-columns:minmax(180px,.8fr) auto minmax(240px,1fr);align-items:start}.record-wide p,.record-wide dl,.record-wide time{grid-column:1/-1}.badge{border-radius:999px;align-items:center;gap:5px;width:fit-content;padding:4px 8px;font-size:12px;font-weight:800}.badge-ok{color:var(--success);background:#26824c1f}.badge-warn{color:var(--warning);background:#b05e171f}.banner-warning,.banner-ok,.banner-error,.form-error,.empty-state{border-radius:8px;padding:11px 13px}.banner-warning{color:#875315;background:#fff5db;border:1px solid #f4d28a}.banner-ok{color:#17633d;background:#e8f7ef;border:1px solid #ace1c1}.banner-error,.form-error{color:#8a2424;background:#fdeaea;border:1px solid #f2baba}.form-error{margin:0 0 14px}.empty-state{color:var(--muted);background:var(--surface-2);border:1px dashed var(--border);margin:0}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=860px){.app-shell{width:min(100% - 20px,1220px);padding-top:14px}.topbar,.topbar-actions,.two-column{flex-direction:column;align-items:stretch}.metric-grid,.workspace-grid{grid-template-columns:1fr}.topbar h1,.login-panel h1{font-size:25px}}