@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");:root{--navy:#102342;--navy2:#18365f;--blue:#2d79e8;--muted:#7486a1;--line:#e2e9f2;--bg:#f3f6fa;--text:#172d4d}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg)}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:270px;flex:0 0 270px;background:var(--navy);color:#dbe6f6;display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.brand{height:112px;display:flex;align-items:center;gap:13px;padding:24px 26px;border-bottom:1px solid #ffffff13}.brand strong{display:block;font-size:21px;color:#fff}.brand small{display:block;margin-top:6px;font-size:10px;letter-spacing:1.5px;color:#9fb3d0}.wing-mark{width:43px;height:34px;border-radius:9px;background:#fff;color:#1e497f;display:grid;place-items:center;font-style:italic;font-size:21px;font-weight:900;box-shadow:0 3px 10px #0002}.nav-label{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#8fa7c8;padding:27px 26px 12px}.sidebar nav{padding:0 13px 12px;overflow:auto;flex:1}.nav-item{height:48px;width:100%;padding:0 14px;margin:2px 0;border:0;border-radius:10px;display:flex;align-items:center;gap:13px;text-align:left;color:#c5d4e8;background:transparent;font-weight:600;font-size:13px}.nav-item:hover{background:#ffffff12;color:white}.nav-item.active{background:#244d83;color:#fff;box-shadow:inset 4px 0 #75a8ff}.sidebar-user{border-top:1px solid #ffffff1c;padding:16px;display:flex;align-items:center;gap:10px}.user-avatar{width:38px;height:38px;border-radius:50%;background:#dce9ff;color:#28558c;display:grid;place-items:center;font-weight:800}.user-avatar.pale{width:36px;height:36px}.user-info{flex:1;min-width:0}.user-info b,.user-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info b{font-size:12px;color:white}.user-info small{font-size:10px;color:#9eb2cf;margin-top:4px}.icon-button,.sidebar-user>button{border:0;background:transparent;color:inherit;padding:7px}.main-area{min-width:0;flex:1}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);justify-content:space-between;padding:0 34px}.crumb,.topbar{display:flex;align-items:center}.crumb{gap:8px;color:#7a8ca7;font-size:13px}.crumb b{color:#18365e}.top-actions{gap:16px}.global-search,.top-actions{display:flex;align-items:center}.global-search{height:42px;width:280px;gap:9px;background:#f8fafd;border:1px solid var(--line);border-radius:10px;padding:0 12px;color:#8495af}.global-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.icon-button{color:#6b7f9c}.content-area{max-width:1700px;margin:auto;padding:30px 38px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#8798b2;margin:0 0 11px}.page-heading h1{font-size:29px;margin:0;color:#102b4e;letter-spacing:-.8px}.muted{color:#8191a8;font-size:13px;margin:9px 0 0}.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#286fce;color:white;border:0;border-radius:9px;padding:11px 16px;font-weight:700;font-size:13px;box-shadow:0 4px 10px #286fce23}.primary:hover{background:#1e5eaf}.primary:disabled{opacity:.65;cursor:wait}.dashboard{display:grid;gap:17px}.hero{min-height:178px;border-radius:15px;background:linear-gradient(108deg,#12355f,#1b5287 62%,#67a4ce);padding:32px 40px;color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.hero>div:first-child span{font-size:11px;letter-spacing:2px;font-weight:800;color:#d1e5fb}.hero h2{font-size:29px;margin:12px 0 7px}.hero p{margin:0;font-size:13px;color:#e2effc}.hero-tag{text-align:right;font-size:24px;font-weight:800;letter-spacing:1px;text-shadow:0 3px 7px #0004}.hero-tag b{font-style:italic}.hero-tag small{display:block;font-size:9px;letter-spacing:3px;margin-top:9px}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.kpi{min-height:112px;background:#fff;border:1px solid var(--line);border-left:4px solid #3480ed;border-radius:13px;padding:19px 15px;display:flex;align-items:center;gap:13px;box-shadow:0 2px 6px #173b6507}.kpi.green{border-left-color:#20ad62}.kpi.amber{border-left-color:#f2b11e}.kpi.purple{border-left-color:#8662df}.kpi-icon{height:43px;width:43px;border-radius:50%;display:grid;place-items:center;background:#eaf2ff;color:#347de0;flex:0 0 auto}.kpi.green .kpi-icon{background:#e2f8ec;color:#1aa55a}.kpi.amber .kpi-icon{background:#fff5d9;color:#d99a00}.kpi.purple .kpi-icon{background:#f0eaff;color:#8055d7}.kpi small{font-size:11px;color:#7789a4;display:block}.kpi strong{font-size:22px;display:block;margin:6px 0;color:#132c4d;white-space:nowrap}.kpi em{font-size:10px;color:#19a45a;font-style:normal}.dashboard-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:17px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:21px 22px;box-shadow:0 2px 7px #18385808;min-width:0}.panel h2{font-size:15px;margin:0;color:#1b3558}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.panel-heading p{font-size:11px;color:#8b9ab0;margin:6px 0 0}.text-button{border:0;background:transparent;color:#2d70c8;font-size:11px;font-weight:700;white-space:nowrap}.bars{display:grid;gap:15px;padding:7px 0}.bar-row{display:grid;grid-template-columns:minmax(100px,1fr) 2fr 32px;align-items:center;gap:12px;font-size:11px;color:#657994}.bar-row>div{height:8px;background:#edf2f8;border-radius:8px;overflow:hidden}.bar-row i{display:block;height:100%;background:#347de0;border-radius:8px}.bar-row b{text-align:right;color:#26466d}.pulse-item{height:60px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #eef2f6}.pulse-item:last-of-type{border:0}.pulse-icon{height:34px;width:34px;border-radius:9px;display:grid;place-items:center;background:#edf4ff;color:#377bd7}.pulse-icon svg{width:17px}.pulse-icon.orange{background:#fff5e6;color:#d99013}.pulse-item>div{flex:1}.pulse-item b,.pulse-item small{display:block}.pulse-item b{font-size:11px}.pulse-item small{font-size:10px;color:#91a0b5;margin-top:4px}.pulse-item strong{font-size:16px}.pulse-item button{border:0;background:#edf4ff;color:#2e6db8;padding:6px 10px;border-radius:7px;font-size:10px;font-weight:700}.pulse-foot{font-size:10px;color:#91a0b5;padding-top:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#8899b0;background:#f8fafd;padding:12px}td{font-size:12px;padding:13px 12px;border-bottom:1px solid #edf1f6;color:#455d7b}.status{padding:5px 8px;border-radius:20px;background:#eaf5ef;color:#258b54;font-size:10px}.empty{min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#91a1b5;font-size:12px}.empty b{color:#536a87}.empty.compact{min-height:110px}.records-panel{min-height:330px}.live-pill{font-size:10px;color:#228d56;background:#edf8f1;padding:7px 10px;border-radius:30px;white-space:nowrap}.live-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#20ad62;margin-right:6px}.record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.record-card{border:1px solid #e8edf4;border-radius:10px;padding:14px;min-width:0}.record-top{display:flex;justify-content:space-between;align-items:center;color:#2b5f9c;font-size:12px;font-weight:700}.record-top button{border:0;background:transparent;color:#a0adbe}.record-card pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;background:#f7f9fc;padding:10px;border-radius:7px;font-size:10px;color:#4e627e}.record-card>small{font-size:10px;color:#9aa8b9}.loading-line{font-size:11px;color:#8192a9;margin:-12px 0 12px}.error,.notice{display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:9px;font-size:12px;margin-bottom:13px}.error{background:#fff0ef;color:#b63c35;border:1px solid #ffd6d2}.notice{background:#eef9f1;color:#258451;border:1px solid #d7f0df}.error button,.notice button{margin-left:auto;border:0;background:transparent;color:inherit}.modal-backdrop{position:fixed;inset:0;background:#0b1c33a8;display:grid;place-items:center;padding:20px;z-index:10}.record-modal{width:min(650px,100%);background:white;border-radius:15px;padding:23px;box-shadow:0 20px 60px #07152c50}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start}.modal-heading h2{margin:0;font-size:18px}.modal-heading p{margin:7px 0 16px;color:#8494aa;font-size:11px}.modal-heading button{border:0;background:transparent;color:#7e8da1}.record-modal textarea{width:100%;height:240px;resize:vertical;border:1px solid #dce5ef;border-radius:9px;padding:13px;font:12px/1.6 Consolas,monospace;outline-color:#4383d5;background:#f8fafd}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:15px}.modal-actions>button:first-child{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 15px;color:#60748e}.auth-screen{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#102342,#1d5689);padding:20px}.auth-card{width:min(430px,100%);background:white;padding:36px;border-radius:17px;box-shadow:0 20px 70px #07172c60}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.auth-brand b{font-size:21px;display:block}.auth-brand small{font-size:9px;letter-spacing:1px;color:#8496ae}.auth-card h1{font-size:25px;margin:0}.auth-card label{display:block;font-size:11px;font-weight:700;color:#526781;margin-top:17px}.auth-card input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #dce4ee;border-radius:8px;outline-color:#4383d5}.full{width:100%;margin-top:22px}.link-button{display:block;border:0;background:transparent;color:#286fce;margin:17px auto 0;font-size:12px}.security-note{font-size:10px;line-height:1.5;color:#9aa8b9;text-align:center;margin:20px 0 0}.auth-card .error{margin-top:14px}footer{display:flex;justify-content:space-between;color:#96a4b7;font-size:10px;padding:24px 3px 7px}footer span{color:#aab5c4}@media(max-width:1250px){.sidebar{width:230px;flex-basis:230px}.content-area{padding:25px}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi:nth-child(4),.kpi:nth-child(5){grid-column:auto}}@media(max-width:850px){.sidebar{width:72px;flex-basis:72px}.brand{padding:15px;justify-content:center}.brand>div:not(.wing-mark),.nav-item span,.nav-label,.sidebar-user .user-info,.sidebar-user>button{display:none}.nav-item{justify-content:center;padding:0}.sidebar-user{justify-content:center;padding:12px 4px}.topbar{padding:0 18px}.content-area{padding:20px 16px}.dashboard-columns{grid-template-columns:1fr}.hero{padding:25px}.hero-tag{display:none}}@media(max-width:560px){.sidebar{width:58px;flex-basis:58px}.brand{height:76px}.wing-mark{width:34px;height:30px}.topbar{height:62px}.global-search{width:160px}.page-heading h1{font-size:23px}.page-heading{align-items:flex-start}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kpi{padding:12px 9px;gap:8px}.kpi-icon{width:34px;height:34px}.kpi strong{font-size:16px}.hero h2{font-size:23px}.record-grid{grid-template-columns:1fr}footer{font-size:9px;gap:10px;flex-wrap:wrap}}