:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#162033;background:#f4f7fb;--navy:#071c35;--navy2:#0d2b50;--blue:#315efb;--purple:#7657ff;--teal:#0d9b91;--green:#19a463;--amber:#dc8b16;--red:#de4b55;--line:#dfe6ef;--muted:#69778b;--panel:#fff;--soft:#eef3fa}*{box-sizing:border-box}body{margin:0}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}body{background:#f4f7fb}.layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--navy),#061426);color:#fff;padding:22px 16px;position:sticky;top:0;height:100vh;overflow:auto}.brand{font-size:18px;font-weight:800;padding:4px 10px 22px}.brand small{display:block;color:#8fb6dc;font-weight:600;font-size:11px;margin-top:5px;letter-spacing:.04em}.nav-label{padding:16px 11px 6px;color:#7894b1;font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.sidebar a{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:3px 0;border-radius:9px;color:#dce8f5;font-size:14px}.sidebar a:hover,.sidebar a.active{background:linear-gradient(90deg,#315efb,#6748df);color:#fff}.nav-icon{width:20px;text-align:center}.main{min-width:0;padding:24px 30px 50px}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.eyebrow{color:var(--blue);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em}h1{font-size:28px;margin:4px 0}h2{font-size:20px}h3{font-size:16px}.muted{color:var(--muted)}.header-actions{display:flex;gap:10px;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#315efb,#7a5cff);color:#fff;display:grid;place-items:center;font-weight:800}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;display:flex;justify-content:space-between;gap:12px;min-height:116px}.metric{font-size:30px;font-weight:850;color:var(--navy);margin:7px 0 2px}.metric-label{font-size:13px;color:var(--muted);font-weight:650}.trend{font-size:12px;font-weight:750}.trend.up{color:var(--green)}.trend.down{color:var(--red)}.metric-icon{width:42px;height:42px;border-radius:12px;background:#edf2ff;color:var(--blue);display:grid;place-items:center;font-size:21px}.btn{border:0;background:linear-gradient(90deg,var(--blue),#6348df);color:#fff;padding:10px 15px;border-radius:9px;font-weight:750;cursor:pointer}.btn.alt{background:var(--navy)}.btn.light{background:#edf2ff;color:#3150c7}.btn.danger{background:#fff0f1;color:#ba2835}.form{display:grid;gap:12px}.form2{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#172033}textarea{min-height:100px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}th{color:#68758a;background:#fafbfd;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.badge{display:inline-block;border-radius:99px;padding:4px 9px;font-size:11px;font-weight:800;background:#e9f7f4;color:#08766e}.badge.high{background:#fff0f1;color:#bf3040}.badge.medium{background:#fff6e7;color:#a56200}.badge.low{background:#eaf8f0;color:#147844}.progress{height:10px;background:#e9eef5;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#315efb,#21b7aa);border-radius:99px}.split{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.stack{display:grid;gap:16px}.chart{height:220px;position:relative;padding:16px 8px 8px}.chart svg{width:100%;height:100%}.chart-grid line{stroke:#e7ecf3;stroke-width:1}.chart-line{fill:none;stroke:#315efb;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.chart-area{fill:url(#areaGradient);opacity:.25}.chart-dot{fill:#fff;stroke:#315efb;stroke-width:3}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(#315efb 0,#315efb 32%,#14aa73 32%,#14aa73 59%,#ffac38 59%,#ffac38 78%,#e7eaf0 78%);display:grid;place-items:center;margin:auto}.donut:after{content:"";width:92px;height:92px;border-radius:50%;background:#fff}.donut-center{position:absolute;text-align:center;font-weight:850;font-size:24px}.donut-wrap{position:relative;display:grid;place-items:center}.opportunity-row{display:grid;grid-template-columns:1fr 80px 48px;gap:10px;align-items:center;margin:13px 0}.opportunity-row .progress{height:8px}.upload-zone{border:2px dashed #b9c8dc;border-radius:14px;padding:34px;text-align:center;background:#fafcff}.upload-zone strong{display:block;font-size:16px;margin-bottom:6px}.insight-card{border-left:5px solid var(--blue)}.insight-card.high{border-left-color:var(--red)}.insight-card.medium{border-left-color:var(--amber)}.kpi-compare{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}.kpi-compare>div{background:#fff;padding:12px}.kpi-compare .head{background:#f7f9fc;font-weight:800;color:#657287;font-size:12px}.mobile-top{display:none}.error{color:#b42318}.success{color:#067647}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#071c35,#315efb)}.login-card{width:min(430px,92%);background:#fff;padding:28px;border-radius:16px}.hero{background:linear-gradient(135deg,#071c35,#174f7a);color:#fff;padding:70px 0}.wrap{width:min(1120px,92%);margin:auto}.hero h1{font-size:clamp(42px,6vw,68px);line-height:1.02}.public-nav{background:#071c35;color:#fff}.public-nav .wrap{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.public-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:50px 0}@media(max-width:1100px){.grid{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}}@media(max-width:800px){.layout{grid-template-columns:1fr}.sidebar{display:none}.mobile-top{display:flex;background:var(--navy);color:#fff;padding:13px 16px;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.main{padding:18px}.grid,.grid2,.grid3,.form2,.public-grid{grid-template-columns:1fr}.app-header{align-items:flex-start}.header-actions{display:none}.kpi-compare{grid-template-columns:1fr 1fr}.kpi-compare .hide-mobile{display:none}}.metric-button{width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit}.metric-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #112a5314}.mobile-actions{display:flex;gap:7px}.mobile-actions button{border:0;background:#ffffff1f;color:#fff;border-radius:8px;padding:7px 10px;font-weight:800}.mobile-actions sup{background:#ef4456;border-radius:10px;padding:1px 5px;margin-left:2px}.nav-count{margin-left:auto;background:#ef4456;color:#fff;padding:1px 7px;border-radius:99px;font-size:10px}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020e1da6;z-index:1000}.mobile-drawer{width:min(320px,86vw);height:100%;overflow:auto;background:linear-gradient(180deg,var(--navy),#061426);color:#fff;padding:22px 16px;position:relative}.drawer-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#fff;font-size:34px}.notification-card{width:100%;text-align:left;display:flex;justify-content:space-between;margin-bottom:12px;cursor:pointer}.notification-card.read{opacity:.67}.notification-card>span{color:#315efb}.training-tile{display:block;transition:.2s}.training-tile:hover{transform:translateY(-3px);box-shadow:0 12px 30px #112a5317}.training-icon{font-size:30px;color:#315efb}.assignment{padding:13px 0;border-bottom:1px solid var(--line)}.assignment-actions{display:flex;gap:8px;margin-top:8px}.assistant-answer{white-space:pre-wrap;font-family:inherit;line-height:1.6}