@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:var(--font);font-size:var(--base-font-size);color:var(--text-dark);background:var(--content-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--mid-blue);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font);cursor:pointer}:focus-visible{outline:2px solid var(--mid-blue);outline-offset:2px}:focus:not(:focus-visible){outline:none}.skip-to-content{position:absolute;top:-100px;left:8px;background:var(--mid-blue);color:#fff;padding:8px 16px;border-radius:var(--radius-btn);font-size:13px;font-weight:600;z-index:9999;transition:top .1s}.skip-to-content:focus{top:8px}:root{--font:"Poppins","Segoe UI",system-ui,sans-serif;--radius-card:8px;--radius-btn:8px;--shadow-card:0 1px 3px rgba(15,35,55,.06);--shadow-hover:0 4px 12px rgba(0,0,0,.1);--shadow-modal:0 20px 60px rgba(0,0,0,.22),0 4px 16px rgba(0,0,0,.1);--sidebar-width:260px;--topbar-height:60px;--content-padding:32px;--base-font-size:16px}:root,[data-theme=clean]{--primary:#417d91;--dark-blue:#2c4d60;--mid-blue:#417d91;--teal:#5ba4a4;--coral:#e89578;--slate:#6b7a99;--light-blue:#c8dfe6;--sidebar-bg:#2c4d60;--sidebar-hover:#3a6278;--sidebar-active:#417d91;--content-bg:#f0f3f5;--card-bg:#fff;--text-dark:#1a2b35;--text-mid:#4a5a68;--text-light:#5e6e8a;--border:#d8e0e5;--success:#38a169;--warning:#d97706;--error:#c0392b;--text-accessible:#1a2b35}[data-theme=challenge]{--primary:#c0533a;--dark-blue:#5c2017;--mid-blue:#c0533a;--teal:#d97b5a;--coral:#e8a478;--slate:#8a5a50;--light-blue:#f5d5c0;--sidebar-bg:#5c2017;--sidebar-hover:#7a2e20;--sidebar-active:#c0533a;--content-bg:#fdf5f2;--card-bg:#fff;--text-dark:#2a1209;--text-mid:#5a3020;--text-light:#8a5040;--border:#f0d5c8;--success:#38a169;--warning:#d97706;--error:#c0392b;--text-accessible:#2a1209}[data-theme=in-memory]{--primary:#3a5f8a;--dark-blue:#1a2f4a;--mid-blue:#3a5f8a;--teal:#5a84aa;--coral:#7898b8;--slate:#5a6e8a;--light-blue:#c8d8e8;--sidebar-bg:#1a2f4a;--sidebar-hover:#243d5e;--sidebar-active:#3a5f8a;--content-bg:#eef2f7;--card-bg:#fff;--text-dark:#0d1e2e;--text-mid:#2a4060;--text-light:#4a6080;--border:#c5d8e8;--success:#38a169;--warning:#d97706;--error:#c0392b;--text-accessible:#0d1e2e}[data-theme=volunteer]{--primary:#2d5a8e;--dark-blue:#1a3550;--mid-blue:#2d5a8e;--teal:#3d7aae;--coral:#6a9ac8;--slate:#4a6a8a;--light-blue:#c5d5e5;--sidebar-bg:#1a3550;--sidebar-hover:#25476a;--sidebar-active:#2d5a8e;--content-bg:#f0f4f8;--card-bg:#fff;--text-dark:#0d1e2e;--text-mid:#2a4060;--text-light:#4a6080;--border:#c5d5e5;--success:#38a169;--warning:#d97706;--error:#c0392b;--text-accessible:#0d1e2e}[data-theme=accessible]{--primary:#005a9c;--dark-blue:#036;--mid-blue:#005a9c;--teal:#006b8a;--coral:#c84b00;--slate:#4a4a4a;--light-blue:#cce0ff;--sidebar-bg:#036;--sidebar-hover:#048;--sidebar-active:#005a9c;--content-bg:#fff;--card-bg:#fff;--text-dark:#000;--text-mid:#000;--text-light:#4a4a4a;--border:#000;--success:#070;--warning:#960;--error:#c00;--text-accessible:#000}[data-ga-a11y=dark]{--content-bg:#0d0d0d;--card-bg:#171717;--text-dark:#fff;--text-mid:#f2f2f2;--text-light:#d8d8d8;--border:#767676;--mid-blue:#7cc7ff;--teal:#7ce0d2}[data-ga-a11y=light-hc]{--content-bg:#fff;--card-bg:#fff;--text-dark:#000;--text-mid:#111;--text-light:#333;--border:#000;--mid-blue:#0040aa;--teal:#006060}[data-theme=accessible] :focus-visible{outline:3px solid var(--mid-blue);outline-offset:2px}.sidebar-texture-layer{position:absolute;inset:0;pointer-events:none}[data-theme=challenge] .sidebar-texture-layer{background-image:repeating-linear-gradient(-45deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.04) 1px,transparent 0,transparent 8px)}[data-theme=in-memory] .sidebar-texture-layer{background-image:repeating-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 14px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 15px);background-size:20px 20px}[data-theme=volunteer] .sidebar-texture-layer{background-image:radial-gradient(circle,hsla(0,0%,100%,.08) 1px,transparent 0);background-size:16px 16px}button,input,select,textarea{font:inherit}@media (max-width:1180px){:root{--sidebar-width:232px;--content-padding:24px}}@media (max-width:900px){#app-shell{min-width:900px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--slate)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}