@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{color:#0f172a;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;--blue:#1e3a8a;--cyan:#38bdf8;--slate:#64748b;--ink:#0f172a;--line:#1e3a8a1f;--ease:cubic-bezier(.25, 1, .5, 1);background:#f8fbff;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 0,#38bdf82e,#0000 34rem),radial-gradient(circle at 85% 12%,#1e3a8a1f,#0000 28rem),linear-gradient(#fff 0%,#f8fbff 48%,#eef7ff 100%);min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{width:min(1180px,100% - 40px);margin:0 auto;padding:28px 0 72px}.center-shell,.login-shell{place-items:center;min-height:100dvh;display:grid}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #ffffffbf;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:42px;padding:10px 12px 10px 18px;display:flex;position:sticky;top:18px;box-shadow:0 20px 60px #0f172a14}.topbar>div,.topbar nav{align-items:center;gap:12px;display:flex}.topbar strong{background:var(--blue);color:#fff;letter-spacing:.08em;border-radius:50%;place-items:center;width:42px;height:42px;font-size:.78rem;display:grid}.topbar span{color:var(--slate);font-size:.9rem}.language-switch{background:#eaf4ff;border-radius:999px;padding:4px;display:inline-flex}.language-switch button{color:#64748b;min-width:42px;transition:transform .35s var(--ease), background .35s var(--ease), color .35s var(--ease);background:0 0;border:0;border-radius:999px;padding:9px 12px;font-weight:700}.language-switch button.active{color:var(--blue);background:#fff;box-shadow:0 10px 24px #1e3a8a1f}.mode-pill,.status-pill{color:#0369a1;white-space:nowrap;background:#eef7ff;border-radius:999px;padding:9px 13px;font-size:.78rem;font-weight:800}.admin-pill{color:#047857;background:#ecfdf5}.ghost-button,.secondary-button,.primary-button{transition:transform .45s var(--ease), box-shadow .45s var(--ease), background .45s var(--ease);border:0}.ghost-button{color:var(--ink);background:#f8fafc;border-radius:999px;padding:11px 16px;font-weight:700}.primary-button,.secondary-button{background:var(--blue);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:14px;min-height:54px;padding:7px 8px 7px 22px;font-weight:800;display:inline-flex;box-shadow:0 18px 38px #1e3a8a40}.secondary-button{background:#0f172a;padding:14px 22px}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-2px)}.button-orb{background:#ffffff29;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.login-card,.hero-grid,.category-card,.admin-unlock,.metric-card,.progress-card{background:#ffffffdb;border:1px solid #ffffffd1;box-shadow:0 32px 90px #0f172a14}.login-card{border-radius:34px;width:min(560px,100%);padding:42px}.seal{color:#fff;letter-spacing:.08em;background:linear-gradient(135deg,#1e3a8a,#38bdf8);border-radius:22px;place-items:center;width:64px;height:64px;margin-bottom:24px;font-weight:800;display:grid}.eyebrow{color:#0369a1;letter-spacing:.2em;text-transform:uppercase;margin:0 0 12px;font-size:.72rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.07em;margin-bottom:18px;font-size:clamp(2.6rem,7vw,5.7rem);line-height:.93}h2{letter-spacing:-.04em;margin-bottom:12px;font-size:clamp(1.5rem,3vw,2.4rem)}h3{letter-spacing:-.02em;margin-bottom:8px;font-size:1.04rem}p{color:var(--slate);line-height:1.72}.login-form,.admin-form{gap:14px;margin-top:28px;display:grid}.login-form label{color:#475569;font-size:.86rem;font-weight:800}input{border:1px solid var(--line);width:100%;color:var(--ink);transition:border-color .35s var(--ease), box-shadow .35s var(--ease), background .35s var(--ease);background:#f8fbff;border-radius:18px;outline:none;padding:15px 16px}input:focus{background:#fff;border-color:#38bdf8e6;box-shadow:0 0 0 4px #38bdf826}.hero-grid{border-radius:38px;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;padding:18px;display:grid}.hero-copy,.progress-card{border-radius:28px;padding:clamp(28px,5vw,56px)}.hero-copy{background:linear-gradient(135deg,#fff,#eef7ff);min-height:420px}.hero-copy p{max-width:680px}.hero-meta{color:#64748b;box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:999px;flex-wrap:wrap;gap:8px 14px;margin-top:30px;padding:12px 16px;display:inline-flex}.hero-meta strong{color:var(--ink)}.progress-card{color:#fff;background:#0f172a;align-content:center;gap:28px;display:grid}.progress-card p{color:#cbd5e1}.progress-ring{--progress:0%;aspect-ratio:1;background:conic-gradient(#38bdf8 var(--progress), #ffffff21 0);border-radius:50%;place-items:center;width:min(240px,100%);margin:0 auto;display:grid;position:relative}.progress-ring:after{content:"";background:#0f172a;border-radius:50%;position:absolute;inset:14px}.progress-ring span{z-index:1;letter-spacing:-.06em;font-size:clamp(2.2rem,5vw,4rem);font-weight:800;position:relative}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;display:grid}.metric-card{border-radius:28px;min-height:132px;padding:24px}.metric-card span{color:#64748b;font-weight:700}.metric-card strong{color:var(--ink);letter-spacing:-.07em;margin-top:16px;font-size:2.7rem;line-height:1;display:block}.metric-completed strong{color:#047857}.metric-active strong{color:#0369a1}.metric-pending strong{color:#b45309}.admin-unlock{border-radius:30px;grid-template-columns:1fr minmax(280px,.75fr);align-items:center;gap:24px;margin:18px 0;padding:28px;display:grid}.message{border-radius:20px;margin:18px 0;padding:14px 18px;font-weight:700}.error-message{color:#be123c;background:#fff1f2}.info-message{color:#1d4ed8;background:#eff6ff}.category-stack{gap:18px;margin-top:18px;display:grid}.category-card{border-radius:34px;padding:8px;overflow:hidden}.category-head{background:linear-gradient(135deg,#fff,#f1f8ff);border-radius:28px;grid-template-columns:1fr 220px;align-items:end;gap:24px;padding:30px;display:grid}.category-accent{border-radius:99px;width:46px;height:5px;margin-bottom:18px;display:block}.mini-progress{background:#e2e8f0;border-radius:99px;height:12px;overflow:hidden}.mini-progress span{border-radius:inherit;height:100%;transition:width .7s var(--ease);display:block}.task-list{gap:8px;padding:8px 0 0;display:grid}.task-row{transition:transform .45s var(--ease), box-shadow .45s var(--ease), background .45s var(--ease);background:#fff;border-radius:26px;grid-template-columns:auto 1fr auto;align-items:start;gap:18px;padding:18px;display:grid;box-shadow:inset 0 0 0 1px #1e3a8a12}.task-row:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #38bdf859,0 18px 40px #0f172a0f}.check-button{color:#fff;width:34px;height:34px;transition:transform .35s var(--ease), background .35s var(--ease);background:#e2e8f0;border:0;border-radius:11px;place-items:center;font-weight:900;display:grid}.check-button:not(:disabled):hover{transform:scale(1.07)}.status-completed .check-button{background:#10b981}.status-in_progress .check-button{background:#38bdf8}.status-pending .status-pill{color:#b45309;background:#fffbeb}.status-in_progress .status-pill{color:#0369a1;background:#e0f2fe}.status-completed .status-pill{color:#047857;background:#ecfdf5}.task-body p{max-width:760px;margin-bottom:12px}.task-meta-row{flex-wrap:wrap;gap:8px;display:flex}.task-meta-row span{color:#64748b;background:#f8fafc;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:700}.loader-card{color:#fff;letter-spacing:.1em;width:92px;height:92px;animation:pulse 1.4s var(--ease) infinite alternate;background:#1e3a8a;border-radius:30px;place-items:center;font-weight:900;display:grid}.reveal-card{animation:reveal .8s var(--ease) both}@keyframes reveal{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:translateY(0)scale(1)}to{transform:translateY(-8px)scale(1.03)}}@media (width<=920px){.app-shell{width:min(100% - 24px,1180px);padding-top:14px}.topbar,.topbar nav{border-radius:28px;align-items:stretch}.topbar{flex-direction:column;position:static}.topbar nav,.hero-grid,.metrics-grid,.admin-unlock,.category-head{grid-template-columns:1fr}.topbar nav,.hero-grid{display:grid}.hero-copy{min-height:auto}.metrics-grid{display:grid}}@media (width<=640px){.login-card,.hero-copy,.progress-card,.admin-unlock,.category-head{padding:24px}.task-row{grid-template-columns:auto 1fr}.task-row .status-pill{grid-column:2;justify-self:start}}