:root{--bg: #0f0f13;--bg-secondary: #1a1a24;--card: #16161e;--card-hover: #1e1e2a;--nav: #12121a;--nav-2: #1a1a24;--text: #f4f4f5;--text-light: #a1a1aa;--muted: #71717a;--line: #27272a;--green: #10b981;--green-dark: #059669;--blue: #3b82f6;--blue-dark: #2563eb;--purple: #8b5cf6;--shadow: 0 4px 20px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .4);--radius-xl: 24px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--primary: #6366f1;--primary-dark: #4f46e5;--surface: rgba(255, 255, 255, .08);--surface-border: rgba(255, 255, 255, .12)}*{box-sizing:border-box}body{margin:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.auth-container{display:grid;grid-template-columns:1.15fr 1fr;min-height:100vh;background:#0f0f13}.auth-left{background:linear-gradient(135deg,#0f0f13,#1a1a2e,#16213e 60%,#1a1a2e);padding:60px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-left:before{content:"";position:absolute;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(139,92,246,.12) 0%,transparent 40%),radial-gradient(ellipse 50% 30% at 60% 80%,rgba(59,130,246,.08) 0%,transparent 40%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(2%,1%) scale(1.02)}66%{transform:translate(-1%,2%) scale(.99)}}.auth-left:after{content:"";position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,rgba(15,15,19,.8) 0%,transparent 100%);pointer-events:none}.auth-left-content{position:relative;z-index:1;color:#fff}.auth-left h1{font-size:3.2rem;font-weight:700;margin:0 0 16px;line-height:1.15;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#ffffffd9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-left .subtitle{font-size:1.15rem;opacity:.75;margin:0 0 40px;line-height:1.7;color:#ffffffb3}.auth-features{display:flex;flex-direction:column;gap:20px}.auth-feature{display:flex;align-items:center;gap:16px;font-size:1rem;color:#fffc;padding:12px 16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.auth-feature:hover{background:#ffffff14;border-color:#ffffff1f;transform:translate(4px)}.auth-feature-icon{width:44px;height:44px;background:#ffffff26;border-radius:12px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-feature-icon svg{width:22px;height:22px;color:#fff}.auth-brand-badge{display:inline-flex;align-items:center;gap:10px;background:#ffffff1a;padding:8px 16px;border-radius:999px;font-size:.85rem;margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-brand-badge .logo{width:28px;height:28px;background:linear-gradient(135deg,var(--primary) 0%,#a855f7 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f14d}.auth-brand-badge .logo svg{width:16px;height:16px;color:#fff}.auth-brand-badge span{color:#ffffffe6;font-weight:500}.auth-right{display:flex;align-items:center;justify-content:center;padding:40px;background:linear-gradient(135deg,#0f0f13,#1a1a2e);position:relative}.auth-right:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 100% 100% at 0% 0%,rgba(99,102,241,.08) 0%,transparent 40%),radial-gradient(ellipse 100% 100% at 100% 100%,rgba(139,92,246,.06) 0%,transparent 40%);pointer-events:none}.auth-card{width:100%;max-width:400px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;z-index:1;box-shadow:0 25px 50px -12px #00000040,inset 0 1px #ffffff1a}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.auth-card-header{text-align:center;margin-bottom:32px}.auth-card-header h2{font-size:1.75rem;font-weight:700;margin:0 0 8px;color:#fff;letter-spacing:-.02em}.auth-card-header p{color:#ffffff80;margin:0;font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form label{display:flex;flex-direction:column;gap:8px}.auth-form label span{font-size:.875rem;font-weight:500;color:#ffffffb3}.auth-form input{padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:1rem;transition:all .3s ease;background:#ffffff0a;color:#fff;outline:none}.auth-form input::placeholder{color:#ffffff4d}.auth-form input:focus{outline:none;border-color:var(--primary);background:#ffffff0f;box-shadow:0 0 0 4px #6366f126}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding-right:48px}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#fff6;transition:color .2s}.password-toggle:hover{color:#ffffffb3}.password-toggle svg{width:20px;height:20px}.password-strength{margin-top:10px;display:flex;align-items:center;gap:10px}.strength-bar{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.strength-fill{height:100%;border-radius:2px;transition:all .3s ease}.strength-label{font-size:.75rem;font-weight:500;min-width:80px;text-align:right}.auth-form .btn{padding:16px;font-size:1rem;font-weight:600;margin-top:8px;border-radius:12px}.btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f159}.btn:hover:before{left:100%}.btn:active{transform:translateY(0);box-shadow:0 4px 12px #6366f140}.auth-divider{display:flex;align-items:center;gap:16px;color:#ffffff4d;font-size:.875rem;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.auth-switch{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;font-size:.9rem;color:#ffffff80}.auth-switch button{background:none;border:none;color:var(--primary);cursor:pointer;padding:8px 16px;border-radius:var(--radius-sm);transition:all .2s;font-weight:600}.auth-switch button:hover{color:#a855f7;text-decoration:underline}.auth-message{padding:14px;border-radius:var(--radius-md);font-size:.9rem;text-align:center;margin-top:16px}.auth-message.success{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.auth-message.error{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:var(--card);border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:14px;padding:8px 12px;margin-bottom:32px}.brand .logo{width:44px;height:44px;background:linear-gradient(135deg,var(--primary) 0%,#a855f7 100%);border-radius:14px;display:grid;place-items:center;font-size:1.3rem;color:#fff;box-shadow:0 4px 16px #6366f140}.brand .logo svg{width:22px;height:22px;color:#fff}.brand .brand-text{display:flex;flex-direction:column}.brand .brand-name{font-weight:700;font-size:1.1rem;color:var(--text)}.brand .brand-tag{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.menu{display:flex;flex-direction:column;gap:4px}.menu button{display:flex;align-items:center;gap:14px;padding:14px 18px;border:none;background:transparent;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;color:var(--text-light);cursor:pointer;transition:all .2s;text-align:left}.menu button:hover{background:#6366f114;color:var(--primary)}.menu button.active{background:linear-gradient(135deg,#6366f11f,#8b5cf614);color:var(--primary);position:relative}.menu button.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--primary);border-radius:0 4px 4px 0}.menu-icon{font-size:1.2rem;width:24px;text-align:center;display:flex;align-items:center;justify-content:center}.menu-icon svg{width:20px;height:20px}.sidebar-footer{margin-top:auto;padding:20px;border-top:1px solid var(--line)}.sidebar-attribution{font-size:.75rem;color:var(--muted);text-align:center;line-height:1.6}.main{padding:32px 40px;background:var(--bg);overflow-y:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.topbar-left h1{font-size:1.75rem;font-weight:700;margin:0 0 4px}.topbar-left p{color:var(--text-light);margin:0}.topbar-right{display:flex;align-items:center;gap:16px}.search-box{position:relative}.search-box input{width:280px;padding:12px 16px 12px 44px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-size:.9rem}.search-box:before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.user-menu{display:flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;background:var(--card);border-radius:999px;border:1px solid var(--line);cursor:pointer}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--primary) 0%,#a855f7 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem;box-shadow:0 2px 8px #6366f140}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:32px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{background:var(--card);padding:24px;border-radius:var(--radius-lg);border:1px solid var(--line)}.stat-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.stat-card-icon svg{width:24px;height:24px}.stat-card-icon.blue{background:#3b82f626;color:#60a5fa}.stat-card-icon.green{background:#10b98126;color:#34d399}.stat-card-icon.purple{background:#8b5cf626;color:#a78bfa}.stat-card-icon.orange{background:#f9731626;color:#fb923c}.stat-card h3{font-size:2rem;font-weight:700;margin:0 0 4px}.stat-card p{color:var(--text-light);font-size:.9rem;margin:0}.section-card{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--line);padding:28px;margin-bottom:24px;box-shadow:0 1px 3px #0000000a;transition:all .3s ease}.section-card:hover{box-shadow:0 4px 12px #00000014}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{font-size:1.25rem;font-weight:600;margin:0}.section-header a{color:var(--blue);text-decoration:none;font-size:.9rem;font-weight:500}.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.course-card{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--line);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.course-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a;border-color:var(--primary)}.course-thumb{height:140px;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:800;color:#fff}.course-thumb.yellow{background:linear-gradient(135deg,#f59e0b,#d97706)}.course-thumb.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.course-thumb.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.course-thumb.green{background:linear-gradient(135deg,#10b981,#059669)}.course-body{padding:20px}.course-body h3{font-size:1.1rem;font-weight:600;margin:0 0 8px}.course-body .meta{color:var(--text-light);font-size:.85rem;margin-bottom:16px}.course-progress{margin-bottom:16px}.course-progress-bar{height:6px;background:var(--bg);border-radius:999px;overflow:hidden}.course-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--blue));border-radius:999px}.course-progress p{font-size:.8rem;color:var(--text-light);margin:8px 0 0}.topics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.topic-card{padding:24px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:12px}.topic-card .icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.topic-card .icon svg{width:24px;height:24px}.topic-card.blue{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.topic-card.blue .icon svg{color:var(--blue)}.topic-card.sky{background:linear-gradient(135deg,#e0f2fe,#bae6fd)}.topic-card.sky .icon svg{color:#0ea5e9}.topic-card.yellow{background:linear-gradient(135deg,#fefce8,#fef9c3)}.topic-card.yellow .icon svg{color:#f59e0b}.topic-card.green{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.topic-card.green .icon svg{color:var(--green)}.topic-card h4{font-size:1rem;font-weight:600;margin:0}.sidebar-card{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--line);padding:24px}.sidebar-card h3{font-size:1rem;font-weight:600;margin:0 0 20px}.activity-item{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.activity-item:last-child{border-bottom:none}.activity-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;color:var(--blue)}.activity-icon svg{width:20px;height:20px}.activity-content{flex:1;min-width:0}.activity-content strong{display:block;font-size:.9rem;margin-bottom:2px}.activity-content span{font-size:.8rem;color:var(--text-light)}.module-list{list-style:none;padding:0;margin:0}.module-list li{padding:20px;border:1px solid var(--line);border-radius:var(--radius-md);margin-bottom:12px}.module-list h4{margin:0 0 12px;font-size:1rem}.lesson-buttons{display:flex;flex-wrap:wrap;gap:8px}.lesson-buttons button{padding:8px 14px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;transition:all .2s}.lesson-buttons button:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.lesson-view{max-width:1000px;margin:0 auto}.lesson-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.lesson-header h2{font-size:1.5rem;margin:0}.video-frame{width:100%;aspect-ratio:16/9;border-radius:var(--radius-lg);margin-bottom:24px;background:#000;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}.video-frame iframe{width:100%;height:100%;border:none}.video-container{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(135deg,#1a1a2e,#0f0f13);margin-bottom:24px;box-shadow:0 20px 60px #0000004d}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0000004d;cursor:pointer;transition:all .3s ease}.video-overlay:hover{background:#0003}.video-overlay:hover .play-button{transform:scale(1.1);box-shadow:0 0 40px #6366f180}.play-button{width:80px;height:80px;background:linear-gradient(135deg,var(--primary) 0%,#a855f7 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #6366f166;transition:all .3s cubic-bezier(.4,0,.2,1)}.play-button svg{width:32px;height:32px;color:#fff;margin-left:4px}.video-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#fff3}.video-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),#a855f7);transition:width .3s ease}.notes-section{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--line);padding:28px;margin-bottom:24px;box-shadow:0 1px 3px #0000000a}.notes-section h3{font-size:1.1rem;margin:0 0 16px;display:flex;align-items:center;gap:10px}.notes-section h3 svg{width:20px;height:20px;color:var(--primary)}.notes-block{background:linear-gradient(135deg,#f8f9fc,#f0f2ff);padding:24px;border-radius:var(--radius-md);white-space:pre-wrap;line-height:1.8;font-size:.95rem;border:1px solid rgba(99,102,241,.1)}.quiz-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.quiz-section h3{display:flex;align-items:center;gap:10px;margin-bottom:20px}.quiz-section h3 svg{width:20px;height:20px;color:var(--primary)}.quiz-block{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;margin-bottom:16px;transition:all .3s ease;box-shadow:0 1px 3px #0000000a}.quiz-block:hover{box-shadow:0 4px 12px #00000014;border-color:#6366f133}.quiz-question{padding-top:16px;margin-top:16px;border-top:1px dashed var(--line)}.quiz-question label{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.quiz-question label:hover{background:linear-gradient(135deg,#6366f10d,#8b5cf608);border-color:#6366f126}.quiz-question input[type=radio]{width:20px;height:20px;accent-color:var(--primary);cursor:pointer}.back-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);font-size:.9rem;cursor:pointer;margin-top:20px;transition:all .2s}.back-btn:hover{background:var(--bg)}.back-btn svg{width:18px;height:18px}.continue-section{display:grid;grid-template-columns:1.5fr 1fr;gap:32px}.continue-card{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:var(--radius-lg);padding:32px;display:flex;align-items:center;gap:24px}.continue-card-thumb{width:100px;height:80px;background:var(--card);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--nav)}.continue-card-content h3{font-size:1.25rem;margin:0 0 8px}.continue-card-content p{color:var(--text-light);margin:0 0 16px}.progress-badge{display:inline-block;padding:6px 14px;background:var(--card);border-radius:999px;font-size:.85rem;font-weight:600;color:var(--green-dark)}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:1fr}.stats-grid,.courses-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.auth-container{grid-template-columns:1fr}.auth-left{display:none}.app{grid-template-columns:1fr}.sidebar{display:none}.stats-grid,.courses-grid,.topics-grid{grid-template-columns:1fr}}.empty-state{text-align:center;padding:60px 20px}.empty-icon{width:80px;height:80px;background:var(--bg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.empty-icon svg{width:36px;height:36px;color:var(--muted)}.empty-state h3{font-size:1.25rem;margin:0 0 8px}.empty-state p{color:var(--text-light);margin:0 0 20px}.settings-page{max-width:800px}.settings-section{margin-bottom:32px}.settings-section h2{font-size:1.25rem;font-weight:600;margin:0 0 16px}.settings-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px}.settings-header{display:flex;align-items:center;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:24px}.user-avatar-lg{width:64px;height:64px;background:linear-gradient(135deg,var(--primary) 0%,#a855f7 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.5rem;box-shadow:0 4px 16px #6366f140}.settings-user-info h3{font-size:1.25rem;margin:0 0 4px}.settings-user-info p{color:var(--text-light);margin:0;font-size:.9rem}.settings-details{display:flex;flex-direction:column;gap:16px}.settings-item{display:flex;align-items:center;gap:16px}.settings-item-icon{width:40px;height:40px;background:var(--bg);border-radius:10px;display:flex;align-items:center;justify-content:center}.settings-item-icon svg{width:20px;height:20px;color:var(--blue)}.settings-item-content{display:flex;flex-direction:column;gap:2px}.settings-item-content .label{font-size:.8rem;color:var(--text-light)}.settings-item-content .value{font-weight:500}.btn-logout{display:flex;align-items:center;gap:10px;padding:14px 24px;background:var(--card);border:1px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#fef2f2;border-color:#fca5a5}.btn-logout svg{width:20px;height:20px}.settings-input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);font-size:.95rem;transition:all .3s ease;margin-top:8px}.settings-input:focus{outline:none;border-color:var(--primary);background:#ffffff14;box-shadow:0 0 0 4px #6366f126}.settings-input::placeholder{color:var(--text-light)}.status-active{color:var(--green);font-weight:500}.video-placeholder{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#1a1a24,#0f0f13);border-radius:var(--radius-lg);margin-bottom:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line)}.video-icon{width:64px;height:64px;background:#6366f126;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.video-icon svg{width:32px;height:32px;color:var(--primary)}.video-placeholder p{color:var(--text-light);margin:0}.settings-toggle-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}.settings-toggle-item:last-child{border-bottom:none;padding-bottom:0}.toggle-info{display:flex;flex-direction:column;gap:4px}.toggle-label{font-weight:500;color:var(--text);display:flex;align-items:center;gap:8px}.toggle-label svg{width:18px;height:18px}.toggle-desc{font-size:.85rem;color:var(--text-light)}.toggle-switch{position:relative;width:50px;height:28px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--line);border-radius:28px;transition:all .3s ease}.toggle-slider:before{content:"";position:absolute;width:22px;height:22px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .3s ease}.toggle-switch input:checked+.toggle-slider{background:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.danger-zone{padding:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);margin-bottom:16px}.danger-zone h4{color:#ef4444;margin:0 0 8px}.danger-zone p{color:var(--text-light);font-size:.85rem;margin:0}