.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--padded{padding:24px 32px 40px}@media (max-width: 768px){.ui-content--padded{padding:16px 16px 32px}}.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)}.class-select-header{padding:24px 16px 8px}.class-select-header h2{margin:0;font-size:1.5rem;font-weight:700}.class-select-header p{margin:4px 0 12px;color:var(--color-text-secondary);font-size:.9rem}.class-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm, 16px);padding:8px 16px 24px}@media (min-width: 768px){.class-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.class-card-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.class-card-meta{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--color-text-secondary);margin-top:12px}.class-card-meta span{display:flex;align-items:center;gap:6px}.class-select-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;text-align:center;padding:24px}.skeleton-line{background:var(--color-primary-light);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:1}}.skeleton-card{pointer-events:none}.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)}.school-name{font-family:Nunito,sans-serif;font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.class-label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.class-name{font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:800;color:var(--color-text)}.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-footer{padding:14px 20px 18px;display:flex;align-items:center;justify-content:space-between}.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:16px;left:16px;z-index:200;width:42px;height:42px;border-radius:12px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--color-shadow);cursor:pointer;align-items:center;justify-content:center;color:var(--color-text);transition:all .2s ease}.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,.4);z-index:90;opacity:0;transition:opacity .3s ease}.sidebar-overlay.visible{display:block;opacity:1}@media (max-width: 768px){.hamburger{display:flex}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px rgba(0,0,0,.15)}}.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}.dashboard-header{padding:24px 32px 16px}.dashboard-greeting{font-family:Nunito,sans-serif;font-size:24px;font-weight:700;margin:0;color:var(--color-text)}.dashboard-subtitle{font-size:13px;color:var(--color-text-muted);margin-top:4px}.dashboard-content-area{padding:0 32px 32px;min-height:calc(100vh - 200px)}.dashboard-class-card{background:var(--color-surface);border-radius:14px;padding:16px 20px;box-shadow:var(--color-shadow);margin-bottom:20px;display:flex;align-items:center;gap:14px}.dashboard-class-badge{width:44px;height:44px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem;font-family:Nunito,sans-serif;flex-shrink:0}.dashboard-class-name{font-family:Nunito,sans-serif;font-size:16px;font-weight:700;color:var(--color-text);margin:0}.dashboard-class-meta{font-size:13px;color:var(--color-text-muted);margin:2px 0 0}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.dashboard-card{background:var(--color-surface);border-radius:14px;padding:20px 14px;box-shadow:var(--color-shadow);cursor:pointer;transition:all .2s ease;border:2px solid transparent;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;text-decoration:none;color:inherit}.dashboard-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--color-shadow-hover, 0 4px 16px rgba(0,0,0,.1))}.dashboard-card:active{transform:translateY(0)}.dashboard-card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px}.dashboard-card-icon ion-icon{font-size:24px}.dashboard-card-title{font-family:Nunito,sans-serif;font-size:13px;font-weight:700;color:var(--color-text);margin:0}.dashboard-card-desc{font-size:11px;color:var(--color-text-muted);line-height:1.3;margin:0}.dashboard-create-class{background:var(--color-surface);border-radius:14px;padding:32px 20px;box-shadow:var(--color-shadow);margin-bottom:20px;text-align:center}.dashboard-create-class ion-icon{font-size:48px;color:var(--color-primary)}.dashboard-create-class h2{margin:12px 0 8px;font-size:18px}.dashboard-create-class p{color:var(--color-text-muted);margin:0 0 16px;font-size:14px}@media (max-width: 768px){.dashboard-header{padding:16px 16px 12px}.dashboard-content-area{padding:0 16px 32px}}@media (min-width: 1024px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}.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}*,*: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)}