:root{--blue:#052f67;--blue2:#064b9b;--orange:#ff9300;--bg:#f3f7fb;--card:#fff;--text:#0b1b35;--muted:#65758b;--border:#d8e2ef;--green:#16a34a;--red:#ef4444;--purple:#6d28d9}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#052f67,#0d6bc9)}.login-card{width:min(420px,92vw);background:#fff;padding:34px;border-radius:18px;box-shadow:0 20px 60px #001b3b66}.login-card h1{margin:0;color:var(--blue);font-size:42px}.login-card h1 span,.brand span{color:var(--orange)}.login-card input,.form-control{width:100%;padding:13px;border:1px solid var(--border);border-radius:10px;margin:8px 0 14px}.btn{display:inline-block;border:0;background:var(--blue2);color:#fff;padding:11px 16px;border-radius:10px;font-weight:700;cursor:pointer}.btn.orange{background:var(--orange)}.layout{display:flex;min-height:100vh}.sidebar{width:250px;background:linear-gradient(180deg,#052f67,#031a3a);color:#fff;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{display:flex;gap:10px;align-items:center;padding:18px;border-bottom:1px solid #ffffff22}.brand b{font-size:25px}.brand small{display:block;color:#b9cee9}.logo-mark{font-size:30px}.sidebar nav{padding:10px}.sidebar a{display:block;padding:12px 14px;border-radius:10px;margin:4px 0;color:#e9f2ff}.sidebar a.active,.sidebar a:hover{background:#0b72dd}.main{margin-left:250px;width:calc(100% - 250px)}.topbar{height:62px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:15px;padding:0 20px;position:sticky;top:0;z-index:5}.hamburger{background:#edf5ff;border:0;border-radius:8px;padding:9px}.search{flex:1;background:#f1f5f9;border:1px solid var(--border);border-radius:999px;padding:11px 16px;color:var(--muted)}.top-actions{display:flex;gap:16px;align-items:center}.content{padding:20px}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.page-title h2{margin:0;color:var(--blue)}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.card,.panel{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 4px 14px #0b1b3510}.card{padding:18px}.card .icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#e8f2ff;font-size:24px}.card h3{margin:12px 0 3px;font-size:14px;color:var(--muted)}.card strong{font-size:22px}.grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.panel{padding:18px}.panel h3{margin:0 0 14px;color:var(--blue)}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.module-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px;min-height:150px;box-shadow:0 6px 16px #0b1b3510;position:relative}.module-card .micon{font-size:34px}.module-card h3{margin:10px 0 6px;color:var(--blue)}.module-card p{color:var(--muted);font-size:14px;line-height:1.4}.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;background:#e8f2ff;color:#064b9b}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--border);padding:12px;text-align:left}.table th{color:var(--muted);font-size:13px}.status{padding:5px 9px;border-radius:8px;background:#e8fff0;color:#15803d;font-size:12px}.warning{background:#fff7ed;color:#c2410c}.workflow{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.step{background:#fff;border:1px solid var(--border);border-radius:12px;text-align:center;padding:14px;position:relative}.step b{display:block;color:var(--blue);font-size:13px}.step .num{background:#0b72dd;color:#fff;width:26px;height:26px;border-radius:50%;display:inline-grid;place-items:center;margin-bottom:8px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{padding:14px;background:#fff;border:1px solid var(--border);border-radius:13px}.feature h4{margin:8px 0;color:var(--blue)}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.workflow{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{position:static;width:100%}.layout{display:block}.main{margin:0;width:100%}.cards,.module-grid,.features{grid-template-columns:1fr}.workflow{grid-template-columns:1fr}.search{display:none}}