:root{--color-action: #6C5CE7;--color-action-dark: #5849C2;--color-action-light: #EDE9FC;--color-growth: #00C853;--color-growth-dark: #00A344;--color-growth-light: #E0F8E9;--color-background: #F8F9FB;--color-surface: #FFFFFF;--color-surface-dark: #E2E6EB;--color-nav: #B8D4E8;--color-nav-dark: #8BB8D4;--color-text-primary: #1A1A1A;--color-text-secondary: #4A5568;--color-text-light: #FFFFFF;--color-text-emphasis: #2D3436;--color-primary: var(--color-action);--color-primary-dark: var(--color-action-dark);--color-primary-light: var(--color-action-light);--color-success: var(--color-growth);--color-success-light: var(--color-growth-light);--shadow-card: 0 2px 8px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);--shadow-card-hover: 0 8px 16px rgba(0,0,0,.1), 0 12px 24px rgba(0,0,0,.06);--shadow-button: 0 4px 12px rgba(108, 92, 231, .3);--shadow-button-hover: 0 6px 16px rgba(108, 92, 231, .4)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;font-size:16px;line-height:1.5;background:var(--color-background);color:var(--color-text-primary)}.app-layout{min-height:100vh}.app-nav{display:flex;align-items:center;justify-content:space-between;position:relative;padding:.75rem 1.5rem;background:linear-gradient(to bottom right,#b2dcf0,#6c5ce7)}.nav-brand{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.nav-logo{width:28px;height:28px;object-fit:contain}.nav-links{display:flex;gap:2.5rem;position:absolute;left:50%;transform:translate(-50%)}.nav-links a{color:var(--color-text-primary);text-decoration:none;font-size:1.1rem;font-weight:500;padding:.25rem .75rem;border-radius:6px;transition:all .2s ease}.nav-links a:hover{background:#6c5ce733;color:var(--color-action-dark);text-decoration:none;transform:scale(1.02)}.nav-right{display:flex;align-items:center;gap:.75rem}.nav-user{color:var(--color-text-primary);opacity:.9}.app-nav .btn{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-text-secondary)}.app-nav .btn:hover{background:#0000000d;border-color:var(--color-text-primary)}.app-main{padding:1.5rem;max-width:900px;margin:0 auto}.page-title{margin-top:0;margin-bottom:1rem;font-weight:700;color:var(--color-text-primary)}.form{max-width:360px;display:flex;flex-direction:column;gap:1rem}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:25vh;background:var(--color-surface)}.login-container{width:100%;max-width:360px;padding:2rem;background:var(--color-background);border:1px solid var(--color-surface-dark);border-radius:8px;box-shadow:var(--shadow-card-hover)}.login-container .page-title{text-align:center;margin-bottom:1.5rem}.login-container .form{max-width:100%}.input-group{display:flex;flex-direction:column;gap:.25rem}.input-group label{font-weight:600;color:var(--color-text-primary)}.input-group input{padding:.5rem;font-size:1rem;border:1px solid var(--color-surface-dark);border-radius:4px;transition:border-color .2s ease}.input-group input:focus{outline:none;border-color:var(--color-primary)}.btn{padding:.5rem 1rem;font-size:1rem;font-weight:500;border-radius:6px;cursor:pointer;border:none;transition:all .2s ease}.btn-primary{background:var(--color-action);color:var(--color-text-light);box-shadow:var(--shadow-button)}.btn-primary:hover{background:var(--color-action-dark);transform:scale(1.02);box-shadow:var(--shadow-button-hover);filter:brightness(1.05)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-surface-dark)}.btn-secondary:hover{background:var(--color-action-light);border-color:var(--color-action);transform:scale(1.02)}.btn-secondary:active{transform:scale(.98)}.card{border:1px solid var(--color-surface-dark);border-radius:8px;padding:1.25rem;margin-bottom:1rem;background:var(--color-surface);box-shadow:var(--shadow-card);transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card-title{margin-top:0;margin-bottom:.75rem;font-weight:700;color:var(--color-text-primary)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--color-surface-dark)}th{background:var(--color-surface);font-weight:700;color:var(--color-text-primary)}.chat-placeholder{border:1px solid var(--color-surface-dark);border-radius:8px;min-height:300px;padding:1rem;background:var(--color-surface)}.chat-timer{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:1rem}.progress-list{list-style:none;padding:0;margin:0}.progress-list li{padding:.75rem;margin:-.5rem -.5rem .25rem;border-bottom:1px solid var(--color-surface-dark);border-radius:6px;transition:background-color .2s ease;cursor:pointer}.progress-list li:hover{background-color:var(--color-primary-light)}.progress-list li:last-child{border-bottom:none;margin-bottom:-.5rem}.progress-bar{height:8px;background:var(--color-surface-dark);border-radius:4px;overflow:hidden;margin-top:.25rem}.progress-bar-fill{height:100%;background:var(--color-growth);border-radius:4px;transition:width .3s ease}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.dashboard-main,.dashboard-sidebar{display:flex;flex-direction:column;gap:1rem}.speaking-assignment{display:flex;flex-direction:column;gap:.75rem}.speaking-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.speaking-topic{margin:0;font-weight:600;color:var(--color-primary)}.speaking-description{margin:0;color:var(--color-text-secondary)}.speaking-meta{display:flex;gap:1rem}.speaking-duration{font-size:.875rem;color:var(--color-text-secondary);background:var(--color-primary-light);padding:.25rem .5rem;border-radius:4px}.no-assignment,.no-areas,.no-assignments{color:var(--color-text-secondary);font-style:italic;margin:0}.mastery-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.mastery-item{padding:.75rem;border-bottom:1px solid var(--color-surface-dark);border-radius:6px;margin:-.5rem -.5rem .5rem;transition:background-color .2s ease;cursor:pointer}.mastery-item:hover{background-color:var(--color-primary-light)}.mastery-item:last-child{border-bottom:none;margin-bottom:-.5rem}.mastery-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.mastery-info{flex:1}.mastery-skill{font-weight:700;font-size:1rem;color:var(--color-text-emphasis);display:block;margin-bottom:.25rem}.mastery-suggestion{margin:0;font-size:.9rem;line-height:1.4;color:var(--color-text-primary)}.assignment-checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.checklist-item{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;border-radius:6px;transition:background-color .2s ease;cursor:pointer}.checklist-item:hover{background-color:var(--color-primary-light)}.checklist-item.checked{background-color:var(--color-growth-light)}.checklist-item.checked:hover{background-color:var(--color-growth-dark);background-color:#00c85326}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-growth)}.checkbox-label span.completed{text-decoration:line-through;color:var(--color-text-secondary)}.due-date{font-size:.75rem;color:var(--color-text-secondary);margin-left:26px}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}}.homework-page{padding-bottom:2rem}.homework-tabs{display:flex;justify-content:stretch;gap:.5rem;padding:.75rem 0;margin-bottom:1rem;position:sticky;top:0;background:var(--color-background);z-index:50;flex-wrap:wrap;border-bottom:1px solid var(--color-surface-dark)}.homework-tab{flex:1;padding:.75rem 1rem;border:1px solid var(--color-surface-dark);border-radius:20px;background:var(--color-surface);color:var(--color-text-primary);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-align:center}.homework-tab:hover:not(:disabled){background:var(--color-action-light);border-color:var(--color-action);color:var(--color-action)}.homework-tab:disabled{opacity:.4;cursor:not-allowed}.homework-tab.tab-past-due:not(:disabled){border-color:#fca5a5;background:#fef2f2;color:#dc2626}.homework-tab.tab-past-due:hover:not(:disabled){background:#fee2e2;border-color:#dc2626}.homework-section{margin-bottom:2rem;scroll-margin-top:5rem}[id^=section-]{scroll-margin-top:5rem}.homework-section-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.section-count{font-size:.875rem;font-weight:400;color:var(--color-text-secondary)}.section-completed .homework-section-title{color:var(--color-text-secondary)}.section-past-due .homework-section-title{color:#dc2626}.section-due-today .homework-section-title{color:var(--color-action)}.section-this-week .homework-section-title{color:#2563eb}.homework-cards{display:flex;flex-direction:column;gap:.75rem}.homework-card{display:flex;gap:1rem;background:var(--color-surface);border-radius:12px;padding:1rem;border-left:4px solid;box-shadow:var(--shadow-card);transition:all .2s ease}.homework-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.homework-card-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.homework-card-content{flex:1;min-width:0}.homework-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.homework-card-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.4}.homework-card-topic{flex-shrink:0;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:6px}.homework-card-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.homework-card-due{font-size:.875rem;color:var(--color-text-secondary)}.homework-card-progress{display:flex;align-items:center;gap:.5rem;flex:1;max-width:200px}.progress-bar-bg{flex:1;height:6px;background:var(--color-surface-dark);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.progress-text{font-size:.75rem;font-weight:500;color:var(--color-text-secondary);min-width:32px}.completed-badge{font-size:.875rem;font-weight:500;color:var(--color-growth)}.homework-chat-link{display:inline-block;margin-top:.5rem;font-size:.875rem;font-weight:500;color:var(--color-action);text-decoration:none}.homework-chat-link:hover{text-decoration:underline}.no-homework{text-align:center;font-size:1.25rem;color:var(--color-text-secondary);padding:3rem}.section-past-due .homework-card{background:#fef2f2}.section-past-due .homework-card-due{color:#dc2626;font-weight:500}.section-due-today .homework-card{border-left-width:5px}@media (max-width: 640px){.homework-card{flex-direction:column}.homework-card-icon{width:40px;height:40px}.homework-card-header{flex-direction:column;gap:.5rem}.homework-card-progress{max-width:none}}.admin-page{padding-bottom:2rem}.admin-tabs{display:flex;gap:.5rem;padding:1rem 0;margin-bottom:1.5rem;border-bottom:2px solid var(--color-surface-dark)}.admin-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px 8px 0 0;background:transparent;color:var(--color-text-secondary);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative}.admin-tab:hover{background:var(--color-surface);color:var(--color-text-primary)}.admin-tab.active{background:var(--color-surface);color:var(--color-action)}.admin-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--color-action);border-radius:2px 2px 0 0}.tab-icon{font-size:1.1rem}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.admin-search{padding:.625rem 1rem;border:1px solid var(--color-surface-dark);border-radius:8px;font-size:.875rem;width:280px;transition:border-color .2s}.admin-search:focus{outline:none;border-color:var(--color-action)}.btn-primary{padding:.625rem 1.25rem;background:var(--color-action);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:var(--color-action-dark)}.btn-secondary{padding:.625rem 1.25rem;background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-surface-dark);border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--color-surface-dark)}.btn-icon{padding:.375rem;background:transparent;border:none;cursor:pointer;font-size:1rem;border-radius:4px;transition:background .2s}.btn-icon:hover{background:var(--color-surface-dark)}.insights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:.5rem}.stat-icon{font-size:2rem}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);line-height:1.2}.stat-value.green{color:var(--color-growth)}.stat-value.red{color:#ef4444}.stat-label{font-size:.875rem;color:var(--color-text-secondary)}.assignment-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.admin-assignment-card{background:var(--color-surface);border-radius:12px;padding:1.25rem;border-left:4px solid;box-shadow:var(--shadow-card);transition:all .2s ease}.admin-assignment-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.admin-assignment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.admin-topic-badge{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:6px;text-transform:capitalize;letter-spacing:.02em}.admin-due-date{font-size:.8rem;color:var(--color-text-secondary);font-weight:500;letter-spacing:.01em}.admin-assignment-title{font-size:1.05rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem;line-height:1.4;letter-spacing:-.01em}.admin-assignment-stats{display:flex;gap:1.5rem;margin-bottom:.75rem}.admin-stat{display:flex;flex-direction:column;gap:.15rem}.admin-stat-value{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.admin-stat-label{font-size:.7rem;color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.admin-progress-bar{height:6px;background:var(--color-surface-dark);border-radius:3px;overflow:hidden}.admin-progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.admin-table-wrap{overflow-x:auto;background:var(--color-surface);border-radius:12px;box-shadow:var(--shadow-card)}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-secondary);background:var(--color-surface);border-bottom:1px solid var(--color-surface-dark)}.admin-table td{padding:1rem;border-bottom:1px solid var(--color-surface-dark)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr.needs-attention{background:#fef2f2}.student-info{display:flex;align-items:center;gap:.75rem}.student-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-action-light),var(--color-action));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.student-details{display:flex;flex-direction:column}.student-name{font-weight:600;color:var(--color-text-primary)}.student-email{font-size:.75rem;color:var(--color-text-secondary)}.completion-cell{display:flex;align-items:center;gap:.5rem}.mini-progress-bar{width:60px;height:6px;background:var(--color-surface-dark);border-radius:3px;overflow:hidden}.mini-progress-fill{height:100%;border-radius:3px}.score-badge{padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-weight:600}.score-badge.high{background:#d1fae5;color:#059669}.score-badge.medium{background:#fef3c7;color:#d97706}.score-badge.low{background:#fee2e2;color:#dc2626}.last-active{color:var(--color-text-secondary);font-size:.875rem}.admin-help{max-width:800px}.help-header{margin-bottom:2rem}.help-header h2{margin:0 0 .5rem;color:var(--color-text-primary)}.help-header p{margin:0;color:var(--color-text-secondary)}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item{background:var(--color-surface);border-radius:10px;box-shadow:var(--shadow-card);overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:transparent;border:none;cursor:pointer;font-size:1rem;font-weight:600;color:var(--color-text-primary);text-align:left;transition:background .2s}.faq-question:hover{background:var(--color-surface-dark)}.faq-toggle{font-size:1.25rem;color:var(--color-action);font-weight:700}.faq-answer{padding:0 1.25rem 1.25rem}.faq-answer p{margin:0;color:var(--color-text-secondary);line-height:1.6}.help-contact{margin-top:2rem}.help-contact h3{margin:0 0 .5rem}.help-contact p{margin:0 0 1rem;color:var(--color-text-secondary)}@media (max-width: 1024px){.insights-grid{grid-template-columns:repeat(2,1fr)}.assignment-cards-grid{grid-template-columns:1fr}}@media (max-width: 640px){.admin-tabs{flex-wrap:wrap}.admin-tab{flex:1;justify-content:center;padding:.625rem 1rem}.tab-label{display:none}.insights-grid{grid-template-columns:1fr}.admin-toolbar{flex-direction:column;align-items:stretch}.admin-search{width:100%}}.fab-create{height:56px;min-width:56px;border-radius:28px;background-color:var(--color-action);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #6c5ce766;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:0;padding:0 16px;overflow:hidden}.fab-icon{font-size:2rem;font-weight:300;line-height:1;flex-shrink:0}.fab-text{font-size:1rem;font-weight:600;white-space:nowrap;max-width:0;opacity:0;overflow:hidden;transition:all .3s ease}.fab-create:hover{background-color:#5b4bd6;box-shadow:0 6px 16px #6c5ce780;gap:.5rem;padding-right:20px}.fab-create:hover .fab-text{max-width:150px;opacity:1}.fab-create:active{transform:scale(.98)}.fab-create.fab-active{background-color:#5b4bd6}.fab-create.fab-active .fab-icon{font-size:1.75rem}.fab-container{position:fixed;bottom:2rem;right:2rem;z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.fab-options{display:flex;flex-direction:column;gap:.5rem;animation:fabOptionsIn .2s ease}@keyframes fabOptionsIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fab-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-surface);border:none;border-radius:12px;box-shadow:0 4px 12px #00000026;cursor:pointer;transition:all .2s ease;min-width:160px}.fab-option:hover{transform:translate(-4px);box-shadow:0 6px 16px #0003}.fab-option-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.fab-option-label{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.fab-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:99;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.assignment-detail-view{padding:0 0 2rem}.back-button{background:none;border:none;color:var(--color-action);font-size:1rem;font-weight:600;cursor:pointer;padding:.5rem 0;margin-bottom:1rem;display:flex;align-items:center;gap:.25rem;transition:color .2s ease}.back-button:hover{color:#5b4bd6}.detail-header{background:var(--color-surface);border-radius:12px;padding:1.5rem;border-left:4px solid;box-shadow:var(--shadow-card);margin-bottom:1.5rem}.detail-topic-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.detail-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.3}.detail-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:2rem}.detail-stat-card{background:var(--color-surface);border-radius:12px;padding:1.25rem;text-align:center;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:.5rem}.detail-stat-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.detail-stat-label{font-size:.75rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.students-section{background:var(--color-surface);border-radius:12px;box-shadow:var(--shadow-card);overflow:hidden}.students-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);padding:1.25rem;margin:0;border-bottom:1px solid var(--color-surface-dark)}.students-list{max-height:500px;overflow-y:auto}.students-header{display:grid;grid-template-columns:2fr 1fr .75fr .75fr;padding:.75rem 1.25rem;background:var(--color-surface-dark);font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.05em;position:sticky;top:0}.student-row{display:grid;grid-template-columns:2fr 1fr .75fr .75fr;padding:1rem 1.25rem;border-bottom:1px solid var(--color-surface-dark);transition:background-color .15s ease}.student-row:last-child{border-bottom:none}.student-row:hover{background:var(--color-surface-dark)}.student-col-name{font-weight:500;color:var(--color-text-primary)}.student-col-status{font-size:.875rem}.badge-completed{color:var(--color-growth)}.badge-in-progress{color:#f59e0b}.badge-not-started{color:var(--color-text-secondary)}.student-col-score,.student-col-time{font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.admin-assignment-card.clickable{cursor:pointer}@media (max-width: 900px){.detail-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.detail-stats-grid{grid-template-columns:repeat(2,1fr)}.students-header,.student-row{grid-template-columns:1.5fr 1fr .5fr .5fr;font-size:.875rem}}.create-form-view{padding:0 0 2rem}.create-form-header{margin-bottom:1.5rem}.create-form-badge{display:inline-block;font-size:.875rem;font-weight:600;padding:.375rem .75rem;border-radius:8px;margin-bottom:.75rem}.create-form-title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.create-form-subtitle{font-size:1rem;color:var(--color-text-secondary);margin:0}.create-form-card{background:var(--color-surface);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-card);margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid var(--color-surface-dark);border-radius:8px;background:var(--color-background);color:var(--color-text-primary);transition:border-color .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-action)}.form-input::placeholder{color:var(--color-text-secondary)}.form-date-input{cursor:pointer;font-family:inherit}.form-date-input::-webkit-calendar-picker-indicator{cursor:pointer;padding:8px;margin-right:-8px;border-radius:6px;opacity:.6;transition:all .2s ease}.form-date-input::-webkit-calendar-picker-indicator:hover{opacity:1;transform:scale(1.1)}.form-date-input::-webkit-datetime-edit{padding:0}.form-date-input::-webkit-datetime-edit-fields-wrapper{padding:0}.form-date-input::-webkit-datetime-edit-month-field,.form-date-input::-webkit-datetime-edit-day-field,.form-date-input::-webkit-datetime-edit-year-field{padding:2px 4px;border-radius:4px;transition:background-color .15s ease}.form-date-input::-webkit-datetime-edit-month-field:focus,.form-date-input::-webkit-datetime-edit-day-field:focus,.form-date-input::-webkit-datetime-edit-year-field:focus{background-color:#6c5ce726;outline:none}.words-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.words-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.add-word-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:var(--color-action);background:transparent;border:2px solid var(--color-action);border-radius:8px;cursor:pointer;transition:all .2s ease}.add-word-btn:hover{background:var(--color-action);color:#fff}.words-list{display:flex;flex-direction:column;gap:.75rem}.word-entry{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--color-background);border-radius:10px;border:1px solid var(--color-surface-dark)}.word-entry-number{width:32px;height:32px;border-radius:50%;background:var(--color-action);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.word-entry-fields{flex:1;display:flex;flex-direction:column;gap:.5rem}.word-input{font-weight:600}.definition-input{font-size:.9375rem}.remove-word-btn{width:32px;height:32px;border-radius:8px;background:transparent;border:none;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.remove-word-btn:hover:not(:disabled){background:#fee2e2;color:#ef4444}.remove-word-btn:disabled{opacity:.3;cursor:not-allowed}.create-form-actions{display:flex;justify-content:flex-end;gap:1rem}.btn-secondary{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:var(--color-text-secondary);background:var(--color-surface);border:2px solid var(--color-surface-dark);border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--color-surface-dark);color:var(--color-text-primary)}.btn-primary{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:var(--color-action);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#5b4bd6}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.toggle-group{display:flex;gap:0;background:var(--color-surface-dark);border-radius:10px;padding:4px}.toggle-btn{flex:1;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;color:var(--color-text-secondary);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.toggle-btn:hover:not(.toggle-active){color:var(--color-text-primary)}.toggle-btn.toggle-active{background:var(--color-surface);color:var(--color-action);box-shadow:0 2px 4px #0000001a}@media (max-width: 600px){.word-entry{flex-wrap:wrap}.word-entry-fields{width:calc(100% - 80px)}.create-form-actions{flex-direction:column}.btn-secondary,.btn-primary{width:100%}.toggle-group{flex-direction:column}}