.ui-page{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg);color:var(--color-text);position:relative}.ui-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.ui-content.eval-grid-content{overflow:hidden}.ui-content--padded{padding:24px 32px 40px}@media (max-width: 768px){.ui-content--padded{padding:16px 16px 32px}.ui-header{padding-left:56px}}.ui-header{display:flex;align-items:center;gap:12px;padding:14px 24px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50;min-height:56px;transition:background .35s ease,border-color .35s ease}.ui-header__back{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);border:none;background:var(--color-primary-light, rgba(124,109,205,.1));color:var(--color-primary);cursor:pointer;transition:all .2s ease;flex-shrink:0;text-decoration:none}.ui-header__back:hover{background:var(--color-primary-medium, rgba(124,109,205,.18));transform:scale(1.04)}.ui-header__back svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ui-header__title{font-family:Nunito,DM Sans,system-ui,sans-serif;font-size:1.1rem;font-weight:700;color:var(--color-text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-header__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:DM Sans,system-ui,sans-serif;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;text-decoration:none;line-height:1.4;position:relative;overflow:hidden}.ui-btn:active:not(:disabled){transform:scale(.97)}.ui-btn--sm{font-size:.8rem;padding:6px 14px;min-height:32px}.ui-btn--md{font-size:.88rem;padding:10px 20px;min-height:40px}.ui-btn--lg{font-size:.95rem;padding:12px 28px;min-height:48px}.ui-btn--expand{width:100%}.ui-btn--primary{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.ui-btn--primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 4px 14px rgba(0,0,0,.15);transform:translateY(-1px)}.ui-btn--secondary{background:var(--color-primary-light);color:var(--color-primary)}.ui-btn--secondary:hover:not(:disabled){background:var(--color-primary-medium)}.ui-btn--outline{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-border)}.ui-btn--outline:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-light)}.ui-btn--ghost{background:transparent;color:var(--color-text-secondary)}.ui-btn--ghost:hover:not(:disabled){background:var(--color-primary-light);color:var(--color-primary)}.ui-btn--danger{background:var(--color-danger, #E88B8B);color:#fff}.ui-btn--danger:hover:not(:disabled){background:var(--color-danger-dark, #D45A5A);transform:translateY(-1px)}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--color-shadow);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.ui-card--clickable{cursor:pointer}.ui-card--clickable:hover{box-shadow:var(--color-shadow-hover);transform:translateY(-3px);background:var(--color-surface-hover)}.ui-card__accent{height:4px;width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.ui-card__body{padding:20px}.ui-field{display:flex;flex-direction:column;gap:6px}.ui-field__label{font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:600;color:var(--color-text-secondary)}.ui-input{font-family:DM Sans,system-ui,sans-serif;font-size:.9rem;color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 14px;width:100%;transition:all .2s ease;outline:none;line-height:1.5}.ui-input::placeholder{color:var(--color-text-muted)}.ui-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.ui-input:disabled{opacity:.6;cursor:not-allowed;background:var(--color-bg-secondary)}.ui-textarea{font-family:DM Sans,system-ui,sans-serif;font-size:.9rem;color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 14px;width:100%;transition:all .2s ease;outline:none;resize:vertical;line-height:1.5;min-height:80px}.ui-textarea::placeholder{color:var(--color-text-muted)}.ui-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.ui-select{font-family:DM Sans,system-ui,sans-serif;font-size:.9rem;color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 36px 10px 14px;width:100%;transition:all .2s ease;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239895A8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 12px) center}.ui-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.ui-select:disabled{opacity:.6;cursor:not-allowed}.ui-badge{display:inline-flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);line-height:1.4;white-space:nowrap;background:var(--color-primary-light);color:var(--color-primary)}.ui-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}.ui-toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:10000;pointer-events:none}.ui-toast{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:var(--radius-md);font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:500;color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.18);pointer-events:auto;animation:fadeInUp .3s ease both;min-width:260px;max-width:480px}.ui-toast--success{background:var(--color-success, #6BCB8B)}.ui-toast--danger{background:var(--color-danger, #E88B8B)}.ui-toast--warning{background:var(--color-warning, #F4C46B);color:#2d2b3d}.ui-toast__close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:rgba(255,255,255,.2);border-radius:50%;color:inherit;cursor:pointer;font-size:14px;line-height:1;flex-shrink:0;margin-left:auto;transition:background .2s ease}.ui-toast__close:hover{background:rgba(255,255,255,.35)}.ui-searchbar{position:relative;width:100%}.ui-searchbar__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-text-muted);pointer-events:none}.ui-searchbar__icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ui-searchbar__input{font-family:DM Sans,system-ui,sans-serif;font-size:.9rem;color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:10px 14px 10px 40px;width:100%;transition:all .2s ease;outline:none}.ui-searchbar__input::placeholder{color:var(--color-text-muted)}.ui-searchbar__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.ui-searchbar__clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;background:var(--color-primary-light);border-radius:50%;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.ui-searchbar__clear:hover{background:var(--color-primary-medium);color:var(--color-primary)}.sidebar{width:260px;min-width:260px;height:100vh;position:fixed;top:0;left:0;z-index:100;background:var(--sidebar-bg, var(--color-surface));box-shadow:1px 0 0 var(--sidebar-border, var(--color-border));display:flex;flex-direction:column;transition:background .35s ease,box-shadow .35s ease,transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}@media (min-width: 769px){.app-with-sidebar .ui-page{margin-left:260px}}.sidebar-header{padding:24px 20px 16px;border-bottom:1px solid var(--color-border)}.sidebar-school-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:var(--color-primary-light);border:1px solid transparent;border-radius:var(--radius-md, 10px);cursor:pointer;text-align:left;font-family:DM Sans,sans-serif;transition:all .15s ease;margin-bottom:10px}.sidebar-school-btn:hover{border-color:var(--color-primary)}.sidebar-school-btn__icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0}.sidebar-school-btn__icon svg{width:18px;height:18px;stroke:var(--color-primary);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-school-btn__text{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar-school-btn__name{font-size:.82rem;font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-school-btn__hint{font-size:.68rem;color:var(--color-text-muted);font-weight:400}.sidebar-school-btn__chevron{display:flex;align-items:center;width:14px;height:14px;opacity:.4;flex-shrink:0}.sidebar-school-btn__chevron svg{width:14px;height:14px;stroke:var(--color-text-muted)}.sidebar-class-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:1.5px solid var(--color-border);border-radius:var(--radius-md, 10px);cursor:pointer;text-align:left;font-family:DM Sans,sans-serif;transition:all .15s ease}.sidebar-class-btn:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.sidebar-class-btn--empty{border-style:dashed}.sidebar-class-btn__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.sidebar-class-btn__name{font-size:.95rem;font-weight:700;color:var(--color-text);font-family:Nunito,sans-serif}.sidebar-class-btn__levels{display:flex;gap:4px}.sidebar-class-btn__swap{display:flex;align-items:center;justify-content:center;width:20px;height:20px;opacity:.4;flex-shrink:0}.sidebar-class-btn__swap svg{width:14px;height:14px;stroke:var(--color-text-muted)}.level-badge{display:inline-flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:20px;letter-spacing:.03em;line-height:1.5}.level-badge.tps{background:rgba(232,180,203,.2);color:#c4849b}.level-badge.ps{background:rgba(124,109,205,.15);color:#7c6dcd}.level-badge.ms{background:rgba(59,130,196,.15);color:#3b82c4}.level-badge.gs{background:rgba(74,155,110,.15);color:#4a9b6e}[data-mode=dark] .level-badge.tps{background:rgba(232,180,203,.15);color:#e8b4cb}[data-mode=dark] .level-badge.ps{background:rgba(155,143,224,.18);color:#b8a9e8}[data-mode=dark] .level-badge.ms{background:rgba(90,158,216,.18);color:#7db8e0}[data-mode=dark] .level-badge.gs{background:rgba(98,181,133,.18);color:#8dc4a3}.btn-change-class{display:inline-flex;align-items:center;gap:4px;margin-top:10px;padding:4px 10px;font-size:.73rem;font-weight:500;color:var(--color-primary);background:var(--color-primary-light);border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:DM Sans,sans-serif}.btn-change-class:hover{background:var(--color-primary-medium)}.btn-change-class svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sidebar-nav{padding:12px 0;flex:1}.nav-section-label{font-family:Nunito,sans-serif;font-size:.7rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;padding:16px 20px 6px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;padding:10px 20px;font-size:.9rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;text-decoration:none;border:none;background:none;width:100%;text-align:left;font-family:DM Sans,sans-serif}.nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:24px;border-radius:0 3px 3px 0;background:var(--color-primary);transition:transform .25s cubic-bezier(.4,0,.2,1)}.nav-item:hover{color:var(--color-text);background:var(--color-primary-light)}.nav-item.active{color:var(--color-primary);font-weight:600;background:var(--color-primary-light)}.nav-item.active:before{transform:translateY(-50%) scaleY(1)}.nav-item .nav-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:1.05rem;flex-shrink:0}.nav-item .nav-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-expand-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 20px;font-size:.9rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;background:none;border:none;font-family:DM Sans,sans-serif;transition:all .2s ease}.nav-expand-toggle:hover{color:var(--color-text);background:var(--color-primary-light)}.nav-expand-toggle .toggle-left{display:flex;align-items:center;gap:12px}.nav-expand-toggle .toggle-left .nav-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}.nav-expand-toggle .toggle-left .nav-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-expand-toggle .chevron{display:inline-flex;width:16px;height:16px;transition:transform .25s ease;opacity:.5}.nav-expand-toggle .chevron svg{width:16px;height:16px}.nav-expand-toggle .chevron.expanded{transform:rotate(90deg)}.nav-sub-items{overflow:hidden;max-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.nav-sub-items.expanded{max-height:300px}.nav-sub-item{display:flex;align-items:center;gap:10px;padding:8px 20px 8px 54px;font-size:.82rem;font-weight:400;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;position:relative;text-decoration:none;border:none;background:none;width:100%;text-align:left;font-family:DM Sans,sans-serif}.nav-sub-item:before{content:"";position:absolute;left:38px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:var(--color-text-muted);opacity:.4;transition:all .2s ease}.nav-sub-item:hover{color:var(--color-text)}.nav-sub-item:hover:before{background:var(--color-primary);opacity:1}.nav-sub-item.active{color:var(--color-primary);font-weight:600}.nav-sub-item.active:before{background:var(--color-primary);opacity:1}.sidebar-bottom{border-top:1px solid var(--color-border);padding:8px 0 12px}.nav-item.logout{color:#d45a5a}.nav-item.logout:hover{background:rgba(212,90,90,.08);color:#c04040}[data-mode=dark] .nav-item.logout{color:#e87070}[data-mode=dark] .nav-item.logout:hover{background:rgba(232,112,112,.1);color:#f08080}.sidebar-theme-row{display:flex;align-items:center;gap:10px;padding:10px 20px 14px}.sidebar-theme-label{font-size:.7rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.chevron-inline{display:inline-flex;width:14px;height:14px;margin-left:auto;opacity:.4;transition:transform .25s ease}.chevron-inline svg{width:14px;height:14px}.chevron-inline.expanded{transform:rotate(90deg)}.theme-dots{display:flex;gap:8px;align-items:center}.theme-dot{width:18px;height:18px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .25s ease;position:relative}.theme-dot:hover{transform:scale(1.15)}.theme-dot.active{border-color:var(--color-text);box-shadow:0 0 0 2px var(--sidebar-bg, var(--color-surface)),0 0 0 4px currentColor}.mode-toggle{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);border:none;border-radius:10px;cursor:pointer;color:var(--color-primary);transition:all .25s ease}.mode-toggle:hover{background:var(--color-primary-medium);transform:scale(1.06)}.mode-toggle svg{width:18px;height:18px;transition:transform .35s ease}.mode-toggle:hover svg{transform:rotate(20deg)}.hamburger{display:none;position:fixed;top:12px;left:12px;z-index:60;width:36px;height:36px;border-radius:8px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 1px 4px rgba(0,0,0,.08);cursor:pointer;align-items:center;justify-content:center;color:var(--color-text);transition:all .2s ease}.sidebar.open~.hamburger,.hamburger.hidden{opacity:0;pointer-events:none}.hamburger svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hamburger:hover{background:var(--color-primary-light)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:90;opacity:0;transition:opacity .3s ease;backdrop-filter:blur(2px)}.sidebar-overlay.visible{display:block;opacity:1}@media (max-width: 768px){.hamburger{display:flex}.sidebar{transform:translate(-100%);width:85vw;max-width:320px}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px rgba(0,0,0,.15)}}.class-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.class-picker-modal{background:var(--color-surface);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.2);width:90%;max-width:440px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden}.class-picker-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 12px;border-bottom:1px solid var(--color-border)}.class-picker-header h3{margin:0;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:700;color:var(--color-text)}.class-picker-close{background:none;border:none;font-size:1.5rem;color:var(--color-text-muted);cursor:pointer;padding:0 4px;line-height:1}.class-picker-close:hover{color:var(--color-text)}.class-picker-list{flex:1;overflow-y:auto;padding:8px}.class-picker-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border-radius:10px;border:2px solid transparent;background:none;cursor:pointer;text-align:left;font-family:DM Sans,sans-serif;transition:all .15s ease;color:var(--color-text)}.class-picker-item:hover{background:var(--color-primary-light)}.class-picker-item.active{border-color:var(--color-primary);background:var(--color-primary-light)}.class-picker-item-info{flex:1;display:flex;flex-direction:column;gap:2px}.class-picker-item-name{font-weight:600;font-size:.95rem}.class-picker-item-meta{font-size:.8rem;color:var(--color-text-muted)}.class-picker-item-badges{display:flex;gap:4px}.class-picker-check{color:var(--color-primary);font-weight:700;font-size:1.1rem}.class-picker-create{display:block;width:100%;padding:14px;border:none;border-top:1px solid var(--color-border);background:none;color:var(--color-primary);font-weight:600;font-size:.9rem;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s ease}.class-picker-create:hover{background:var(--color-primary-light)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.period-selector-wrap{display:flex;gap:4px;margin-top:10px;flex-wrap:wrap}.period-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:500;font-family:DM Sans,sans-serif;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:20px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.period-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.period-pill.selected{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.period-active-dot{width:5px;height:5px;border-radius:50%;background:var(--color-primary);flex-shrink:0}.mobile-tab-bar{display:none}@media (max-width: 768px){.mobile-tab-bar{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;z-index:80;height:60px;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -2px 12px rgba(0,0,0,.06);padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0);transition:background .35s ease,border-color .35s ease}.ui-page,.ui-content{padding-bottom:72px}}.mobile-tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;height:100%;background:none;border:none;cursor:pointer;color:var(--color-text-muted);transition:color .2s ease;font-family:DM Sans,sans-serif;padding:0;position:relative}.mobile-tab-item:hover{color:var(--color-text-secondary)}.mobile-tab-item.active{color:var(--color-primary)}.mobile-tab-item.active:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:3px;border-radius:0 0 3px 3px;background:var(--color-primary)}.mobile-tab-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.mobile-tab-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}.mobile-tab-label{font-size:.65rem;font-weight:500;line-height:1}.mobile-tab-fab{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.18);transition:all .2s ease;flex-shrink:0;margin:0 4px;transform:translateY(-8px)}.mobile-tab-fab:hover{background:var(--color-primary-dark);transform:translateY(-10px);box-shadow:0 6px 20px rgba(0,0,0,.22)}.mobile-tab-fab:active{transform:translateY(-6px) scale(.95)}.mobile-tab-fab svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}.dash-loading{display:flex;align-items:center;justify-content:center;height:60vh}.dash-container{max-width:960px;margin:0 auto;padding:28px 32px 48px}.dash-greeting{margin-bottom:20px}.dash-greeting__title{font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:800;color:var(--color-text);margin:0}.dash-greeting__sub{font-size:.88rem;color:var(--color-text-muted);margin:4px 0 0}.dash-express{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 24px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark, #5a4db5));border:none;border-radius:var(--radius-lg, 16px);cursor:pointer;margin-bottom:24px;transition:all .25s ease;box-shadow:0 4px 20px rgba(0,0,0,.12)}.dash-express:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.18)}.dash-express:active{transform:translateY(0)}.dash-express__left{display:flex;align-items:center;gap:16px}.dash-express__icon{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-express__icon svg{width:24px;height:24px}.dash-express__title{display:block;font-family:Nunito,sans-serif;font-size:1.15rem;font-weight:800;color:#fff}.dash-express__desc{display:block;font-size:.82rem;color:rgba(255,255,255,.75);margin-top:2px;font-family:DM Sans,sans-serif}.dash-express__arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;opacity:.6;flex-shrink:0}.dash-express__arrow svg{width:22px;height:22px}.dash-two-col{display:grid;grid-template-columns:1fr 280px;gap:28px;align-items:start}.dash-col-main,.dash-col-side{min-width:0}.dash-section-label{font-family:Nunito,sans-serif;font-size:.72rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.dash-eval-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}.dash-eval{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 12px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg, 14px);cursor:pointer;font-family:DM Sans,sans-serif;text-align:center;transition:all .2s ease}.dash-eval:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.06)}.dash-eval:active{transform:translateY(0)}.dash-eval__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.dash-eval__icon svg{width:22px;height:22px}.dash-eval__title{font-weight:600;font-size:.78rem;color:var(--color-text)}.dash-tools{display:flex;flex-direction:column;gap:6px}.dash-tool{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 12px);cursor:pointer;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:500;color:var(--color-text-secondary);transition:all .15s ease;text-align:left;width:100%}.dash-tool:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.dash-tool svg{width:18px;height:18px;flex-shrink:0;opacity:.6}.dash-tool:hover svg{opacity:1}.dash-progress-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 14px);padding:20px;margin-bottom:14px;text-align:center}.dash-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dash-progress-label{font-family:Nunito,sans-serif;font-size:.88rem;font-weight:700;color:var(--color-text)}.dash-progress-period{font-size:.72rem;font-weight:600;color:var(--color-primary);background:var(--color-primary-light);padding:2px 10px;border-radius:20px}.dash-progress-ring-wrap{position:relative;width:120px;height:120px;margin:0 auto 12px}.dash-progress-ring{width:100%;height:100%}.dash-progress-ring-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.dash-progress-ring-pct{font-family:Nunito,sans-serif;font-size:1.8rem;font-weight:800;color:var(--color-primary);line-height:1}.dash-progress-ring-label{font-size:.7rem;color:var(--color-text-muted);margin-top:2px}.dash-progress-detail{font-size:.78rem;color:var(--color-text-muted)}.dash-progress-empty{padding:20px 0}.dash-progress-empty p{color:var(--color-text-muted);font-size:.84rem;margin:0}.dash-side-stats{display:flex;gap:8px}.dash-side-stat{flex:1;background:var(--color-primary-light);border-radius:var(--radius-md, 12px);padding:14px 10px;text-align:center;cursor:pointer;transition:all .15s ease}.dash-side-stat:hover{box-shadow:0 2px 8px rgba(0,0,0,.06)}.dash-side-stat__value{font-family:Nunito,sans-serif;font-size:1.4rem;font-weight:800;color:var(--color-primary);line-height:1;display:block}.dash-side-stat__label{font-size:.7rem;color:var(--color-text-muted);margin-top:2px;display:block}.dash-empty{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg, 14px);padding:40px 24px;text-align:center}.dash-empty__icon{font-size:3rem;margin-bottom:12px}.dash-empty h2{font-family:Nunito,sans-serif;margin:0 0 8px;font-size:1.2rem}.dash-empty p{color:var(--color-text-muted);font-size:.88rem;max-width:320px;margin:0 auto 20px}@media (max-width: 768px){.dash-container{padding:56px 16px 32px}.dash-two-col{grid-template-columns:1fr}.dash-eval-cards{grid-template-columns:repeat(2,1fr)}.dash-greeting__title{font-size:1.3rem}.dash-express{padding:16px 18px}.dash-express__title{font-size:1rem}.dash-progress-card{max-width:320px;margin-left:auto;margin-right:auto}}.sl__stats{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.sl__stat-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full, 9999px);font-family:DM Sans,system-ui,sans-serif;font-size:.8rem;font-weight:600;color:var(--color-text-secondary)}.sl__stat-count{font-weight:700;color:var(--color-primary)}.sl__grid{display:flex;flex-direction:column;gap:6px;margin-top:14px}.sl__card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 12px);cursor:pointer;transition:all .2s ease;text-decoration:none;color:inherit}.sl__card:hover{border-color:var(--color-primary);box-shadow:0 2px 10px rgba(0,0,0,.05);transform:translate(2px)}.sl__card:active{transform:scale(.99)}.sl__card-info{flex:1;min-width:0}.sl__card-name{font-family:DM Sans,system-ui,sans-serif;font-size:.92rem;font-weight:600;color:var(--color-text);margin:0;line-height:1.3;display:flex;align-items:center;gap:8px}.sl__card-dob{font-size:.76rem;color:var(--color-text-muted);margin:2px 0 0}.sl__remove-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm, 8px);border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease;flex-shrink:0}.sl__remove-btn:hover{background:rgba(239,68,68,.08);color:#ef4444}.sl__actions{position:fixed;bottom:24px;right:24px;display:flex;align-items:flex-end;gap:10px;z-index:100}@media (max-width: 768px){.sl__actions{bottom:80px;right:16px}}.sl__action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-full, 9999px);border:none;cursor:pointer;font-family:DM Sans,system-ui,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px rgba(0,0,0,.12);white-space:nowrap}.sl__action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.16)}.sl__action-btn:active{transform:translateY(0) scale(.97)}.sl__action-btn--primary{background:var(--color-primary);color:#fff}.sl__action-btn--secondary{background:var(--color-surface);color:var(--color-primary);border:1.5px solid var(--color-border);box-shadow:0 2px 8px rgba(0,0,0,.08)}.sl__action-btn--secondary:hover{border-color:var(--color-primary)}.sl__modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px);animation:slFadeIn .2s ease both}@keyframes slFadeIn{0%{opacity:0}to{opacity:1}}.sl__modal{background:var(--color-surface, #fff);border-radius:var(--radius-lg, 14px);padding:24px;max-width:480px;width:92%;box-shadow:0 20px 60px rgba(0,0,0,.15);animation:slModalIn .25s ease both;max-height:85vh;overflow-y:auto}@keyframes slModalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.sl__modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.sl__modal-header h2{font-family:Nunito,DM Sans,sans-serif;margin:0;font-size:1.15rem}.sl__modal-form{display:flex;flex-direction:column;gap:14px}.sl__modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.sl__empty{text-align:center;padding:48px 24px}.sl__empty-icon{font-size:3rem;margin-bottom:12px}.sl__empty p{color:var(--color-text-muted);margin:0 0 20px;font-size:.95rem}.sl__empty-actions{display:flex;flex-direction:column;gap:8px;align-items:center}.sp{display:flex;flex-direction:column;gap:12px}.sp__search{margin-bottom:4px}.sp__breadcrumb{display:flex;align-items:center;gap:6px;padding:0 2px;flex-wrap:wrap}.sp__crumb{font-family:DM Sans,system-ui,sans-serif;font-size:.78rem;font-weight:500;color:var(--color-primary);background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background .15s ease;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp__crumb:hover{background:var(--color-primary-light)}.sp__crumb--current{color:var(--color-text-secondary);cursor:default;font-weight:600}.sp__crumb--current:hover{background:none}.sp__crumb-sep{color:var(--color-text-muted);font-size:.85rem;user-select:none}.sp__list--fade-in>*{animation:spSlideIn .25s ease both}@keyframes spSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sp__domains{display:grid;grid-template-columns:1fr;gap:8px}@media (min-width: 640px){.sp__domains{grid-template-columns:1fr 1fr;gap:10px}}.sp__domain-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--domain-bg, var(--color-primary-light));border:1.5px solid transparent;border-radius:var(--radius-lg, 14px);cursor:pointer;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;font-family:DM Sans,system-ui,sans-serif}.sp__domain-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--domain-color, var(--color-primary));border-radius:4px 0 0 4px;opacity:0;transition:opacity .2s ease}.sp__domain-card:hover{border-color:var(--domain-color, var(--color-primary));transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.06)}.sp__domain-card:hover:before{opacity:1}.sp__domain-card:active{transform:translateY(0) scale(.98)}.sp__domain-emoji{font-size:1.6rem;line-height:1;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-surface, #fff);border-radius:var(--radius-sm, 8px);box-shadow:0 1px 4px rgba(0,0,0,.06)}.sp__domain-label{flex:1;font-size:.88rem;font-weight:600;color:var(--color-text);line-height:1.35}.sp__domain-arrow{flex-shrink:0;color:var(--domain-color, var(--color-text-muted));opacity:.5;transition:all .2s ease}.sp__domain-card:hover .sp__domain-arrow{opacity:1;transform:translate(3px)}.sp__list{display:flex;flex-direction:column;gap:4px}.sp__back-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;margin-bottom:4px;background:var(--color-primary-light);color:var(--color-primary);border:none;border-radius:var(--radius-full, 9999px);cursor:pointer;font-family:DM Sans,system-ui,sans-serif;font-size:.82rem;font-weight:600;transition:all .15s ease;align-self:flex-start}.sp__back-btn:hover{background:var(--color-primary-medium)}.sp__back-btn:active{transform:scale(.96)}.sp__category-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 12px);cursor:pointer;text-align:left;font-family:DM Sans,system-ui,sans-serif;transition:all .2s ease}.sp__category-row:hover{border-color:var(--color-primary);background:var(--color-surface-hover, var(--color-surface));box-shadow:0 2px 8px rgba(0,0,0,.04);transform:translate(2px)}.sp__category-row:active{transform:scale(.99)}.sp__category-accent{width:4px;height:28px;border-radius:2px;flex-shrink:0;opacity:.7}.sp__category-name{flex:1;font-size:.88rem;font-weight:500;color:var(--color-text);line-height:1.35}.sp__category-arrow{flex-shrink:0;color:var(--color-text-muted);opacity:.5;transition:all .2s ease}.sp__category-row:hover .sp__category-arrow{opacity:1;color:var(--color-primary);transform:translate(3px)}.sp__skill-row{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 12px);cursor:pointer;text-align:left;font-family:DM Sans,system-ui,sans-serif;transition:all .2s ease;width:100%}.sp__skill-row:hover{border-color:var(--color-primary);background:var(--color-surface-hover, var(--color-surface));box-shadow:0 2px 8px rgba(0,0,0,.04)}.sp__skill-row:active{transform:scale(.99)}.sp__skill-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.sp__skill-info{flex:1;min-width:0}.sp__skill-name{display:block;font-size:.86rem;font-weight:500;color:var(--color-text);line-height:1.35}.sp__skill-desc{display:block;font-size:.76rem;color:var(--color-text-muted);line-height:1.3;margin-top:2px}.sp__skill-path{display:block;font-size:.72rem;color:var(--color-text-muted);line-height:1.3;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp__niveau-badge{flex-shrink:0;font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:var(--radius-full, 9999px);letter-spacing:.03em;white-space:nowrap}.sp__empty{padding:24px 16px;text-align:center;color:var(--color-text-muted);font-size:.88rem;font-style:italic}.sp__loading{display:flex;justify-content:center;padding:32px}.ebs__skill-header{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 14px);padding:18px 20px;margin-bottom:12px}.ebs__skill-name{font-family:Nunito,DM Sans,system-ui,sans-serif;font-size:1.15rem;font-weight:700;color:var(--color-text);margin:0 0 8px;line-height:1.3}.ebs__skill-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ebs__change-btn{font-family:DM Sans,system-ui,sans-serif;font-size:.78rem;font-weight:500;color:var(--color-primary);background:var(--color-primary-light);border:none;border-radius:var(--radius-full, 9999px);padding:4px 14px;cursor:pointer;transition:all .15s ease}.ebs__change-btn:hover{background:var(--color-primary-medium)}.ebs__nav{display:flex;align-items:center;gap:12px;margin-bottom:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 12px);padding:10px 16px}.ebs__nav-domain{flex:1;text-align:center;font-size:.72rem;color:var(--color-text-muted);line-height:1.3}.ebs__nav-domain strong{display:block;font-size:.82rem;font-weight:600;color:var(--color-text-secondary)}.ebs__toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px}.ebs__acquire-btn{font-family:DM Sans,system-ui,sans-serif;font-size:.82rem;font-weight:600;color:#fff;background:#16a34a;border:none;border-radius:var(--radius-full, 9999px);padding:8px 20px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.ebs__acquire-btn:hover:not(:disabled){background:#16a34a;transform:translateY(-1px);box-shadow:0 3px 10px rgba(34,197,94,.25)}.ebs__acquire-btn:disabled{opacity:.5;cursor:not-allowed}.ebs__students{display:flex;flex-direction:column;gap:6px}.ebs__student{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 12px);overflow:hidden;transition:all .2s ease}.ebs__student:hover{border-color:var(--color-primary);box-shadow:0 2px 8px rgba(0,0,0,.04)}.ebs__student-row{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .15s ease;border:none;background:none;width:100%;text-align:left;font-family:inherit}.ebs__student-row:hover{background:var(--color-primary-light)}.ebs__student--tinted{border-left:3px solid var(--tint-color, transparent)}.ebs__checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary);flex-shrink:0}.ebs__avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:700;color:#fff}.ebs__student-info{flex:1;min-width:0}.ebs__student-name{font-family:DM Sans,system-ui,sans-serif;font-size:.88rem;font-weight:600;color:var(--color-text);margin:0;line-height:1.3;display:flex;align-items:center;gap:8px}.ebs__student-comment{font-size:.76rem;color:var(--color-text-muted);margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ebs__panel{padding:14px 18px 18px;background:var(--color-bg-secondary, #F5F4F0);border-top:1px solid var(--color-border);animation:ebsPanelIn .2s ease both}@keyframes ebsPanelIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:600px}}.ebs__panel-label{font-size:.78rem;font-weight:500;color:var(--color-text-muted);margin:0 0 8px}.ebs__level-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.ebs__level-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:var(--radius-full, 9999px);border:1.5px solid var(--color-border);cursor:pointer;font-family:DM Sans,system-ui,sans-serif;font-size:.82rem;font-weight:500;background:var(--color-surface);color:var(--color-text-secondary);transition:all .15s ease}.ebs__level-chip:hover{border-color:var(--color-text-muted)}.ebs__level-chip--active{border-color:transparent;box-shadow:0 1px 4px rgba(0,0,0,.1)}.ebs__comment-input{width:100%;border:1.5px solid var(--color-border);border-radius:var(--radius-sm, 8px);padding:10px 12px;font-size:.86rem;resize:vertical;font-family:DM Sans,system-ui,sans-serif;color:var(--color-text);background:var(--color-surface);transition:border-color .2s ease;outline:none}.ebs__comment-input::placeholder{color:var(--color-text-muted)}.ebs__comment-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.ebs__modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px);animation:ebsFadeIn .2s ease both}@keyframes ebsFadeIn{0%{opacity:0}to{opacity:1}}.ebs__modal{background:var(--color-surface, #fff);border-radius:var(--radius-lg, 14px);padding:24px;max-width:420px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.15);animation:ebsModalIn .25s ease both}@keyframes ebsModalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.ebs__modal h3{font-family:Nunito,DM Sans,sans-serif;margin:0 0 8px}.ebs__modal p{margin:0 0 14px;color:var(--color-text-secondary);font-size:.9rem}.ebs__modal-actions{display:flex;gap:8px;justify-content:flex-end}.ebs__saving{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:.78rem;color:var(--color-text-muted)}.photo-session-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;display:flex;flex-direction:column}.photo-session-video{width:100vw;height:100vh;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.capture-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-surface, white);opacity:0;pointer-events:none;z-index:999}.capture-flash.active{animation:flash .2s ease-out}@keyframes flash{0%{opacity:.8}to{opacity:0}}.photo-session-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:16px;z-index:101;background:linear-gradient(to bottom,rgba(0,0,0,.4),transparent)}.photo-counter{font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.6)}.photo-session-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;padding:16px 16px 32px;z-index:101;background:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.photo-session-gallery{display:flex;overflow-x:auto;gap:8px;margin-bottom:16px;padding:4px;max-width:100%}.photo-session-thumbnail{width:60px;height:60px;border-radius:8px;object-fit:cover;border:2px solid rgba(255,255,255,.6);flex-shrink:0}.capture-button{width:80px;height:80px;border-radius:50%;background:var(--color-surface, white);border:4px solid rgba(255,255,255,.8);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;min-width:44px;min-height:44px;transition:transform .1s ease}.capture-button:active{transform:scale(.92)}.capture-button:disabled{opacity:.5}.capture-button-inner{width:64px;height:64px;border-radius:50%;background:var(--color-surface, white);display:block}.dir-nav{display:flex;gap:4px;overflow-x:auto;padding-bottom:16px;margin-bottom:12px;border-bottom:1px solid var(--color-border);scrollbar-width:none}.dir-nav::-webkit-scrollbar{display:none}.dir-nav__tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-full, 9999px);border:1.5px solid transparent;background:transparent;color:var(--color-text-muted);font-weight:500;font-size:.82rem;cursor:pointer;white-space:nowrap;font-family:DM Sans,sans-serif;transition:all .15s ease}.dir-nav__tab:hover{background:var(--color-primary-light);color:var(--color-text-secondary)}.dir-nav__tab--active{background:var(--color-primary);color:#fff;font-weight:600;border-color:var(--color-primary);box-shadow:0 2px 8px rgba(0,0,0,.1)}.dir-nav__tab--active:hover{background:var(--color-primary-dark);color:#fff}.dir-page{max-width:800px}.dir-page--wide{max-width:1000px}.dir-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 14px);padding:20px;margin-bottom:16px}.dir-card__title{font-family:Nunito,DM Sans,sans-serif;font-size:1rem;font-weight:700;color:var(--color-text);margin:0 0 14px;display:flex;align-items:center;gap:8px}.dir-card__title-icon{font-size:1.2rem}.dir-form{display:flex;flex-direction:column;gap:14px}.dir-form--row{display:flex;gap:14px;flex-wrap:wrap}.dir-form--row>*{flex:1;min-width:200px}.dir-list{display:flex;flex-direction:column;gap:6px}.dir-list-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 12px);transition:all .15s ease}.dir-list-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px rgba(0,0,0,.04)}.dir-list-item__avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:700;color:#fff;flex-shrink:0}.dir-list-item__info{flex:1;min-width:0}.dir-list-item__name{font-size:.9rem;font-weight:600;color:var(--color-text);margin:0}.dir-list-item__sub{font-size:.78rem;color:var(--color-text-muted);margin:2px 0 0}.dir-list-item__actions{display:flex;gap:4px;flex-shrink:0}.dir-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm, 8px);border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.dir-icon-btn:hover{background:var(--color-primary-light);color:var(--color-primary)}.dir-icon-btn--danger:hover{background:rgba(239,68,68,.08);color:#ef4444}.dir-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px);animation:dirFadeIn .2s ease both}@keyframes dirFadeIn{0%{opacity:0}to{opacity:1}}.dir-modal{background:var(--color-surface, #fff);border-radius:var(--radius-lg, 14px);padding:24px;max-width:480px;width:92%;box-shadow:0 20px 60px rgba(0,0,0,.15);animation:dirModalIn .25s ease both;max-height:85vh;overflow-y:auto}@keyframes dirModalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.dir-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dir-modal__header h3{font-family:Nunito,DM Sans,sans-serif;margin:0;font-size:1.1rem}.dir-modal__actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.dir-teacher-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 12px);cursor:pointer;font-family:DM Sans,sans-serif;font-size:.88rem;color:var(--color-text);transition:all .15s ease;text-align:left}.dir-teacher-btn:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.dir-empty{text-align:center;padding:48px 24px}.dir-empty__icon{font-size:3rem;margin-bottom:12px}.dir-empty p{color:var(--color-text-muted);margin:0 0 20px}.dir-empty__actions{display:flex;flex-direction:column;gap:8px;align-items:center}.dir-save-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:500;padding:2px 10px;border-radius:var(--radius-full, 9999px)}.dir-save-badge--saving{color:var(--color-text-muted);background:var(--color-primary-light)}.dir-save-badge--saved{color:#16a34a;background:rgba(22,163,74,.1)}.dir-logo{display:flex;flex-direction:column;align-items:center;gap:10px}.dir-logo__preview{width:140px;height:140px;border-radius:var(--radius-lg, 14px);object-fit:cover;border:1px solid var(--color-border)}.dir-logo__placeholder{width:140px;height:140px;border-radius:var(--radius-lg, 14px);border:2px dashed var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:2.5rem}.dir-skill-domain{border:1px solid var(--color-border);border-radius:var(--radius-md, 12px);margin-bottom:8px;overflow:hidden;background:var(--color-surface)}.dir-skill-domain__header{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:600;color:var(--color-text);background:none;border:none;width:100%;text-align:left;transition:background .15s ease}.dir-skill-domain__header:hover{background:var(--color-primary-light)}.dir-skill-domain__chevron{transition:transform .2s ease;color:var(--color-text-muted);flex-shrink:0}.dir-skill-domain__chevron--open{transform:rotate(90deg)}.dir-skill-domain__count{margin-left:auto;font-size:.75rem;font-weight:500;color:var(--color-text-muted)}.dir-skill-category{padding:8px 16px 4px 28px;font-size:.82rem;font-weight:600;color:var(--color-text-secondary);border-top:1px solid var(--color-border)}.dir-skill-row{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 28px;border-top:1px solid var(--color-border);transition:background .1s ease}.dir-skill-row:hover{background:var(--color-primary-light)}.dir-skill-row__checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary);flex-shrink:0}.dir-skill-row__info{flex:1;min-width:0}.dir-skill-row__name{font-size:.84rem;color:var(--color-text);line-height:1.3}.dir-skill-row__desc{font-size:.74rem;color:var(--color-text-muted);margin-top:1px}.dir-invite{display:flex;gap:8px;align-items:flex-end}.dir-invite>:first-child{flex:1}.dir-color-preview{display:inline-block;width:24px;height:24px;border-radius:6px;border:1px solid var(--color-border);vertical-align:middle;margin-left:8px}@media (max-width: 768px){.dir-card{padding:16px}.dir-form--row{flex-direction:column}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[data-theme=lavande][data-mode=light],html:not([data-theme])[data-mode=light],html:not([data-theme]):not([data-mode]){--color-primary: #7C6DCD;--color-primary-light: rgba(124,109,205,.1);--color-primary-dark: #5A4CAF;--color-primary-medium: rgba(124,109,205,.18);--color-secondary: #B8A9E8;--color-accent: #E8B4CB;--color-bg: #FAFAF7;--color-bg-secondary: #F5F4F0;--color-surface: #FFFFFF;--color-surface-hover: #FDFCFF;--color-text: #2D2B3D;--color-text-secondary: #6B6880;--color-text-muted: #9895A8;--color-border: rgba(124,109,205,.12);--color-shadow: 0 1px 3px rgba(44,42,61,.04), 0 6px 16px rgba(124,109,205,.06);--color-shadow-hover: 0 2px 8px rgba(44,42,61,.06), 0 12px 28px rgba(124,109,205,.1);--sidebar-bg: #FFFFFF;--sidebar-border: rgba(124,109,205,.1)}[data-theme=lavande][data-mode=dark],html:not([data-theme])[data-mode=dark]{--color-primary: #9B8FE0;--color-primary-light: rgba(155,143,224,.12);--color-primary-dark: #7C6DCD;--color-primary-medium: rgba(155,143,224,.22);--color-secondary: #B8A9E8;--color-accent: #E8B4CB;--color-bg: #1A1B2E;--color-bg-secondary: #16172A;--color-surface: #2A2B40;--color-surface-hover: #31324A;--color-text: #E8E6F0;--color-text-secondary: #B0ADBE;--color-text-muted: #7D7A8E;--color-border: rgba(155,143,224,.12);--color-shadow: 0 1px 3px rgba(0,0,0,.2), 0 6px 16px rgba(0,0,0,.15);--color-shadow-hover: 0 2px 8px rgba(0,0,0,.25), 0 12px 28px rgba(0,0,0,.2);--sidebar-bg: #222339;--sidebar-border: rgba(155,143,224,.08)}[data-theme=ocean][data-mode=light]{--color-primary: #3B82C4;--color-primary-light: rgba(59,130,196,.1);--color-primary-dark: #2A6AA8;--color-primary-medium: rgba(59,130,196,.18);--color-secondary: #7DB8E0;--color-accent: #6DD5C8;--color-bg: #FAFAF7;--color-bg-secondary: #F5F4F0;--color-surface: #FFFFFF;--color-surface-hover: #FBFDFF;--color-text: #2D2B3D;--color-text-secondary: #5A6B80;--color-text-muted: #8A95A8;--color-border: rgba(59,130,196,.12);--color-shadow: 0 1px 3px rgba(44,42,61,.04), 0 6px 16px rgba(59,130,196,.06);--color-shadow-hover: 0 2px 8px rgba(44,42,61,.06), 0 12px 28px rgba(59,130,196,.1);--sidebar-bg: #FFFFFF;--sidebar-border: rgba(59,130,196,.1)}[data-theme=ocean][data-mode=dark]{--color-primary: #5A9ED8;--color-primary-light: rgba(90,158,216,.12);--color-primary-dark: #3B82C4;--color-primary-medium: rgba(90,158,216,.22);--color-secondary: #7DB8E0;--color-accent: #6DD5C8;--color-bg: #1A1B2E;--color-bg-secondary: #16172A;--color-surface: #2A2B40;--color-surface-hover: #31324A;--color-text: #E8E6F0;--color-text-secondary: #B0ADBE;--color-text-muted: #7D7A8E;--color-border: rgba(90,158,216,.12);--color-shadow: 0 1px 3px rgba(0,0,0,.2), 0 6px 16px rgba(0,0,0,.15);--color-shadow-hover: 0 2px 8px rgba(0,0,0,.25), 0 12px 28px rgba(0,0,0,.2);--sidebar-bg: #222339;--sidebar-border: rgba(90,158,216,.08)}[data-theme=foret][data-mode=light]{--color-primary: #4A9B6E;--color-primary-light: rgba(74,155,110,.1);--color-primary-dark: #388055;--color-primary-medium: rgba(74,155,110,.18);--color-secondary: #8DC4A3;--color-accent: #C4D66B;--color-bg: #FAFAF7;--color-bg-secondary: #F5F4F0;--color-surface: #FFFFFF;--color-surface-hover: #FBFFFC;--color-text: #2D2B3D;--color-text-secondary: #5A7068;--color-text-muted: #8A9B95;--color-border: rgba(74,155,110,.12);--color-shadow: 0 1px 3px rgba(44,42,61,.04), 0 6px 16px rgba(74,155,110,.06);--color-shadow-hover: 0 2px 8px rgba(44,42,61,.06), 0 12px 28px rgba(74,155,110,.1);--sidebar-bg: #FFFFFF;--sidebar-border: rgba(74,155,110,.1)}[data-theme=foret][data-mode=dark]{--color-primary: #62B585;--color-primary-light: rgba(98,181,133,.12);--color-primary-dark: #4A9B6E;--color-primary-medium: rgba(98,181,133,.22);--color-secondary: #8DC4A3;--color-accent: #C4D66B;--color-bg: #1A1B2E;--color-bg-secondary: #16172A;--color-surface: #2A2B40;--color-surface-hover: #31324A;--color-text: #E8E6F0;--color-text-secondary: #B0ADBE;--color-text-muted: #7D7A8E;--color-border: rgba(98,181,133,.12);--color-shadow: 0 1px 3px rgba(0,0,0,.2), 0 6px 16px rgba(0,0,0,.15);--color-shadow-hover: 0 2px 8px rgba(0,0,0,.25), 0 12px 28px rgba(0,0,0,.2);--sidebar-bg: #222339;--sidebar-border: rgba(98,181,133,.08)}[data-theme=crepuscule][data-mode=light]{--color-primary: #D4805A;--color-primary-light: rgba(212,128,90,.1);--color-primary-dark: #B86A45;--color-primary-medium: rgba(212,128,90,.18);--color-secondary: #E8B090;--color-accent: #D4A76B;--color-bg: #FAFAF7;--color-bg-secondary: #F5F4F0;--color-surface: #FFFFFF;--color-surface-hover: #FFFDFB;--color-text: #2D2B3D;--color-text-secondary: #806858;--color-text-muted: #A89888;--color-border: rgba(212,128,90,.12);--color-shadow: 0 1px 3px rgba(44,42,61,.04), 0 6px 16px rgba(212,128,90,.06);--color-shadow-hover: 0 2px 8px rgba(44,42,61,.06), 0 12px 28px rgba(212,128,90,.1);--sidebar-bg: #FFFFFF;--sidebar-border: rgba(212,128,90,.1)}[data-theme=crepuscule][data-mode=dark]{--color-primary: #E0956E;--color-primary-light: rgba(224,149,110,.12);--color-primary-dark: #D4805A;--color-primary-medium: rgba(224,149,110,.22);--color-secondary: #E8B090;--color-accent: #D4A76B;--color-bg: #1A1B2E;--color-bg-secondary: #16172A;--color-surface: #2A2B40;--color-surface-hover: #31324A;--color-text: #E8E6F0;--color-text-secondary: #B0ADBE;--color-text-muted: #7D7A8E;--color-border: rgba(224,149,110,.12);--color-shadow: 0 1px 3px rgba(0,0,0,.2), 0 6px 16px rgba(0,0,0,.15);--color-shadow-hover: 0 2px 8px rgba(0,0,0,.25), 0 12px 28px rgba(0,0,0,.2);--sidebar-bg: #222339;--sidebar-border: rgba(224,149,110,.08)}[data-theme=ardoise][data-mode=light]{--color-primary: #64748B;--color-primary-light: rgba(100,116,139,.1);--color-primary-dark: #4B5968;--color-primary-medium: rgba(100,116,139,.18);--color-secondary: #94A3B8;--color-accent: #A78BFA;--color-bg: #FAFAF7;--color-bg-secondary: #F5F4F0;--color-surface: #FFFFFF;--color-surface-hover: #FCFCFD;--color-text: #2D2B3D;--color-text-secondary: #64748B;--color-text-muted: #94A3B8;--color-border: rgba(100,116,139,.12);--color-shadow: 0 1px 3px rgba(44,42,61,.04), 0 6px 16px rgba(100,116,139,.06);--color-shadow-hover: 0 2px 8px rgba(44,42,61,.06), 0 12px 28px rgba(100,116,139,.1);--sidebar-bg: #FFFFFF;--sidebar-border: rgba(100,116,139,.1)}[data-theme=ardoise][data-mode=dark]{--color-primary: #8899AE;--color-primary-light: rgba(136,153,174,.12);--color-primary-dark: #64748B;--color-primary-medium: rgba(136,153,174,.22);--color-secondary: #94A3B8;--color-accent: #A78BFA;--color-bg: #1A1B2E;--color-bg-secondary: #16172A;--color-surface: #2A2B40;--color-surface-hover: #31324A;--color-text: #E8E6F0;--color-text-secondary: #B0ADBE;--color-text-muted: #7D7A8E;--color-border: rgba(136,153,174,.12);--color-shadow: 0 1px 3px rgba(0,0,0,.2), 0 6px 16px rgba(0,0,0,.15);--color-shadow-hover: 0 2px 8px rgba(0,0,0,.25), 0 12px 28px rgba(0,0,0,.2);--sidebar-bg: #222339;--sidebar-border: rgba(136,153,174,.08)}:root{--card-1: #7C6DCD;--card-2: #3B82C4;--card-3: #E8B4CB;--card-4: #4A9B6E;--card-5: #D4805A;--card-6: #64748B;--card-1-soft: rgba(124,109,205,.1);--card-2-soft: rgba(59,130,196,.1);--card-3-soft: rgba(232,180,203,.15);--card-4-soft: rgba(74,155,110,.1);--card-5-soft: rgba(212,128,90,.1);--card-6-soft: rgba(100,116,139,.1);--badge-tps: #E8B4CB;--badge-ps: #7C6DCD;--badge-ms: #3B82C4;--badge-gs: #4A9B6E;--color-success: #6BCB8B;--color-warning: #F4C46B;--color-danger: #E88B8B;--color-danger-dark: #D45A5A;--eval-acquis: #6BCB8B;--eval-acquis-renforcer: #A8D86E;--eval-en-cours: #F4C46B;--eval-non-acquis: #E88B8B;--eval-non-evalue: #C4C2D0;--space-xxs: 4px;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--space-xxl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 16px;--radius-full: 9999px}html{font-size:15px;scroll-behavior:smooth;transition:background .35s ease,color .35s ease}body{font-family:DM Sans,system-ui,-apple-system,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;transition:background .35s ease,color .35s ease;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Nunito,DM Sans,system-ui,sans-serif;font-weight:700;line-height:1.3;color:var(--color-text)}h1{font-size:1.75rem;font-weight:800}h2{font-size:1.35rem;font-weight:700}h3{font-size:1.15rem;font-weight:700}h4{font-size:1rem;font-weight:600}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-primary-light);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.badge-tps{display:inline-flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:20px;letter-spacing:.03em;line-height:1.5;background:rgba(232,180,203,.2);color:#c4849b}.badge-ps{display:inline-flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:20px;letter-spacing:.03em;line-height:1.5;background:rgba(124,109,205,.15);color:#7c6dcd}.badge-ms{display:inline-flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:20px;letter-spacing:.03em;line-height:1.5;background:rgba(59,130,196,.15);color:#3b82c4}.badge-gs{display:inline-flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:20px;letter-spacing:.03em;line-height:1.5;background:rgba(74,155,110,.15);color:#4a9b6e}[data-mode=dark] .badge-tps{background:rgba(232,180,203,.15);color:#e8b4cb}[data-mode=dark] .badge-ps{background:rgba(155,143,224,.18);color:#b8a9e8}[data-mode=dark] .badge-ms{background:rgba(90,158,216,.18);color:#7db8e0}[data-mode=dark] .badge-gs{background:rgba(98,181,133,.18);color:#8dc4a3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}[data-mode=dark] [style*="background: #fff"],[data-mode=dark] [style*="background: white"],[data-mode=dark] [style*="backgroundColor: '#fff'"],[data-mode=dark] [style*="background-color: #fff"],[data-mode=dark] [style*="background:#fff"],[data-mode=dark] [style*="backgroundColor: white"]{background:var(--color-surface)!important;background-color:var(--color-surface)!important;color:var(--color-text)!important}[data-mode=dark] div[style*="position: fixed"]>div[style*=borderRadius],[data-mode=dark] div[style*="position: fixed"]>div[style*=border-radius]{background:var(--color-surface)!important;background-color:var(--color-surface)!important;color:var(--color-text)!important}[data-mode=dark] input,[data-mode=dark] select,[data-mode=dark] textarea{background:var(--color-bg-secondary)!important;color:var(--color-text)!important;border-color:var(--color-border)!important}[data-mode=dark] input::placeholder,[data-mode=dark] textarea::placeholder{color:var(--color-text-muted)!important}[data-mode=dark] label{color:var(--color-text-secondary)}