@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&family=Unbounded:wght@400;500;600;700&display=swap);*{box-sizing:border-box}body{color:#f2f4f8;font-family:Manrope,sans-serif;margin:0}button{font-family:inherit}#root{min-height:100vh}:root,[data-theme=dark]{--bg-0:#0b0d12;--bg-1:#12151c;--card:#141821;--input-bg:#1e2432bf;--border:#1f2637;--border-strong:#2a3347;--text:#eef1f7;--text-2:#b8c3d6;--muted:#8a95a8;--accent:#5ef5d8;--accent-dim:#5ef5d81a;--accent-str:#35d4b5;--blue:#6ca3f5;--blue-dim:#6ca3f51a;--purple:#b08aff;--purple-dim:#b08aff1a;--sun:#fcc96b;--sun-dim:#fcc96b1a;--rose:#ff8080;--rose-dim:#ff80801a;--shadow:0 2px 16px #04081266;--shadow-lg:0 6px 36px #0408128c;--radius:16px;--radius-sm:11px;--radius-xs:8px;--sidebar-bg:#0f1219;--sidebar-border:#5060782e;--nav-hover:#5ef5d80d;--nav-active:#5ef5d817}[data-theme=light]{--bg-0:#f0f3f9;--bg-1:#e6ebf4;--card:#fff;--input-bg:rgba(0,0,0,.035);--border:#dde3ee;--border-strong:#c6cfde;--text:#181d2c;--text-2:#475569;--muted:#7a8a9e;--accent:#0ea882;--accent-dim:#0ea88217;--accent-str:#0c9472;--blue:#3b82f6;--blue-dim:#3b82f617;--purple:#7c3aed;--purple-dim:#7c3aed17;--sun:#d97706;--sun-dim:#d9770617;--rose:#ef4444;--rose-dim:#ef444417;--shadow:0 1px 8px #0000000d,0 4px 18px #0000000d;--shadow-lg:0 4px 28px #00000014;--radius:16px;--radius-sm:11px;--radius-xs:8px;--sidebar-bg:#fff;--sidebar-border:#00000012;--nav-hover:#0ea8820d;--nav-active:#0ea88214}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b0d12;background:var(--bg-0);color:#eef1f7;color:var(--text);font-family:Inter,SF Pro Text,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#0f1219;background:var(--sidebar-bg);border-right:1px solid #5060782e;border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:4px;height:100vh;overflow-x:hidden;overflow-y:auto;padding:20px 14px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.brand{align-items:center;border-bottom:1px solid #5060782e;border-bottom:1px solid var(--sidebar-border);display:flex;gap:11px;margin-bottom:4px;padding:2px 6px 18px}.brand-mark{background:linear-gradient(135deg,#2ee3c5,#3d6ef3);border-radius:12px;color:#fff;display:grid;flex-shrink:0;font-size:13px;font-weight:800;height:38px;letter-spacing:.02em;place-items:center;width:38px}.brand-name{font-size:16px;font-weight:700;letter-spacing:-.025em;line-height:1.2}.brand-sub{color:#8a95a8;color:var(--muted);font-size:11px;margin-top:1px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:1px;padding:4px 0}.nav-label{font-size:10px;font-weight:600;letter-spacing:.14em;padding:8px 8px 6px;text-transform:uppercase}.nav-btn,.nav-label{color:#8a95a8;color:var(--muted)}.nav-btn{align-items:center;background:#0000;border:none;border-radius:11px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-family:inherit;font-size:13.5px;gap:10px;padding:9px 10px;position:relative;text-align:left;transition:background .16s,color .16s;width:100%}.nav-btn:hover{background:#5ef5d80d;background:var(--nav-hover);color:#eef1f7;color:var(--text)}.nav-btn.active{background:#5ef5d817;background:var(--nav-active);color:#5ef5d8;color:var(--accent);font-weight:500}.nav-indicator{background:#5ef5d8;background:var(--accent);border-radius:0 3px 3px 0;bottom:8px;left:0;position:absolute;top:8px;width:3px}.sidebar-footer{border-top:1px solid #5060782e;border-top:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:1px;margin-top:auto;padding-top:8px}.footer-btn{align-items:center;background:#0000;border:none;border-radius:11px;border-radius:var(--radius-sm);color:#8a95a8;color:var(--muted);cursor:pointer;display:flex;font-family:inherit;font-size:13.5px;gap:10px;padding:9px 10px;text-align:left;transition:background .16s,color .16s;width:100%}.footer-btn:hover{background:#5ef5d80d;background:var(--nav-hover);color:#5ef5d8;color:var(--accent)}.footer-btn.danger:hover{background:#ff80801a;background:var(--rose-dim);color:#ff8080;color:var(--rose)}.main{display:flex;flex-direction:column;gap:20px;min-width:0;overflow-x:hidden;padding:22px 28px 48px}.topbar{gap:12px;justify-content:space-between}.search-box,.topbar{align-items:center;display:flex}.search-box{background:#141821;background:var(--card);border:1px solid #1f2637;border:1px solid var(--border);border-radius:11px;border-radius:var(--radius-sm);color:#8a95a8;color:var(--muted);flex:1 1;gap:8px;height:40px;max-width:420px;padding:0 13px;transition:border-color .16s}.search-box:focus-within{border-color:#5ef5d8;border-color:var(--accent)}.search-input{background:none;border:none;color:#eef1f7;color:var(--text);flex:1 1;font-family:inherit;font-size:13.5px;outline:none}.kbd,.search-input::placeholder{color:#8a95a8;color:var(--muted)}.kbd{background:#1f2637;background:var(--border);border-radius:5px;font-family:inherit;font-size:10.5px;padding:2px 6px}.topbar-right{align-items:center;display:flex;gap:8px}.icon-btn{background:#141821;background:var(--card);border:1px solid #1f2637;border:1px solid var(--border);border-radius:11px;border-radius:var(--radius-sm);color:#8a95a8;color:var(--muted);cursor:pointer;display:grid;height:40px;place-items:center;position:relative;transition:border-color .16s,color .16s;width:40px}.icon-btn:hover{border-color:#2a3347;border-color:var(--border-strong);color:#eef1f7;color:var(--text)}.notif-dot{background:#ff8080;background:var(--rose);border:2px solid #141821;border:2px solid var(--card);border-radius:50%;height:7px;position:absolute;right:8px;top:8px;width:7px}.primary-btn{align-items:center;background:linear-gradient(135deg,#2ee3c5,#3d6ef3);border:none;border-radius:11px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:13.5px;font-weight:600;gap:6px;height:40px;padding:0 16px;transition:filter .16s,transform .16s;white-space:nowrap}.primary-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.breadcrumb{align-items:center;color:#8a95a8;color:var(--muted);display:flex;font-size:12.5px;gap:5px}.bc-link{cursor:pointer;transition:color .15s}.bc-link:hover{color:#5ef5d8;color:var(--accent)}.bc-current{color:#b8c3d6;color:var(--text-2);font-weight:500}.hero:before{background:linear-gradient(90deg,#5ef5d8,#3d6ef3);background:linear-gradient(90deg,var(--accent) 0,#3d6ef3 100%);content:"";height:2.5px;left:0;position:absolute;right:0;top:0}.hero{align-items:stretch;background:#141821;background:var(--card);border:1px solid #1f2637;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);box-shadow:0 2px 16px #04081266;box-shadow:var(--shadow);display:flex;gap:20px;overflow:hidden;padding:24px 26px;position:relative}.hero-left{align-items:flex-start;display:flex;flex:1 1;gap:18px;min-width:0}.hero-avatar{background:linear-gradient(135deg,#fcc96b,#ff7272);border-radius:18px;color:#1c1f2a;display:grid;flex-shrink:0;font-size:22px;font-weight:700;height:70px;letter-spacing:-.02em;place-items:center;transition:transform .22s ease,box-shadow .22s ease;width:70px}.hero-avatar:hover{box-shadow:0 8px 24px #5ef5d840;transform:scale(1.05)}.hero-info{display:flex;flex-direction:column;gap:5px;min-width:0}.hero-name{font-size:19px;font-weight:700;letter-spacing:-.025em;line-height:1.25}.hero-sub{font-size:12px}.hero-meta,.hero-sub{color:#8a95a8;color:var(--muted)}.hero-meta{display:flex;flex-wrap:wrap;font-size:12.5px;gap:3px 16px;margin-top:1px}.hero-meta span{align-items:center;display:flex;gap:4px}.hero-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.badge{background:#1e2432bf;background:var(--input-bg);border:1px solid #1f2637;border:1px solid var(--border);border-radius:999px;color:#b8c3d6;color:var(--text-2);font-size:11.5px;font-weight:500;padding:3px 9px}.badge.accent{background:#5ef5d81a;background:var(--accent-dim);border-color:#5ef5d82e;color:#5ef5d8;color:var(--accent)}[data-theme=light] .badge.accent{border-color:#0ea88238}.hero-stats{align-items:stretch;display:flex;flex-shrink:0;gap:8px}.hero-stat{align-items:center;background:#1e2432bf;background:var(--input-bg);border:1px solid #1f2637;border:1px solid var(--border);border-radius:11px;border-radius:var(--radius-sm);display:flex;flex-direction:column;justify-content:center;min-width:88px;padding:14px 16px;transition:border-color .16s}.hero-stat:hover{border-color:#2a3347;border-color:var(--border-strong)}.stat-val{color:#5ef5d8;color:var(--accent);font-size:20px;font-weight:700;letter-spacing:-.025em;line-height:1}.stat-lbl{color:#8a95a8;color:var(--muted);font-size:10.5px;letter-spacing:.07em;margin-top:5px;text-transform:uppercase;white-space:nowrap}.sec-header{align-items:flex-end;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.sec-title{font-size:15.5px;font-weight:700;letter-spacing:-.015em}.sec-sub{margin-top:2px}.sec-badge,.sec-sub{color:#8a95a8;color:var(--muted);font-size:12px}.sec-badge{align-items:center;background:#1e2432bf;background:var(--input-bg);border:1px solid #1f2637;border:1px solid var(--border);border-radius:999px;display:flex;gap:5px;padding:5px 10px;white-space:nowrap}.talent-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr)}.talent-card{background:#141821;background:var(--card);border:1px solid #1f2637;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);border-top:2.5px solid #0000;cursor:default;display:flex;flex-direction:column;gap:12px;padding:18px 16px 16px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.talent-card:hover{box-shadow:0 6px 36px #0408128c;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.talent-card.tone-accent{border-top-color:#5ef5d8;border-top-color:var(--accent)}.talent-card.tone-blue{border-top-color:#6ca3f5;border-top-color:var(--blue)}.talent-card.tone-purple{border-top-color:#b08aff;border-top-color:var(--purple)}.talent-card.tone-sun{border-top-color:#fcc96b;border-top-color:var(--sun)}.talent-card.tone-rose{border-top-color:#ff8080;border-top-color:var(--rose)}.talent-icon-wrap{border-radius:11px;display:grid;height:38px;place-items:center;width:38px}.tone-accent .talent-icon-wrap{background:#5ef5d81a;background:var(--accent-dim);color:#5ef5d8;color:var(--accent)}.tone-blue .talent-icon-wrap{background:#6ca3f51a;background:var(--blue-dim);color:#6ca3f5;color:var(--blue)}.tone-purple .talent-icon-wrap{background:#b08aff1a;background:var(--purple-dim);color:#b08aff;color:var(--purple)}.tone-sun .talent-icon-wrap{background:#fcc96b1a;background:var(--sun-dim);color:#fcc96b;color:var(--sun)}.tone-rose .talent-icon-wrap{background:#ff80801a;background:var(--rose-dim);color:#ff8080;color:var(--rose)}.talent-body{display:flex;flex-direction:column;gap:8px}.talent-name{font-size:13.5px;font-weight:600}.skill-dots{display:flex;flex-wrap:nowrap;gap:3px}.skill-dot{background:#1f2637;background:var(--border);border-radius:3px;flex-shrink:0;height:9px;transition:background .15s;width:9px}.skill-dot.filled.accent{background:#5ef5d8;background:var(--accent)}.skill-dot.filled.blue{background:#6ca3f5;background:var(--blue)}.skill-dot.filled.purple{background:#b08aff;background:var(--purple)}.skill-dot.filled.sun{background:#fcc96b;background:var(--sun)}.skill-dot.filled.rose{background:#ff8080;background:var(--rose)}.talent-meta{align-items:center;display:flex;gap:7px}.talent-level{color:#b8c3d6;color:var(--text-2);font-size:12px;font-weight:700}.talent-level-max{color:#8a95a8;color:var(--muted);font-weight:400}.talent-verified{align-items:center;color:#5ef5d8;color:var(--accent);display:flex;font-size:11px;font-weight:500;gap:3px}.talent-confidence{align-items:center;display:flex;gap:7px}.confidence-track{background:#1f2637;background:var(--border);border-radius:999px;flex:1 1;height:3.5px;overflow:hidden}.confidence-fill{border-radius:999px;height:100%}.tone-accent .confidence-fill{background:#5ef5d8;background:var(--accent)}.tone-blue .confidence-fill{background:#6ca3f5;background:var(--blue)}.tone-purple .confidence-fill{background:#b08aff;background:var(--purple)}.tone-sun .confidence-fill{background:#fcc96b;background:var(--sun)}.tone-rose .confidence-fill{background:#ff8080;background:var(--rose)}.confidence-label{color:#8a95a8;color:var(--muted);font-size:10.5px;white-space:nowrap}.view-content{display:flex;flex-direction:column;gap:24px}.view-content section{display:flex;flex-direction:column;gap:14px}.two-col{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1.3fr 1fr}.card,.col-stack{display:flex;flex-direction:column;gap:16px}.card{background:#141821;background:var(--card);border:1px solid #1f2637;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);box-shadow:0 2px 16px #04081266;box-shadow:var(--shadow);padding:20px 22px;transition:border-color .22s ease,box-shadow .22s ease}.card:hover{border-color:#2a3347;border-color:var(--border-strong);box-shadow:0 6px 36px #0408128c;box-shadow:var(--shadow-lg)}.card-head{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.card-label{color:#8a95a8;color:var(--muted);font-size:10.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.card-value{font-size:26px;font-weight:700;letter-spacing:-.025em;line-height:1.1;margin-top:3px}.val-muted{font-size:14px;font-weight:400}.card-sub,.val-muted{color:#8a95a8;color:var(--muted)}.card-sub{font-size:12px;margin-top:4px}.card-sub-sm{color:#b8c3d6;color:var(--text-2);font-size:12px;margin-top:2px}.card-pill{align-items:center;background:#1e2432bf;background:var(--input-bg);border:1px solid #1f2637;border:1px solid var(--border);border-radius:999px;color:#8a95a8;color:var(--muted);display:flex;flex-shrink:0;font-size:11.5px;gap:5px;padding:5px 11px;white-space:nowrap}.trend-chip{background:#5ef5d81a;background:var(--accent-dim);border-radius:999px;color:#5ef5d8;color:var(--accent);font-size:12px;font-weight:700;margin-left:8px;padding:2px 8px;vertical-align:middle}.ach-list{display:flex;flex-direction:column;gap:0}.achievement-row{align-items:center;border-radius:11px;border-radius:var(--radius-sm);display:flex;gap:11px;padding:9px 10px;transition:background .14s}.achievement-row:hover{background:#1e2432bf;background:var(--input-bg)}.ach-icon{border-radius:9px;display:grid;flex-shrink:0;height:32px;place-items:center;width:32px}.ach-icon.tone-accent{background:#5ef5d81a;background:var(--accent-dim);color:#5ef5d8;color:var(--accent)}.ach-icon.tone-blue{background:#6ca3f51a;background:var(--blue-dim);color:#6ca3f5;color:var(--blue)}.ach-icon.tone-purple{background:#b08aff1a;background:var(--purple-dim);color:#b08aff;color:var(--purple)}.ach-icon.tone-sun{background:#fcc96b1a;background:var(--sun-dim);color:#fcc96b;color:var(--sun)}.ach-icon.tone-rose{background:#ff80801a;background:var(--rose-dim);color:#ff8080;color:var(--rose)}.ach-info{flex:1 1;min-width:0}.ach-title{font-size:13px;font-weight:500;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ach-meta{align-items:center;display:flex;flex-wrap:wrap;gap:5px;margin-top:3px}.ach-cat{border-radius:999px;font-size:10.5px;font-weight:600;padding:1.5px 7px}.ach-cat.tone-accent{background:#5ef5d81a;background:var(--accent-dim);color:#5ef5d8;color:var(--accent)}.ach-cat.tone-blue{background:#6ca3f51a;background:var(--blue-dim);color:#6ca3f5;color:var(--blue)}.ach-cat.tone-purple{background:#b08aff1a;background:var(--purple-dim);color:#b08aff;color:var(--purple)}.ach-cat.tone-sun{background:#fcc96b1a;background:var(--sun-dim);color:#fcc96b;color:var(--sun)}.ach-cat.tone-rose{background:#ff80801a;background:var(--rose-dim);color:#ff8080;color:var(--rose)}.ach-date,.ach-type{color:#8a95a8;color:var(--muted);font-size:11px}.ach-date{margin-left:auto}.donut{animation:pop .6s ease;background:conic-gradient(#5ef5d8 calc(var(--v)*1%),#1e2432bf 0);background:conic-gradient(var(--accent) calc(var(--v)*1%),var(--input-bg) 0);flex-shrink:0;height:70px;place-items:center;width:70px}.donut,.donut span{border-radius:50%;display:grid}.donut span{background:#141821;background:var(--card);color:#eef1f7;color:var(--text);font-size:12.5px;font-weight:700;height:50px;place-items:center;width:50px}.grade-list{gap:10px}.grade-list,.grade-row{display:flex;flex-direction:column}.grade-row{gap:5px}.grade-subject{color:#b8c3d6;color:var(--text-2);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grade-bar-wrap{align-items:center;display:flex;gap:8px}.grade-track{background:#1e2432bf;background:var(--input-bg);border-radius:999px;flex:1 1;height:6px;overflow:hidden}.grade-fill{border-radius:999px;height:100%}.grade-fill.tone-accent{background:#5ef5d8;background:var(--accent)}.grade-fill.tone-blue{background:#6ca3f5;background:var(--blue)}.grade-fill.tone-sun{background:#fcc96b;background:var(--sun)}.grade-fill.tone-rose{background:#ff8080;background:var(--rose)}.grade-score{font-size:12px;font-weight:700;min-width:22px;text-align:right}.grade-score.tone-accent{color:#5ef5d8;color:var(--accent)}.grade-score.tone-blue{color:#6ca3f5;color:var(--blue)}.grade-score.tone-sun{color:#fcc96b;color:var(--sun)}.grade-score.tone-rose{color:#ff8080;color:var(--rose)}.chart-wrap{display:flex;flex-direction:column;gap:6px;position:relative}.chart-svg{height:140px;width:100%}.chart-line{stroke-dasharray:600;stroke-dashoffset:600;animation:line-draw 1.6s ease forwards}.chart-area{animation:area-fade 1s ease .4s forwards;opacity:0}.chart-dot{fill:#fcc96b;fill:var(--sun);stroke:#141821;stroke:var(--card);stroke-width:2px;cursor:pointer;transition:r .14s}.chart-tooltip{background:#141821;background:var(--card);border:1px solid #2a3347;border:1px solid var(--border-strong);border-radius:10px;box-shadow:0 6px 36px #0408128c;box-shadow:var(--shadow-lg);padding:7px 12px;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%,-115%);white-space:nowrap;z-index:5}.tt-val{font-size:14px;font-weight:700}.tt-ts{margin-top:1px}.chart-axis,.tt-ts{color:#8a95a8;color:var(--muted);font-size:11px}.chart-axis{display:flex;justify-content:space-between;padding:0 2px}@keyframes line-draw{to{stroke-dashoffset:0}}@keyframes area-fade{to{opacity:1}}@keyframes pop{0%{opacity:.5;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.vs-wrap{position:relative}.vs-trigger{align-items:center;background:#141821;background:var(--card);border:1px solid #1f2637;border:1px solid var(--border);border-radius:11px;border-radius:var(--radius-sm);color:#eef1f7;color:var(--text);cursor:pointer;display:flex;font-family:inherit;font-size:13.5px;gap:6px;height:40px;padding:0 12px;transition:border-color .16s,background .16s;white-space:nowrap}.vs-trigger:hover{background:#1e2432bf;background:var(--input-bg);border-color:#2a3347;border-color:var(--border-strong)}.vs-trigger.open{background:#5ef5d81a;background:var(--accent-dim);border-color:#5ef5d8;border-color:var(--accent);color:#5ef5d8;color:var(--accent)}.vs-label{font-weight:600}.vs-sub{color:#8a95a8;color:var(--muted);font-size:12px;font-weight:400}.vs-menu{background:#141821;background:var(--card);border:1px solid #1f2637;border:1px solid var(--border);border-radius:11px;border-radius:var(--radius-sm);box-shadow:0 6px 36px #0408128c;box-shadow:var(--shadow-lg);margin-top:6px;min-width:220px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.vs-item{align-items:center;background:#0000;border:none;border-left:3px solid #0000;color:#b8c3d6;color:var(--text-2);cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:10px;padding:10px 12px;text-align:left;transition:background .14s;width:100%}.vs-item:hover{background:#1e2432bf;background:var(--input-bg)}.vs-item.active{background:#5ef5d81a;background:var(--accent-dim);border-left-color:#5ef5d8;border-left-color:var(--accent);color:#5ef5d8;color:var(--accent);font-weight:600}.vs-item-icon{border-radius:8px;color:#8a95a8;color:var(--muted);display:grid;height:28px;place-items:center;transition:background .14s,color .14s;width:28px}.vs-item:hover .vs-item-icon{background:#1f2637;background:var(--border);color:#eef1f7;color:var(--text)}.vs-item.active .vs-item-icon{background:#5ef5d81a;background:var(--accent-dim);color:#5ef5d8;color:var(--accent)}.vs-item-text{flex:1 1;min-width:0}.vs-item-label{color:#eef1f7;color:var(--text);font-size:13px;font-weight:600}.vs-item-sub{margin-top:1px}.vs-item-sub,.vs-menu-note{color:#8a95a8;color:var(--muted);font-size:11px}.vs-menu-note{align-items:center;background:#1e2432bf;background:var(--input-bg);border-top:1px solid #1f2637;border-top:1px solid var(--border);display:flex;gap:6px;padding:8px 12px}.obs-list{display:flex;flex-direction:column;gap:0}.obs-row{align-items:flex-start;border-radius:11px;border-radius:var(--radius-sm);display:flex;gap:10px;padding:12px 10px;transition:background .14s}.obs-row:hover{background:#1e2432bf;background:var(--input-bg)}.obs-avatar{background:linear-gradient(135deg,#6ca3f5,#b08aff);background:linear-gradient(135deg,var(--blue),var(--purple));border-radius:10px;color:#fff;display:grid;flex-shrink:0;font-size:11px;font-weight:700;height:32px;place-items:center;width:32px}.obs-info{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.obs-text{color:#eef1f7;color:var(--text);font-size:13px;line-height:1.45}.obs-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:11px;gap:5px}.obs-teacher{color:#b8c3d6;color:var(--text-2);font-weight:500}.obs-dot-sep{color:#1f2637;color:var(--border)}.obs-date{color:#8a95a8;color:var(--muted)}.attend-cal{display:flex;flex-direction:column;gap:12px}.attend-days-header{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);margin-bottom:6px}.attend-days-header span{color:#8a95a8;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.07em;text-align:center;text-transform:uppercase}.attend-week{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.attend-dot{aspect-ratio:1;background:#1e2432bf;background:var(--input-bg);border:1.5px solid #1f2637;border:1.5px solid var(--border);border-radius:8px;cursor:pointer;transition:all .16s}.attend-dot:hover{border-color:#2a3347;border-color:var(--border-strong);transform:scale(1.08)}.attend-dot.present{background:#5ef5d8;background:var(--accent);border-color:#35d4b5;border-color:var(--accent-str)}.attend-dot.present:hover{box-shadow:0 0 12px #5ef5d84d}.attend-dot.absent{background:#ff80801a;background:var(--rose-dim);border-color:#ff8080;border-color:var(--rose)}.attend-dot.absent:hover{box-shadow:0 0 12px #ff80804d}.attend-summary{align-items:center;background:#1e2432bf;background:var(--input-bg);border-radius:11px;border-radius:var(--radius-sm);color:#b8c3d6;color:var(--text-2);display:flex;font-size:12px;gap:8px;padding:8px 10px}.attend-present-dot{background:#5ef5d8;background:var(--accent)}.attend-absent-dot,.attend-present-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.attend-absent-dot{background:#ff8080;background:var(--rose)}.hero-avatar.warm{background:linear-gradient(135deg,#fcc96b,#ff7272)}.hero-avatar.cool{background:linear-gradient(135deg,#6ca3f5,#b08aff)}.hero-avatar.kinder{background:linear-gradient(135deg,#ff8b9e,#ffa6d0)}.talent-grid.five{grid-template-columns:repeat(5,1fr)}.talent-grid.four{grid-template-columns:repeat(4,1fr)}@media (max-width:1380px){.talent-grid.five,.talent-grid.four{grid-template-columns:repeat(3,1fr)}}@media (max-width:1100px){.app{grid-template-columns:1fr}.sidebar{align-items:center;border-bottom:1px solid #5060782e;border-bottom:1px solid var(--sidebar-border);border-right:none;flex-direction:row;flex-wrap:wrap;gap:0;height:auto;padding:12px 16px;position:static}.brand{border-bottom:none;margin-bottom:0;margin-right:20px;padding:0}.sidebar-nav{flex:1 1;flex-direction:row;gap:2px;padding:0}.nav-label{display:none}.sidebar-footer{border-left:1px solid #5060782e;border-left:1px solid var(--sidebar-border);border-top:none;flex-direction:row;gap:2px;margin-top:0;padding-left:12px;padding-top:0}.two-col{grid-template-columns:1fr}.talent-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:960px){.talent-grid{grid-template-columns:repeat(2,1fr)}.hero{flex-direction:column;gap:18px}.hero-stats{flex-wrap:wrap}.hero-stat{flex:1 1;min-width:80px}}@media (max-width:640px){.main{gap:16px;padding:14px 14px 36px}.talent-grid{grid-template-columns:1fr 1fr}.topbar{flex-wrap:wrap}.search-box{max-width:none}.topbar-right{width:100%}.primary-btn{flex:1 1;justify-content:center}}@media (max-width:420px){.talent-grid{grid-template-columns:1fr}.hero-stats{display:grid;grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=main.d1480dbe.css.map*/