:root{--bg:#090d17;--panel:#121a2a;--line:#2a3752;--text:#eef3ff;--muted:#9fafcd;--gold:#d4af37;--gold-soft:#f2dfa7;--green:#57d98d;--orange:#f2b44c;--red:#f07171}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(900px 500px at 10% -10%,#d4af372e,#0000 62%),radial-gradient(700px 380px at 90% -15%,#6ca1ff24,#0000 60%),linear-gradient(#070b14 0%,#0d1422 100%);margin:0;font-family:Manrope,system-ui,sans-serif}a{color:var(--gold-soft)}.page{gap:16px;max-width:1480px;margin:0 auto;padding:20px;display:grid}.loading{min-height:60vh;color:var(--muted);place-items:center;display:grid}.card{border:1px solid var(--line);background:linear-gradient(#131b2cf2,#0e1523f2);border-radius:14px;box-shadow:0 16px 44px #00000052}.hero{grid-template-columns:1.4fr 1fr;gap:16px;padding:18px;display:grid}.hero h1{margin:0 0 8px;font-size:1.8rem}.hero p{color:var(--muted);margin:0}.chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chips span{border:1px solid var(--line);color:var(--gold-soft);background:#17233a;border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:700}.accountBox .status{color:var(--gold-soft);margin-bottom:10px;font-weight:700}.row{flex-wrap:wrap;gap:8px;display:flex}.btn{color:#13110a;cursor:pointer;background:linear-gradient(135deg,#e0c474,#c79e37);border:none;border-radius:9px;padding:9px 12px;font-weight:800}.btn.ghost{color:#d9e6ff;background:#23314d;border:1px solid #354864}.btn.danger{color:#2b0808;background:linear-gradient(135deg,#f38f8f,#e36464)}.btn:disabled{opacity:.5;cursor:not-allowed}.fileBtn input{display:none}.stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.stats.difficulty{grid-template-columns:repeat(3,minmax(0,1fr))}.workspaceGrid{grid-template-columns:1.1fr 1.5fr 1fr;gap:10px;display:grid}.profileCard,.queueCard,.leaderboardCard{padding:12px}.profileCard h3,.queueCard h3,.leaderboardCard h3{margin:0}.profileCard p{color:var(--muted);word-break:break-word;margin:6px 0 10px}.profileStats{gap:7px;margin-bottom:10px;display:grid}.profileStats span,.workspaceStats span,.sectionTitle span{color:#d9e6ff;background:#101a2d;border:1px solid #2d3d5a;border-radius:999px;padding:5px 8px;font-size:.76rem;font-weight:700}.toggleRow{color:var(--muted);align-items:center;gap:8px;font-size:.86rem;display:flex}.sectionTitle{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.queueList,.leaderRows{gap:7px;display:grid}.queueItem,.leaderRow{width:100%;color:var(--text);text-align:left;background:#101a2d;border:1px solid #30415e;border-radius:10px;padding:8px}.queueItem{cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.queueItem span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queueItem small,.leaderRow small,.emptyText{color:var(--muted)}.leaderRow{grid-template-columns:42px 1fr auto;align-items:center;gap:8px;display:grid}.stat{padding:12px}.stat h3{color:var(--muted);letter-spacing:.6px;margin:0;font-size:.78rem}.stat div{margin-top:6px;font-size:1.45rem;font-weight:800}.stat small{color:var(--muted)}.bar{background:#1a253d;border-radius:999px;height:8px;margin-top:7px;overflow:hidden}.bar span{background:linear-gradient(90deg,#d4af37,#f3df9d);height:100%;display:block}.stat.easy{border-left:3px solid var(--green)}.stat.medium{border-left:3px solid var(--orange)}.stat.hard{border-left:3px solid var(--red)}.chartCard{padding:12px}.chartCard h3{margin:0 0 10px}.topicChart{gap:8px;display:grid}.topicRow{grid-template-columns:180px 1fr 70px;align-items:center;gap:10px;display:grid}.topicName,.topicVal{color:var(--muted);font-size:.84rem}.topicBar{background:#1c2943;border-radius:999px;height:10px;overflow:hidden}.topicBar span{background:linear-gradient(90deg,#d4af37,#f3df9d);height:100%;display:block}.layoutGrid{grid-template-columns:1.35fr 1fr;gap:12px;display:grid}.listPanel,.detailPanel{padding:12px}.filters{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.filters select,.filters input{width:100%;color:var(--text);background:#0e1729;border:1px solid #334664;border-radius:9px;padding:9px}.iterHead{color:var(--gold-soft);border:1px solid #2c3a55;border-radius:10px;margin:8px 0;padding:8px 10px;font-weight:700}.problemGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:9px;display:grid}.problem{cursor:pointer;background:#121d31;border:1px solid #324362;border-radius:11px;padding:10px}.problem.selected{outline:1px solid var(--gold)}.problem h4{margin:0 0 8px;font-size:.92rem}.problem .meta{color:var(--muted);margin-bottom:7px;font-size:.78rem}.actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.actions button{color:#d8e5ff;cursor:pointer;background:#0d1524;border:1px solid #32445f;border-radius:8px;padding:6px;font-size:.78rem;font-weight:700}.actions button.active{border-color:var(--gold);color:var(--gold-soft);background:#2b250f}.detailPanel{max-height:calc(100vh - 24px);position:sticky;top:12px;overflow:auto}.detailHeader{grid-template-columns:1fr auto;align-items:start;gap:12px;display:grid}.bookmarkBtn{color:#d9e6ff;cursor:pointer;background:#23314d;border:1px solid #354864;border-radius:999px;padding:8px 10px;font-weight:800}.bookmarkBtn.active{border-color:var(--gold);color:var(--gold-soft);background:#2b250f}.detailPanel h3,.detailPanel h4,.detailPanel h5{margin:0 0 8px}.detailMeta{color:var(--muted);margin-bottom:10px;font-size:.84rem}.detailPanel section{margin-top:10px}.workspaceStats{flex-wrap:wrap;gap:7px;margin:10px 0 4px;display:flex}.editorSection textarea{resize:vertical;color:#dce8ff;width:100%;min-height:132px;font:inherit;background:#0b1221;border:1px solid #2f3f5a;border-radius:9px;padding:10px;line-height:1.45}.editorSection .codeEditor{min-height:220px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem}.editorSection select{color:var(--text);background:#0e1729;border:1px solid #334664;border-radius:9px;padding:7px 9px}.revisionButtons{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.detailPanel pre{white-space:pre-wrap;color:#dce8ff;background:#0b1221;border:1px solid #2f3f5a;border-radius:9px;max-height:240px;margin:0;padding:9px;font-size:.78rem;line-height:1.45;overflow:auto}.error{color:#ff9a9a;min-height:18px;font-size:.82rem}.adminShell{justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.adminShell h1,.adminShell p,.adminPanel h3,.adminPanel p{margin:0}.adminShell p,.adminPanel p{color:var(--muted)}.adminGrid{grid-template-columns:1.4fr 1fr .8fr;gap:12px;display:grid}.adminGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.adminPanel{gap:10px;padding:12px;display:grid}.adminPanel input,.adminPanel select,.adminPanel textarea{width:100%;color:var(--text);background:#0e1729;border:1px solid #334664;border-radius:9px;padding:9px}.adminPanel textarea{resize:vertical;min-height:130px;line-height:1.45}.adminPanel .codeEditor{min-height:240px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.adminMessage{color:var(--gold-soft);font-weight:700}.adminTable{gap:7px;max-height:420px;display:grid;overflow:auto}.adminTable div{background:#101a2d;border:1px solid #30415e;border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px;display:grid}.adminTable span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.adminTable small{color:var(--muted)}@media (max-width:1200px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.workspaceGrid,.hero,.layoutGrid,.adminGrid,.adminGrid.two{grid-template-columns:1fr}.detailPanel{max-height:none;position:static}}@media (max-width:760px){.page{padding:12px}.stats,.stats.difficulty,.filters,.topicRow,.queueItem,.leaderRow,.detailHeader,.adminShell,.adminTable div{grid-template-columns:1fr}.adminShell{display:grid}}.loaderPage{background:radial-gradient(900px 500px at 10% -10%,#d4af372e,#0000 62%),radial-gradient(700px 380px at 90% -15%,#6ca1ff24,#0000 60%),linear-gradient(#070b14 0%,#0d1422 100%);place-items:center;min-height:100vh;padding:20px;display:grid}.loaderContainer{place-items:center;width:100%;max-width:500px;display:grid}.loaderGlass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#131b2cd9,#0e1523d9);border:1px solid #d4af3733;border-radius:20px;flex-direction:column;gap:32px;width:100%;padding:48px 40px;animation:.6s ease-out slideUp;display:flex;box-shadow:0 8px 32px #0000004d,inset 0 1px 1px #ffffff0d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logoSpinner{flex-direction:column;align-items:center;gap:20px;display:flex;position:relative}.spinner{width:120px;height:120px;animation:2.5s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinnerCircle{transform-origin:50%;animation:1.5s ease-in-out infinite dash}@keyframes dash{0%{stroke-dashoffset:282px}50%{stroke-dashoffset:70px}to{stroke-dashoffset:282px}}.loaderText{background:linear-gradient(135deg,gold,#ffed4e);-webkit-text-fill-color:transparent;text-align:center;letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700}.loadingSteps{flex-direction:column;gap:12px;display:flex}.step{color:var(--muted);opacity:0;align-items:center;gap:10px;font-size:.95rem;animation:.5s ease-out forwards fadeInStagger;display:flex}.step:first-child{animation-delay:.1s}.step:nth-child(2){animation-delay:.3s}.step:nth-child(3){animation-delay:.5s}.step:nth-child(4){animation-delay:.7s}@keyframes fadeInStagger{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.dot{background:var(--gold);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse;display:inline-block}.step:first-child .dot{animation-delay:0s}.step:nth-child(2) .dot{animation-delay:.3s}.step:nth-child(3) .dot{animation-delay:.6s}.step:nth-child(4) .dot{animation-delay:.9s}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.progressBar{background:#ffffff1a;border-radius:2px;width:100%;height:4px;overflow:hidden;box-shadow:inset 0 1px 2px #0000004d}.progressFill{background:linear-gradient(90deg, var(--gold), var(--gold-soft), var(--gold));border-radius:2px;width:0%;height:100%;animation:2.2s ease-in-out infinite progressFill;box-shadow:0 0 12px #d4af3799}@keyframes progressFill{0%{width:0%}50%{width:80%}to{width:100%}}.loaderSubtext{color:var(--muted);text-align:center;letter-spacing:.3px;margin:0;font-size:.85rem;font-weight:500}