@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Sora:wght@600;700;800&display=swap";:root{--sidebar-width:248px;--sidebar-bg:#13121f;--sidebar-border:#ffffff0f;--sidebar-text:#7c7b96;--sidebar-text-hover:#d4d3f0;--sidebar-active-text:#fff;--sidebar-active-bg:#6c47ff2e;--sidebar-active-accent:#6c47ff;--bg:#f4f3fa;--surface:#fff;--surface-2:#f9f8ff;--border:#e8e6f4;--border-strong:#d4d0ed;--accent:#6c47ff;--accent-hover:#5936eb;--accent-soft:#6c47ff1a;--accent-glow:#6c47ff40;--success:#16a34a;--success-soft:#dcfce7;--danger:#dc2626;--danger-soft:#fee2e2;--warning:#d97706;--warning-soft:#fef3c7;--text-1:#0f0e1a;--text-2:#4b4a6a;--text-3:#8584a8;--shadow-sm:0 1px 3px #0f0e1a0f, 0 1px 2px #0f0e1a0a;--shadow-md:0 4px 16px #0f0e1a14, 0 2px 6px #0f0e1a0d;--shadow-lg:0 12px 40px #0f0e1a1f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--font-heading:"Sora", system-ui, sans-serif;--transition:.18s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-body);background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;line-height:1.6}.app-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);background:var(--bg);flex:1;min-height:100vh}.page-container{max-width:1100px;padding:2.5rem 2.25rem}.auth-layout{background:radial-gradient(ellipse at 20% 50%, #6c47ff1f 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, #6c47ff14 0%, transparent 50%), var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:3rem}.auth-logo{align-items:center;gap:.625rem;margin-bottom:2rem;display:flex}.auth-logo-mark{background:var(--accent);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.auth-logo-name{font-family:var(--font-heading);color:var(--text-1);font-size:1.25rem;font-weight:700}.auth-card h2{font-family:var(--font-heading);color:var(--text-1);margin-bottom:.375rem;font-size:1.625rem;font-weight:700}.auth-card .auth-subtitle{color:var(--text-3);margin-bottom:2rem;font-size:.9rem}.form-group{margin-bottom:1.125rem}.form-label{color:var(--text-2);letter-spacing:.01em;margin-bottom:.4rem;font-size:.8125rem;font-weight:600;display:block}.form-input{border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);color:var(--text-1);background:var(--surface);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:.7rem 1rem;font-size:.9rem}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder{color:var(--text-3)}.form-checkbox-row{color:var(--text-2);cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.form-checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.btn{border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;align-items:center;gap:.4rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 14px var(--accent-glow);transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--text-2);border:1.5px solid var(--border-strong)}.btn-secondary:hover{background:var(--bg);color:var(--text-1)}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover{background:var(--bg);color:var(--text-1)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}.btn-success{background:var(--success-soft);color:var(--success)}.btn-success:hover{background:var(--success);color:#fff}.btn-full{justify-content:center;width:100%;padding:.8rem 1.25rem}.btn-sm{padding:.4rem .85rem;font-size:.8125rem}.btn-lg{padding:.875rem 1.75rem;font-size:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.card-sm{padding:1.125rem 1.25rem}.page-title{font-family:var(--font-heading);color:var(--text-1);font-size:1.75rem;font-weight:700;line-height:1.2}.page-subtitle{color:var(--text-3);margin-top:.25rem;font-size:.9rem}.section-title{font-family:var(--font-heading);color:var(--text-1);margin-bottom:1rem;font-size:1rem;font-weight:700}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1.75rem;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--accent);border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-icon{border-radius:var(--radius-sm);background:var(--accent-soft);justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:1rem;font-size:1.2rem;display:flex}.stat-value{font-family:var(--font-heading);color:var(--text-1);margin-bottom:.25rem;font-size:2rem;font-weight:800;line-height:1}.stat-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:600}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.deck-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition), transform var(--transition);flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.deck-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.deck-card-title{font-family:var(--font-heading);color:var(--text-1);font-size:1.05rem;font-weight:700}.deck-card-desc{color:var(--text-3);flex:1;font-size:.875rem}.deck-card-meta{align-items:center;gap:.5rem;display:flex}.badge{border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-neutral{background:var(--bg);color:var(--text-3);border:1px solid var(--border)}.deck-card-actions{border-top:1px solid var(--border);gap:.5rem;padding-top:.5rem;display:flex}.alert{border-radius:var(--radius-sm);margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.alert-error{background:var(--danger-soft);color:var(--danger);border:1px solid #fca5a5}.alert-success{background:var(--success-soft);color:var(--success);border:1px solid #86efac}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table th{text-align:left;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;border-bottom:1.5px solid var(--border);padding:0 1rem .75rem;font-size:.75rem;font-weight:700}.data-table td{border-bottom:1px solid var(--border);color:var(--text-2);vertical-align:middle;padding:.875rem 1rem}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--bg)}.study-scene{perspective:1000px}.study-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;min-height:280px;box-shadow:var(--shadow-md);text-align:center;transition:box-shadow var(--transition), transform .35s ease;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:3rem;display:flex;position:relative}.study-card:hover{box-shadow:var(--shadow-lg)}.study-card.flipped{background:var(--accent);border-color:var(--accent-hover);color:#fff}.study-card-text{color:var(--text-1);font-size:1.5rem;font-weight:600;line-height:1.4}.study-card.flipped .study-card-text{color:#fff}.study-hint{color:var(--text-3);justify-content:center;align-items:center;gap:.375rem;margin-top:1rem;font-size:.8125rem;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}.divider{background:var(--border);height:1px;margin:1.5rem 0}.empty-state{text-align:center;color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3.5rem 2rem;display:flex}.empty-state-icon{opacity:.5;font-size:2.5rem}.empty-state p{font-size:.9rem}.auth-footer{text-align:center;color:var(--text-3);margin-top:1.5rem;font-size:.875rem}.auth-footer a{color:var(--accent);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.progress-bar{background:var(--border);border-radius:999px;height:6px;margin-bottom:1.5rem;overflow:hidden}.progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .4s}@media (width<=768px){.main-content{margin-left:0}.stats-grid,.deck-grid{grid-template-columns:1fr}.page-container{padding:1.5rem 1rem}}