.navbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 2px 8px var(--shadow);position:sticky;top:0;z-index:100}.navbar-brand{display:flex;align-items:center;gap:12px}.navbar-logo{width:40px;height:auto}.navbar-title{background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:1.5rem;margin:0}.navbar-brand h2{background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.navbar-menu{display:flex;gap:8px}.navbar-item{display:flex;align-items:center;gap:8px;padding:12px 16px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-weight:500}.navbar-item:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.navbar-item.active{background:var(--primary);color:#fff}.navbar-icon{font-size:18px}.navbar-actions{display:flex;align-items:center;gap:12px}.navbar-theme,.navbar-logout{padding:10px 16px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500}.navbar-theme{background:var(--background);color:var(--text-primary)}.navbar-logout{background:var(--error);color:#fff}.navbar-logout:hover{background:#dc2626;transform:translateY(-2px)}.navbar-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-primary)}@media(max-width:768px){.navbar-menu,.navbar-actions{display:none}.navbar-toggle{display:block}.navbar-mobile{position:fixed;inset:0;z-index:1000}.navbar-mobile-overlay{position:absolute;inset:0;background:#00000080}.navbar-mobile-menu{position:absolute;top:0;right:0;width:280px;height:100vh;background:var(--surface);padding:80px 20px 20px;display:flex;flex-direction:column;gap:12px;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.navbar-mobile-item{display:flex;align-items:center;gap:12px;padding:16px;border:none;border-radius:8px;background:transparent;color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-weight:500;text-align:left}.navbar-mobile-item:hover,.navbar-mobile-item.active{background:var(--primary);color:#fff}.navbar-mobile-item.logout{background:var(--error);color:#fff;margin-top:auto}}.student-navbar{background:var(--surface);border-bottom:1px solid var(--border);padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px var(--shadow);width:100%}.student-navbar-brand{display:flex;flex-direction:column;align-items:flex-start}.student-navbar-logo{height:40px;width:auto;object-fit:contain}.student-navbar-brand h2{margin:0;color:var(--primary);font-size:1.2rem;font-weight:700;line-height:1}.student-portal{font-size:.7rem;color:var(--text-secondary);font-weight:500;margin-top:.1rem}.student-navbar-menu{display:none}.student-navbar-actions{display:flex;align-items:center;gap:.5rem}.student-navbar-theme{background:var(--background);border:2px solid var(--border);color:var(--text-primary);width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.1rem}@media(max-width:1023px){.student-navbar-theme{display:none}}.student-navbar-theme:hover{border-color:var(--primary);background:var(--primary);color:#fff;transform:translateY(-1px)}.student-navbar-logout{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:20px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .3s ease;box-shadow:0 2px 4px #ef444433;display:none}.student-navbar-logout:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.student-navbar-toggle{background:var(--primary);color:#fff;border:none;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .3s ease}.student-navbar-toggle:hover{background:var(--primary-dark);transform:scale(1.05)}.student-navbar-mobile{position:fixed;inset:0;z-index:2000}.student-navbar-mobile-overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.student-navbar-mobile-menu{position:absolute;top:0;right:0;width:280px;height:100vh;background:var(--surface);box-shadow:-4px 0 20px var(--shadow);display:flex;flex-direction:column;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.student-navbar-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border);background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff}.student-navbar-mobile-header h3{margin:0;font-size:1.2rem;font-weight:600}.student-navbar-mobile-header button{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .3s ease}.student-navbar-mobile-header button:hover{background:#ffffff4d;transform:rotate(90deg)}.student-navbar-mobile-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:none;border:none;color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500;text-align:left;border-bottom:1px solid var(--border)}.student-navbar-mobile-item:hover{background:var(--background);color:var(--primary)}.student-navbar-mobile-item.active{background:var(--primary);color:#fff}.student-navbar-mobile-item span:first-child{font-size:1.2rem;width:24px;text-align:center}.student-navbar-mobile-actions{margin-top:auto;border-top:1px solid var(--border)}.student-navbar-mobile-item.logout{color:#ef4444;font-weight:600}.student-navbar-mobile-item.logout:hover{background:#ef4444;color:#fff}@media(min-width:768px){.student-navbar{padding:1rem 2rem}.student-navbar-logo{height:44px}.student-navbar-brand h2{font-size:1.4rem}.student-portal{font-size:.8rem}.student-navbar-actions{gap:1rem}.student-navbar-theme{width:44px;height:44px;font-size:1.2rem}.student-navbar-logout{padding:.7rem 1.4rem;font-size:.9rem}.student-navbar-toggle{width:44px;height:44px;font-size:1.3rem}.student-navbar-mobile-menu{width:320px}}@media(min-width:1024px){.student-navbar{padding:1rem 3rem}.student-navbar-brand{flex-direction:row;align-items:center;gap:.5rem}.student-navbar-logo{height:48px}.student-navbar-brand h2{font-size:1.6rem}.student-portal{font-size:.9rem;margin-top:0;padding-left:.5rem;border-left:2px solid var(--border)}.student-navbar-menu{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center;max-width:800px;margin:0 2rem}.student-navbar-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;border-radius:8px;min-width:80px}.student-navbar-item:hover{background:var(--background);color:var(--primary);transform:translateY(-2px)}.student-navbar-item.active{background:var(--primary);color:#fff;transform:translateY(-2px)}.student-navbar-icon{font-size:1.2rem}.student-navbar-label{font-size:.8rem;font-weight:500;text-align:center;line-height:1}.student-navbar-toggle{display:none}.student-navbar-actions{gap:1rem}.student-navbar-theme{width:48px;height:48px;font-size:1.3rem}.student-navbar-logout{padding:.8rem 1.6rem;font-size:.9rem;display:block}}@media(min-width:1280px){.student-navbar{padding:1.25rem 4rem}.student-navbar-logo{height:52px}.student-navbar-brand h2{font-size:1.8rem}.student-portal{font-size:1rem}.student-navbar-menu{gap:1rem;margin:0 3rem}.student-navbar-item{padding:1rem 1.25rem;min-width:90px}.student-navbar-icon{font-size:1.4rem}.student-navbar-label{font-size:.9rem}}@media(min-width:1536px){.student-navbar{padding:1.5rem 6rem}.student-navbar-menu{gap:1.5rem;margin:0 4rem}.student-navbar-item{padding:1.25rem 1.5rem;min-width:100px}}.notification{position:fixed;top:20px;right:20px;padding:16px 20px;border-radius:12px;box-shadow:0 8px 32px #0000001f;display:flex;align-items:center;gap:12px;min-width:320px;max-width:500px;z-index:9999;animation:slideIn .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.notification-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.notification-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.notification-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.notification-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.notification-message{flex:1;font-size:14px;font-weight:500}.notification-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.notification-close:hover{background:#fff3}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-image:url(/assets/Background%20Pic-DPNGOIrc.webp);background-size:cover;background-position:center;background-repeat:no-repeat;padding:20px;position:relative}.login-container:before{content:"";position:absolute;inset:0;background:#0006;z-index:1}.login-card{position:relative;z-index:2}.login-card{perspective:1000px;width:100%;max-width:380px}.login-card-inner{background:var(--surface);border-radius:16px;padding:32px;width:100%;box-shadow:0 12px 40px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s ease}.login-card-inner.flipped{opacity:0;transform:scale(1.1)}.login-card-inner{transition:all .4s ease}.login-header{text-align:center;margin-bottom:24px}.login-logo{width:120px;height:auto;margin-bottom:12px}.login-header h1{background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:8px}.login-header p{color:var(--text-secondary);font-size:14px;margin:0}.login-form{display:flex;flex-direction:column;gap:18px}.password-input-container{position:relative;display:flex;align-items:center}.password-input{padding-right:45px!important}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:16px;color:var(--text-secondary);padding:4px;border-radius:4px;transition:all .2s ease}.password-toggle:hover{background:var(--background);color:var(--text-primary)}[data-theme=dark] .password-toggle{color:var(--text-secondary);filter:brightness(1.2)}[data-theme=dark] .password-toggle:hover{color:var(--text-primary);background:#ffffff1a}.login-btn{width:100%;padding:14px;font-size:15px;font-weight:600;margin-top:6px}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{margin-top:20px}.footer-buttons{display:flex;justify-content:space-between;align-items:center;gap:12px}.forgot-password-link{background:none;border:none;color:var(--primary);cursor:pointer;font-size:13px;padding:8px 12px;border-radius:6px;transition:all .2s ease;text-decoration:none}.forgot-password-link:hover{background:#7e41ea1a;color:var(--primary-dark)}.signup-link{background:var(--primary);color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-size:13px;font-weight:600;transition:all .2s ease}.signup-link:hover{background:var(--primary-dark);transform:translateY(-1px)}.login-footer p{color:var(--text-secondary);font-size:13px;text-align:center;margin:8px 0}.forgot-form{display:flex;flex-direction:column;gap:16px}.otp-input{text-align:center;font-size:1.1rem;font-weight:600;letter-spacing:.2rem}.back-to-login{background:none;border:1px solid var(--border);color:var(--text-secondary);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .3s ease;margin:0 auto;display:block}.back-to-login:hover{background:var(--background);border-color:var(--primary);color:var(--primary)}@media(max-width:480px){.login-card-inner{padding:24px 20px}.login-logo{width:100px}.footer-buttons{flex-direction:column;gap:8px}.forgot-password-link,.signup-link{width:100%;text-align:center}}.signup-container{min-height:100vh;background-image:url(/assets/Background%20Pic-DPNGOIrc.webp);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}.signup-container:before{content:"";position:absolute;inset:0;background:#0006;z-index:1}.signup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.signup-logo{width:100px;height:auto}.theme-toggle{background:#7e41ea1a;border:2px solid var(--border);color:var(--text-primary);width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.1rem}.theme-toggle:hover{border-color:var(--primary);background:var(--primary);color:#fff;transform:translateY(-1px)}.signup-content{position:relative;z-index:2}.signup-card{perspective:1000px;width:100%;max-width:380px}.signup-card-inner{background:var(--surface);border-radius:16px;padding:24px;width:100%;box-shadow:0 12px 40px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.signup-form-header{text-align:center;margin-bottom:20px}.signup-form-header h2{margin:0 0 8px;color:var(--text-primary);font-size:1.5rem;font-weight:600}.signup-form-header p{margin:0;color:var(--text-secondary);font-size:14px}.signup-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.signup-form .form-group:nth-child(1),.signup-form .form-group:nth-child(2){grid-column:1 / -1}.signup-form .form-group:nth-child(5){grid-column:1 / -1}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:600;color:var(--text-primary);font-size:14px}.form-group input{padding:12px 16px;border:2px solid var(--border);border-radius:8px;font-size:14px;background:var(--background);color:var(--text-primary);transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #7e41ea1a}.form-group input::placeholder{color:var(--text-secondary)}.signup-btn{background:var(--primary);color:#fff;border:none;padding:14px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:6px;grid-column:1 / -1}.signup-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #7e41ea4d}.signup-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.signup-footer{text-align:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.signup-footer p{margin:0;color:var(--text-secondary);font-size:13px}.signup-footer a{color:var(--primary);text-decoration:none;font-weight:600;transition:all .3s ease}.signup-footer a:hover{color:var(--primary-dark);text-decoration:underline}.otp-form{display:flex;flex-direction:column;gap:1.5rem}.otp-input{text-align:center;font-size:1.5rem;font-weight:600;letter-spacing:.5rem;padding:1rem}.otp-actions{display:flex;flex-direction:column;gap:1rem}.verify-btn{background:var(--primary);color:#fff;border:none;padding:1rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.verify-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.verify-btn:disabled{opacity:.6;cursor:not-allowed}.resend-btn{background:transparent;color:var(--primary);border:2px solid var(--primary);padding:.75rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.resend-btn:hover:not(:disabled){background:var(--primary);color:#fff}.back-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border);padding:.75rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:var(--background);border-color:var(--text-secondary)}@media(max-width:480px){.signup-form{grid-template-columns:1fr}.signup-form .form-group:nth-child(1),.signup-form .form-group:nth-child(2),.signup-form .form-group:nth-child(5){grid-column:1}.signup-logo{width:100px}.signup-card-inner{padding:24px 20px}}.dashboard{padding:32px;max-width:1200px;margin:0 auto}.dashboard-header{margin-bottom:32px}.dashboard-header h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.dashboard-header p{color:var(--text-secondary);font-size:18px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.dashboard-card{background:var(--surface);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-color)}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px var(--shadow);border-color:var(--card-color)}.dashboard-card-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--background);border-radius:12px}.dashboard-card-content{flex:1}.dashboard-card-content h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.dashboard-card-count{font-size:2rem;font-weight:700;color:var(--card-color);margin:0}.dashboard-card-arrow{font-size:1.5rem;color:var(--text-secondary);transition:transform .3s ease}.dashboard-card:hover .dashboard-card-arrow{transform:translate(4px)}.dashboard-stats{margin-bottom:16px}.dashboard-stats h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.stats-card{background:var(--surface);border-radius:16px;padding:24px;box-shadow:0 4px 12px var(--shadow)}.stats-card h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--background);border-radius:8px}.activity-icon{font-size:1.25rem}.activity-time{margin-left:auto;color:var(--text-secondary);font-size:14px}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%}@media(max-width:1024px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.quick-actions-grid{grid-template-columns:1fr}}.quick-action-card{background:var(--background);border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease;border:2px solid var(--border);text-align:center}.quick-action-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px var(--shadow);border-color:var(--primary)}.quick-action-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--primary);border-radius:50%;color:#fff}.quick-action-card span{font-size:.9rem;font-weight:600;color:var(--text-primary)}@media(max-width:768px){.dashboard{padding:20px}.dashboard-grid,.dashboard-stats{grid-template-columns:1fr}.dashboard-header h1{font-size:2rem}.quick-action-card{padding:16px}.quick-action-icon{width:40px;height:40px;font-size:1.5rem}}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loader{display:flex;align-items:center;justify-content:center}.spinner{border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loader.small .spinner{width:20px;height:20px;border-width:2px}.loader.medium .spinner{width:40px;height:40px;border-width:3px}.loader.large .spinner{width:60px;height:60px;border-width:4px}.loader-message{margin-top:1rem;color:var(--text-secondary);font-size:.9rem;text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.student-dashboard{padding:1rem;max-width:1200px;margin:0 auto;background:var(--background);min-height:calc(100vh - 80px)}.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border-radius:16px;box-shadow:0 4px 12px var(--shadow)}.welcome-content h1{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.welcome-content p{margin:0;opacity:.9;font-size:.9rem}.role-badge{background:#fff3;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(255,255,255,.3)}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;box-shadow:0 4px 12px var(--shadow)}.stat-card:hover{border-color:var(--primary);transform:translateY(-2px)}.stat-icon{font-size:2rem;margin-bottom:.5rem}.stat-content h3{margin:0;font-size:1.8rem;font-weight:700;color:var(--primary)}.stat-content p{margin:0;color:var(--text-secondary);font-size:.9rem;font-weight:500}.quick-actions{margin-bottom:2rem}.quick-actions h2{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.3rem;font-weight:600;text-align:center}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;justify-content:center;align-items:start;width:100%;max-width:800px;margin:0 auto}.action-card{background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease;text-decoration:none;color:var(--text-primary);font-weight:500;box-shadow:0 4px 12px var(--shadow);min-height:120px;justify-content:center}.action-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px var(--shadow)}.action-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.recent-scores{background:var(--surface);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px var(--shadow)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{margin:0;color:var(--text-primary);font-size:1.3rem;font-weight:600}.view-all-btn{background:none;border:none;color:var(--primary);font-weight:500;cursor:pointer;font-size:.9rem;transition:all .3s ease}.view-all-btn:hover{color:var(--primary-dark)}.scores-list{display:flex;flex-direction:column;gap:.75rem}.score-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--background);border:1px solid var(--border);border-radius:8px;transition:all .3s ease}.score-item:hover{border-color:var(--primary)}.score-info h4{margin:0 0 .25rem;color:var(--text-primary);font-size:.95rem;font-weight:600}.score-info p{margin:0;color:var(--text-secondary);font-size:.8rem}.score-value{padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.9rem;color:#fff;min-width:60px;text-align:center}.score-value.excellent{background:#10b981}.score-value.good{background:#f59e0b}.score-value.needs-improvement{background:#ef4444}@media(max-width:768px){.dashboard-welcome{flex-direction:column;gap:1rem;text-align:center}.welcome-content h1{font-size:1.3rem}.dashboard-stats{grid-template-columns:repeat(3,1fr)}.actions-grid{grid-template-columns:repeat(2,1fr);justify-items:center}.action-card{width:100%;max-width:150px}.section-header{flex-direction:column;gap:.5rem;align-items:stretch}}@media(min-width:768px){.student-dashboard{padding:2rem}.welcome-content h1{font-size:1.8rem}.dashboard-stats{grid-template-columns:repeat(3,1fr);gap:1.5rem}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.25rem;max-width:700px}.quick-actions{margin-bottom:2.5rem}}.test-attempt-container{min-height:100vh;background:var(--background);display:flex;flex-direction:column}.test-header{background:var(--surface);padding:1rem 2rem;box-shadow:0 2px 8px var(--shadow);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.test-info h1{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600}.question-counter{color:var(--text-secondary);font-size:.9rem;margin-top:.25rem}.timer{display:flex;align-items:center}.time{background:var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1.1rem;font-family:Courier New,monospace}.time.warning{background:#ef4444;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.test-content{flex:1;display:grid;grid-template-columns:1fr 300px;gap:2rem;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.question-panel{background:var(--surface);border-radius:12px;padding:2rem;box-shadow:0 4px 12px var(--shadow);display:flex;flex-direction:column;gap:2rem}.question-section{border-bottom:2px solid var(--border);padding-bottom:2rem}.question-number{background:var(--primary);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:1rem}.question-text{color:var(--text-primary);font-size:1.1rem;line-height:1.6;font-weight:500}.options-section{display:flex;flex-direction:column;gap:1rem}.option{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all .3s ease;background:var(--background)}.option:hover{border-color:var(--primary);background:var(--surface)}.option input[type=radio]{display:none}.option input[type=radio]:checked+.option-label{background:var(--primary);color:#fff}.option input[type=radio]:checked~.option-text{color:var(--text-primary);font-weight:600}.option-label{width:32px;height:32px;border-radius:50%;background:var(--border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s ease;flex-shrink:0}.option-text{color:var(--text-secondary);line-height:1.5;transition:all .3s ease}.question-navigation{display:flex;justify-content:space-between;padding-top:2rem;border-top:2px solid var(--border)}.sidebar{display:flex;flex-direction:column;gap:2rem}.question-grid{background:var(--surface);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px var(--shadow)}.question-grid h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.question-btn{width:40px;height:40px;border:2px solid var(--border);background:var(--background);color:var(--text-secondary);border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.question-btn:hover{border-color:var(--primary);color:var(--primary)}.question-btn.current{background:var(--primary);color:#fff;border-color:var(--primary)}.question-btn.answered{background:#10b981;color:#fff;border-color:#10b981}.question-btn.answered.current{background:var(--primary);border-color:var(--primary)}.test-summary{background:var(--surface);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px var(--shadow)}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;color:var(--text-secondary);font-size:.9rem}.summary-item:not(:last-child){border-bottom:1px solid var(--border)}.summary-item span:last-child{font-weight:600;color:var(--text-primary)}.submit-btn{width:100%;padding:1rem;font-size:1.1rem;font-weight:600;margin-top:1rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:var(--text-secondary);font-size:1.2rem;text-align:center;gap:1rem}.error-state h2{color:var(--text-primary);margin:0}.test-results-container{min-height:100vh;background:var(--background);padding:2rem;max-width:1200px;margin:0 auto}.results-header{text-align:center;margin-bottom:3rem;background:var(--surface);padding:2rem;border-radius:16px;box-shadow:0 4px 12px var(--shadow)}.results-header h1{margin:0 0 2rem;color:var(--text-primary);font-size:2rem;font-weight:600}.score-display{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.score-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px var(--shadow)}.score-value{color:#fff;font-size:2rem;font-weight:700}.score-details{text-align:left}.score-details p{margin:.5rem 0;color:var(--text-secondary);font-size:1.1rem}.score-grade{font-weight:600;font-size:1.2rem;margin-top:1rem}.score-grade.excellent{color:#10b981}.score-grade.good{color:#f59e0b}.score-grade.needs-improvement{color:#ef4444}.answers-review{margin-bottom:3rem}.answers-review h2{margin:0 0 2rem;color:var(--text-primary);font-size:1.5rem;font-weight:600;text-align:center}.question-review{background:var(--surface);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px var(--shadow);border-left:4px solid var(--border)}.question-review.correct{border-left-color:#10b981}.question-review.incorrect{border-left-color:#ef4444}.question-number{background:var(--primary);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.result-indicator{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.result-indicator.correct{background:#10b981;color:#fff}.result-indicator.incorrect{background:#ef4444;color:#fff}.question-text{color:var(--text-primary);font-size:1rem;line-height:1.6;margin-bottom:1rem;font-weight:500}.answers-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.answer-item{display:flex;flex-direction:column;gap:.5rem}.answer-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.answer-value{padding:.75rem 1rem;border-radius:8px;font-weight:600;text-align:center;border:2px solid var(--border);background:var(--background);color:var(--text-primary)}.answer-value.correct{background:#10b981;color:#fff;border-color:#10b981}.answer-value.not-answered{background:#6b7280;color:#fff;border-color:#6b7280}.results-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.results-actions .btn{padding:1rem 2rem;font-size:1.1rem;min-width:160px}@media(max-width:1024px){.test-content{grid-template-columns:1fr;gap:1rem}.sidebar{order:-1}.question-grid .grid{grid-template-columns:repeat(8,1fr)}.answers-comparison{grid-template-columns:1fr}}@media(max-width:768px){.test-header{flex-direction:column;gap:1rem;text-align:center}.test-content{padding:1rem}.question-panel{padding:1.5rem}.question-grid .grid{grid-template-columns:repeat(6,1fr)}.question-navigation{flex-direction:column;gap:1rem}.test-results-container{padding:1rem}.score-display{flex-direction:column;gap:1rem}.score-details{text-align:center}.results-actions{flex-direction:column}.results-actions .btn{width:100%}}@media(max-width:480px){.test-header{padding:1rem}.test-info h1{font-size:1.2rem}.time{padding:.5rem 1rem;font-size:1rem}.question-grid .grid{grid-template-columns:repeat(5,1fr)}.option{padding:.75rem}.option-text{font-size:.9rem}.score-circle{width:100px;height:100px}.score-value,.results-header h1{font-size:1.5rem}}.meetings-container{padding:2rem;max-width:1400px;margin:0 auto;background:var(--background);min-height:calc(100vh - 80px)}.meetings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:var(--surface);border-radius:12px;box-shadow:0 4px 12px var(--shadow);flex-wrap:wrap;gap:1rem}.header-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.date-picker-container{display:flex;align-items:center;gap:.5rem;background:var(--background);padding:.5rem 1rem;border-radius:8px;border:2px solid var(--border)}.date-picker-container label{font-weight:600;color:var(--text-primary);font-size:.9rem;white-space:nowrap}.date-picker{border:none;background:transparent;color:var(--text-primary);font-size:1rem;padding:.25rem;cursor:pointer}.date-picker::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23666' d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0z'/%3e%3cpath fill='%23666' d='M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1zm0 13V2a6 6 0 0 1 0 12z'/%3e%3c/svg%3e");background-size:16px 16px;cursor:pointer}[data-theme=dark] .date-picker::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23e0e0e0' d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0z'/%3e%3cpath fill='%23e0e0e0' d='M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1zm0 13V2a6 6 0 0 1 0 12z'/%3e%3c/svg%3e")}.date-picker:focus{outline:none}.meetings-header h1{margin:0;color:var(--text-primary);font-size:1.8rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.meetings-header .btn{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.meetings-header .btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--surface);border-radius:16px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid var(--border);background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border-radius:16px 16px 0 0}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.close-btn{background:#fff3;border:none;font-size:1.5rem;cursor:pointer;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.meeting-form{padding:2rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-group input,.form-group textarea,.datetime-input{width:100%;padding:.875rem 1rem;border:2px solid var(--border);border-radius:8px;font-size:1rem;background:var(--background);color:var(--text-primary);transition:all .3s ease}.datetime-input::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23666' d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0z'/%3e%3cpath fill='%23666' d='M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1zm0 13V2a6 6 0 0 1 0 12z'/%3e%3c/svg%3e");background-size:16px 16px;cursor:pointer}[data-theme=dark] .datetime-input::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23e0e0e0' d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0z'/%3e%3cpath fill='%23e0e0e0' d='M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1zm0 13V2a6 6 0 0 1 0 12z'/%3e%3c/svg%3e")}.datetime-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #7e41ea1a}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #7e41ea1a}.time-confirmation{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--background);border:2px dashed var(--border);border-radius:8px;margin:1rem 0}.time-preview{color:var(--text-secondary);font-weight:500}.btn-set{background:var(--warning);color:#fff;padding:.5rem 1rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-set:hover{background:#d97706;transform:translateY(-1px)}.time-confirmed{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#10b9811a;border:2px solid var(--success);border-radius:8px;margin:1rem 0;color:var(--success);font-weight:500}.confirmed-icon{font-size:1.2rem}.delete-modal{background:var(--surface);border-radius:12px;width:90%;max-width:400px;box-shadow:0 20px 40px #0000004d;animation:modalSlideIn .3s ease-out}.delete-modal-body p{margin:0 0 1rem;color:var(--text-primary)}.form-actions .btn-primary:disabled{background:var(--border);color:var(--text-secondary);cursor:not-allowed;transform:none}.meetings-list{margin-top:2rem}.meetings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem}.meeting-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .3s ease;box-shadow:0 4px 12px var(--shadow);position:relative;overflow:hidden}.meeting-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light))}.meeting-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px var(--shadow);border-color:var(--primary)}.meeting-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.meeting-card-header h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.3}.course-code{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;padding:.375rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.meeting-details{margin-bottom:2rem}.meeting-detail-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:var(--text-secondary);font-size:.95rem}.meeting-detail-icon{font-size:1.1rem;width:20px;text-align:center}.meeting-detail-item strong{color:var(--text-primary);font-weight:600}.meeting-actions{display:flex;gap:.75rem;flex-wrap:wrap}.meeting-actions .btn{padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;border:none}.meeting-actions .btn-link{background:var(--success);color:#fff}.meeting-actions .btn-link:hover{background:#059669;transform:translateY(-1px)}.meeting-actions .btn-secondary{background:var(--background);color:var(--text-primary);border:2px solid var(--border)}.meeting-actions .btn-secondary:hover{background:var(--border);border-color:var(--primary)}.meeting-actions .btn-danger{background:var(--error);color:#fff}.meeting-actions .btn-danger:hover{background:#dc2626;transform:translateY(-1px)}@media(max-width:768px){.meetings-container{padding:1rem}.meetings-header{flex-direction:column;align-items:stretch;text-align:center}.header-actions{justify-content:center;flex-direction:column;gap:1rem}.date-picker-container{justify-content:center}.form-row,.meetings-grid{grid-template-columns:1fr}.meeting-actions{justify-content:center}.modal{width:95%;margin:1rem}.modal-header,.meeting-form{padding:1.5rem}}.questions-modal{background:var(--surface);border-radius:16px;width:95%;max-width:1000px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;animation:modalSlideIn .3s ease-out}.questions-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid var(--border);background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border-radius:16px 16px 0 0}.questions-header h2{margin:0;font-size:1.5rem;font-weight:600}.header-actions{display:flex;gap:1rem;align-items:center}.question-form-container{padding:2rem;border-bottom:1px solid var(--border);background:var(--background)}.question-form{max-width:800px;margin:0 auto}.form-row{display:grid;grid-template-columns:200px;gap:1rem;margin-bottom:1.5rem}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.875rem 1rem;border:2px solid var(--border);border-radius:8px;font-size:1rem;background:var(--surface);color:var(--text-primary);transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #7e41ea1a}.form-group textarea{resize:vertical;min-height:80px}.questions-content{padding:2rem;max-height:500px;overflow-y:auto}.questions-list{display:flex;flex-direction:column;gap:1.5rem}.question-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px var(--shadow)}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.question-number{background:var(--primary);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.question-actions{display:flex;gap:.5rem}.question-actions .btn{padding:.5rem 1rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.question-text{font-size:1.1rem;font-weight:500;color:var(--text-primary);margin-bottom:1rem;line-height:1.5}.options-list{display:flex;flex-direction:column;gap:.75rem}.option{padding:.75rem;background:var(--background);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);transition:all .3s ease}.option strong{color:var(--text-primary);margin-right:.5rem}.correct-answer-indicator{margin-top:1rem;padding:.75rem;background:#10b9811a;border:2px solid var(--success);border-radius:8px;color:var(--success);text-align:center;font-weight:600}.empty-state{text-align:center;padding:3rem 2rem}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state p{color:var(--text-secondary);font-size:1rem;margin:.5rem 0}.delete-modal{background:var(--surface);border-radius:12px;width:90%;max-width:450px;box-shadow:0 20px 40px #0000004d;animation:modalSlideIn .3s ease-out;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2000}.delete-modal-header h3{margin:0;font-size:1.1rem;font-weight:600}.delete-modal-body{padding:1.5rem}.question-text-highlight{background:var(--background);padding:.75rem;border-radius:8px;font-weight:500;color:var(--text-primary);border:2px solid var(--border);font-style:italic}.delete-warning{color:var(--error);font-weight:500;font-size:.9rem}.delete-modal-actions .btn{padding:.75rem 1.25rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}@media(max-width:768px){.questions-modal{width:98%;margin:1rem}.questions-header{flex-direction:column;gap:1rem;align-items:stretch;text-align:center}.options-grid{grid-template-columns:1fr}.question-header{flex-direction:column;gap:1rem;align-items:stretch}.question-actions{justify-content:center}}.mock-tests-container{padding:2rem;max-width:1400px;margin:0 auto;background:var(--background);min-height:calc(100vh - 80px)}.mock-tests-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:var(--surface);border-radius:12px;box-shadow:0 4px 12px var(--shadow)}.mock-tests-header h1{margin:0;color:var(--text-primary);font-size:1.8rem;font-weight:600}.tabs-container{margin-bottom:2rem}.tabs{display:flex;background:var(--surface);border-radius:12px;padding:.5rem;box-shadow:0 4px 12px var(--shadow);gap:.5rem}.tab{flex:1;padding:1rem 2rem;border:none;background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.tab:hover{background:var(--background);color:var(--text-primary)}.tab.active{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #7e41ea4d}.tests-content{margin-top:2rem}.tests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.test-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .3s ease;box-shadow:0 4px 12px var(--shadow);position:relative;overflow:hidden}.test-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light))}.test-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px var(--shadow);border-color:var(--primary)}.test-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.test-header h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.3;flex:1}.test-type{padding:.375rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.test-type.paid{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.test-type.free{background:linear-gradient(135deg,var(--success),#059669);color:#fff}.test-details{margin-bottom:2rem}.test-detail-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:var(--text-secondary);font-size:.95rem}.test-detail-icon{font-size:1.1rem;width:20px;text-align:center}.test-detail-item strong{color:var(--text-primary);font-weight:600}.test-actions{display:flex;gap:.75rem;flex-wrap:wrap}.test-actions .btn{padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:.5rem}.test-actions .btn-secondary{background:var(--background);color:var(--text-primary);border:2px solid var(--border)}.test-actions .btn-secondary:hover{background:var(--border);border-color:var(--primary);transform:translateY(-1px)}.test-actions .btn-danger{background:var(--error);color:#fff}.test-actions .btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.test-actions .btn-info{background:var(--info);color:#fff}.test-actions .btn-info:hover{background:#2563eb;transform:translateY(-1px)}.test-form{padding:2rem}.test-form .form-group{margin-bottom:1.5rem}.test-form .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary);font-size:.9rem}.test-form .form-group input{width:100%;padding:.875rem 1rem;border:2px solid var(--border);border-radius:8px;font-size:1rem;background:var(--background);color:var(--text-primary);transition:all .3s ease}.test-form .form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #7e41ea1a}.empty-state p{color:var(--text-secondary);font-size:1.1rem;margin:.5rem 0}.delete-modal{background:var(--surface);border-radius:12px;width:90%;max-width:500px;box-shadow:0 20px 40px #0000004d;animation:modalSlideIn .3s ease-out}.delete-modal-header{padding:1.5rem;border-bottom:1px solid var(--border);background:linear-gradient(135deg,var(--error),#dc2626);color:#fff;border-radius:12px 12px 0 0}.delete-modal-header h3{margin:0;font-size:1.2rem;font-weight:600}.delete-modal-body{padding:2rem 1.5rem}.delete-modal-body p{margin:0 0 1rem;color:var(--text-primary);line-height:1.5}.test-name-highlight{background:var(--background);padding:.75rem;border-radius:8px;font-weight:600;color:var(--primary);border:2px solid var(--border);text-align:center}.delete-warning{color:var(--error);font-weight:500;font-size:.95rem}.delete-modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid var(--border)}.delete-modal-actions .btn{padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}@media(max-width:768px){.mock-tests-container{padding:1rem}.mock-tests-header{flex-direction:column;gap:1rem;align-items:stretch;text-align:center}.tabs{flex-direction:column}.tests-grid{grid-template-columns:1fr}.test-actions{justify-content:center}}.users-container{padding:2rem;max-width:1400px;margin:0 auto;background:var(--background);min-height:calc(100vh - 80px)}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:var(--surface);border-radius:12px;box-shadow:0 4px 12px var(--shadow)}.users-header h1{margin:0;color:var(--text-primary);font-size:1.8rem;font-weight:600}.users-actions{display:flex;align-items:center;gap:1.5rem}.users-actions .btn{padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.users-actions .btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.users-stats{display:flex;gap:1rem}.stat-item{background:var(--primary);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.search-section{background:var(--surface);padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px var(--shadow);margin-bottom:2rem}.search-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-dropdown{padding:.75rem 1rem;border:2px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:.95rem;min-width:140px;cursor:pointer}.search-input{flex:1;min-width:250px;padding:.75rem 1rem;border:2px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:.95rem}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #7e41ea1a}.search-btn{padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.search-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.search-btn:disabled{opacity:.6;cursor:not-allowed}.clear-btn{padding:.75rem 1.5rem;background:var(--background);color:var(--text-primary);border:2px solid var(--border);border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.clear-btn:hover{background:var(--border);border-color:var(--primary);transform:translateY(-1px)}.users-content{margin-top:2rem}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem}.user-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .3s ease;box-shadow:0 4px 12px var(--shadow);position:relative;overflow:hidden}.user-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light))}.user-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px var(--shadow);border-color:var(--primary)}.user-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.user-info h3{margin:0 0 .25rem;color:var(--text-primary);font-size:1.25rem;font-weight:600}.user-email{margin:0;color:var(--text-secondary);font-size:.9rem}.user-badges{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.role-badge,.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff}.user-details{margin-bottom:2rem}.user-detail-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:var(--text-secondary);font-size:.95rem}.user-detail-icon{font-size:1.1rem;width:20px;text-align:center}.user-detail-item strong{color:var(--text-primary);font-weight:600}.user-actions{display:flex;gap:.75rem;justify-content:center}.user-actions .btn{padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:.5rem}.user-actions .btn-secondary{background:var(--background);color:var(--text-primary);border:2px solid var(--border)}.user-actions .btn-secondary:hover{background:var(--border);border-color:var(--primary);transform:translateY(-1px)}.user-form{padding:2rem}.form-group.full-width{grid-column:1 / -1}@media(max-width:768px){.users-container{padding:1rem}.users-header{flex-direction:column;gap:1rem;align-items:stretch;text-align:center}.users-actions{flex-direction:column;gap:1rem}.search-controls{flex-direction:column;align-items:stretch}.search-input{min-width:auto}.users-grid,.form-row{grid-template-columns:1fr}.user-header{flex-direction:column;gap:1rem;align-items:stretch}.user-badges{flex-direction:row;justify-content:center}}.daily-problems-container{padding:2rem;max-width:1400px;margin:0 auto;background:var(--background);min-height:calc(100vh - 80px)}.daily-problems-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:var(--surface);border-radius:12px;box-shadow:0 4px 12px var(--shadow)}.daily-problems-header h1{margin:0;color:var(--text-primary);font-size:1.8rem;font-weight:600}.header-actions{display:flex;gap:1rem}.header-actions .btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.header-actions .btn-primary{background:var(--primary);color:#fff}.header-actions .btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.header-actions .btn-danger{background:#ef4444;color:#fff}.header-actions .btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.calendar-section{background:var(--surface);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 12px var(--shadow);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.date-picker{display:flex;align-items:center;gap:1rem}.date-picker label{font-weight:600;color:var(--text-primary);font-size:1rem;margin:0}.date-input{padding:.75rem 1rem;border:2px solid var(--border);border-radius:8px;font-size:1rem;background:var(--background);color:var(--text-primary);transition:all .3s ease;font-family:inherit;min-width:150px}.date-input::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23666' d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0z'/%3e%3cpath fill='%23666' d='M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1zm0 13V2a6 6 0 0 1 0 12z'/%3e%3c/svg%3e");background-size:16px 16px;cursor:pointer}[data-theme=dark] .date-input::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23e0e0e0' d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0z'/%3e%3cpath fill='%23e0e0e0' d='M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1zm0 13V2a6 6 0 0 1 0 12z'/%3e%3c/svg%3e")}.date-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #7e41ea1a}.selected-date-info{color:var(--text-secondary);font-size:.95rem}.selected-date-info strong{color:var(--primary);font-weight:600}.problems-content{margin-top:2rem}.problems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem}.problem-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .3s ease;box-shadow:0 4px 12px var(--shadow);position:relative;overflow:hidden}.problem-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light))}.problem-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px var(--shadow);border-color:var(--primary)}.problem-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.problem-date{font-size:.9rem;color:var(--text-secondary)}.problem-content{margin-bottom:2rem}.problem-question{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem;font-weight:600;line-height:1.5}.problem-description{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.problem-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--border)}.created-by{font-size:.9rem;color:var(--text-secondary)}.problem-actions{display:flex;gap:.75rem}.problem-actions .btn{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.problem-actions .btn-secondary{background:var(--background);color:var(--text-primary);border:2px solid var(--border)}.problem-actions .btn-secondary:hover{background:var(--border);border-color:var(--primary);transform:translateY(-1px)}.problem-actions .btn-danger{background:#ef4444;color:#fff}.problem-actions .btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.problem-form{padding:2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary);font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.875rem 1rem;border:2px solid var(--border);border-radius:8px;font-size:1rem;background:var(--background);color:var(--text-primary);transition:all .3s ease;font-family:inherit;resize:vertical}.form-group input[type=date]{color-scheme:light dark;background:var(--surface);color:var(--text-primary)}.form-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(var(--invert-calendar));cursor:pointer}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #7e41ea1a}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.form-actions .btn{padding:.75rem 2rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.form-actions .btn-secondary{background:var(--background);color:var(--text-primary);border:2px solid var(--border)}.form-actions .btn-secondary:hover{background:var(--border)}.form-actions .btn-primary{background:var(--primary);color:#fff}.form-actions .btn-primary:hover{background:var(--primary-dark)}.empty-state p{color:var(--text-secondary);font-size:1.1rem;margin:0}.delete-modal{background:var(--surface);border-radius:16px;padding:0;max-width:500px;width:90%;box-shadow:0 20px 40px var(--shadow)}.delete-modal-header{padding:2rem 2rem 1rem;border-bottom:1px solid var(--border)}.delete-modal-header h3{margin:0;color:var(--text-primary);font-size:1.25rem}.delete-modal-body{padding:2rem}.delete-modal-body p{margin:0 0 1rem;color:var(--text-secondary)}.problem-preview{background:var(--background);padding:1rem;border-radius:8px;font-style:italic;color:var(--text-primary);border-left:4px solid var(--primary)}.delete-warning{color:#ef4444;font-weight:500}.delete-modal-actions{padding:1rem 2rem 2rem;display:flex;gap:1rem;justify-content:flex-end}.delete-modal-actions .btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.delete-modal-actions .btn-secondary{background:var(--background);color:var(--text-primary);border:2px solid var(--border)}.delete-modal-actions .btn-secondary:hover{background:var(--border)}.delete-modal-actions .btn-danger{background:#ef4444;color:#fff}.delete-modal-actions .btn-danger:hover{background:#dc2626}@media(max-width:768px){.daily-problems-container{padding:1rem}.daily-problems-header{flex-direction:column;gap:1rem;align-items:stretch;text-align:center}.header-actions{justify-content:center}.calendar-section{flex-direction:column;align-items:stretch;text-align:center}.date-picker{justify-content:center}.problems-grid,.form-row{grid-template-columns:1fr}.problem-footer{flex-direction:column;gap:1rem;align-items:stretch}.problem-actions{justify-content:center}}.student-meetings,.student-tests,.free-tests,.student-practice{padding:1rem;max-width:1200px;margin:0 auto;background:var(--background);min-height:calc(100vh - 80px)}.meetings-header,.tests-header,.practice-header{text-align:center;margin-bottom:2rem;padding:1.5rem;background:var(--surface);border-radius:12px;box-shadow:0 4px 12px var(--shadow)}.meetings-header h1,.tests-header h1,.practice-header h1{margin:0 0 .5rem;color:var(--text-primary);font-size:1.5rem;font-weight:600}.meetings-header p,.tests-header p,.practice-header p{margin:0;color:var(--text-secondary);font-size:.9rem}.meetings-grid,.tests-grid,.problems-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.meeting-card,.test-card,.problem-card{background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .3s ease;box-shadow:0 4px 12px var(--shadow)}.meeting-card:hover,.test-card:hover,.problem-card:hover{border-color:var(--primary);transform:translateY(-2px)}.meeting-header,.test-header,.problem-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.meeting-header h3,.test-header h3,.problem-card h3{margin:0;color:var(--text-primary);font-size:1.1rem;font-weight:600;line-height:1.3;flex:1}.course-code{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;padding:.25rem .75rem;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.test-type{padding:.25rem .75rem;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--primary);color:#fff}.test-type.free{background:#10b981}.difficulty-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff}.difficulty-badge.easy{background:#10b981}.difficulty-badge.medium{background:#f59e0b}.difficulty-badge.hard{background:#ef4444}.meeting-details,.test-details{margin-bottom:1.5rem}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.detail-item{display:flex;align-items:flex-start;gap:.75rem;color:var(--text-secondary);font-size:.9rem}.detail-item.full-width{grid-column:1 / -1;margin-top:.5rem}.detail-icon{font-size:1.1rem;width:20px;text-align:center;margin-top:2px;flex-shrink:0}.detail-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.detail-label{font-size:.8rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:.9rem;color:var(--text-secondary);line-height:1.4}.meeting-actions,.test-actions{display:flex;gap:.75rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.problem-content{margin-bottom:1rem}.problem-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:.5rem 0 0}.problem-footer{border-top:1px solid var(--border);padding-top:1rem;font-size:.85rem;color:var(--text-secondary)}.date-selector{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;background:var(--surface);border-radius:8px;box-shadow:0 2px 8px var(--shadow)}.date-selector label{font-weight:600;color:var(--text-primary);font-size:.9rem}.date-input{padding:.5rem;border:2px solid var(--border);border-radius:6px;background:var(--background);color:var(--text-primary);font-size:.9rem}.date-input:focus{outline:none;border-color:var(--primary)}@media(min-width:768px){.student-meetings,.student-tests,.free-tests,.student-practice{padding:2rem}.meetings-header h1,.tests-header h1,.practice-header h1{font-size:1.8rem}.meetings-grid,.tests-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.problems-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.date-selector{justify-content:center}.detail-row{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.meetings-grid,.tests-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.problems-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2rem}.meeting-card,.test-card,.problem-card{padding:2rem}}@media(max-width:767px){.detail-row{grid-template-columns:1fr;gap:.75rem}.detail-item{padding:.75rem;background:var(--background);border-radius:8px;border:1px solid var(--border)}.meeting-header,.test-header{flex-direction:column;align-items:flex-start;gap:.75rem}.course-code,.test-type{align-self:flex-start}}.scores-container{padding:1rem;max-width:1200px;margin:0 auto;background:var(--background);min-height:calc(100vh - 80px)}.scores-header{text-align:center;margin-bottom:2rem;padding:1.5rem;background:var(--surface);border-radius:12px;box-shadow:0 4px 12px var(--shadow)}.scores-header h1{margin:0 0 .5rem;color:var(--text-primary);font-size:1.5rem;font-weight:600}.scores-header p{margin:0;color:var(--text-secondary);font-size:.9rem}.scores-grid{display:grid;grid-template-columns:1fr;gap:1rem}.score-card{background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .3s ease;box-shadow:0 4px 12px var(--shadow)}.score-card:hover{border-color:var(--primary);transform:translateY(-2px)}.score-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.score-header h3{margin:0;color:var(--text-primary);font-size:1.1rem;font-weight:600;line-height:1.3;flex:1}.score-badge{padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:1.1rem;color:#fff;min-width:60px;text-align:center}.score-badge.excellent{background:#10b981}.score-badge.good{background:#f59e0b}.score-badge.needs-improvement{background:#ef4444}.score-details{border-top:1px solid var(--border);padding-top:1rem}.score-details p{margin:.25rem 0;color:var(--text-secondary);font-size:.9rem}.score-details strong{color:var(--text-primary)}.empty-state{text-align:center;padding:4rem 2rem;background:var(--surface);border-radius:16px;box-shadow:0 4px 12px var(--shadow)}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h2{margin:0 0 .5rem;color:var(--text-primary);font-size:1.3rem;font-weight:600}.empty-state p{margin:0;color:var(--text-secondary);font-size:1rem}@media(min-width:768px){.scores-container{padding:1.5rem}.scores-header h1{font-size:1.8rem}.scores-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.score-card{padding:2rem}}@media(min-width:1024px){.scores-container,.scores-header{padding:2rem}.scores-header h1{font-size:2rem}.scores-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}}.profile-container{padding:1rem;max-width:800px;margin:0 auto;background:var(--background);min-height:calc(100vh - 80px)}.profile-header{text-align:center;margin-bottom:2rem;padding:1.5rem;background:var(--surface);border-radius:12px;box-shadow:0 4px 12px var(--shadow);display:flex;flex-direction:column;gap:1rem}.profile-actions{display:flex;justify-content:center;gap:1rem}.edit-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.profile-header h1{margin:0 0 .5rem;color:var(--text-primary);font-size:1.5rem;font-weight:600}.profile-header p{margin:0;color:var(--text-secondary);font-size:.9rem}.profile-content{background:var(--surface);border-radius:12px;box-shadow:0 4px 12px var(--shadow);overflow:hidden}.profile-card{padding:2rem}.profile-avatar{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid var(--border)}.avatar-circle{width:80px;height:80px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}.profile-basic h2{margin:0 0 .5rem;color:var(--text-primary);font-size:1.5rem;font-weight:600}.role-badge{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;padding:.25rem .75rem;border-radius:16px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.detail-section{margin-bottom:2rem}.detail-section h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem;font-weight:600;border-bottom:1px solid var(--border);padding-bottom:.5rem}.detail-grid{display:grid;grid-template-columns:1fr;gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.detail-item span{color:var(--text-primary);font-size:1rem;font-weight:500}.detail-item.full-width{grid-column:1 / -1}.form-input{padding:.75rem;border:2px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:1rem;transition:border-color .3s ease}.form-input:focus{outline:none;border-color:var(--primary)}.form-input:disabled{opacity:.6;cursor:not-allowed}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background:var(--background);color:var(--text-primary);border:2px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border);border-color:var(--primary)}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;display:inline-block}.status-badge.active{background:#10b981;color:#fff}.status-badge.inactive{background:#ef4444;color:#fff}.error-state{text-align:center;padding:4rem 2rem;background:var(--surface);border-radius:16px;box-shadow:0 4px 12px var(--shadow)}.error-state h2{margin:0 0 1rem;color:var(--text-primary);font-size:1.3rem}.error-state button{padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500}@media(min-width:768px){.profile-container{padding:2rem}.profile-header h1{font-size:1.8rem}.detail-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.avatar-circle{width:100px;height:100px;font-size:2.5rem}.profile-actions,.edit-actions{flex-direction:row}}@media(max-width:767px){.profile-actions,.edit-actions{flex-direction:column}.btn{width:100%}}:root{--primary: #7e41ea;--primary-dark: #6c35d4;--primary-light: #9b6ef5;--secondary: #ffffff;--background: #f8f9fa;--surface: #ffffff;--text-primary: #1a1a1a;--text-secondary: #666666;--border: #e0e0e0;--shadow: rgba(126, 65, 234, .1);--error: #ef4444;--success: #10b981;--warning: #f59e0b;--info: #3b82f6;--invert-calendar: 0}[data-theme=dark]{--primary: #9b6ef5;--primary-dark: #7e41ea;--primary-light: #b89eff;--secondary: #1e1e2e;--background: #0f0f1a;--surface: #1a1a2e;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--border: #2a2a3e;--shadow: rgba(0, 0, 0, .3);--error: #f87171;--success: #34d399;--warning: #fbbf24;--info: #60a5fa;--invert-calendar: 1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--background);color:var(--text-primary);transition:all .3s ease;line-height:1.6}#root{min-height:100vh}.btn{padding:12px 24px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.input{padding:12px 16px;border:2px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-primary);transition:all .3s ease}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #7e41ea1a}.card{background:var(--surface);border-radius:12px;padding:24px;box-shadow:0 4px 12px var(--shadow);transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow)}