:root{--accent:#D8D9DF;--glass:.45;--blur:18px;--dim:.35;--ink:#ececf0}*{box-sizing:border-box}html[data-bg=aurora]{--c1:#3b4a6b;--c2:#2d5a58;--c3:#4a3b6b}html[data-bg=dusk]{--c1:#6b3b4a;--c2:#6b5a3b;--c3:#3b3b6b}html[data-bg=forest]{--c1:#2d5a3f;--c2:#3b5a6b;--c3:#4a5a2d}html[data-bg=mono]{--c1:#4a4b52;--c2:#33343a;--c3:#5a5b63}body{margin:0;min-height:100vh;color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif;background:#121316}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(55% 45% at 85% 10%,var(--c1),transparent 70%),radial-gradient(50% 50% at 10% 90%,var(--c2),transparent 70%),radial-gradient(45% 40% at 50% 50%,var(--c3),transparent 75%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#0b0b0e;opacity:var(--dim)}.glass{background:rgba(34,36,44,var(--glass));backdrop-filter:blur(var(--blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--blur)) saturate(140%);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);box-shadow:0 8px 30px #00000040;border-radius:24px}.center{min-height:100vh;display:grid;place-items:center;padding:16px}.auth{width:min(400px,100%);padding:30px;display:grid;gap:12px;text-align:center}.auth h1{margin:0 0 6px;font-size:1.5rem}.logo{font-size:2.4rem;color:var(--accent)}input:not([type=range]):not([type=color]){background:#00000059;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:12px;padding:12px;color:inherit;font:inherit}input:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{background:var(--accent);color:#14151a;border:0;border-radius:12px;padding:11px 18px;font:inherit;font-weight:600;cursor:pointer;transition:filter .25s}button:hover{filter:brightness(1.12)}button:disabled{opacity:.5}.ghost{background:transparent;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);padding:7px 14px}.err{color:#ff9b9b;margin:0}.lnk{color:var(--accent);font-size:.9rem}.status{opacity:.7;margin:0}.layout{display:flex;min-height:100vh;gap:16px;padding:14px}.side{width:250px;flex:none;padding:14px 10px;display:flex;flex-direction:column;gap:4px;position:sticky;top:14px;height:calc(100vh - 28px);overflow-y:auto;transition:width .25s}.brand{display:flex;align-items:center;gap:10px;padding:6px 12px 14px;font-size:1.05rem}.brand span{font-size:1.5rem;color:var(--accent)}.item{position:relative;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;color:var(--ink);text-decoration:none;opacity:.75;transition:background .2s,opacity .2s}.item:hover{opacity:1;background:#ffffff0f}.item.active{opacity:1;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.colbtn{margin-top:auto}.burger,.scrim{display:none}.main{flex:1;min-width:0;display:grid;align-content:start;gap:16px}.bar{display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:16px;position:sticky;top:14px;z-index:5}.mail{margin-inline-start:auto;opacity:.6;font-size:.85rem;overflow:hidden;text-overflow:ellipsis}.content{max-width:980px;width:100%}.stack{display:grid;gap:18px}.hero h1{font-size:clamp(1.6rem,4.6vw,2.4rem);font-weight:800;margin:6px 0 0}.date{opacity:.65;margin:0}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{padding:22px}.card h1{margin:0 0 8px;font-size:1.5rem}.card h2{margin:0 0 12px;font-size:1.05rem}.page p{margin:0 0 10px;opacity:.85}.row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.08)}.row small{opacity:.6}.panel{display:grid;gap:12px}.panel h3{margin:0;font-size:.9rem;opacity:.7}.sw{display:flex;gap:10px;align-items:center}.dot{width:30px;height:30px;padding:0;border-radius:50%;border:2px solid transparent}.dot.on{border-color:#fff}input[type=color]{width:34px;height:30px;border:0;background:none;padding:0}.bgs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bgb{background:#222;color:#fff;border:2px solid transparent;padding:14px 4px;font-size:.8rem}.bgb[data-p=aurora]{background:linear-gradient(135deg,#3b4a6b,#2d5a58)}.bgb[data-p=dusk]{background:linear-gradient(135deg,#6b3b4a,#6b5a3b)}.bgb[data-p=forest]{background:linear-gradient(135deg,#2d5a3f,#3b5a6b)}.bgb[data-p=mono]{background:linear-gradient(135deg,#4a4b52,#33343a)}.bgb.on{border-color:var(--accent)}.sl{display:grid;gap:4px;font-size:.9rem}.sl input{accent-color:var(--accent)}@media (min-width:801px){.collapsed .side{width:76px}.collapsed .lbl{display:none}.collapsed .item,.collapsed .brand{justify-content:center;padding-inline:0}.collapsed .item:hover:after,.collapsed .item:focus-visible:after{content:attr(data-tip);position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;background:#1c1d22;color:var(--ink);padding:6px 12px;border-radius:10px;font-size:.85rem;z-index:20}}@media (max-width:800px){.layout{padding:10px;gap:0}.burger{display:inline-block}.colbtn{display:none}.side{position:fixed;top:0;bottom:0;right:0;height:auto;width:min(290px,84vw);border-radius:24px 0 0 24px;z-index:30;transform:translate(105%);transition:transform .25s}.open .side{transform:none}.open .scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:25}.bar{top:10px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}