.accts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.acc{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;cursor:pointer;text-align:left;color:var(--txt);font:inherit;transition:.15s}.acc:hover{border-color:var(--mut)}.acc.on{border-color:var(--ac);box-shadow:0 0 0 1px var(--ac) inset;background:color-mix(in srgb,var(--ac) 6%,var(--panel))}
.acc .top{display:flex;justify-content:space-between;align-items:center}.acc .firm{font-size:14px;font-weight:600}.acc small{color:var(--mut);font-size:11px}.acc .bal{font-size:22px;font-weight:600;margin:6px 0 2px}.phs{font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 9px;border-radius:10px}.phs.p1{background:color-mix(in srgb,#eab308 18%,transparent);color:#eab308}.phs.p2{background:color-mix(in srgb,var(--ac2) 40%,transparent);color:var(--txt)}.phs.fd{background:color-mix(in srgb,var(--ac) 20%,transparent);color:var(--ac)}
.acc .mini{height:5px;background:var(--bg);border-radius:3px;margin-top:8px}.acc .mini i{display:block;height:100%;border-radius:3px;background:var(--ac)}
.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rc{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.rc h4{font-size:11px;letter-spacing:.1em;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.rc .v{font-size:20px;font-weight:600}.rc .s{color:var(--mut);font-size:11px;margin-top:2px}
.rc .b{height:9px;background:var(--bg);border-radius:5px;margin-top:10px;overflow:hidden;display:flex}.rc .b i{height:100%}.rc .b .u{background:#eab308}.rc .b .f{background:repeating-linear-gradient(45deg,var(--neg) 0 3px,transparent 3px 6px)}.rc .b .r{background:var(--ac)}.rc .b .p{background:linear-gradient(90deg,var(--ac2),var(--ac))}
.rc.warn{border-color:color-mix(in srgb,var(--neg) 60%,var(--line))}.rc .left{font-size:11px;margin-top:6px;display:flex;justify-content:space-between;color:var(--mut)}.rc .left b{color:var(--txt);font-weight:500}
.gsel{display:flex;gap:10px;align-items:center;margin-bottom:12px}.gsel label{font-size:12px;color:var(--mut);display:flex;gap:6px;align-items:center}.gsel input{width:64px;background:var(--bg);border:1px solid var(--line);color:var(--txt);border-radius:6px;padding:4px 6px}select{background:var(--bg);color:var(--txt);border:1px solid var(--line);border-radius:6px;padding:5px 8px;font-size:12px}
.maxl{background:var(--bg);border-radius:12px;padding:14px;text-align:center;margin-bottom:12px;border:1px solid color-mix(in srgb,var(--ac) 40%,var(--line))}.maxl small{display:block;color:var(--mut);font-size:10px;letter-spacing:.08em}.maxl b{display:block;font-size:34px;font-weight:600;color:var(--ac);margin:4px 0}.maxl span{font-size:11px;color:var(--mut)}
.pp{display:grid;grid-template-columns:170px 1fr;gap:18px;align-items:center}.ring{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;position:relative}.ring div{width:124px;height:124px;border-radius:50%;background:var(--panel);display:grid;place-items:center;text-align:center}.ring b{font-size:32px;font-weight:600;display:block}.ring small{color:var(--mut);font-size:10px;letter-spacing:.08em}
.ppk{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.ppk div{background:var(--bg);border-radius:9px;padding:9px 11px}.ppk small{display:block;color:var(--mut);font-size:10px;letter-spacing:.08em}.ppk b{font-size:16px}
.tl{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin-top:6px}.tl::before{content:'';position:absolute;top:13px;left:12.5%;right:12.5%;height:2px;background:var(--line)}.tl>div{text-align:center;position:relative}.tl i{display:block;width:28px;height:28px;margin:0 auto 8px;border-radius:50%;background:var(--panel);border:2px solid var(--line);position:relative;z-index:1;line-height:24px;font-style:normal;font-size:12px}.tl .done i{background:var(--ac);border-color:var(--ac);color:#041014}.tl .cur i{border-color:var(--ac);box-shadow:0 0 0 4px color-mix(in srgb,var(--ac) 22%,transparent)}.tl b{display:block;font-size:13px}.tl small{color:var(--mut);font-size:11px;display:block}
@media(max-width:1100px){.accts,.rules{grid-template-columns:1fr}.pp{grid-template-columns:1fr}}
