@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap");:root{--bg:#f4f6fb;--surface:#fff;--surface-2:#f8f9fc;--text:#172033;--muted:#718096;--line:#e7eaf1;--primary:#5146e5;--primary-soft:#eeedff;--green:#0f9f78;--amber:#d98b16;--red:#df5b5b;--sidebar:#11172a;--shadow:0 8px 30px rgba(28,39,70,.06)}[data-theme=dark]{--bg:#0d1220;--surface:#151c2e;--surface-2:#1c2539;--text:#eef1f8;--muted:#96a0b5;--line:#273249;--sidebar:#090d18;--shadow:0 8px 30px rgba(0,0,0,.2)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif}button,input,select,textarea{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;background:var(--sidebar);color:#fff;position:fixed;inset:0 auto 0 0;padding:24px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 9px 28px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#756cf6,#4740c8);font:700 20px Manrope}.brand div{display:flex;flex-direction:column}.brand b{font:700 16px Manrope}.brand small{color:#8891aa;font-size:11px;margin-top:2px}.nav-label{font-size:10px;letter-spacing:1.6px;color:#65708a;margin:5px 12px 10px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{color:#9da7bd;text-decoration:none;padding:10px 12px;border-radius:9px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500}.sidebar nav a span{width:20px;text-align:center;font-size:16px}.sidebar nav a.active,.sidebar nav a:hover{color:#fff;background:#222b43}.sidebar nav a.active{box-shadow:inset 3px 0 #776df2}.sidebar-card{margin:auto 2px 18px;padding:16px;border:1px solid #303951;border-radius:12px;background:linear-gradient(140deg,#202842,#151c31);display:flex;flex-direction:column;align-items:flex-start}.sidebar-card>span{color:#9a92ff}.sidebar-card b{font-size:12px;margin-top:8px}.sidebar-card p{font-size:11px;color:#8f9ab2;line-height:1.5;margin:5px 0 10px}.sidebar-card a{color:#aaa4ff;font-size:11px;text-decoration:none}.sidebar-user{border-top:1px solid #252d42;padding:16px 8px 0;display:flex;align-items:center;gap:9px}.sidebar-user div{display:flex;flex-direction:column;flex:1 1}.sidebar-user b{font-size:11px}.sidebar-user small{color:#7d879e;font-size:9px}.avatar{width:32px;height:32px;border-radius:9px;background:#6158d9;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:700;flex:none}.workspace{margin-left:248px;min-width:0;flex:1 1}.topbar{height:70px;background:var(--surface);border-bottom:1px solid var(--line);padding:0 34px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.global-search,.topbar{display:flex;align-items:center}.global-search{gap:10px;width:420px;color:var(--muted)}.global-search input{border:0;background:transparent;outline:0;flex:1 1;color:var(--text);font-size:13px}.global-search kbd{font:10px inherit;background:var(--surface-2);border:1px solid var(--line);padding:3px 7px;border-radius:5px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.menu-btn,.top-actions button{border:0;background:transparent;color:var(--muted);font-size:18px;width:34px;height:34px;border-radius:8px}.top-actions button:hover{background:var(--surface-2)}.notification{position:relative}.notification i{position:absolute;width:6px;height:6px;border-radius:50%;background:#e85858;right:6px;top:5px}.menu-btn{display:none}main{padding:34px 36px 55px;max-width:1600px;margin:auto}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;gap:20px}.eyebrow{color:var(--primary);font-size:10px;font-weight:700;letter-spacing:1.4px}.page-header h1{font:800 30px Manrope;margin:5px 0 4px;letter-spacing:-1px}.page-header p,.panel-head p{color:var(--muted);font-size:13px;margin:0}.header-actions{display:flex;gap:9px}.btn{border:0;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:600;cursor:pointer}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 5px 15px rgba(81,70,229,.2)}.btn.secondary{background:var(--surface);color:var(--text);border:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:17px}.stats-grid.compact{grid-template-columns:repeat(4,minmax(180px,1fr))}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:18px;box-shadow:var(--shadow);position:relative}.stat-icon{position:absolute;right:16px;top:16px;width:34px;height:34px;border-radius:9px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:700}.stat-icon.teal{background:#e5f8f3;color:var(--green)}.stat-icon.amber{background:#fff5df;color:var(--amber)}.stat-icon.violet{background:#f2eafe;color:#8151c5}.stat-label{color:var(--muted);font-size:11px;margin-bottom:8px}.stat-card strong{font:800 24px Manrope;display:block;max-width:78%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card small{font-size:10px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr;grid-gap:16px;gap:16px}.panel,.table-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:20px;min-width:0}.panel.wide{grid-column:span 2}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.panel-head h2{font:700 15px Manrope;margin:0 0 4px}.live{color:var(--green);font-size:10px;background:#eaf9f4;padding:5px 8px;border-radius:20px}.attendance-chart{height:180px;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid var(--line);padding:5px 20px 0}.day{text-align:center}.columns{height:150px;display:flex;align-items:flex-end;gap:4px}.columns i{display:block;width:13px;background:linear-gradient(#726af0,#5046d9);border-radius:4px 4px 1px 1px;min-height:5px}.columns i+i{background:#f58d86}.day span,.legend{font-size:9px;color:var(--muted)}.legend{display:flex;gap:18px;padding-top:12px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.dot.indigo{background:var(--primary)}.dot.coral{background:#f58d86}.bar-chart{display:flex;flex-direction:column;gap:13px}.bar-row{display:grid;grid-template-columns:76px 1fr 35px;align-items:center;grid-gap:9px;gap:9px;font-size:10px}.bar-row>span{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-row>div{height:7px;background:var(--surface-2);border-radius:10px;overflow:hidden}.bar-row i{display:block;height:100%;background:linear-gradient(90deg,#6258e8,#8983f8);border-radius:10px}.bar-row b{text-align:right}.health-score{text-align:center;padding:5px}.health-score div{width:90px;height:90px;border:9px solid #dff5ee;border-top:9px solid var(--green);border-radius:50%;display:grid;place-content:center;margin:auto}.health-score strong{font:800 25px Manrope}.health-score span{font-size:9px;color:var(--muted)}.health-score p{color:var(--green);font-size:10px;font-weight:700}.health-items p{display:flex;justify-content:space-between;font-size:10px;border-top:1px solid var(--line);padding:9px 0;margin:0}.health-items span{color:var(--muted)}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:13px}.field,.toolbar select{height:39px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);padding:0 12px}.field.search{display:flex;align-items:center;gap:8px;width:390px}.field input{border:0;outline:0;background:transparent;color:var(--text);width:100%;font-size:12px}.toolbar select{font-size:11px}.result-count{font-size:10px;color:var(--muted);margin-left:auto}.table-card{padding:0;overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{background:var(--surface-2);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:9px}td,th{padding:12px 15px;white-space:nowrap}td{border-top:1px solid var(--line)}tbody tr:hover{background:var(--surface-2)}.person{display:flex;align-items:center;gap:10px}.person div{display:flex;flex-direction:column}.person b{font-size:11px}.person small{font-size:9px;color:var(--muted);margin-top:2px}.badge{display:inline-flex;padding:4px 8px;border-radius:20px;font-size:9px;font-weight:700;background:#e9f8f3;color:var(--green)}.badge.blue{background:#ebf1ff;color:#3971d6}.badge.amber{background:#fff3dc;color:#b87208}.badge.red{background:#feecec;color:#ce4b4b}.badge.gray{background:#eef0f4;color:#778092}.icon-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:7px;width:28px;height:28px}.empty,.loading-card{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:6px}.loading-card>span{display:inline-block;width:220px;height:12px;border-radius:10px;background:linear-gradient(90deg,var(--surface-2),var(--line),var(--surface-2));animation:pulse 1s infinite}.loading-card>span:nth-child(2){width:180px}.loading-card>span:nth-child(3){width:205px}.empty p,.loading-card p{font-size:10px}.empty>span{font-size:28px;color:var(--primary)}.empty b{font-size:13px;color:var(--text)}@keyframes pulse{50%{opacity:.45}}.error-banner{background:#ffeded;color:#b73d3d;padding:20px;border-radius:12px}.modal-backdrop{position:fixed;inset:0;background:rgba(9,14,28,.48);z-index:40}.profile-drawer{position:absolute;right:0;top:0;bottom:0;width:430px;background:var(--surface);padding:38px;overflow:auto;box-shadow:-20px 0 60px rgba(0,0,0,.15)}.profile-drawer .close{position:absolute;right:22px;top:18px;border:0;background:var(--surface-2);color:var(--text);font-size:20px;width:32px;height:32px;border-radius:8px}.avatar.huge{width:70px;height:70px;border-radius:18px;font-size:20px}.profile-drawer h2{font:800 23px Manrope;margin:18px 0 3px}.profile-drawer>p{color:var(--muted);font-size:12px}.profile-drawer h3{font:700 13px Manrope;margin-top:27px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:25px;padding:20px;background:var(--surface-2);border-radius:12px}.profile-grid div{display:flex;flex-direction:column;gap:4px}.profile-grid small{color:var(--muted);font-size:9px}.profile-grid b{font-size:11px}.placeholder-tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.placeholder-tabs span{border:1px solid var(--line);padding:12px;border-radius:8px;font-size:10px}.reports-layout{display:grid;grid-template-columns:300px 1fr;grid-gap:16px;gap:16px}.report-menu{display:flex;flex-direction:column;gap:7px}.report-menu button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:13px;text-align:left;display:flex;gap:11px}.report-menu button.active{border-color:var(--primary);background:var(--primary-soft)}.report-menu button>span{color:var(--primary)}.report-menu div{display:flex;flex-direction:column}.report-menu b{font-size:11px}.report-menu small{color:var(--muted);font-size:9px;margin-top:3px}.report-view{padding:0;overflow:hidden}.report-view .panel-head{padding:20px;margin:0}.ai-layout{display:grid;grid-template-columns:minmax(0,1.6fr) 380px;grid-gap:16px;gap:16px}.chat-card,.prompt-panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.chat-card{height:670px;display:flex;flex-direction:column;overflow:hidden}.chat-head{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 20px;gap:11px}.ai-orb{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(145deg,#6459e9,#9d62dd)}.chat-head>div:nth-child(2){display:flex;flex-direction:column}.chat-head b{font-size:12px}.chat-head span{color:var(--muted);font-size:9px}.chat-head span i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green)}.secure-badge{margin-left:auto!important;background:var(--surface-2);padding:6px 9px;border-radius:15px;color:var(--muted)!important}.messages{flex:1 1;padding:20px;overflow:auto;background:linear-gradient(var(--surface),var(--surface-2))}.message{display:flex;margin-bottom:15px}.message.user{justify-content:flex-end}.bubble{max-width:85%;padding:11px 14px;border-radius:4px 13px 13px 13px;background:var(--surface);border:1px solid var(--line);font-size:11px;line-height:1.55;box-shadow:0 3px 12px rgba(20,30,50,.04)}.message.user .bubble{background:var(--primary);color:#fff;border:0;border-radius:13px 4px 13px 13px}.mini-table{margin-top:10px;max-width:100%;overflow:auto}.mini-table table{font-size:9px}.mini-table td,.mini-table th{padding:7px;background:transparent}.chat-input{padding:14px 18px;border-top:1px solid var(--line);position:relative}.chat-input textarea{width:100%;height:54px;resize:none;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--text);padding:11px 46px 10px 12px;outline:0;font-size:11px}.chat-input button{position:absolute;right:28px;top:24px;width:34px;height:34px;border:0;border-radius:8px;background:var(--primary);color:#fff}.chat-input small{display:block;color:var(--muted);font-size:8px;margin-top:4px;text-align:center}.typing{display:flex;gap:4px;background:var(--surface);padding:12px;border-radius:10px}.typing i{width:5px;height:5px;border-radius:50%;background:var(--muted);animation:pulse .8s infinite}.prompt-panel{padding:24px;height:max-content}.prompt-panel h2{font:700 19px Manrope;margin:6px 0}.prompt-panel>p{color:var(--muted);font-size:11px;line-height:1.5}.prompt-panel>button{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:9px;padding:12px;text-align:left;font-size:10px;margin-top:8px;display:flex;gap:9px;line-height:1.4}.prompt-panel>button:hover{border-color:var(--primary)}.prompt-panel>button span{color:var(--primary)}.guardrail{margin-top:20px;padding:14px;background:#eef7ff;border-radius:10px;color:#24517d}.guardrail b{font-size:10px}.guardrail p{font-size:9px;line-height:1.5;margin-bottom:0}@media(max-width:1100px){.dashboard-grid{grid-template-columns:1fr 1fr}.panel.wide{grid-column:span 2}.stats-grid{grid-template-columns:1fr 1fr}.ai-layout{grid-template-columns:1fr}.prompt-panel{order:-1}.reports-layout{grid-template-columns:1fr}.report-menu{display:grid;grid-template-columns:1fr 1fr}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.workspace{margin-left:0}.menu-btn{display:block}.topbar{padding:0 20px}.global-search{margin-left:10px}main{padding:28px 22px}}@media(max-width:700px){.dashboard-grid,.stats-grid,.stats-grid.compact{grid-template-columns:1fr}.panel.wide{grid-column:auto}.page-header{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.header-actions .btn{flex:1 1}.global-search{display:none}.toolbar{flex-wrap:wrap}.field.search{width:100%}.table-card{margin-right:-15px}.report-menu,.reports-layout{grid-template-columns:1fr}.ai-layout{display:block}.prompt-panel{margin-bottom:15px}.chat-card{height:600px}main{padding:24px 15px}.profile-drawer{width:100%}}