:root{--brand: #043050;--brand-primary: #043050;--brand-primary-2: #237cbb;--brand-hover: #0ea5e9;--brand-text: #38bdf8;--bg: #ffffff;--ink: #0f172a;--ink-soft: #334155;--muted: #6b7280;--card: #ffffff;--card-border: #e5e7eb;--shadow: 0 10px 28px rgba(16, 24, 40, .08);--radius: 12px;--transition: .25s ease;--br: 14px}:root[data-theme=light]{--brand: #043050;--brand-primary: #043050;--brand-primary-2: #237cbb;--brand-hover: #0ea5e9;--brand-text: #38bdf8;--bg: #ffffff;--ink: #0f172a;--ink-soft: #334155;--muted: #6b7280;--card: #ffffff;--card-border: #e5e7eb;--shadow: 0 10px 28px rgba(16, 24, 40, .08);--radius: 12px;--transition: .25s ease}:root[data-theme=dark]{--brand: #043050;--brand-primary: #043050;--brand-primary-2: #237cbb;--brand-hover: #38bdf8;--brand-text: #38bdf8;--bg: #0b0f1c;--ink: #e5e7eb;--ink-soft: #cbd5e1;--muted: #8aa0c2;--card: #131a2a;--card-border: #1d2538;--shadow: 0 10px 28px rgba(2, 6, 23, .45);--radius: 12px;--transition: .25s ease}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);transition:background var(--transition),color var(--transition)}h1,h2,h3,h4{color:var(--ink);font-weight:600}a{color:var(--brand-text);transition:color var(--transition)}a:hover{color:var(--brand-hover)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.navbar,.topbar{background:linear-gradient(90deg,var(--brand-primary) 0%,var(--brand-primary-2) 100%);padding:1rem 2rem;color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);position:sticky;top:0;z-index:30}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0}.brand{display:flex;align-items:center;gap:12px}.badge{width:36px;height:36px;border-radius:8px;background:var(--brand);box-shadow:var(--shadow)}.title{font-weight:800;color:#fff;letter-spacing:.2px}.tagline{font-size:12px;color:#ffffffe6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 14px;border-radius:var(--radius);border:1px solid transparent;font-weight:600;cursor:pointer;transition:.15s ease-in-out}.btn-primary{background:linear-gradient(90deg,var(--brand-primary) 0%,var(--brand-primary-2) 100%);color:#fff;padding:.7rem 1.6rem;border-radius:var(--radius);font-weight:600;border:none;cursor:pointer;transition:background var(--transition),transform var(--transition)}.btn-primary:hover{background:var(--brand-hover);transform:translateY(-1px)}.btn-secondary{background:var(--brand);color:#fff;padding:.7rem 1.6rem;border-radius:var(--radius);font-weight:500;border:none;cursor:pointer;transition:background var(--transition),transform var(--transition)}.btn-secondary:hover{background:#e45b25;transform:translateY(-1px)}.btn-outline{color:var(--brand);border-color:var(--brand);background:transparent}.btn-outline:hover{background:color-mix(in srgb,var(--brand) 8%,transparent)}.theme-toggle{border:1px solid var(--card-border);background:var(--card);color:var(--ink)}.theme-toggle:hover{box-shadow:var(--shadow)}.hero{padding:40px 0 0}.hero h1{font-size:40px;line-height:1.1;margin:0 0 8px;color:var(--brand)}.hero p{color:var(--muted);max-width:720px}.search-bar input,.search-row .input{border:1px solid var(--card-border);border-radius:var(--radius);padding:.7rem 1rem;width:100%;background:var(--card);color:var(--ink);box-shadow:var(--shadow)}.search-bar button,.search-row .btn{background:linear-gradient(90deg,var(--brand-primary) 0%,var(--brand-primary-2) 100%);color:#fff;border:none;padding:.7rem 1.5rem;border-radius:var(--radius);cursor:pointer;transition:background var(--transition)}.search-bar button:hover,.search-row .btn:hover{background:var(--brand-hover)}.input::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent)}.input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin:28px 0 60px}.col-4{grid-column:span 4}@media (max-width: 1024px){.col-4{grid-column:span 6}}@media (max-width: 640px){.col-4{grid-column:span 12}}.module-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:transform var(--transition),box-shadow var(--transition);position:relative}.module-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,var(--brand-primary) 0%,var(--brand-primary-2) 100%);border-radius:var(--radius) var(--radius) 0 0}.module-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #00000026}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;justify-content:space-between;transition:box-shadow .15s ease-in-out,border-color .15s ease-in-out;box-shadow:var(--shadow)}.card:hover{border-color:var(--brand-primary);box-shadow:0 18px 38px #00000026}.card-head{display:flex;gap:12px;align-items:center}.iconwrap{width:44px;height:44px;border-radius:10px;background:var(--brand);display:grid;place-items:center;box-shadow:var(--shadow);color:#fff}.card h3{margin:0;font-size:18px;color:var(--brand)}.card p{margin:6px 0 0;color:var(--muted);font-size:14px}.card-actions{display:flex;gap:10px;margin-top:14px}.header-sticky{position:sticky;top:0;background:var(--card);border-bottom:1px solid var(--card-border);z-index:20}.page-head{display:flex;align-items:center;gap:10px;padding:12px 0}.kicker{font-weight:700;color:var(--brand)}.section{margin:24px 0}.row{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.col-6{grid-column:span 6}.col-12{grid-column:span 12}.panel{border:1px dashed var(--card-border);border-radius:var(--radius);min-height:220px;display:grid;place-items:center;color:var(--muted)}.footer{border-top:1px solid var(--card-border);padding:24px 0;color:var(--muted);font-size:14px}.badge{background:var(--brand);color:#fff;padding:.3rem .7rem;border-radius:20px;font-size:.8rem;font-weight:600}.chart-line{stroke:var(--brand)}.chart-fill{fill:var(--brand)}.text-accent{color:var(--brand)}.text-primary{color:var(--brand-text)}.text-muted{color:var(--muted)}.shadow{box-shadow:var(--shadow)}.footer a{color:inherit;text-decoration:none}.footer a:hover{text-decoration:underline}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(90deg,var(--brand-primary) 0%,var(--brand-primary-2) 100%)}.login-container{text-align:center;background:#fff;padding:3rem 4rem;border-radius:16px;box-shadow:0 16px 32px #0000001a}.login-container .logo{font-size:3rem;font-weight:800;color:var(--brand-primary);margin-bottom:.5rem}.login-container .tagline{font-size:1.25rem;color:var(--ink-soft);margin-bottom:2rem}.login-box{display:inline-block}.navbar{background:linear-gradient(90deg,var(--brand-primary) 0%,var(--brand-primary-2) 100%);display:flex;align-items:center;justify-content:space-between;padding:.8rem 2rem;color:#fff;box-shadow:0 2px 8px #0000001a}.nav-left{display:flex;align-items:center;cursor:pointer}.nav-left .logo{height:40px;width:40px;margin-right:10px;background:#fff;border-radius:8px}.nav-left .brand{font-size:1.4rem;font-weight:700}.nav-right .btn-secondary{background:var(--brand-hover);color:#fff;padding:.5rem 1.2rem;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;transition:background .25s}.nav-right .btn-secondary:hover{background:#0284c7}.dashboard{padding:2rem;max-width:1200px;margin:0 auto}.dashboard h1{font-size:2rem;margin-bottom:.5rem;color:var(--ink)}.dashboard p{font-size:1.1rem;margin-bottom:2rem;color:var(--ink-soft)}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.module-card{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000000d;transition:transform .2s,box-shadow .2s}.module-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.module-card h2{font-size:1.3rem;margin-bottom:.5rem;color:var(--ink)}.module-card p{font-size:.95rem;color:#475569;margin-bottom:1rem}.module-card .actions{display:flex;gap:.7rem}.module-card .btn-primary{background:linear-gradient(90deg,var(--brand-primary) 0%,var(--brand-primary-2) 100%);border:none;color:#fff;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-weight:600}.module-card .btn-secondary{background:#e2e8f0;border:none;color:var(--ink);padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-weight:500}.module-card .btn-primary:hover{background:var(--brand-hover)}