:root{--bg:#f4f6fa;--side:#0f1623;--card:#fff;--border:#e4e9f2;--text:#111827;--muted:#6b7280;--sm:#94a3b8;--blue:#3b5bdb;--blue-l:#eef2ff;--blue-m:#c7d2fe;--green:#16a34a;--green-l:#dcfce7;--amber:#d97706;--amber-l:#fef3c7;--red:#dc2626;--red-l:#fee2e2;--purple:#7c3aed;--purple-l:#ede9fe;--cyan:#0891b2;--cyan-l:#cffafe;--sh:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--sh2:0 4px 16px rgba(0,0,0,.09)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:13.5px;line-height:1.5;min-height:100vh}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:flex;height:100vh;overflow:hidden}.sb{width:220px;min-width:220px;background:var(--side);display:flex;flex-direction:column;overflow-y:auto}.sb-top{padding:16px 14px 12px;border-bottom:1px solid hsla(0,0%,100%,.07)}.logo{gap:9px}.logo,.logo-mark{display:flex;align-items:center}.logo-mark{width:31px;height:31px;background:var(--blue);border-radius:8px;justify-content:center;font-size:10px;font-weight:800;color:#fff;letter-spacing:-.5px}.logo-txt{color:#fff;font-size:13px;font-weight:700;line-height:1.2}.logo-sub{color:hsla(0,0%,100%,.28);font-size:9.5px;text-transform:uppercase;letter-spacing:.5px}.sb-nav{padding:8px 7px;flex:1 1}.sb-sec{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:hsla(0,0%,100%,.2);padding:7px 8px 2px;margin-top:4px}.ni{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:7px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:hsla(0,0%,100%,.55);font-size:12.5px;font-weight:500;transition:all .13s;margin-bottom:1px}.ni,.ni:hover{text-decoration:none}.ni:hover{background:hsla(0,0%,100%,.07);color:hsla(0,0%,100%,.9)}.ni.on{background:hsla(0,0%,100%,.1);color:#fff}.ni svg{width:14px;height:14px;flex-shrink:0;opacity:.7}.ni.on svg{opacity:1}.sb-foot{padding:8px 7px 10px;border-top:1px solid hsla(0,0%,100%,.07)}.ucard{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:7px;cursor:pointer;transition:background .13s}.ucard:hover{background:hsla(0,0%,100%,.06)}.uav{width:27px;height:27px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:700;color:#fff;flex-shrink:0;background:linear-gradient(135deg,#3b5bdb,#7c3aed)}.uname{color:hsla(0,0%,100%,.8);font-size:12px;font-weight:600;line-height:1.2}.urole{color:hsla(0,0%,100%,.3);font-size:10px}.main{flex:1 1;overflow:hidden;display:flex;flex-direction:column}.topbar{background:#fff;border-bottom:1px solid var(--border);padding:0 20px;display:flex;align-items:center;height:52px;flex-shrink:0;gap:10px}.tb-title{font-size:14px;font-weight:700}.tb-right{margin-left:auto;display:flex;align-items:center;gap:7px}.content{flex:1 1;overflow-y:auto;padding:20px}.btn,button{display:inline-flex;align-items:center;gap:5px;padding:6.5px 12px;border-radius:7px;font-size:12.5px;font-weight:500;font-family:inherit;cursor:pointer;border:none;transition:all .13s;white-space:nowrap;line-height:1;background:var(--blue);color:#fff}.btn:hover,button:hover{background:#2f4cc7}.btn:disabled,button:disabled{opacity:.55;cursor:not-allowed}.btn.bp,.btn:disabled:hover,button:disabled:hover{background:var(--blue)}.btn.bp{color:#fff}.btn.bp:hover:not(:disabled){background:#2f4cc7}.btn.bs{background:#fff;color:var(--text);border:1px solid var(--border)}.btn.bs:hover:not(:disabled){background:var(--bg)}.btn.bg{background:transparent;color:var(--muted);border:1px solid transparent}.btn.bg:hover:not(:disabled){background:var(--bg);color:var(--text)}.btn.bgreen{background:var(--green-l);color:var(--green);border:1px solid #bbf7d0}.btn.bred{background:var(--red-l);color:var(--red);border:1px solid #fecaca}.btn.bamber{background:var(--amber-l);color:var(--amber);border:1px solid #fde68a}.btn.bsm{padding:5px 9px;font-size:12px}.fg{margin-bottom:11px}.fl{display:block;font-size:11px;font-weight:600;color:var(--text);margin-bottom:3px;text-transform:uppercase;letter-spacing:.3px}.fl-src{color:var(--muted);font-weight:500;text-transform:none;letter-spacing:0;margin-left:6px}.fi{width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:7px;font-family:inherit;font-size:12.5px;color:var(--text);background:#fff;outline:none;transition:border-color .13s}.fi:focus{border-color:var(--blue)}.fi:disabled{background:var(--bg);cursor:not-allowed}textarea.fi{min-height:70px;resize:vertical;line-height:1.45}.field-error{font-size:11px;color:var(--red);margin-top:3px}.card{background:#fff;border:1px solid var(--border);border-radius:11px;box-shadow:var(--sh)}.card-pad{padding:16px}.sh-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sh-t{font-size:13px;font-weight:700}.g4{grid-template-columns:repeat(4,1fr);grid-gap:11px}.g3,.g4{display:grid;gap:11px;margin-bottom:16px}.g3{grid-template-columns:repeat(3,1fr);grid-gap:11px}.g2{grid-template-columns:1fr 1fr;grid-gap:11px}.g2,.g21{display:grid;gap:11px;margin-bottom:14px}.g21{grid-template-columns:2fr 1fr;grid-gap:11px}.tw{overflow-x:auto}.dt{width:100%;border-collapse:collapse}.dt th{text-align:left;font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;padding:9px 12px;background:var(--bg);white-space:nowrap}.dt td,.dt th{border-bottom:1px solid var(--border)}.dt td{padding:10px 12px;font-size:12.5px;vertical-align:middle}.dt tbody tr{cursor:pointer;transition:background .1s}.dt tbody tr:hover{background:#f5f7fe}.dt tbody tr:last-child td{border-bottom:none}.bx{display:inline-flex;align-items:center;gap:4px;padding:2.5px 7px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap}.bx-red{background:var(--red-l);color:#b91c1c}.bx-amber{background:var(--amber-l);color:#92400e}.bx-blue{background:var(--blue-l);color:#1e40af}.bx-green{background:var(--green-l);color:var(--green)}.bx-purple{background:var(--purple-l);color:var(--purple)}.bx-gray{background:#f1f5f9;color:#475569}.ib{background:var(--blue-l);border:1px solid var(--blue-m);border-radius:8px;padding:10px 12px;font-size:12px;color:#1e3a8a;display:flex;gap:7px;align-items:flex-start;margin-bottom:12px}.ib.warn{background:var(--amber-l);border-color:#fde68a;color:#92400e}.ib.success{background:var(--green-l);border-color:#bbf7d0;color:#14532d}.ib.error{background:var(--red-l);border-color:#fecaca;color:#991b1b}.upz{border:2px dashed var(--border);border-radius:9px;padding:18px 12px;text-align:center;cursor:pointer;transition:all .13s;background:#fff}.upz.drag,.upz:hover{border-color:var(--blue);background:var(--blue-l)}.upz.done{border-color:var(--green);border-style:solid;background:var(--green-l)}.upz.error{border-color:var(--red);border-style:solid;background:var(--red-l)}.upz.required:not(.done){border-color:var(--red)}.upz-ico{font-size:22px;margin-bottom:7px}.upz-t{font-size:12.5px;font-weight:700}.upz-sub{font-size:11px;color:var(--muted);margin-top:2px}.pipeline{overflow-x:auto;padding:2px 0}.pip-step,.pipeline{display:flex;align-items:center;gap:0}.pip-step{flex-shrink:0}.pip-node{padding:5px 10px;border-radius:5px;font-size:10.5px;font-weight:600;white-space:nowrap;border:1px solid var(--border);background:#fff;color:var(--muted)}.pip-node.done{background:var(--green-l);color:var(--green);border-color:#bbf7d0}.pip-node.active{background:var(--blue);color:#fff;border-color:var(--blue)}.pip-arrow{width:14px;height:1px;background:var(--border);flex-shrink:0}.muted{color:var(--muted)}.error{color:var(--red);margin-top:.5rem;font-size:.9rem}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.card-login{background:#fff;border:1px solid var(--border);border-radius:11px;padding:2rem;max-width:420px;margin:4rem auto;box-shadow:var(--sh)}.card-login h1{font-size:18px;margin-bottom:1rem}.role-badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.8rem;background:var(--blue-l);color:#1e40af}