:root{--pink:#6e6e6e;--purple:#000;--purple-l:#262626;--grad:linear-gradient(135deg, #6e6e6e 0%, #000 100%);--sb:#fff;--bg:#f7f7f7;--card:#fff;--text:#111;--muted:#666;--border:#e5e5e5;--act:#f0f0f0;--shadow:0 2px 10px #00000014;--r:10px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5}.layout{min-height:100svh;display:flex}.main{flex-direction:column;flex:1;min-height:100svh;margin-left:240px;display:flex}.page{flex:1;padding:24px 28px}.sb{background:var(--sb);border-right:1px solid var(--border);z-index:100;flex-direction:column;width:240px;min-width:240px;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:2px 0 16px #0000000d}.sb-logo{border-bottom:1px solid var(--border);padding:18px 18px 14px}.sb-logo img{object-fit:contain;flex:none;width:auto;max-width:100%;height:44px;margin:0 auto;display:block}.sb-nav{flex:1;padding:12px 10px;overflow-y:auto}.nav-lbl{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:10px 10px 4px;font-size:10px;font-weight:600}.ni{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:9px;margin-bottom:2px;padding:9px 11px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.ni:hover{background:var(--act);color:var(--purple)}.ni.active{background:var(--act);color:var(--purple);font-weight:600}.ni.active .ni-ic{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ni-ic{text-align:center;width:20px;font-size:16px}.ni-badge{background:var(--pink);color:#fff;border-radius:10px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.sb-foot{border-top:1px solid var(--border);padding:14px 10px}.u-chip{background:var(--act);border-radius:8px;align-items:center;gap:9px;padding:8px 10px;display:flex}.u-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.u-role{color:var(--muted);font-size:11px}.topbar{background:var(--card);border-bottom:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;height:58px;padding:0 28px;display:flex;position:sticky;top:0}.tb-title{font-family:Poppins,sans-serif;font-size:15.5px;font-weight:600}.tb-acts{align-items:center;gap:8px;display:flex}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:7px;align-items:center;gap:6px;padding:7px 15px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-p{background:var(--grad);color:#fff}.btn-p:hover{opacity:.88}.btn-s{background:var(--act);color:var(--purple);border:1px solid var(--border)}.btn-s:hover{border-color:var(--purple)}.btn-d{color:var(--muted);border:1px solid var(--border);background:0 0}.btn-d:hover{color:var(--text)}.btn-sm{padding:5px 11px;font-size:12px}.btn-icon{padding:6px}.card{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);border:1px solid var(--border);margin-bottom:18px;overflow:hidden}.ch{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.ct{font-family:Poppins,sans-serif;font-size:13.5px;font-weight:600}.stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:22px;display:grid}.sc{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);border:1px solid var(--border);padding:18px 20px;position:relative;overflow:hidden}.sc:before{content:"";background:var(--grad);height:3px;position:absolute;top:0;left:0;right:0}.sc-num{color:var(--purple);font-variant-numeric:tabular-nums;font-family:Poppins,sans-serif;font-size:30px;font-weight:700;line-height:1}.sc-lbl{color:var(--muted);margin-top:3px;font-size:12px;font-weight:500}.sc-ic{opacity:.12;font-size:28px;position:absolute;top:14px;right:14px}.sc-delta{margin-top:6px;font-size:11.5px;font-weight:600}.delta-up{color:#1a7a45}.delta-dn{color:#b91c1c}.tbl-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--bg);border-bottom:1px solid var(--border);padding:9px 15px;font-size:10.5px;font-weight:600}td{border-bottom:1px solid var(--border);color:var(--text);padding:11px 15px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--act)}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--purple)}.id-cell{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px;font-weight:600}.b{border-radius:20px;align-items:center;gap:3px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.b-g{color:#1a7a45;background:#e6f7ee}.b-y{color:#8a6000;background:#fff8e0}.b-pk{color:#262626;background:#e3e3e3}.b-pu{color:#000;background:#f0f0f0}.b-gr{background:var(--border);color:var(--muted)}.b-bl{color:#05a;background:#e0f2ff}.b-r{color:#b91c1c;background:#fee2e2}.rc{letter-spacing:.05em;text-transform:uppercase;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.rc-a{color:#000;background:#f0f0f0}.rc-j{color:#262626;background:#e3e3e3}.rc-p{color:#1a7a45;background:#e6f7ee}.rc-s{color:#8a6000;background:#fff8e0}.av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Poppins,sans-serif;font-weight:700;display:inline-flex}.av-sm{background:var(--grad);width:28px;height:28px;font-size:10px}.av-md{width:36px;height:36px;font-size:12px}.av-lg{width:44px;height:44px;font-size:15px}.av-xl{width:52px;height:52px;font-size:17px}.pw{align-items:center;gap:8px;display:flex}.pb{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.pf{background:var(--grad);border-radius:3px;height:100%;transition:width .4s}.pp{color:var(--purple);font-variant-numeric:tabular-nums;min-width:34px;font-size:11.5px;font-weight:600}.fg{margin-bottom:16px}.fl{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-size:11.5px;font-weight:600;display:block}.fi,.fs,.ft{border:1.5px solid var(--border);width:100%;color:var(--text);background:var(--card);border-radius:7px;padding:8px 12px;font-family:Inter,sans-serif;font-size:13.5px;transition:border-color .15s}.fi:focus,.fs:focus,.ft:focus{border-color:var(--purple-l);outline:none}.ft{resize:vertical;min-height:72px}.fgrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.fgrid3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.form-wrap{width:100%;max-width:880px;margin:0 auto}.scale{gap:8px;max-width:520px;display:flex}.so{flex:1}.so input{display:none}.so label{border:2px solid var(--border);cursor:pointer;width:100%;height:48px;color:var(--muted);-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:center;align-items:center;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;transition:all .15s;display:flex}.so input:checked+label{background:var(--grad);color:#fff;border-color:#0000}.so label:hover{border-color:var(--purple);color:var(--purple);background:#0000000a}.scale-lbl{color:var(--muted);justify-content:space-between;max-width:520px;margin-top:5px;font-size:10.5px;display:flex}.comp-block{border:1px solid var(--border);border-radius:var(--r);margin-bottom:14px;overflow:hidden}.comp-hd{background:var(--bg);border-bottom:1px solid var(--border);align-items:center;gap:9px;padding:12px 16px;display:flex}.comp-num{background:var(--grad);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:flex}.comp-name{font-family:Poppins,sans-serif;font-size:13px;font-weight:600}.q-row{border-bottom:1px solid var(--border);padding:14px 16px}.q-row:last-child{border-bottom:none}.q-txt{margin-bottom:10px;font-size:13.5px;line-height:1.5}.mo{z-index:200;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.mc{background:var(--card);border-radius:14px;width:100%;max-width:520px;box-shadow:0 24px 64px #0003}.mh{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px 14px;display:flex}.mt{font-family:Poppins,sans-serif;font-size:15px;font-weight:600}.mb{padding:18px 22px}.mf{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.btn-x{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:2px;font-size:18px;line-height:1}.schema{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.st{background:var(--card);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}.st-hd{background:var(--grad);color:#fff;letter-spacing:.04em;padding:9px 13px;font-family:Poppins,sans-serif;font-size:12px;font-weight:700}.sf{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:6px 13px;font-size:12px;display:flex}.sf:last-child{border-bottom:none}.sn{font-family:monospace;font-size:12px;font-weight:600}.st-t{color:var(--muted);font-size:10.5px}.pk{color:#000;background:#f0f0f0;border-radius:3px;padding:1px 5px;font-size:9.5px;font-weight:700}.fk{color:#6e6e6e;background:#e3e3e3;border-radius:3px;padding:1px 5px;font-size:9.5px;font-weight:700}.tabs{background:var(--bg);border:1px solid var(--border);border-radius:8px;gap:2px;margin-bottom:18px;padding:4px;display:flex}.tab{text-align:center;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:6px;flex:1;padding:7px 10px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .15s}.tab.on{background:var(--card);color:var(--purple);font-weight:600;box-shadow:0 1px 4px #0000001f}.proc-row{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:12px 18px;display:flex}.proc-row:last-child{border-bottom:none}.proc-ico{background:var(--act);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.proc-info{flex:1;min-width:0}.proc-name{font-size:13.5px;font-weight:600}.proc-meta{color:var(--muted);margin-top:1px;font-size:11.5px}.fr{align-items:center;gap:10px;display:flex}.sp{flex:1}.g2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.g3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600}.empty{text-align:center;color:var(--muted);padding:40px 20px;font-size:13.5px}.sb-toggle{border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--purple);background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:none}.sb-overlay{z-index:99;background:#00000059;display:none;position:fixed;inset:0}.sb-overlay.active{display:block}@media (width<=768px){.sb-toggle{display:flex}.main{margin-left:0}.sb{z-index:100;transition:transform .25s;transform:translate(-100%)}.sb.open{transform:translate(0)}.fgrid,.fgrid3,.g2,.g3{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.page{padding:16px 14px}.topbar{padding:0 14px}.tbl-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.tbl-wrap table{min-width:560px}.card{padding:14px}.fgrid .fi,.fgrid3 .fi{font-size:15px}.mo{padding:12px}.mc{border-radius:12px}}@media (width<=480px){.stats{grid-template-columns:1fr 1fr}.tb-acts .btn{padding:6px 10px;font-size:12px}.scale{gap:5px}.so label{border-radius:8px;height:48px;font-size:16px}}