:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fb;--panel:#fff;--ink:#182235;--muted:#667085;--line:#e5e7eb;--primary:#00a4ad;--primary2:#f87546;--soft:#e6fffb;--danger:#b42318;--warning:#b54708;--good:#027a48;--shadow:0 18px 46px #0f172a14;--radius:22px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body[data-theme=coral]{--primary:#f87546;--primary2:#00a4ad;--soft:#fff3ed}body[data-theme=midnight]{--primary:#4f46e5;--primary2:#06b6d4;--soft:#eef2ff}body[data-theme=forest]{--primary:#15803d;--primary2:#0f766e;--soft:#ecfdf3}body[data-theme=lavender]{--primary:#7c3aed;--primary2:#db2777;--soft:#f5f3ff}body[data-theme=highContrast]{--primary:#000;--primary2:#ffb000;--soft:#fff6cc}body[data-appearance=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1220;--panel:#111827;--ink:#eef2ff;--muted:#aab4c5;--line:#263244;--soft:#102a34;--shadow:0 18px 46px #00000059}*{box-sizing:border-box}body{background:radial-gradient(circle at top left,color-mix(in srgb,var(--primary) 15%,transparent),transparent 34rem),radial-gradient(circle at bottom right,color-mix(in srgb,var(--primary2) 12%,transparent),transparent 32rem),var(--bg);color:var(--ink);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:295px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#0b1220;height:100vh;padding:22px;position:sticky;top:0;overflow:auto}.brand-card{background:#fff;border-radius:20px;margin-bottom:20px;padding:14px;box-shadow:0 20px 45px #0000002e}.brand-card img{width:100%;height:auto;display:block}.sidebar nav{gap:8px;display:grid}.sidebar nav button{color:#d6dce7;text-align:left;background:0 0;border:0;border-radius:15px;align-items:center;gap:10px;padding:13px 14px;font-weight:700;display:flex}.sidebar nav button:hover{background:#ffffff14}.sidebar nav button.active{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff}.sidebar-foot{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:18px;margin-top:18px;padding:14px}.sidebar-foot select{border:0;border-radius:12px;width:100%;margin-top:8px;padding:10px}.toggle{gap:8px;margin-top:10px;display:flex}.toggle button{color:#fff;background:0 0;border:1px solid #ffffff26;border-radius:12px;flex:1;padding:9px}.toggle .active-pill{color:#111827;background:#fff}main{padding:30px;overflow:hidden}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.eyebrow{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:900}.topbar h1{letter-spacing:-.055em;margin:0;font-size:clamp(30px,4vw,48px)}.sub{color:var(--muted);max-width:780px;margin:8px 0 0;line-height:1.45}.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.top-actions button,.form button{background:var(--primary);color:#fff;box-shadow:0 12px 24px color-mix(in srgb,var(--primary) 18%,transparent);border:0;border-radius:14px;padding:11px 14px;font-weight:850}.top-actions button:not(.danger){background:var(--panel);color:var(--ink);border:1px solid var(--line);box-shadow:none}.danger{background:var(--danger)!important}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.two{grid-template-columns:minmax(330px,430px) 1fr;align-items:start;gap:18px;display:grid}.card,.metric{background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px}.card.wide{grid-column:1/-1}.card h2{letter-spacing:-.02em;margin:0 0 14px;font-size:18px}.metric{min-height:128px}.metric small{color:var(--muted);font-weight:850;display:block}.metric strong{letter-spacing:-.05em;margin-top:8px;font-size:32px;display:block}.metric.primary{border-top:5px solid var(--primary)}.metric.good{border-top:5px solid var(--good)}.metric.warn{border-top:5px solid var(--warning)}.metric.bad{border-top:5px solid var(--danger)}.form{gap:11px;display:grid}.row{grid-template-columns:1fr 1fr;gap:10px;display:grid}input,select,textarea{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);border-radius:14px;outline:none;padding:11px 12px}textarea{resize:vertical;min-height:78px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 14%,transparent)}.search{margin-bottom:12px}.table-wrap{border:1px solid var(--line);border-radius:16px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{background:color-mix(in srgb,var(--primary) 8%,var(--panel));color:var(--muted);text-align:left;white-space:nowrap;padding:12px 10px}td{border-top:1px solid var(--line);vertical-align:top;padding:12px 10px}tr:hover td{background:color-mix(in srgb,var(--primary) 4%,transparent)}.empty{text-align:center;color:var(--muted);padding:28px}.attention{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.alert,.report-line,.receipt-lite{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:13px;line-height:1.35}.alert.good{color:#027a48;background:#ecfdf3;border-color:#a6f4c5}.alert.warn{color:#b54708;background:#fffaeb;border-color:#fedf89}.alert.bad{color:#b42318;background:#fff1f1;border-color:#fecdca}.report-line{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.receipt-lite{justify-content:space-between;align-items:center;display:flex}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tabs button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:999px;padding:9px 13px;font-weight:850}.tabs button.active{background:var(--primary);border-color:var(--primary);color:#fff}.progress{background:color-mix(in srgb,var(--primary) 12%,var(--panel));border-radius:999px;height:14px;margin:4px 0 16px;overflow:hidden}.progress i{background:linear-gradient(90deg,var(--primary),var(--primary2));border-radius:999px;height:100%;display:block}.checklist{gap:10px;display:grid}.check{border:1px solid var(--line);background:var(--panel);border-radius:15px;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.check input{width:18px;height:18px;accent-color:var(--primary)}.check b{color:var(--muted);font-size:12px}.fade{animation:.22s fade}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.toast{color:#fff;z-index:20;background:#101828;border-radius:16px;padding:14px 16px;position:fixed;bottom:24px;right:24px;box-shadow:0 22px 60px #00000047}@media (width<=1150px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar nav{grid-template-columns:repeat(2,1fr)}.brand-card{max-width:360px}.grid{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.attention{grid-template-columns:1fr 1fr}.topbar{flex-direction:column}.top-actions{justify-content:flex-start}}@media (width<=680px){main{padding:18px}.grid,.attention,.sidebar nav,.row{grid-template-columns:1fr}.top-actions button{width:100%}}@media print{.sidebar,.top-actions,.tabs,.form button{display:none!important}.app-shell{display:block}main{padding:0}.card,.metric{box-shadow:none;break-inside:avoid}}
