@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap");@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Nunito:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap");:root{--edu-navy:#0c1222;--edu-navy-mid:#162036;--edu-navy-light:#1e2d4a;--edu-surface:#ffffff;--edu-surface-warm:#faf9f7;--edu-surface-glass:rgba(255,255,255,0.72);--edu-primary:#6366f1;--edu-primary-bright:#818cf8;--edu-primary-soft:rgba(99,102,241,0.12);--edu-coral:#f97066;--edu-amber:#f59e0b;--edu-emerald:#10b981;--edu-sky:#0ea5e9;--edu-violet:#8b5cf6;--edu-pink:#ec4899;--edu-text:#0f172a;--edu-text-secondary:#475569;--edu-text-muted:#94a3b8;--edu-text-inverse:#f1f5f9;--edu-border:#e2e8f0;--edu-border-strong:#cbd5e1;--edu-hover:#f8fafc;--edu-success:#10b981;--edu-danger:#ef4444;--edu-warning:#f59e0b;--shadow-xs:0 1px 2px rgba(15,23,42,0.05);--shadow-sm:0 4px 12px rgba(15,23,42,0.08);--shadow-md:0 12px 32px rgba(15,23,42,0.12);--shadow-lg:0 24px 64px rgba(15,23,42,0.16);--shadow-glow:0 0 40px rgba(99,102,241,0.15);--shadow-card-hover:0 20px 48px rgba(15,23,42,0.18);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-pill:999px;--font-display:"Bricolage Grotesque",system-ui,sans-serif;--font-body:"DM Sans",system-ui,sans-serif;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:0.15s;--duration-normal:0.25s;--duration-slow:0.4s;--kg-cream:#FEF9EF;--kg-paper:#FFF5E1;--kg-white:#FFFFFF;--kg-sun:#FFD43B;--kg-tangerine:#FF922B;--kg-strawberry:#FF6B6B;--kg-mint:#51CF66;--kg-sky:#339AF0;--kg-grape:#BE4BDB;--kg-bubblegum:#F06595;--kg-bark:#5C3D14;--kg-earth:#8B6914;--kg-sand:#C4A35A;--font-playful:"Baloo 2",cursive,system-ui,sans-serif;--font-body-soft:"Nunito",system-ui,sans-serif;--tg-blue:var(--edu-primary);--tg-blue-dark:#4f46e5;--tg-bg:var(--edu-surface-warm);--tg-card:var(--edu-surface);--tg-text:var(--edu-text);--tg-muted:var(--edu-text-secondary);--tg-success:var(--edu-success);--tg-danger:var(--edu-danger);--tg-warning:var(--edu-warning);--tg-border:var(--edu-border);--tg-hover:var(--edu-hover)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--edu-surface-warm);color:var(--edu-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);margin:0 0 8px;font-weight:700;line-height:1.2;letter-spacing:-.01em}h2{font-size:24px}h3{font-size:18px}.muted{color:var(--edu-text-secondary);font-size:14px}.container{max-width:1200px;margin:0 auto;padding:16px}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-pill);font-weight:600;font-size:12px;white-space:nowrap;letter-spacing:.02em}.badge.success{background:rgba(16,185,129,.12);color:var(--edu-success)}.badge.danger{background:rgba(239,68,68,.12);color:var(--edu-danger)}.card{background:var(--edu-surface);border:1px solid var(--edu-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;height:100%;transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.card:hover{box-shadow:var(--shadow-sm)}.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:16px;gap:16px;align-items:stretch}.grid>*{display:flex;flex-direction:column}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);border:none;background:var(--edu-primary);color:#fff;font-weight:600;font-family:var(--font-body);text-decoration:none;cursor:pointer;font-size:14px;letter-spacing:.01em;transition:all var(--duration-normal) var(--ease-out);box-shadow:0 2px 8px rgba(99,102,241,.25)}.btn:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.35)}.btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(99,102,241,.2)}.btn.light{background:var(--edu-hover);color:var(--edu-text);box-shadow:none;border:1px solid var(--edu-border)}.btn.light:hover{background:#eef2f7;box-shadow:var(--shadow-xs)}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:14px 12px;border-bottom:1px solid var(--edu-border)}.table th{font-weight:600;color:var(--edu-text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:var(--edu-hover);font-family:var(--font-body)}.table tbody tr{transition:background var(--duration-fast)}.table tbody tr:hover{background:var(--edu-hover)}.table tbody tr:last-child td{border-bottom:none}.alert{padding:14px 16px;border-radius:var(--radius-md);margin:16px 0;font-size:14px;font-weight:500}.alert.success{background:rgba(16,185,129,.1);color:#065f46;border:1px solid rgba(16,185,129,.2)}.alert.error{background:rgba(239,68,68,.1);color:#991b1b;border:1px solid rgba(239,68,68,.2)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:20px}.stat-card{background:var(--edu-surface);border:1px solid var(--edu-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-xs);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color);border-radius:3px 3px 0 0}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.form-row{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:10px;gap:10px}.form-group{grid-column:span 6;margin-bottom:16px}.form-group.full{grid-column:span 12}label{display:block;font-weight:600;margin-bottom:6px;font-size:14px;color:var(--edu-text)}input,select,textarea{width:100%;padding:10px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--edu-border);outline:none;background:#fff;font-family:var(--font-body);font-size:15px;color:var(--edu-text);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}input:focus,select:focus,textarea:focus{border-color:var(--edu-primary);box-shadow:0 0 0 3px var(--edu-primary-soft)}textarea{min-height:110px;resize:vertical}.login-wrapper{min-height:calc(100vh - 40px);display:flex;align-items:center;justify-content:center;padding:36px 18px}.login-card{max-width:420px;width:100%;padding:32px;border-radius:var(--radius-xl);background:var(--edu-surface);border:1px solid var(--edu-border);box-shadow:var(--shadow-md)}.login-card h2{text-align:center;margin-bottom:6px;font-size:24px;font-family:var(--font-display)}.login-card .muted{text-align:center;margin-bottom:20px}.input-with-icon{position:relative}.input-with-icon input{padding-right:42px}.input-with-icon .pw-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--edu-text-muted);border-radius:6px;transition:background var(--duration-fast)}.input-with-icon .pw-toggle:hover{background:var(--edu-hover)}.input-with-icon .pw-toggle:focus{outline:2px solid var(--edu-primary-soft)}.input-with-icon .pw-toggle svg{width:20px;height:20px;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.small{font-size:13px}.cards{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:16px;gap:16px}.subject-card{grid-column:span 4;cursor:pointer;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.subject-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.subject-card .meta{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:8px}.subject-card .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.copy-input{position:absolute;left:-9999px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:1020px){.subject-card{grid-column:span 6}}@media (max-width:820px){.col-4,.col-6,.col-8{grid-column:span 12}.stats-grid{grid-template-columns:1fr}}@media (max-width:640px){.form-group,.subject-card{grid-column:span 12}.container{padding:12px}.card{padding:16px}h2{font-size:20px}h3{font-size:16px}.login-card{padding:24px}}