:root{--bg-main:#e6eeea;--bg-sidebar:#fff;--bg-card:linear-gradient(180deg, #fff 0%, #f4f8f6 100%);--bg-input:#fff;--text-main:#0c3b2c;--text-main-light:#0c3b2c99;--text-muted:#42554e;--text-error:#f97316;--text-error-80:#ff9000cc;--text-error-30:#ff90004d;--text-error-05:#ff90000d;--row-line:#879e9540;--border-color:#d1ded8;--accent-primary:#10b981;--accent-glow:#10b98138;--logo-glow:#10b981;--logo-icon-bg:#16b87f;--logo-icon-shadow:drop-shadow(0 0 10px #10b981) drop-shadow(0 0 25px #10b981cc) drop-shadow(0 0 45px #10b98166);--logo-text-shadow:0 0 10px #10b981b3, 0 0 25px #10b98180, 0 0 45px #10b9814d;--accent-badge-bg:linear-gradient(135deg, #03664a 0%, #013e2d 100%);--accent-badge-text:#0fa;--btn-bg:#10b98126;--btn-border-color:#03664a;--btn-border-width:1px;--btn-text-color:#0c3b2c;--btn-hover-bg:#10b98140;--btn-hover-border-color:#03664a;--btn-shadow-base:0 0 10px #10b98133, inset 0 0 10px #10b98133;--btn-shadow-hover:0 0 20px #10b98180;--btn-glare:none;--glass-blur:0px;--card-shadow:0 16px 36px -6px #081a140f, 0 4px 12px -2px #10b98108;--nav-hover-bg:#0c3b2c0d;--error-primary:#f97316;--error-glow:#f9731626;--bg-solved-card:linear-gradient(180deg, #f0fdf4 0%, #e6f4ea 100%);--border-solved:#0478574d;--border-solved-hover:#047857;--text-solved-title:#022c22;--text-solved-accent:#047857;--shadow-solved:0 4px 14px #0478570d, inset 0 1px 0 #fff;--shadow-solved-hover:0 8px 24px #04785726;--activity-bank:#03664a;--activity-sprint:var(--accent-primary);--activity-bank-bg:#2f6fed1f;--activity-sprint-bg:var(--accent-glow);--activity-variant:#a855f7;--activity-video:#ec4899;--activity-empty:var(--border-color);--activity-text-on-fill:#fff}[data-theme=dark]{--bg-main:#161a23;--bg-sidebar:linear-gradient(180deg, #1e242d 0%, #161a23 100%);--bg-card:#1e242dd9;--bg-input:#0f172a99;--text-main:#fff;--text-main-light:#ffffff80;--text-muted:#94a3b8;--text-error:#f97316;--row-line:#94a3b840;--border-color:#ffffff1a;--accent-badge-bg:linear-gradient(135deg, #1e1b4b 0%, #0b0f19 100%);--accent-badge-text:#6366f1;--glass-card-bg:linear-gradient(180deg, #ffffff0d 0%, #ffffff03 100%);--glass-card-hover:linear-gradient(180deg, #ffffff14 0%, #ffffff05 100%);--glass-card-border:#ffffff14;--accent-primary:#5d5fef;--accent-glow:#5d5fef66;--logo-glow:#5d5fef;--logo-icon-bg:#5d5fef;--logo-icon-shadow:drop-shadow(0 0 8px #5d5fef) drop-shadow(0 0 20px #5d5fef99);--logo-text-shadow:0 0 6px #5d5fef, 0 0 15px #5d5fef99, 0 0 30px #5d5fef66;--btn-bg:#5d5fef26;--btn-border-color:#5d5fef;--btn-border-width:1px;--btn-text-color:#fff;--btn-hover-bg:#5d5fef40;--btn-hover-border-color:#5d5fef;--btn-shadow-base:0 0 10px #5d5fef33, inset 0 0 10px #5d5fef33;--btn-shadow-hover:0 0 20px #5d5fef80;--btn-glare:none;--glass-blur:12px;--card-shadow:0 20px 40px #0006;--nav-hover-bg:#ffffff0d;--error-primary:#f97316;--error-glow:#f9731626;--bg-solved-card:#6366f114;--border-solved:#6366f166;--border-solved-hover:var(--accent-primary);--text-solved-title:#fff;--text-solved-accent:#818cf8;--shadow-solved:0 4px 20px #6366f126, inset 0 1px 0px #ffffff0d;--shadow-solved-hover:0 8px 24px #6366f14d, 0 4px 12px #0006;--activity-bank:#372f9e;--activity-sprint:var(--accent-primary);--activity-bank-bg:#5b9dff26;--activity-sprint-bg:var(--accent-glow);--activity-variant:#c084fc;--activity-video:#f472b6;--activity-empty:var(--border-color);--activity-text-on-fill:#fff}html,body{box-sizing:border-box;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100vh;margin:0;padding:0}*,:before,:after{box-sizing:inherit}input:focus,select:focus,textarea:focus,button:focus{outline:none}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}input,select,textarea,button{font-family:inherit;font-size:inherit;color:inherit;box-sizing:border-box;appearance:none;background:0 0;border:none;margin:0;padding:0}button{cursor:pointer}.layout-wrapper{background-color:var(--bg-main);grid-template-columns:260px 1fr;width:100%;min-height:100vh;display:grid}.main-content{box-sizing:border-box;flex-direction:column;width:100%;min-height:100vh;padding:40px;display:flex}@media (max-width:1024px){.layout-wrapper{grid-template-columns:1fr;padding-top:68px}.main-content{padding:28px 16px}}@media (max-width:480px){.main-content{padding:20px 12px}}