:root{--bg:#f6f6fb;--card:#fff;--ink:#24233a;--muted:#74738a;--primary:#6558d9;--primary2:#8278ea;--good:#23845b;--goodbg:#e9f8f1;--warn:#a55b18;--warnbg:#fff2df;--danger:#b4414e;--line:#e8e7f0;--shadow:0 8px 30px #37315f12;font-family:Inter,ui-rounded,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg);min-height:100vh}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;padding:.72rem 1rem;font-weight:650;cursor:pointer}button:active{transform:translateY(1px)}button.primary,.primary{background:var(--primary);border-color:var(--primary);color:#fff}.warn{color:var(--warn);background:var(--warnbg)}input,select,textarea{width:100%;border:1px solid #dcdbe8;border-radius:11px;background:#fff;padding:.78rem;color:var(--ink)}textarea{min-height:88px;resize:vertical}label{display:grid;gap:.42rem;color:#55536a;font-weight:600;margin:.8rem 0}.check{display:flex;align-items:center}.check input,.checks input{width:auto}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 10%,#e9e5ff,transparent 40%)}.login-card{width:min(100%,390px);background:#fff;border-radius:28px;padding:34px;box-shadow:var(--shadow);text-align:center}.login-card h1{margin:.3rem}.login-card p{color:var(--muted)}.login-card input,.login-card button{margin-top:12px}.buddy{font-size:3.5rem}header{height:72px;position:sticky;top:0;z-index:10;background:#ffffffed;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 max(18px,calc((100vw - 1100px)/2))}header>div{display:grid;grid-template-columns:auto auto;align-items:center;gap:0 8px;min-width:140px}header strong{font-size:1.2rem}header small{grid-column:1/3;color:var(--muted)}header select{width:auto;max-width:230px;margin-left:auto}.dot{width:8px;height:8px;background:#aaa;border-radius:50%}.dot.online{background:#30ae78;box-shadow:0 0 0 4px #30ae7820}.icon{white-space:nowrap}main{max-width:1100px;margin:auto;padding:28px 22px 110px}.view{display:none}.view.active{display:block}.view>h1,.title-row h1{margin:.2rem 0}.view>p,.title-row p{margin:.2rem 0 1.5rem;color:var(--muted)}.calm{display:flex;align-items:center;gap:14px;border-radius:18px;background:var(--goodbg);color:var(--good);padding:16px 20px;margin-bottom:18px}.calm.attention{background:var(--warnbg);color:var(--warn)}.calm-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;font-weight:900}.calm p{margin:3px 0 0}.hero{border-radius:26px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;padding:28px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 15px 40px #6558d940}.hero>div:first-child{display:grid}.hero strong{font-size:4rem;line-height:1}.hero small{opacity:.8}.ring{--p:0deg;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#fff var(--p),#ffffff35 0);position:relative}.ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#7468df}.ring span{z-index:1;font-weight:800}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 30px}.stat-grid article,.rule-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.stat-grid span{display:block;color:var(--muted);font-size:.86rem}.stat-grid b{font-size:1.25rem}.view h2{font-size:1.12rem;margin:26px 0 12px}.badge{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:12px;background:var(--primary);color:#fff;font-size:.75rem}.stack{display:grid;gap:10px}.stack.empty{padding:18px;border:1px dashed #d7d5e2;border-radius:15px;color:var(--muted)}.item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;align-items:center;gap:14px}.item .grow{flex:1;min-width:0}.item strong,.item small{display:block}.item small{color:var(--muted);margin-top:4px}.item-actions{display:flex;gap:7px;flex-wrap:wrap}.item .approve{background:var(--goodbg);color:var(--good)}.item .deny{color:var(--danger)}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.checks label{display:flex;align-items:center;gap:8px;margin:0;background:#f8f8fc;padding:12px;border-radius:10px}.rule-card{margin:14px 0}.rule-card h2{margin:0 0 10px}.rule-card button{margin-right:7px}.hint{color:var(--muted)}.policy{display:grid;grid-template-columns:1fr 100px 120px 120px;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:8px 0}.menu-list{display:grid;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.menu-list a,.menu-list button{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:17px;text-align:left;text-decoration:none;color:var(--ink);display:flex;justify-content:space-between;background:#fff}.menu-list>*:last-child{border-bottom:0}nav{position:fixed;bottom:0;left:0;right:0;z-index:20;height:76px;padding-bottom:env(safe-area-inset-bottom);background:#ffffffed;backdrop-filter:blur(16px);border-top:1px solid var(--line);display:flex;justify-content:center}nav button{border:0;border-radius:0;background:transparent;color:var(--muted);width:min(25%,180px);display:grid;place-items:center;font-size:1.2rem;padding:8px}nav button span{font-size:.72rem}nav button.active{color:var(--primary)}dialog{width:min(92vw,480px);border:0;border-radius:22px;padding:24px;box-shadow:0 30px 100px #17132955}dialog::backdrop{background:#17132988;backdrop-filter:blur(3px)}dialog h2{margin-top:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}#toast{position:fixed;z-index:100;left:50%;bottom:95px;transform:translate(-50%,20px);background:#27243e;color:#fff;border-radius:12px;padding:12px 18px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:650px){header{padding:0 14px;height:64px}header>div{min-width:105px}header select{max-width:120px;padding:.55rem}.icon{padding:.55rem;font-size:.8rem}main{padding:18px 14px 100px}.hero{padding:22px}.hero strong{font-size:3.2rem}.ring{width:88px;height:88px}.stat-grid{grid-template-columns:1fr 1fr}.quick{grid-template-columns:1fr}.item{align-items:flex-start;flex-wrap:wrap}.item-actions{width:100%}.item-actions button{flex:1}.checks{grid-template-columns:1fr}.policy{grid-template-columns:1fr 76px}.policy input:nth-of-type(2),.policy input:nth-of-type(3){display:none}.title-row{align-items:flex-start}.title-row button{white-space:nowrap}.two{grid-template-columns:1fr 1fr}}
@media(min-width:850px){nav{position:fixed;left:0;top:72px;bottom:0;width:96px;height:auto;border-top:0;border-right:1px solid var(--line);display:grid;align-content:start;padding-top:28px}nav button{width:95px;height:75px}main{padding-left:118px}}