:root{--color-primary:#4f46e5;--color-primary-light:#6366f1;--color-primary-dark:#3730a3;--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--color-primary-200:#c7d2fe;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-700:#4338ca;--color-primary-900:#312e81;--color-secondary:#0d9488;--color-secondary-light:#14b8a6;--color-secondary-dark:#0f766e;--color-secondary-50:#f0fdfa;--color-secondary-100:#ccfbf1;--color-secondary-500:#14b8a6;--color-accent:#f59e0b;--color-accent-light:#fcd34d;--color-accent-dark:#d97706;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#059669;--color-success-light:#d1fae5;--color-success-dark:#047857;--color-warning:#d97706;--color-warning-light:#fef3c7;--color-warning-dark:#b45309;--color-error:#dc2626;--color-error-light:#fee2e2;--color-error-dark:#b91c1c;--color-info:#2563eb;--color-info-light:#dbeafe;--surface-primary:#fff;--surface-secondary:#f9fafb;--surface-tertiary:#f3f4f6;--surface-elevated:#fff;--surface-overlay:#11182780;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-inverse:#fff;--text-link:#4f46e5;--border-primary:#e5e7eb;--border-secondary:#d1d5db;--border-focus:#4f46e5;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-glow:0 0 20px #4f46e526;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--sidebar-width:260px;--header-height:64px;--content-max-width:1400px;--z-dropdown:100;--z-sidebar:200;--z-header:300;--z-modal-backdrop:400;--z-modal:500;--z-toast:600}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--surface-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-400)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;min-height:40px;display:inline-flex}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn-primary{background:var(--color-primary);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--surface-primary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--color-gray-50);border-color:var(--border-secondary)}.btn-success{background:var(--color-success);color:var(--text-inverse)}.btn-success:hover{background:var(--color-success-dark);transform:translateY(-1px)}.btn-danger{background:var(--color-error);color:var(--text-inverse)}.btn-danger:hover{background:var(--color-error-dark);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--color-gray-100);color:var(--text-primary)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-md);border-radius:var(--radius-lg);min-height:48px}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);min-height:32px}.btn-icon{padding:var(--space-2);min-width:40px;min-height:40px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-group{gap:var(--space-1);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);color:var(--text-primary);background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);min-height:40px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.form-input::placeholder{color:var(--text-tertiary)}.form-textarea{resize:vertical;min-height:100px}.form-error{font-size:var(--font-size-xs);color:var(--color-error)}.card{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;display:flex}.card-body{padding:var(--space-5)}.card-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-primary);background:var(--surface-secondary)}.table-container{border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--font-size-base)}.table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--surface-secondary);border-bottom:2px solid var(--border-primary);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.table th:hover{background:var(--color-gray-100)}.table th.sorted{color:var(--color-primary)}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-primary);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-primary-50)}.table tr.clickable{cursor:pointer}.badge{padding:2px var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap;align-items:center;display:inline-flex}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge-success{background:var(--color-success-light);color:var(--color-success-dark)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.badge-error{background:var(--color-error-light);color:var(--color-error-dark)}.badge-gray{background:var(--color-gray-100);color:var(--color-gray-600)}.page-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.page-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin-top:var(--space-1)}.empty-state{padding:var(--space-16) var(--space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--space-4);opacity:.4;font-size:3rem}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-text{font-size:var(--font-size-base);color:var(--text-secondary);max-width:400px}.spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin;display:inline-block}.spinner-lg{border-width:4px;width:40px;height:40px}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:100vh;display:flex}.loading-screen-text{font-size:var(--font-size-md);color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out}.modal-backdrop{background:var(--surface-overlay);z-index:var(--z-modal-backdrop);padding:var(--space-4);animation:fadeIn var(--transition-fast) ease-out;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:90vh;z-index:var(--z-modal);animation:slideUp var(--transition-base) ease-out;overflow-y:auto}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-primary);justify-content:flex-end;gap:var(--space-3);display:flex}.toast-container{top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);gap:var(--space-2);flex-direction:column;display:flex;position:fixed}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);animation:slideIn var(--transition-base) ease-out;align-items:center;gap:var(--space-2);min-width:280px;display:flex}.toast-success{background:var(--color-success);color:var(--text-inverse)}.toast-error{background:var(--color-error);color:var(--text-inverse)}.toast-info{background:var(--color-info);color:var(--text-inverse)}.toggle-container{align-items:center;gap:var(--space-3);display:flex}.toggle{background:var(--color-gray-300);border-radius:var(--radius-full);cursor:pointer;width:44px;height:24px;transition:background var(--transition-fast);position:relative}.toggle.active{background:var(--color-primary)}.toggle:after{content:"";width:20px;height:20px;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle.active:after{transform:translate(20px)}.checkbox-container{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.checkbox-container input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.active{background:var(--color-success)}.status-dot.inactive{background:var(--color-gray-400)}@media (width<=768px){.page-header{flex-direction:column;align-items:flex-start}.page-title{font-size:var(--font-size-xl)}.btn-lg{width:100%}}.btn-back{align-items:center;gap:var(--space-2);cursor:pointer;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2) var(--space-1) 0;border-radius:var(--radius-md);background:0 0;border:none;transition:color .15s,transform .15s;display:inline-flex}.btn-back:hover{color:var(--color-primary)}.btn-back:hover .btn-back-icon{transform:translate(-2px)}.btn-back-icon{background:var(--bg-secondary,#f3f4f6);width:32px;height:32px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background .15s;display:inline-flex}.btn-back:hover .btn-back-icon{background:var(--color-primary-50,#eef2ff)}.app-header{height:var(--header-height);background:var(--surface-primary);border-bottom:1px solid var(--border-primary);padding:0 var(--space-5);z-index:var(--z-header);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.header-left{align-items:center;gap:var(--space-3);display:flex}.header-menu-btn{display:none}.header-brand{align-items:center;gap:var(--space-3);cursor:pointer;display:flex}.header-logo{border-radius:var(--radius-md);justify-content:center;align-items:center;width:63px;height:63px;display:flex}.header-logo-icon{object-fit:contain;width:100%;height:100%}.header-brand-text{flex-direction:column;display:flex}.header-brand-name{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:.02em}.header-brand-org{font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:1}.header-right{align-items:center;gap:var(--space-4);display:flex}.header-eval-btn{border-radius:var(--radius-full)}.header-user{align-items:center;gap:var(--space-2);display:flex}.header-user-avatar{background:linear-gradient(135deg, var(--color-secondary), var(--color-secondary-light));border-radius:var(--radius-full);color:#fff;width:34px;height:34px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;justify-content:center;align-items:center;display:flex}.header-user-info{flex-direction:column;display:flex}.header-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.header-user-role{font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:1}.header-logout-btn{color:var(--text-tertiary)}.header-logout-btn:hover{color:var(--color-error);background:var(--color-error-light)}@media (width<=768px){.header-menu-btn{display:flex}.header-user-info,.header-eval-btn span:not(.header-eval-btn svg),.header-brand-org{display:none}}.sidebar{top:var(--header-height);width:var(--sidebar-width);background:var(--surface-primary);border-right:1px solid var(--border-primary);z-index:var(--z-sidebar);transition:transform var(--transition-base);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;overflow-y:auto}.sidebar-overlay{display:none}.sidebar-nav{padding:var(--space-4) var(--space-3);flex:1}.sidebar-section-label{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--space-1)}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);margin-bottom:2px;text-decoration:none;display:flex}.sidebar-link:hover{background:var(--color-gray-100);color:var(--text-primary)}.sidebar-link.active{background:var(--color-primary-50);color:var(--color-primary)}.sidebar-link.active .sidebar-link-icon{color:var(--color-primary)}.sidebar-link-icon{width:24px;height:24px;color:var(--text-tertiary);transition:color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-link:hover .sidebar-link-icon{color:var(--text-primary)}.sidebar-link-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-footer{padding:var(--space-4) var(--space-3);border-top:1px solid var(--border-primary)}.sidebar-footer-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);display:flex}.sidebar-footer-version{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);background:var(--color-gray-100);border-radius:var(--radius-sm);padding:2px 6px}.sidebar-footer-text{font-size:var(--font-size-xs);color:var(--text-tertiary)}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{inset:0;top:var(--header-height);background:var(--surface-overlay);z-index:calc(var(--z-sidebar) - 1);animation:fadeIn var(--transition-fast) ease-out;display:block;position:fixed}}.app-layout{min-height:100vh}.app-main{margin-left:var(--sidebar-width);margin-top:var(--header-height);min-height:calc(100vh - var(--header-height));background:var(--surface-secondary)}.app-content-wrapper{max-width:var(--content-max-width);padding:var(--space-6) var(--space-6) var(--space-12);animation:slideUp var(--transition-slow) ease-out;margin:0 auto}@media (width<=768px){.app-main{margin-left:0}.app-content-wrapper{padding:var(--space-4) var(--space-4) var(--space-8)}}.setup-layout{background:linear-gradient(135deg, var(--color-primary-50) 0%, var(--surface-primary) 50%, var(--color-secondary-50) 100%);min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.login-page{background:var(--color-gray-900);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg-pattern{pointer-events:none;position:absolute;inset:0}.login-bg-circle{filter:blur(80px);opacity:.4;border-radius:50%;position:absolute}.login-bg-circle-1{background:var(--color-primary);width:500px;height:500px;animation:20s ease-in-out infinite float;top:-150px;right:-100px}.login-bg-circle-2{background:var(--color-secondary);width:400px;height:400px;animation:25s ease-in-out infinite reverse float;bottom:-100px;left:-100px}.login-bg-circle-3{background:var(--color-accent);opacity:.2;width:300px;height:300px;animation:18s ease-in-out infinite float;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translate(0)}25%{transform:translate(30px,-30px)}50%{transform:translate(-20px,20px)}75%{transform:translate(20px,10px)}}.login-container{z-index:1;width:100%;max-width:440px;padding:var(--space-4);position:relative}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);background:#fffffff2;overflow:hidden;box-shadow:0 25px 50px -12px #0006}.login-header{text-align:center;padding:var(--space-8) var(--space-8) var(--space-4)}.login-logo{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.login-logo-icon{border-radius:var(--radius-xl);justify-content:center;align-items:center;width:60px;height:60px;display:flex}.login-logo-icon img{object-fit:contain;width:100%;height:100%}.login-logo-img{object-fit:contain;width:auto;max-width:100%;height:160px}.login-logo-icon span{color:#fff;font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold)}.login-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--text-primary);letter-spacing:.05em}.login-password-wrapper{position:relative}.login-password-wrapper .form-input{width:100%;padding-right:2.75rem}.login-password-toggle{cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.login-password-toggle:hover{color:var(--color-primary)}.login-subtitle{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-top:var(--space-1)}.login-description{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--space-1)}.login-form{padding:var(--space-4) var(--space-8) var(--space-8);gap:var(--space-4);flex-direction:column;display:flex}.login-form-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-align:center}.login-form-desc{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center}.login-error{padding:var(--space-3);background:var(--color-error-light);color:var(--color-error-dark);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center;animation:slideUp var(--transition-fast) ease-out}.login-actions{gap:var(--space-3);flex-direction:column;display:flex}.login-btn{justify-content:center;width:100%}.login-btn-setup{background:var(--surface-primary);border:2px solid var(--color-primary-200);color:var(--color-primary)}.login-btn-setup:hover{background:var(--color-primary-50);border-color:var(--color-primary)}.login-forgot-btn{font-size:var(--font-size-sm);color:var(--text-tertiary);align-self:center}.login-forgot-btn:hover{color:var(--color-primary)}.login-back-btn{font-size:var(--font-size-sm);align-self:center}.login-reset-success{align-items:center;gap:var(--space-4);text-align:center;padding:var(--space-4);flex-direction:column;display:flex}.login-reset-icon{background:var(--color-success-light);width:56px;height:56px;color:var(--color-success);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);border-radius:50%;justify-content:center;align-items:center;display:flex}.login-footer{text-align:center;font-size:var(--font-size-xs);color:#fff6;margin-top:var(--space-6)}@media (width<=480px){.login-header{padding:var(--space-6) var(--space-5) var(--space-3)}.login-form{padding:var(--space-3) var(--space-5) var(--space-6)}.login-logo-icon{width:48px;height:48px}.login-logo-icon span,.login-title{font-size:var(--font-size-2xl)}}.landing-page{max-width:1000px}.landing-welcome{margin-bottom:var(--space-8)}.landing-greeting{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--text-primary);margin-bottom:var(--space-1)}.landing-role-label{font-size:var(--font-size-md);color:var(--text-secondary)}.landing-stats{gap:var(--space-4);margin-bottom:var(--space-10);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-5);align-items:center;gap:var(--space-4);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);display:flex}.stat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-200);transform:translateY(-2px)}.stat-card-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.stat-card-icon-students{background:var(--color-primary-100);color:var(--color-primary)}.stat-card-icon-groups{background:var(--color-secondary-100);color:var(--color-secondary)}.stat-card-icon-teachers{background:var(--color-warning-light);color:var(--color-warning)}.stat-card-icon-dashboard{background:var(--color-success-light);color:var(--color-success)}.stat-card-content{flex-direction:column;display:flex}.stat-card-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1}.stat-card-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1)}.landing-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.quick-actions-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.quick-action-card{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);align-items:flex-start;gap:var(--space-3);cursor:pointer;transition:all var(--transition-fast);text-align:left;box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.quick-action-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-200);transform:translateY(-2px)}.quick-action-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:56px;height:56px;display:flex}.quick-action-icon-eval{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff}.quick-action-icon-student{background:linear-gradient(135deg, var(--color-secondary), var(--color-secondary-light));color:#fff}.quick-action-icon-report{background:linear-gradient(135deg, var(--color-accent-dark), var(--color-accent));color:#fff}.quick-action-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.quick-action-desc{font-size:var(--font-size-sm);color:var(--text-secondary)}@media (width<=768px){.landing-greeting{font-size:var(--font-size-2xl)}.landing-stats{grid-template-columns:repeat(2,1fr)}}.manage-users-page{max-width:1000px}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-4);animation:slideUp var(--transition-fast) ease-out}.alert-success{background:var(--color-success-light);color:var(--color-success-dark);border:1px solid #05966933}.alert-error{background:var(--color-error-light);color:var(--color-error-dark);border:1px solid #dc262633}.checkbox-list{gap:var(--space-2);padding:var(--space-2) 0;flex-direction:column;display:flex}.password-field{position:relative}.password-field .form-input{width:100%;padding-right:2.75rem}.password-field-toggle{cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.password-field-toggle:hover{color:var(--color-primary)}.manage-groups-page{max-width:1000px}.groups-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.group-card{transition:all var(--transition-fast)}.group-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.group-card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.group-card-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.group-card-stats{gap:var(--space-6);margin-bottom:var(--space-4);display:flex}.group-card-stat{flex-direction:column;display:flex}.group-card-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1}.group-card-stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--space-1)}.group-card-teachers{gap:var(--space-1);flex-wrap:wrap;display:flex}.manage-students-page{max-width:1200px}.students-filters{box-shadow:var(--shadow-sm)}.student-form-page{max-width:800px}.form-section{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-primary)}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.form-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.checkbox-chip{background:var(--color-gray-50);border:1px solid var(--border-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast)}.checkbox-chip:has(input:checked){background:var(--color-primary-50);border-color:var(--color-primary-200)}.activities-checkboxes{gap:var(--space-3);flex-direction:column;display:flex}.activity-toggle{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex}.activity-toggle:has(input:checked){background:var(--color-success-light);border-color:var(--color-success)}.activity-toggle input{width:20px;height:20px;accent-color:var(--color-success)}.activity-toggle-label{flex-direction:column;display:flex}.activity-toggle-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.activity-toggle-desc{font-size:var(--font-size-xs);color:var(--text-secondary)}.device-detail-grid{gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3);background:var(--color-bg-subtle,#f9fafb);border-radius:var(--radius-md);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=640px){.device-detail-grid{grid-template-columns:1fr}}.dashboard-list-page{max-width:100%}.selva-class-avg{background:var(--color-primary-50,#eef2ff);border-radius:var(--radius-md);padding:var(--space-4)}.selva-class-avg-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.selva-class-avg-sub{font-weight:var(--font-weight-normal);color:var(--text-secondary);font-size:var(--font-size-sm)}.selva-avg-chips{gap:var(--space-3);flex-wrap:wrap;display:flex}.selva-avg-chip{min-width:84px;padding:var(--space-2) var(--space-3);background:var(--color-surface,#fff);border-radius:var(--radius-md);flex-direction:column;align-items:center;display:flex;box-shadow:0 1px 3px #00000014}.selva-avg-chip-global{background:var(--color-primary,#4f46e5)}.selva-avg-chip-global .selva-avg-chip-label,.selva-avg-chip-global .selva-avg-chip-value{color:#fff}.selva-avg-chip-label{font-size:var(--font-size-xs);color:var(--text-secondary)}.selva-avg-chip-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-extrabold)}.selva-footnote{margin-top:var(--space-3);font-size:var(--font-size-xs);color:var(--text-tertiary)}.student-detail-page{gap:var(--space-5);flex-direction:column;max-width:1200px;display:flex}.sd-profile-top{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.sd-profile-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;border-radius:var(--radius-xl);width:56px;height:56px;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-transform:uppercase;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sd-profile-info{flex:1}.sd-profile-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.sd-profile-meta{gap:var(--space-2);color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-1);display:flex}.sd-profile-details{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.sd-stats-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));display:grid}.sd-stat-card .card-header h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.sd-stat-header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.sd-eval-select{width:auto;max-width:60%;padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm)}.sd-stat-items{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.sd-stat-item{flex-direction:column;display:flex}.sd-stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.sd-stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-top:var(--space-1)}.sd-no-data{color:var(--text-tertiary);font-size:var(--font-size-sm);font-style:italic}.sd-comment-form{gap:var(--space-3);flex-direction:column;align-items:flex-end;display:flex}.sd-comment-form .form-textarea{width:100%}.sd-comments-list{margin-top:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.sd-comment{padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-primary-200);background:var(--color-gray-50);border-radius:0 var(--radius-md) var(--radius-md) 0}.sd-comment-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-1);display:flex}.sd-comment-author{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.sd-comment-date{font-size:var(--font-size-xs);color:var(--text-tertiary)}.sd-comment-text{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed)}@media (width<=768px){.sd-stats-grid{grid-template-columns:1fr}.sd-profile-top{flex-direction:column;align-items:flex-start}}.sd-clinical-section{border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);overflow:hidden}.sd-clinical-section .card-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:var(--space-4) var(--space-6)}.sd-clinical-section .card-header h3{font-size:var(--font-size-base);align-items:center;gap:var(--space-2);display:flex}.sd-clinical-grid{gap:var(--space-8);grid-template-columns:1.5fr 1fr;display:grid}.sd-clinical-main{gap:var(--space-6);flex-direction:column;display:flex}.sd-info-block label{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2);font-weight:var(--font-weight-bold);display:flex}.sd-info-block p{font-size:var(--font-size-base);color:var(--text-primary);line-height:1.6}.sd-notes-content{padding:var(--space-5);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--text-secondary);white-space:pre-wrap;background:#f8fafc;border:1px solid #e2e8f0;line-height:1.7;position:relative;box-shadow:inset 0 2px 4px #00000005}.sd-clinical-sidebar{padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border-primary);gap:var(--space-6);background:#fcfdfe;flex-direction:column;display:flex}.sd-tech-list{gap:var(--space-3);flex-direction:column;display:flex}.sd-tech-item{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-primary);transition:all var(--transition-fast);background:#fff;display:flex}.sd-tech-item.active{box-shadow:var(--shadow-sm);background:linear-gradient(90deg,#fff,#f0fdf4);border-color:#bcf0da}.sd-tech-item.inactive{background:linear-gradient(90deg,#fff,#fef2f2);border-color:#fecaca}.sd-tech-icon{background:var(--bg-secondary);border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}.sd-tech-item.active .sd-tech-icon{color:#166534;background:#dcfce7}.sd-tech-item.inactive .sd-tech-icon{color:#991b1b;background:#fee2e2}.sd-tech-label{flex-direction:column;display:flex}.sd-tech-label strong{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-bold)}.sd-tech-label span{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.sd-tech-item.active .sd-tech-label span{color:#16a34a}.sd-tech-item.inactive .sd-tech-label span{color:#dc2626}.sd-tracking-info{border-top:1px dashed var(--border-primary);padding-top:var(--space-4)}.sd-tracking-row{margin-bottom:var(--space-2);font-size:var(--font-size-sm);justify-content:space-between;display:flex}.sd-tracking-row span:first-child{color:var(--text-tertiary)}.sd-tracking-row span:last-child{font-weight:var(--font-weight-medium);color:var(--text-primary)}@media (width<=900px){.sd-clinical-grid{grid-template-columns:1fr}}.sd-tech-detail{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:2px;display:block}.sd-selva-footnote{margin:var(--space-2) 0 0;font-size:var(--font-size-xs);color:var(--text-tertiary);grid-column:1/-1}.sd-profile-back{cursor:pointer;color:#fff;border:none;transition:transform .15s,filter .15s}.sd-profile-back:hover{filter:brightness(1.08)}.sd-profile-back:active{transform:scale(.96)}.sd-stat-item.sd-stat-item-aux{margin-top:var(--space-2);border-top:1px dashed var(--border-color,#e5e7eb);padding-top:var(--space-2);color:var(--text-secondary);font-style:italic}.setup-page{width:100%;max-width:600px}.setup-card{background:var(--surface-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden}.setup-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;display:flex}.setup-header-left{align-items:center;gap:var(--space-3);display:flex}.setup-logo{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));border-radius:var(--radius-md);color:#fff;width:36px;height:36px;font-weight:var(--font-weight-extrabold);font-size:var(--font-size-lg);justify-content:center;align-items:center;display:flex}.setup-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.setup-header-right{gap:var(--space-2);display:flex}.setup-steps{padding:var(--space-6);gap:var(--space-6);flex-direction:column;display:flex}.setup-step{gap:var(--space-4);transition:opacity var(--transition-fast);display:flex}.setup-step-disabled{opacity:.4;pointer-events:none}.setup-step-number{background:var(--color-primary-100);width:32px;height:32px;color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.setup-step-content{flex:1}.setup-step-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.setup-step-fields{gap:var(--space-3);flex-direction:column;display:flex}.setup-select{min-height:48px;font-size:var(--font-size-md);padding:var(--space-3) var(--space-4)}.setup-student-preview{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-primary-50);border-radius:var(--radius-md);border:1px solid var(--color-primary-200);animation:slideUp var(--transition-fast) ease-out;display:flex}.setup-student-avatar{background:var(--color-primary);color:#fff;width:40px;height:40px;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;display:flex}.setup-student-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md)}.setup-student-meta{font-size:var(--font-size-sm);color:var(--text-secondary)}.setup-radio-group{gap:var(--space-3);flex-wrap:wrap;display:flex}.setup-radio-card{align-items:center;gap:var(--space-2);min-width:100px;padding:var(--space-4);border:2px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center;flex-direction:column;flex:1;display:flex}.setup-radio-card input{display:none}.setup-radio-card:hover{border-color:var(--color-primary-200);background:var(--color-gray-50)}.setup-radio-card.active{border-color:var(--color-primary);background:var(--color-primary-50);box-shadow:0 0 0 3px var(--color-primary-100)}.setup-radio-icon{font-size:1.5rem}.setup-radio-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.setup-footer{padding:var(--space-4) var(--space-6) var(--space-6)}.setup-ready-btn{width:100%;font-size:var(--font-size-lg);min-height:56px}.ready-page{min-height:100vh;padding:var(--space-4);background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:center;align-items:center;display:flex}.ready-card{text-align:center;align-items:center;gap:var(--space-8);flex-direction:column;display:flex}.ready-activity-badge{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;display:flex}.ready-activity-icon{font-size:1.5rem}.ready-activity-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fff;letter-spacing:.1em}.ready-student-name{font-size:3rem;font-weight:var(--font-weight-extrabold);color:#fff;text-align:center;max-width:500px;line-height:1.1}.ready-start-btn{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;width:200px;height:200px;font-size:2rem;font-weight:var(--font-weight-extrabold);letter-spacing:.15em;cursor:pointer;border:none;border-radius:50%;transition:all .3s;position:relative;box-shadow:0 0 40px #4f46e566,0 0 80px #4f46e533,inset 0 -4px 8px #0003}.ready-start-btn:before{content:"";border:2px solid #6366f14d;border-radius:50%;animation:2s ease-out infinite pulse-ring;position:absolute;inset:-8px}.ready-start-btn:hover{transform:scale(1.05);box-shadow:0 0 60px #4f46e580,0 0 100px #4f46e54d,inset 0 -4px 8px #0003}.ready-start-btn:active{transform:scale(.98)}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@media (width<=600px){.ready-student-name{font-size:2rem}.ready-start-btn{width:160px;height:160px;font-size:1.5rem}}.complete-page{background:linear-gradient(135deg, var(--color-primary-50) 0%, var(--surface-primary) 50%, var(--color-secondary-50) 100%);min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.complete-card{text-align:center;background:var(--surface-primary);padding:var(--space-12) var(--space-8);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:440px}.complete-icon{margin-bottom:var(--space-4);font-size:4rem;animation:1s ease-out bounce}@keyframes bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}70%{transform:scale(.9)}to{transform:scale(1)}}.complete-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);color:var(--text-primary);margin-bottom:var(--space-2)}.complete-subtitle{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--space-8)}.complete-btn{min-width:200px}.activities-page{max-width:1000px}.activities-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.activity-card{transition:all var(--transition-fast)}.activity-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.activity-card-icon{margin-bottom:var(--space-3);font-size:3rem}.activity-card-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.activity-card-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-4);line-height:var(--line-height-relaxed)}.activity-card-btn{width:100%}.results-filters{gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.sortable:hover,.sorted{background:var(--bg-hover)}#assessments-table .btn-ghost:not(:disabled){color:var(--color-primary);font-weight:var(--font-weight-medium)}#assessments-table .btn-ghost:disabled{opacity:.35;cursor:not-allowed}.audio-indicators{justify-content:center;gap:6px;display:flex}.audio-dot{color:#9e9e9e;background:#e0e0e0;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.audio-dot.available{background:var(--color-primary);color:#fff;cursor:pointer;box-shadow:0 2px 4px #0000001a}.audio-dot.available:hover{transform:scale(1.15);box-shadow:0 4px 8px #00000026}.audio-dot.empty{opacity:.6}.manage-institutions-page{padding:var(--space-6);max-width:var(--content-max-width)}.institutions-layout{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=900px){.institutions-layout{grid-template-columns:1fr 1fr;align-items:start}}.institutions-list{gap:var(--space-3);flex-direction:column;display:flex}.institution-card{cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border:2px solid #0000}.institution-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-md)}.institution-card-selected{border-color:var(--color-primary)!important;box-shadow:var(--shadow-glow)!important}.institution-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.institution-card-info{flex:1;min-width:0}.institution-card-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-1) 0}.institution-card-date{font-size:var(--font-size-xs);color:var(--text-tertiary)}.institution-card-actions{gap:var(--space-1);flex-shrink:0;display:flex}.institution-card-stats{align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--text-secondary);flex-wrap:wrap;display:flex}.institution-stat strong{color:var(--text-primary)}.institution-stat-separator{color:var(--text-tertiary)}.institution-detail{background:var(--surface-primary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);box-shadow:var(--shadow-md);top:calc(var(--header-height) + var(--space-6));position:sticky;overflow:hidden}.detail-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-primary);background:var(--color-primary-50);justify-content:space-between;align-items:center;display:flex}.detail-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-900);margin:0}.detail-section{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-primary)}.detail-section:last-child{border-bottom:none}.detail-section-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.detail-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);align-items:center;gap:var(--space-2);margin:0;display:flex}.detail-empty{font-size:var(--font-size-sm);color:var(--text-tertiary);padding:var(--space-2) 0;margin:0;font-style:italic}.detail-members-list{gap:var(--space-2);flex-direction:column;display:flex}.detail-member-row{padding:var(--space-3);background:var(--surface-secondary);border-radius:var(--radius-md);transition:background var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.detail-member-row:hover{background:var(--surface-tertiary)}.detail-member-info{align-items:center;gap:var(--space-3);min-width:0;display:flex}.detail-member-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;width:36px;height:36px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;flex-shrink:0;justify-content:center;align-items:center;display:flex}.detail-member-avatar-teacher{background:linear-gradient(135deg, var(--color-secondary), var(--color-secondary-dark))}.detail-member-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.detail-member-email{font-size:var(--font-size-xs);color:var(--text-tertiary)}.detail-member-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.detail-groups-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.detail-group-chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-full);font-size:var(--font-size-sm);display:inline-flex}.detail-group-name{font-weight:var(--font-weight-medium);color:var(--color-primary-700)}.detail-group-count{color:var(--color-primary-500);font-size:var(--font-size-xs)}@media (width<=899px){.manage-institutions-page{padding:var(--space-4)}.institution-detail{position:static}}.detail-org-meta{gap:var(--space-1);padding:var(--space-3) 0 var(--space-4);font-size:var(--font-size-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-color,#e5e7eb);margin-bottom:var(--space-4);flex-direction:column;display:flex}.auth-action-center{align-items:center;gap:var(--space-4);padding:var(--space-6) 0;flex-direction:column;display:flex}.auth-action-link{color:var(--color-primary);font-weight:var(--font-weight-semibold);text-decoration:underline}.auth-action-link:hover{color:var(--color-primary-light)}.auth-action-btn-link{margin-top:var(--space-4);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.spinner-dark{border-color:var(--color-primary);border-top-color:#0000}.gs-page{width:100%;max-width:720px;padding:var(--space-4);margin:0 auto}.gs-card{background:var(--surface-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--space-6)}.gs-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.gs-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.gs-activity{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);margin-top:var(--space-1)}.gs-close-btn{flex-shrink:0}.gs-join{align-items:center;gap:var(--space-6);padding:var(--space-6);background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-xl);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.gs-code-block{flex:1;min-width:200px}.gs-code-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.gs-code{font-size:clamp(2.5rem,12vw,4rem);font-weight:var(--font-weight-extrabold);letter-spacing:.15em;color:var(--color-primary);font-variant-numeric:tabular-nums;line-height:1}.gs-code-hint{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-2)}.gs-qr-block{text-align:center}.gs-qr{border-radius:var(--radius-md);width:160px;height:160px;padding:var(--space-2);background:#fff;display:block}.gs-qr-hint{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--space-2)}.gs-roster-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:baseline;display:flex}.gs-roster-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.gs-roster-counts{gap:var(--space-3);font-size:var(--font-size-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums;display:flex}.gs-roster{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.gs-roster-item{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:2px solid var(--border-primary);background:var(--surface-secondary);transition:all var(--transition-fast);display:flex}.gs-roster-item.connected{border-color:var(--color-primary,#2563eb);background:var(--color-primary-50,#eff6ff)}.gs-roster-item.in-progress{border-color:var(--color-warning);background:var(--color-warning-light)}.gs-roster-item.done{border-color:var(--color-success);background:var(--color-success-light)}.gs-roster-name{font-weight:var(--font-weight-semibold)}.gs-roster-status{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap}.gs-empty{text-align:center;padding:var(--space-8) var(--space-6)}.gs-empty-icon{margin-bottom:var(--space-4);font-size:3rem}.gs-empty h2{margin-bottom:var(--space-2)}.gs-empty p{color:var(--text-secondary);margin-bottom:var(--space-6)}.join-page{min-height:100vh;padding:var(--space-4);background:var(--bg-primary,var(--surface-secondary));flex-direction:column;justify-content:center;align-items:center;display:flex}.join-card{background:var(--surface-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--space-8) var(--space-6);width:100%;max-width:640px}.join-code-form{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;max-width:420px;display:flex}.join-logo{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));border-radius:var(--radius-lg);color:#fff;width:56px;height:56px;font-weight:var(--font-weight-extrabold);font-size:var(--font-size-2xl);justify-content:center;align-items:center;display:flex}.join-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-align:center}.join-code-input{text-align:center;width:100%;font-size:clamp(2rem,10vw,3rem);font-weight:var(--font-weight-extrabold);letter-spacing:.3em;padding:var(--space-4);border:2px solid var(--border-primary);border-radius:var(--radius-lg);font-variant-numeric:tabular-nums;background:var(--surface-secondary)}.join-code-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.join-submit{width:100%;min-height:56px;font-size:var(--font-size-lg)}.join-error{color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.join-loading-text{margin-top:var(--space-4);color:var(--text-secondary)}.join-roster-card{max-width:720px}.join-roster-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.join-code-badge{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);background:var(--color-primary-50);border:1px solid var(--color-primary-200);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full,999px)}.join-roster{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.join-student-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:120px;padding:var(--space-4);border:2px solid var(--border-primary);border-radius:var(--radius-xl);background:var(--surface-secondary);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;font-family:inherit;display:flex}.join-student-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-50);box-shadow:var(--shadow-md);transform:translateY(-2px)}.join-student-btn:active:not(:disabled){transform:translateY(0)}.join-student-btn.taken{opacity:.5;cursor:not-allowed;background:var(--color-gray-50,var(--surface-secondary))}.join-student-btn.taken.mine{opacity:1;cursor:pointer;background:var(--surface-primary);border-color:var(--color-primary,currentColor)}.join-student-btn.mine .join-student-tag{color:var(--color-primary,var(--text-secondary));font-weight:var(--font-weight-bold)}.join-student-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-align:center}.join-student-tag{font-size:var(--font-size-xs);color:var(--text-secondary)}.join-final,.join-empty{text-align:center;max-width:480px}.join-final{background:var(--surface-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--space-8) var(--space-6)}.join-final-icon{margin-bottom:var(--space-4);font-size:4rem}.join-final h1,.join-empty h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.join-final p,.join-empty p{color:var(--text-secondary);margin-bottom:var(--space-6)}