@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap";:root{--ink:#0d0d0d;--cream:#faf7f2;--gold:#c9a84c;--gold-light:#f0d9a0;--teal:#1a6b6b;--teal-light:#e6f4f4;--rose:#c0544a;--rose-light:#fcecea;--purple:#6b4fa0;--purple-light:#f0edf9;--slate:#3a4a5c;--mist:#e8edf3;--white:#fff;--radius:16px;--shadow:0 4px 24px #0d0d0d17;--shadow-lg:0 8px 40px #0d0d0d29}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:DM Sans,sans-serif}h1,h2,h3,h4{font-family:Playfair Display,serif;line-height:1.2}.app{flex-direction:column;min-height:100vh;display:flex}.nav{background:var(--ink);z-index:100;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.nav-logo{color:var(--gold);cursor:pointer;letter-spacing:-.5px;font-family:Playfair Display,serif;font-size:1.45rem;font-weight:900}.nav-logo span{color:#fff}.nav-tabs{gap:4px;display:flex}.nav-tab{color:#ffffff8c;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;transition:all .18s}.nav-tab:hover{color:#fff;background:#ffffff12}.nav-tab.active{color:var(--gold);background:#c9a84c1f}.nav-right{align-items:center;gap:12px;display:flex}.nav-badge{background:var(--teal);color:#fff;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 24px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;transition:all .18s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-gold{background:var(--gold);color:var(--ink)}.btn-gold:hover:not(:disabled){background:#d4af5e;transform:translateY(-1px);box-shadow:0 6px 20px #c9a84c4d}.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover:not(:disabled){background:#155858;transform:translateY(-1px)}.btn-rose{background:var(--rose);color:#fff}.btn-rose:hover:not(:disabled){background:#a8443b;transform:translateY(-1px)}.btn-outline{color:#fff;background:0 0;border:1.5px solid #ffffff59}.btn-outline:hover:not(:disabled){background:#ffffff12;border-color:#fff}.btn-ghost{background:var(--mist);color:var(--slate)}.btn-ghost:hover:not(:disabled){background:#d5dde8}.btn-sm{border-radius:8px;padding:7px 16px;font-size:.82rem}.btn-danger{background:var(--rose-light);color:var(--rose)}.btn-danger:hover:not(:disabled){background:var(--rose);color:#fff}.btn-full{justify-content:center;width:100%}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group label{color:var(--slate);font-size:.82rem;font-weight:600}.form-control{border:1.5px solid var(--mist);color:var(--ink);background:#fff;border-radius:9px;outline:none;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:.92rem;transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:var(--teal);box-shadow:0 0 0 3px #1a6b6b1f}.form-control::placeholder{color:#aaa}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-error{color:var(--rose);margin-top:4px;font-size:.8rem}.card{border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--mist);background:#fff}.card-pad{padding:24px}.section-tag{letter-spacing:2px;text-transform:uppercase;color:var(--teal);margin-bottom:6px;font-size:.74rem;font-weight:700}.section-title{margin-bottom:6px;font-size:1.9rem}.section-sub{color:#777;font-size:.95rem;line-height:1.65}.pill{border-radius:20px;padding:3px 10px;font-size:.74rem;font-weight:600;display:inline-block}.pill-green{color:#256625;background:#e6f5e6}.pill-amber{color:#960;background:#fff3d6}.pill-blue{color:#1a4d99;background:#def}.pill-red{background:var(--rose-light);color:var(--rose)}.pill-purple{background:var(--purple-light);color:var(--purple)}.data-table{border-collapse:collapse;width:100%}.data-table-wrap{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;overflow:hidden}.data-table th{background:var(--mist);text-align:left;letter-spacing:.6px;text-transform:uppercase;color:var(--slate);padding:12px 16px;font-size:.75rem;font-weight:700}.data-table td{border-bottom:1px solid var(--mist);padding:12px 16px;font-size:.88rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#fafbfc}.prog-bar{background:var(--mist);border-radius:4px;height:8px;overflow:hidden}.prog-fill{border-radius:4px;height:100%;transition:width .4s}.spinner-wrap{flex-direction:column;align-items:center;gap:16px;padding:60px 20px;display:flex}.spinner{border:3px solid var(--mist);border-top-color:var(--teal);border-radius:50%;width:40px;height:40px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{z-index:500;background:var(--ink);color:#fff;box-shadow:var(--shadow-lg);border-radius:10px;align-items:center;gap:10px;max-width:360px;padding:13px 20px;font-size:.875rem;font-weight:500;animation:.25s slideUp;display:flex;position:fixed;bottom:24px;right:24px}.toast.toast-error{background:var(--rose)}.toast.toast-info{background:#1a5fbf}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{z-index:300;background:#0000007a;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}}.modal{border-radius:var(--radius);width:100%;max-width:460px;box-shadow:var(--shadow-lg);background:#fff;padding:36px;animation:.2s scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}}.grade-scroll{flex-wrap:wrap;gap:8px;display:flex}.grade-pill{border:1.5px solid var(--mist);cursor:pointer;color:var(--slate);background:#fff;border-radius:20px;padding:7px 15px;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:600;transition:all .15s}.grade-pill:hover{border-color:var(--teal);color:var(--teal)}.grade-pill.active{background:var(--teal);color:#fff;border-color:var(--teal)}.drop-zone{border:2px dashed var(--mist);text-align:center;color:#aaa;cursor:pointer;border-radius:12px;padding:40px;transition:all .18s}.drop-zone:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-light)}.portal-layout{flex:1;min-height:0;display:flex}.sidebar{background:var(--ink);flex-direction:column;flex-shrink:0;gap:2px;width:230px;padding:20px 12px;display:flex}.sidebar-section{color:#ffffff4d;letter-spacing:1.8px;text-transform:uppercase;padding:12px 12px 6px;font-size:.68rem;font-weight:700}.sidebar-btn{color:#fff9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:.875rem;transition:all .15s;display:flex}.sidebar-btn:hover{color:#fff;background:#ffffff12}.sidebar-btn.active{color:var(--gold);background:#c9a84c26;font-weight:600}.portal-main{background:var(--cream);flex:1;padding:32px 36px;overflow-y:auto}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{border:1px solid var(--mist);background:#fff;border-radius:12px;padding:20px 22px}.stat-num{font-family:Playfair Display,serif;font-size:2rem;font-weight:700}.stat-label{color:#999;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:.74rem}.stat-sub{margin-top:6px;font-size:.78rem;font-weight:600}.video-item{border:1.5px solid var(--mist);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;transition:all .18s;display:flex}.video-item:hover{border-color:var(--gold);box-shadow:var(--shadow)}.video-thumb{background:var(--ink);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:50px;font-size:1.4rem;display:flex;overflow:hidden}.video-info{flex:1;min-width:0}.video-title{white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.video-meta{color:#999;margin-top:3px;font-size:.77rem}.quiz-wrap{max-width:680px}.option-btn{border:1.5px solid var(--mist);text-align:left;cursor:pointer;width:100%;color:var(--ink);background:#fff;border-radius:10px;align-items:center;gap:12px;padding:14px 18px;font-family:DM Sans,sans-serif;font-size:.92rem;transition:all .15s;display:flex}.option-btn:hover:not(:disabled){border-color:var(--teal);background:var(--teal-light)}.option-btn.selected{border-color:var(--teal);background:var(--teal-light);color:var(--teal);font-weight:600}.option-btn.correct{color:#2a7a2a;background:#e6f5e6;border-color:#2a7a2a}.option-btn.wrong{border-color:var(--rose);background:var(--rose-light);color:var(--rose)}.option-label{background:var(--mist);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78rem;font-weight:700;display:flex}.subject-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.subject-card{cursor:pointer;border:1.5px solid var(--mist);background:#fff;border-radius:12px;padding:18px 16px;transition:all .18s}.subject-card:hover{border-color:var(--teal);box-shadow:var(--shadow)}.subject-card.active{border-color:var(--teal);background:var(--teal-light)}@media (width<=720px){.portal-layout{flex-direction:column}.sidebar{flex-direction:row;gap:4px;width:100%;padding:10px 8px;overflow-x:auto}.sidebar-section{display:none}.sidebar-btn{white-space:nowrap}.portal-main{padding:20px 16px}.form-row{grid-template-columns:1fr}.nav-tabs{display:none}.stats-grid{grid-template-columns:1fr 1fr}}.dash-hero{border-radius:var(--radius);color:#fff;margin-bottom:24px;padding:32px 36px;position:relative;overflow:hidden}.dash-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 65%);border-radius:50%;width:300px;height:300px;position:absolute;top:-60px;right:-60px}.dash-hero-quote{opacity:.72;max-width:520px;margin-top:12px;font-size:.83rem;font-style:italic;line-height:1.6}.stats-grid-6{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-card-v2{border:1px solid var(--mist);background:#fff;border-radius:12px;padding:18px 20px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.stat-card-v2:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.stat-card-v2 .stat-accent{border-radius:12px 12px 0 0;width:100%;height:3px;position:absolute;top:0;left:0}.stat-card-v2 .stat-icon{margin-bottom:10px;font-size:1.5rem}.stat-card-v2 .stat-val{font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700;line-height:1}.stat-card-v2 .stat-lbl{color:#999;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:.72rem}.week-chart{align-items:flex-end;gap:6px;height:56px;display:flex}.week-bar-wrap{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.week-bar{border-radius:3px 3px 0 0;width:100%;min-height:3px;transition:height .4s}.week-label{color:#bbb;font-size:.62rem}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;display:grid}.badge{text-align:center;border:1.5px solid var(--mist);background:#fff;border-radius:12px;padding:16px 12px;transition:all .18s;position:relative}.badge.earned{border-color:var(--gold);background:#fffcf0}.badge.locked{opacity:.45;filter:grayscale(.8)}.badge .badge-icon{margin-bottom:8px;font-size:1.8rem}.badge .badge-name{color:var(--ink);font-size:.75rem;font-weight:700}.badge .badge-desc{color:#aaa;margin-top:3px;font-size:.67rem;line-height:1.4}.badge.earned .badge-name{color:#8a6a00}.badge.earned:after{content:"✓";color:var(--gold);font-size:.65rem;font-weight:700;position:absolute;top:6px;right:8px}.activity-item{border-bottom:1px solid var(--mist);align-items:center;gap:12px;padding:11px 0;display:flex}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-dot{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;display:flex}.child-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.child-card{border-radius:var(--radius);border:2px solid var(--mist);cursor:pointer;text-align:center;background:#fff;padding:22px 20px;transition:all .18s}.child-card:hover{border-color:var(--rose);box-shadow:var(--shadow)}.child-card.active{border-color:var(--rose);background:#fdf5f5}.child-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 12px;font-size:1.3rem;font-weight:700;display:flex}.alert-card{border-left:4px solid;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:12px;padding:14px 18px;display:flex}.alert-card.warn{border-color:var(--gold);background:#fff8e8}.alert-card.danger{background:var(--rose-light);border-color:var(--rose)}.alert-card.info{background:#e6f5e6;border-color:#2d7a2d}.section-header{margin-bottom:24px}.section-header h2{margin-bottom:4px;font-size:1.35rem}.section-header p{color:#777;font-size:.875rem}.search-wrap{position:relative}.search-wrap input{padding-left:38px}.search-wrap:before{content:"🔍";font-size:.85rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.lb-row{border:1.5px solid var(--mist);background:#fff;border-radius:10px;align-items:center;gap:14px;margin-bottom:8px;padding:12px 16px;transition:all .15s;display:flex}.lb-row:hover{border-color:var(--gold)}.lb-row.me{border-color:var(--teal);background:var(--teal-light)}.lb-rank{text-align:center;flex-shrink:0;width:28px;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700}.lb-name{flex:1;font-size:.9rem;font-weight:600}.lb-score{font-size:.9rem;font-weight:700}.quick-actions{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:24px;display:grid}.quick-btn{text-align:center;border:1.5px solid var(--mist);cursor:pointer;background:#fff;border-radius:12px;padding:18px 16px;font-family:DM Sans,sans-serif;transition:all .18s}.quick-btn:hover{border-color:var(--teal);box-shadow:var(--shadow);transform:translateY(-2px)}.quick-btn .qb-icon{margin-bottom:8px;font-size:1.6rem}.quick-btn .qb-label{color:var(--slate);font-size:.8rem;font-weight:700}.report-card{border-radius:var(--radius);border:1px solid var(--mist);background:#fff;align-items:center;gap:20px;margin-bottom:16px;padding:24px 28px;transition:box-shadow .15s;display:flex}.report-card:hover{box-shadow:var(--shadow)}.skeleton{background:linear-gradient(90deg, var(--mist) 25%, #f0f3f7 50%, var(--mist) 75%);background-size:200% 100%;border-radius:8px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=720px){.stats-grid-6{grid-template-columns:1fr 1fr}.achievements-grid,.quick-actions{grid-template-columns:repeat(3,1fr)}.child-cards{grid-template-columns:1fr 1fr}.dash-hero{padding:24px 20px}}