/* EduCorner Premium 2026 — shared design tokens, public + admin */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--ec-primary:#6366f1;--ec-sky:#38bdf8;--ec-purple:#a78bfa;--ec-success:#10b981;--ec-warning:#f59e0b;--ec-danger:#f43f5e;--ec-bg:#f8fafc;--ec-surface:#fff;--ec-text:#0f172a;--ec-muted:#64748b;--ec-line:#e2e8f0;--ec-shadow:0 12px 36px rgba(30,41,59,.055);--ec-radius:18px;color-scheme:light}
html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif!important;color:var(--ec-text);background:var(--ec-bg)}body,button,input,select,textarea{font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif}button,a,input,select,textarea{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #818cf8!important;outline-offset:3px}button:not(:disabled){cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.btn{border-radius:12px!important;font-weight:700!important}.btn:not(:disabled):hover{transform:translateY(-2px)}.card,.panel,.stat,.loginbox,.benefit-grid article,.mock-window{border-radius:var(--ec-radius)!important;border:1px solid var(--ec-line)!important;box-shadow:var(--ec-shadow)!important}.card:hover,.ec-hub-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(51,65,85,.11)!important}input:not([type=checkbox]),select,textarea{border-radius:11px!important;min-height:44px}input:focus,select:focus,textarea:focus{border-color:var(--ec-primary)!important;box-shadow:0 0 0 3px rgba(99,102,241,.13)!important}label{font-weight:600}.top{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--ec-line);z-index:100}.top nav a{font-weight:650}.top nav a:hover{color:var(--ec-primary)}.hero{background:radial-gradient(circle at 83% 16%,#e0e7ff 0,transparent 38%),radial-gradient(circle at 8% 90%,#e0f2fe 0,transparent 34%),var(--ec-bg)}.section{scroll-margin-top:100px}.ec-app-hub{max-width:1240px;margin:auto;padding:65px 24px}.ec-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}.ec-hub-card{display:flex;position:relative;flex-direction:column;gap:11px;padding:25px;text-decoration:none!important;color:var(--ec-text)!important;background:var(--ec-surface);border:1px solid var(--ec-line);border-radius:20px;box-shadow:var(--ec-shadow);min-height:180px}.ec-hub-card strong{font-size:17px}.ec-hub-card small{font-size:12px;color:var(--ec-muted)}.ec-hub-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#eef2ff;color:#6366f1}.ec-hub-icon svg{width:26px;height:26px}.ec-hub-arrow{position:absolute;right:21px;top:25px;color:var(--ec-primary)}.ec-hub-arrow svg{width:20px;height:20px}.adminbody{background:var(--ec-bg)!important}.sidebar{background:var(--ec-surface)!important;border-right:1px solid var(--ec-line)!important;box-shadow:none!important}.sidebar .sideitem{border-radius:12px!important;margin:3px 9px!important;min-height:43px;display:flex;align-items:center;gap:12px}.sidebar .sideitem.active{background:#eef2ff!important;color:#4f46e5!important;font-weight:700!important}.sidebar .sideitem svg{width:19px;height:19px;flex-shrink:0}.workhead{position:sticky;top:0;z-index:20;background:rgba(248,250,252,.94)!important;backdrop-filter:blur(15px);border-bottom:1px solid var(--ec-line);padding-top:13px;padding-bottom:13px}.workhead h2{letter-spacing:-.035em}.ec-top-actions{display:flex;align-items:center;gap:9px}.ec-icon-btn{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--ec-line);border-radius:12px;background:var(--ec-surface);color:var(--ec-text)}.ec-icon-btn svg{width:20px;height:20px}.ec-icon-btn:hover{background:#eef2ff;color:var(--ec-primary)}.ec-icon-btn.is-loading svg{animation:ec-spin 1s linear infinite}@keyframes ec-spin{to{transform:rotate(360deg)}}.statgrid.ec-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.statgrid.ec-stats .stat{background:#fff!important;min-height:124px}.statgrid.ec-stats .stat:nth-child(6n+1){background:#eff6ff!important}.statgrid.ec-stats .stat:nth-child(6n+2){background:#f0fdf4!important}.statgrid.ec-stats .stat:nth-child(6n+3){background:#f5f3ff!important}.statgrid.ec-stats .stat:nth-child(6n+4){background:#fff7ed!important}.statgrid.ec-stats .stat:nth-child(6n+5){background:#ecfeff!important}.statgrid.ec-stats .stat:nth-child(6n+6){background:#fff1f2!important}.statgrid.ec-stats .stat b{font-variant-numeric:tabular-nums}.tablewrap{overflow-x:auto;max-width:100%}table{border-collapse:separate;border-spacing:0;width:100%}th{background:#f1f5f9!important;color:#475569!important;font-size:12px;font-weight:800;text-align:left}td,th{padding:13px 14px!important;border-bottom:1px solid var(--ec-line)}tbody tr:hover{background:#f8fafc}.password-field{position:relative}.password-field input{padding-right:85px!important}.password-toggle{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;min-height:34px!important;border-radius:9px!important}.ec-sidebar-backdrop{display:none}.loginwrap{background:radial-gradient(circle at 15% 20%,#e0e7ff,transparent 35%),radial-gradient(circle at 85% 80%,#e0f2fe,transparent 40%),#f8fafc!important}
@media(max-width:1000px){.ec-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.statgrid.ec-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:899px){body.ec-sidebar-open .sidebar{transform:translateX(0)!important;visibility:visible!important;z-index:1002!important}body.ec-sidebar-open .ec-sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.4);z-index:1001;border:0;width:100%;height:100%}.ec-top-actions .pill{display:none}}@media(max-width:640px){.ec-hub-grid{grid-template-columns:1fr}.ec-hub-card{min-height:140px;padding:19px}.statgrid.ec-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.statgrid.ec-stats .stat{min-height:112px;padding:14px!important}.ec-top-actions{gap:5px}.ec-icon-btn{width:37px;height:37px}.ec-app-hub{padding:40px 18px}.top{padding-inline:16px!important}.work{min-width:0}.workhead{gap:8px}}
:root[data-theme=dark]{color-scheme:dark;--ec-bg:#0b1220;--ec-surface:#151f32;--ec-text:#f1f5f9;--ec-muted:#a3b2c7;--ec-line:#2b3b52;--ec-shadow:0 12px 36px rgba(0,0,0,.15)}:root[data-theme=dark] body,:root[data-theme=dark] .adminbody{background:var(--ec-bg)!important;color:var(--ec-text)}:root[data-theme=dark] .sidebar,:root[data-theme=dark] .top,:root[data-theme=dark] .workhead,:root[data-theme=dark] .panel,:root[data-theme=dark] .card,:root[data-theme=dark] .ec-hub-card,:root[data-theme=dark] .loginbox{background:var(--ec-surface)!important;color:var(--ec-text)!important}:root[data-theme=dark] .statgrid.ec-stats .stat{background:#1e293b!important;color:#f8fafc!important}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:#0f172a!important;color:#f8fafc!important}:root[data-theme=dark] th{background:#1e293b!important;color:#cbd5e1!important}:root[data-theme=dark] tbody tr:hover{background:#1e293b!important}:root[data-theme=dark] .hero,:root[data-theme=dark] .loginwrap{background:#0b1220!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}