:root{color:#0f172a;background:radial-gradient(circle at top,#eef4ff 0%,#f8fafc 55%,#e2e8f0 100%);font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}h1,h2,h3,p{margin:0}.page{box-sizing:border-box;width:min(960px,100%);margin:0 auto;padding:20px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.topbar h1{margin:0;font-size:1.4rem}.mode-switch{gap:8px;display:flex}.mode-switch button,.navbuttons button,button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:10px 14px;font-weight:600}.mode-switch .active,.navbuttons .active,button.primary{color:#fff;background:#0b5fff;border-color:#0b5fff}.panel,.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.panel-header,.adminHeader{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.stock-pill{color:#1e3a8a;background:#dbeafe;border-radius:999px;padding:6px 10px;font-weight:700}.hint,.muted{color:#475569;margin-top:0}.form-grid,.stack{gap:12px;display:grid}.form-grid.narrow,.stack.narrow{max-width:420px}label{color:#0f172a;gap:6px;font-weight:600;display:grid}input,select{border:1px solid #cbd5e1;border-radius:10px;padding:10px;font-size:1rem}.signature-canvas,.signatureCanvas{touch-action:none;background:#fff;border:1px dashed #94a3b8;border-radius:12px;width:100%;height:180px}.inline-actions,.signatureHeader{justify-content:flex-end;margin-top:8px;display:flex}.inline-actions-start{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:12px;display:flex}button.ghost{background:#f8fafc}.status{color:#1e3a8a;background:#dbeafe;border-radius:10px;margin-top:12px;padding:10px}.status.error,.error{color:#991b1b;background:#fee2e2;border-radius:10px;padding:10px}.success{color:#166534;background:#dcfce7;border-radius:10px;padding:10px}.kpiGrid,.kpis{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:16px;display:grid}.kpiGrid article,.kpis article{border:1px solid #e2e8f0;border-radius:12px;padding:10px}.kpi-label{color:#64748b;margin:0}.admin-grid{grid-template-columns:1fr;gap:12px;margin-bottom:16px;display:grid}.adminSection{margin-top:16px}.inlineForm{grid-template-columns:1fr;gap:8px;display:grid}.table-wrap,.tableWrap{margin-top:12px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:560px}th,td{text-align:left;border-bottom:1px solid #e2e8f0;padding:8px}.group-list,.simpleList{gap:6px;margin:0;padding:0;list-style:none;display:grid}.group-list li{border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;padding:8px 10px;display:flex}.group-row{align-items:center;gap:10px}.group-actions{align-items:center;gap:8px;display:flex}.group-edit-grid{grid-template-columns:2fr 120px auto auto;gap:8px;width:100%;display:grid}.report-controls{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:12px;display:grid}.report-filter-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:12px;display:grid}.checkbox-list{border:1px solid #e2e8f0;border-radius:8px;gap:6px;max-height:180px;padding:8px;display:grid;overflow:auto}.checkbox-row{align-items:center;gap:8px;font-weight:500;display:flex}.checkbox-row input{width:16px;height:16px}button.danger{color:#b91c1c;border-color:#ef4444}@media (width>=860px){.admin-grid{grid-template-columns:1fr 1fr}}