:root{--text: #4b5563;--text-h: #111827;--bg: #f7f7f9;--surface: #ffffff;--border: #e5e7eb;--primary: #6d28d9;--primary-hover: #5b21b6;--primary-bg: rgba(109, 40, 217, .08);--danger: #dc2626;--danger-bg: rgba(220, 38, 38, .08);--success: #16a34a;--success-bg: rgba(22, 163, 74, .1);--radius: 10px;--shadow: rgba(17, 24, 39, .06) 0 4px 12px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.5 var(--sans);color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--text: #b7bccb;--text-h: #f5f5f7;--bg: #111218;--surface: #191a22;--border: #2a2c38;--primary: #c084fc;--primary-hover: #d8b4fe;--primary-bg: rgba(192, 132, 252, .12);--danger: #f87171;--danger-bg: rgba(248, 113, 113, .12);--success: #4ade80;--success-bg: rgba(74, 222, 128, .12);--shadow: rgba(0, 0, 0, .4) 0 4px 12px}}:root[data-theme=dark]{--text: #b7bccb;--text-h: #f5f5f7;--bg: #111218;--surface: #191a22;--border: #2a2c38;--primary: #c084fc;--primary-hover: #d8b4fe;--primary-bg: rgba(192, 132, 252, .12);--danger: #f87171;--danger-bg: rgba(248, 113, 113, .12);--success: #4ade80;--success-bg: rgba(74, 222, 128, .12);--shadow: rgba(0, 0, 0, .4) 0 4px 12px}html[data-palette=salvia]{--text: #4a5148;--text-h: #2b3128;--bg: #f4f6f2;--surface: #ffffff;--border: #dfe6da;--primary: #5f8567;--primary-hover: #4c6f54;--primary-bg: rgba(95, 133, 103, .14)}html[data-palette=niebla]{--text: #4c565e;--text-h: #262e34;--bg: #f3f5f7;--surface: #ffffff;--border: #dde3e8;--primary: #5b7a8c;--primary-hover: #48626f;--primary-bg: rgba(91, 122, 140, .14)}html[data-palette=arena]{--text: #5a5346;--text-h: #322d24;--bg: #f8f5ef;--surface: #fffdf9;--border: #e8e0d2;--primary: #b08a5a;--primary-hover: #93714a;--primary-bg: rgba(176, 138, 90, .16)}html[data-palette=lavanda]{--text: #544f5c;--text-h: #2e2a34;--bg: #f6f4f8;--surface: #ffffff;--border: #e3dee9;--primary: #8571a3;--primary-hover: #6f5c8b;--primary-bg: rgba(133, 113, 163, .14)}html[data-palette=menta]{--text: #46605a;--text-h: #223a34;--bg: #f2f7f6;--surface: #ffffff;--border: #dbe8e5;--primary: #4d9488;--primary-hover: #3d786e;--primary-bg: rgba(77, 148, 136, .15)}html[data-palette=terracota]{--text: #5f5148;--text-h: #3a2c22;--bg: #faf5f1;--surface: #ffffff;--border: #ecdfd6;--primary: #c17b5e;--primary-hover: #a3644a;--primary-bg: rgba(193, 123, 94, .16)}html[data-palette=pizarra]{--text: #48525c;--text-h: #232a30;--bg: #f1f3f5;--surface: #ffffff;--border: #d8dee3;--primary: #3f6280;--primary-hover: #33506a;--primary-bg: rgba(63, 98, 128, .15)}@media(prefers-color-scheme:dark){html[data-palette=salvia]:not([data-theme=light]){--text: #b9c2b3;--text-h: #eef2ea;--bg: #11140f;--surface: #1a1f17;--border: #2b3226;--primary: #8fbb95;--primary-hover: #a9cdae;--primary-bg: rgba(143, 187, 149, .14)}html[data-palette=niebla]:not([data-theme=light]){--text: #b6c0c9;--text-h: #eef2f5;--bg: #10141a;--surface: #191f27;--border: #2a323d;--primary: #85acc2;--primary-hover: #a3c4d6;--primary-bg: rgba(133, 172, 194, .14)}html[data-palette=arena]:not([data-theme=light]){--text: #cbc0ac;--text-h: #f4eee1;--bg: #16130d;--surface: #201c14;--border: #362f22;--primary: #d2ac78;--primary-hover: #e0c193;--primary-bg: rgba(210, 172, 120, .16)}html[data-palette=lavanda]:not([data-theme=light]){--text: #c2b9cc;--text-h: #f1eef5;--bg: #14121a;--surface: #1e1a26;--border: #322c3d;--primary: #b39bd1;--primary-hover: #c8b4e0;--primary-bg: rgba(179, 155, 209, .15)}html[data-palette=menta]:not([data-theme=light]){--text: #aec7c1;--text-h: #eaf4f1;--bg: #0e1614;--surface: #16211e;--border: #263831;--primary: #74c1b3;--primary-hover: #96d3c7;--primary-bg: rgba(116, 193, 179, .15)}html[data-palette=terracota]:not([data-theme=light]){--text: #d0bdb0;--text-h: #f6ece5;--bg: #18120d;--surface: #241a14;--border: #3b2c22;--primary: #dd9977;--primary-hover: #e8b096;--primary-bg: rgba(221, 153, 119, .16)}html[data-palette=pizarra]:not([data-theme=light]){--text: #aebac5;--text-h: #e9eef2;--bg: #0d1218;--surface: #161d25;--border: #263039;--primary: #6f9ab8;--primary-hover: #8fb2cb;--primary-bg: rgba(111, 154, 184, .15)}}html[data-palette=salvia][data-theme=dark]{--text: #b9c2b3;--text-h: #eef2ea;--bg: #11140f;--surface: #1a1f17;--border: #2b3226;--primary: #8fbb95;--primary-hover: #a9cdae;--primary-bg: rgba(143, 187, 149, .14)}html[data-palette=niebla][data-theme=dark]{--text: #b6c0c9;--text-h: #eef2f5;--bg: #10141a;--surface: #191f27;--border: #2a323d;--primary: #85acc2;--primary-hover: #a3c4d6;--primary-bg: rgba(133, 172, 194, .14)}html[data-palette=arena][data-theme=dark]{--text: #cbc0ac;--text-h: #f4eee1;--bg: #16130d;--surface: #201c14;--border: #362f22;--primary: #d2ac78;--primary-hover: #e0c193;--primary-bg: rgba(210, 172, 120, .16)}html[data-palette=lavanda][data-theme=dark]{--text: #c2b9cc;--text-h: #f1eef5;--bg: #14121a;--surface: #1e1a26;--border: #322c3d;--primary: #b39bd1;--primary-hover: #c8b4e0;--primary-bg: rgba(179, 155, 209, .15)}html[data-palette=menta][data-theme=dark]{--text: #aec7c1;--text-h: #eaf4f1;--bg: #0e1614;--surface: #16211e;--border: #263831;--primary: #74c1b3;--primary-hover: #96d3c7;--primary-bg: rgba(116, 193, 179, .15)}html[data-palette=terracota][data-theme=dark]{--text: #d0bdb0;--text-h: #f6ece5;--bg: #18120d;--surface: #241a14;--border: #3b2c22;--primary: #dd9977;--primary-hover: #e8b096;--primary-bg: rgba(221, 153, 119, .16)}html[data-palette=pizarra][data-theme=dark]{--text: #aebac5;--text-h: #e9eef2;--bg: #0d1218;--surface: #161d25;--border: #263039;--primary: #6f9ab8;--primary-hover: #8fb2cb;--primary-bg: rgba(111, 154, 184, .15)}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}h1,h2,h3{font-family:var(--sans);font-weight:600;color:var(--text-h);margin:0 0 4px}h1{font-size:26px}h2{font-size:18px;margin-top:28px}h3{font-size:15px}p{margin:0}a{color:var(--primary)}button{font:inherit;cursor:pointer;border:none;border-radius:8px;padding:10px 18px;background:var(--primary);color:#fff;font-weight:500;transition:background .15s ease}button:hover:not(:disabled){background:var(--primary-hover)}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background:transparent;color:var(--text-h);border:1px solid var(--border)}button.secondary:hover:not(:disabled){background:var(--primary-bg)}button.danger{background:var(--danger)}input,select,textarea{font:inherit;padding:9px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-h)}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:1px}textarea{resize:vertical;font-family:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:230px;flex-shrink:0;padding:24px 16px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:28px}.sidebar h2{font-size:17px;padding:0 12px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--text);font-weight:500}.sidebar nav a:hover{background:var(--primary-bg)}.sidebar nav a.active{background:var(--primary-bg);color:var(--primary)}.palette-switcher{display:flex;flex-direction:column;gap:6px}.palette-toggle{width:100%;text-align:left}.palette-panel{display:flex;flex-direction:column;gap:2px;padding:6px;border:1px solid var(--border);border-radius:8px}.palette-option{display:flex;align-items:center;gap:8px;background:transparent;color:var(--text);border:none;border-radius:6px;padding:6px 8px;font-size:13px;font-weight:500;justify-content:flex-start}.palette-option:hover{background:var(--primary-bg)}.palette-option-active{background:var(--primary-bg);color:var(--primary)}.palette-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.signout{margin-top:auto}.content{flex:1;padding:32px 40px;max-width:860px}.page-loading{display:flex;align-items:center;justify-content:center;min-height:40vh}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.auth-form{display:flex;flex-direction:column;gap:14px;width:340px;background:var(--surface);padding:32px;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.auth-form h1{text-align:center;margin-bottom:0}.auth-subtitle{text-align:center;font-size:14px;margin-bottom:8px}.auth-form label{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:500;color:var(--text-h)}.banner{padding:12px 14px;border-radius:8px;font-size:14px;margin:12px 0}.banner-success{background:var(--success-bg);color:var(--success)}.banner-error{background:var(--danger-bg);color:var(--danger)}.banner-tip{background:var(--primary-bg);color:var(--primary-hover)}.spinner-row{display:flex;align-items:center;gap:10px;color:var(--text);font-size:14px}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--primary);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tab-bar{display:flex;gap:8px;margin:16px 0 20px;flex-wrap:wrap}.tab-active{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:20px 0 36px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:4px}.stat-value{font-size:26px;font-weight:700;color:var(--text-h)}.stat-label{font-size:13px}.card-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;margin:16px 0 28px}.card-form label{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:500;color:var(--text-h)}.card-form .hint{font-weight:400;color:var(--text);font-size:12px}.card-form .full-width{grid-column:1 / -1}.card-form .form-actions{grid-column:1 / -1;display:flex;gap:10px}.students-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.students-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text)}.students-table td{padding:12px 14px;border-bottom:1px solid var(--border)}.students-table tr:last-child td{border-bottom:none}.students-table a{font-weight:600;text-decoration:none}.status-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.status-lead{background:var(--primary-bg);color:var(--primary)}.status-active{background:var(--success-bg);color:var(--success)}.status-paused{background:#d977061f;color:#d97706}.status-finished{background:#6b728026;color:var(--text)}.empty-state{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:28px;text-align:center;color:var(--text)}.recent-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.recent-list li{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 14px}.recent-list summary{cursor:pointer}.recent-list .class-detail{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.cta-link{display:inline-block;margin-top:20px;font-weight:600;text-decoration:none}.student-subtitle{margin-top:-2px;margin-bottom:8px}.class-step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;margin:16px 0 28px;display:flex;flex-direction:column;gap:12px}.ai-result{display:flex;flex-direction:column;gap:10px}.ai-result .field{display:flex;flex-direction:column;gap:2px}.ai-result .field-label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text)}.landing-loading{min-height:100vh;display:flex;align-items:center;justify-content:center}.landing{max-width:720px;margin:0 auto;padding:48px 24px 80px}.landing-hero{text-align:center;padding:40px 0 56px}.landing-photo{width:96px;height:96px;border-radius:50%;object-fit:cover;margin-bottom:16px}.landing-hero h1{font-size:32px}.landing-headline{font-size:18px;margin:12px 0 24px}.landing-cta{display:inline-block;background:var(--primary);color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600}.landing-section{padding:32px 0;border-top:1px solid var(--border)}.landing-section h2{font-size:20px;margin-bottom:12px}