@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap";:root{--bg: #f4f9ff;--bg2: #e8f1fb;--ink: #0d2438;--ink-soft: #4f677b;--brand: #124e78;--brand-2: #2f84b9;--card: #ffffff;--line: #d8e4f0;--ok: #177245}*{box-sizing:border-box}body{margin:0;font-family:Manrope,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 8%,#ffffff 0%,var(--bg2) 34%,var(--bg) 100%)}.layout{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{border-right:1px solid var(--line);background:linear-gradient(180deg,#fff,#edf5ff);padding:18px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:16px}.logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%);color:#fff;display:grid;place-items:center;font-weight:800}.nav{width:100%;text-align:left;border:1px solid transparent;background:transparent;padding:10px 12px;border-radius:12px;font-weight:600;color:var(--ink);margin-bottom:8px;cursor:pointer}.nav:hover{background:#eff6ff}.nav.active{border-color:#bfdaef;background:#dff0ff}.main{padding:20px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.pill{background:#dff5e8;color:var(--ok);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 10px 26px #124e7814}.center{min-height:100vh;display:grid;place-items:center;padding:18px}.login{width:min(460px,96vw);display:grid;gap:12px}.login label,.form-grid label{display:grid;gap:6px;font-size:14px;font-weight:600}input,select{border:1px solid #c8d8e8;border-radius:10px;padding:10px 12px;font:inherit;color:var(--ink);background:#fff}input:focus,select:focus{outline:none;border-color:var(--brand-2);box-shadow:0 0 0 3px #2f84b926}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.top-actions{display:flex;gap:8px;align-items:center}.btn{border:1px solid transparent;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%);color:#fff;border-radius:10px;padding:9px 14px;font:inherit;font-weight:700;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-soft{background:#eff6ff;color:var(--ink);border-color:#c6ddf1}.checkbox{display:flex!important;align-items:center;gap:8px;font-weight:600}.checkbox input{width:17px;height:17px}.output{margin-top:10px;white-space:pre-wrap;background:#f7fbff;border:1px solid #d4e5f2;border-radius:12px;padding:12px;min-height:120px}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #e2ecf5;text-align:left;padding:9px 8px;font-size:14px}.error{border:1px solid #efb5b5;color:#8f2323;background:#fff1f1;border-radius:10px;padding:9px 10px;font-size:14px}.panel code{background:#f1f6fb;padding:6px 8px;border-radius:8px;border:1px solid #d3e0ec}.receipts .flag{display:inline-block;margin-top:10px;padding:6px 10px;border-radius:10px;border:1px solid #efc38a;background:#fff2e1;color:#8a4d00;font-weight:700}.muted{color:var(--ink-soft);font-size:13px}@media (max-width: 900px){.layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}}