@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap";:root{color-scheme:light;--brand-navy: #123C74;--brand-blue: #1A5AA8;--brand-cyan: #10A8C0;--brand-cyan-bright: #2ECBE0;--brand-gradient: linear-gradient(135deg, #123C74 0%, #1A5AA8 46%, #10A8C0 100%);--color-bg: #ffffff;--color-surface: #ffffff;--color-raised: #f2f5f9;--color-text: #14212e;--muted: #55647a;--color-accent: #1a5aa8;--color-on-accent: #ffffff;--color-accent-100: #dfeafa;--color-accent-200: #b9d5f1;--color-accent-600: #164e92;--color-accent-700: #123c74;--color-accent-800: #0d2c56;--color-divider: #7a8ca3;--color-divider-soft: color-mix(in srgb, var(--color-divider) 62%, var(--color-surface));--color-rule: var(--brand-navy);--green: #1c7a52;--red: #b3261e;--amber: #8a5a00;--tint-green: #e2f2ea;--on-tint-green: #14563a;--tint-red: #fbe6e4;--on-tint-red: #8d1c16;--tint-amber: #fbf0d6;--on-tint-amber: #6a4700;--color-success-bg: var(--tint-green);--color-success-text: var(--on-tint-green);--color-success-border: var(--green);--sidebar: #0e2e56;--sidebar-text: #dce7f2;--sidebar-muted: #93a9c4;--sidebar-active: #1766c4;--color-shadow: 22, 33, 46;--color-scrim: rgba(10, 22, 38, .55);--font-heading: "Poppins", "Segoe UI", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--shadow-sm: 0 1px 2px rgba(var(--color-shadow), .1), 0 1px 1px rgba(var(--color-shadow), .06);--shadow-md: 0 4px 12px rgba(var(--color-shadow), .12);--shadow-lg: 0 16px 40px rgba(var(--color-shadow), .26);--bg: var(--color-bg);--card: var(--color-surface);--border: var(--color-divider-soft);--color-line: var(--color-divider-soft);--text: var(--color-text);--primary: var(--color-accent);--primary-dark: var(--color-accent-700)}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0c1420;--color-surface: #182434;--color-raised: #101a27;--color-text: #e8eff7;--muted: #9aaec6;--color-accent: #5aa5f0;--color-on-accent: #0c1420;--color-accent-100: #1d3350;--color-accent-200: #2c4e77;--color-accent-600: #7bb8f4;--color-accent-700: #9ccbf8;--color-accent-800: #cfe4fb;--color-divider: #61758f;--color-rule: #7f95b2;--green: #4fbf8b;--red: #f0736a;--amber: #e0a64a;--tint-green: #14312a;--on-tint-green: #8fe0ba;--tint-red: #3a1c1c;--on-tint-red: #ffb3ac;--tint-amber: #372a12;--on-tint-amber: #f2ce8a;--sidebar: #081a30;--sidebar-active: #1f6fcc;--color-shadow: 0, 0, 0;--color-scrim: rgba(4, 10, 18, .68);--shadow-sm: 0 1px 2px rgba(var(--color-shadow), .4);--shadow-md: 0 4px 14px rgba(var(--color-shadow), .48);--shadow-lg: 0 16px 44px rgba(var(--color-shadow), .62)}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:600;margin:0}h1{font-size:25px;letter-spacing:-.015em}h2{font-size:16px;margin:0 0 12px}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 28%,transparent)}.app{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--sidebar);color:var(--sidebar-text);flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar .brand{padding:18px 16px 14px}.sidebar .brand img{width:100%;max-width:168px;display:block;margin:0 auto;background:#fff;border-radius:var(--radius-md);padding:10px 12px;box-shadow:var(--shadow-sm)}.sidebar .section{padding:16px 18px 6px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--sidebar-muted);font-family:var(--font-heading);font-weight:600}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:9px 18px;color:var(--sidebar-text);font-size:14px;border-left:3px solid transparent}.sidebar nav a svg{width:18px;height:18px;flex:none;opacity:.78}.sidebar nav a:hover{background:#ffffff17}.sidebar nav a.active{background:var(--sidebar-active);color:#fff;border-left-color:var(--brand-cyan-bright);font-weight:600}.sidebar nav a.active svg{opacity:1;color:#fff}.sidebar .foot{margin-top:auto;padding:14px 18px;border-top:1px solid var(--sidebar-muted);font-size:12px;color:var(--sidebar-muted);--color-accent: var(--brand-cyan-bright)}.sidebar .foot button{background:none;border:0;padding:0;font:inherit;color:var(--color-accent);cursor:pointer;text-decoration:underline}.main{flex:1;min-width:0}.topbar{background:var(--color-bg);padding:14px 0 12px;position:sticky;top:0;z-index:5;border-style:solid;border-width:0 0 3px;border-image:var(--brand-gradient) 1}.topbar-inner{max-width:1440px;margin:0 auto;padding:0 28px;display:flex;justify-content:space-between;align-items:center;gap:14px}.topbar-title{font-family:var(--font-heading);font-weight:600;font-size:23px;line-height:1.15;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;align-items:center;gap:12px;flex:none}.topbar .topbar-date{font-size:12.5px;color:var(--muted);white-space:nowrap}.content{padding:26px 28px;max-width:1440px;margin:0 auto}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;padding:0;cursor:pointer;background:var(--color-surface);color:var(--muted);border:1px solid var(--color-divider);border-radius:999px}.theme-toggle:hover{color:var(--color-accent);border-color:var(--color-accent)}.theme-toggle svg{width:17px;height:17px}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:10px;border:1px solid var(--color-divider);box-shadow:var(--shadow-sm)}.card>h2{font-size:15px}.cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px}.stat{font-family:var(--font-body);font-size:26px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:500}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-bottom:5px}.field input,.field select,.field textarea,input[type=date],input[type=month],input[type=number],input[type=text],input[type=email],input[type=password],select,textarea{width:100%;min-height:36px;padding:6px 10px;font:inherit;font-size:14px;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md)}.field textarea{min-height:90px;resize:vertical}.field input:hover,.field select:hover,select:hover,input:hover{border-color:var(--color-text)}.field input:focus-visible,.field select:focus-visible,input:focus-visible,select:focus-visible{border-color:var(--color-accent);outline-offset:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-body);font-weight:600;font-size:14px;line-height:1.2;padding:8px 15px;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;background:var(--color-accent);color:var(--color-on-accent)}.btn:hover{background:var(--color-accent-600)}.btn:active{background:var(--color-accent-700)}.btn.secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-divider)}.btn.secondary:hover{background:var(--color-raised);border-color:var(--color-text)}.btn.danger{background:var(--red);color:var(--color-on-accent)}.btn.danger:hover{filter:brightness(.9)}.btn.ghost{background:transparent;color:var(--color-accent);padding-inline:8px}.btn.ghost:hover{background:color-mix(in srgb,var(--color-accent) 14%,transparent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.sm{padding:5px 10px;font-size:12.5px}table.tbl{width:100%;border-collapse:collapse;font-size:14px}table.tbl th{text-align:left;padding:9px 10px;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid var(--color-rule);font-family:var(--font-body);font-weight:600;white-space:nowrap}table.tbl td{padding:9px 10px;border-bottom:1px solid var(--color-divider-soft);white-space:nowrap}table.tbl tbody tr:hover td{background:color-mix(in srgb,var(--color-text) 5%,transparent)}.num{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}table.tbl td .toolbar{flex-wrap:nowrap;white-space:nowrap;margin:0}.badge{display:inline-flex;align-items:center;padding:3px 10px 3px 8px;font-size:11px;letter-spacing:.02em;border-radius:var(--radius-sm);font-weight:600}.badge.green{background:var(--tint-green);color:var(--on-tint-green);border-left:3px solid var(--green)}.badge.red{background:var(--red);color:var(--color-on-accent);border-left:3px solid var(--red)}.badge.amber{background:var(--tint-amber);color:var(--on-tint-amber);border-left:3px solid var(--amber)}.badge.blue{background:var(--color-accent-100);color:var(--color-accent-800);border-left:3px solid var(--color-accent)}.badge.gray{background:var(--color-raised);color:var(--muted);border:1px solid var(--color-divider);padding-left:10px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-scrim);display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:50;overflow-y:auto}.modal{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);padding:22px;width:100%;max-width:560px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:4px}.modal.wide{max-width:900px}.modal-title{font-family:var(--font-heading);font-weight:600;font-size:19px;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--color-rule)}.row-between{display:flex;justify-content:space-between;align-items:center}.muted{color:var(--muted)}.mt{margin-top:16px}.mb{margin-bottom:16px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.toolbar .field{margin-bottom:0}.spacer{flex:1}.error-box{background:var(--tint-red);color:var(--on-tint-red);border:1px solid var(--red);padding:10px 12px;border-radius:var(--radius-md);margin-bottom:12px;font-size:13px}.pill-tabs{display:inline-flex;gap:0;margin-bottom:16px;border:1px solid var(--color-divider);border-radius:var(--radius-md);overflow:hidden}.pill-tabs button{padding:7px 15px;border:none;border-left:1px solid var(--color-divider);background:var(--color-surface);cursor:pointer;font-size:13px;font-family:var(--font-body);font-weight:600;color:var(--color-text)}.pill-tabs button:first-child{border-left:none}.pill-tabs button:hover{background:var(--color-raised)}.pill-tabs button.active{background:var(--color-accent);color:var(--color-on-accent)}.login-wrap{min-height:100vh;min-height:100dvh;display:flex;align-items:stretch;justify-content:stretch;background:var(--color-bg);padding:0}.login-split{display:flex;width:100%;min-height:100vh;min-height:100dvh}.login-ink{flex:0 0 44%;max-width:460px;min-width:300px;background:linear-gradient(90deg,#08162aa8,#08162a6b 62%,#08162a00 96%),var(--brand-gradient);color:#fff;display:flex;align-items:center;padding:48px 46px}.login-ink-inner{max-width:300px}.login-mark{display:inline-block;background:#fff;padding:14px 18px;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.login-mark img{display:block;height:62px;width:auto}.login-system-name{font-family:var(--font-heading);font-weight:600;font-size:29px;line-height:1.18;letter-spacing:-.02em;color:#fff;margin:22px 0 0}.login-rule{width:64px;height:3px;background:#ffffffd9;border-radius:2px;margin:22px 0}.login-modules{font-family:var(--font-heading);font-weight:600;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#fffffff2;line-height:2}.login-tagline{font-size:12px;color:#ffffffe6;margin-top:26px}.login-form-col{position:relative;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;padding:40px 32px}.login-form-col .theme-toggle{position:absolute;top:20px;right:20px}.login-card{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);padding:32px;width:400px;max-width:100%;box-shadow:var(--shadow-md)}.login-card-title{font-family:var(--font-heading);font-weight:600;font-size:20px;letter-spacing:-.015em;border-bottom:2px solid var(--color-rule);padding-bottom:10px;margin-bottom:4px}.login-card-sub{font-size:12.5px;margin-bottom:18px}.menu-btn{display:none;background:none;border:none;color:var(--color-text);font-size:22px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:var(--radius-md)}.menu-btn:hover{background:var(--color-raised)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-scrim);z-index:55}.topbar{padding-top:max(14px,env(safe-area-inset-top))}.sidebar .brand{padding-top:max(18px,env(safe-area-inset-top))}@media (max-width: 820px){.sidebar{position:fixed;left:0;top:0;height:100vh;z-index:60;width:82%;max-width:300px;transform:translate(-100%);transition:transform .22s ease;box-shadow:2px 0 18px #00000052}.sidebar.open{transform:translate(0)}.main{width:100%;min-width:0}.menu-btn{display:inline-flex}.content{padding:16px}.grid-2,.grid-3{grid-template-columns:1fr}.topbar-date{display:none}.topbar-title{font-size:18px}h1{font-size:21px}.modal{padding:16px}.toolbar{gap:8px}.login-split{flex-direction:column}.login-ink{flex:0 0 auto;width:100%;max-width:none;min-width:0;align-items:flex-start;padding:max(18px,env(safe-area-inset-top)) 20px 16px}.login-ink-inner{max-width:none;display:flex;align-items:center;gap:14px}.login-mark{padding:6px 10px;flex-shrink:0}.login-mark img{height:32px}.login-system-name{font-size:16px;margin:0}.login-rule,.login-modules,.login-tagline{display:none}.login-form-col{flex:1;align-items:flex-start;padding:28px 16px max(20px,env(safe-area-inset-bottom))}.login-ink{padding-right:64px}.login-form-col .theme-toggle{position:fixed;top:max(15px,env(safe-area-inset-top));right:14px;z-index:2}.login-card{width:100%;padding:22px}}@media print{:root,:root[data-theme=dark]{color-scheme:light;--color-bg: #ffffff;--color-surface: #ffffff;--color-raised: #ffffff;--color-text: #14212e;--muted: #444c56;--color-divider: #7a8ca3;--color-rule: #123c74;--color-accent: #1a5aa8;--color-on-accent: #ffffff;--color-accent-100: #eef4fc;--color-accent-800: #0d2c56;--green: #1c7a52;--red: #b3261e;--amber: #6a4700;--tint-green: #e2f2ea;--on-tint-green: #14563a;--tint-red: #fbe6e4;--on-tint-red: #8d1c16;--tint-amber: #fbf0d6;--on-tint-amber: #6a4700}.sidebar,.topbar,.theme-toggle,.sidebar-backdrop,.btn{display:none!important}.content{padding:0;max-width:none}.card{box-shadow:none;break-inside:avoid}}