:root{--bg:#F1F2F6;--surf:#FFFFFF;--surf2:#F7F8FB;--surf3:#EDEFF5;--border:#DEE1EA;--border2:#C5CAD8;--tx:#161A28;--tx2:#4B5468;--tx3:#8890A3;--blue:#3B4FE0;--blue2:#5164EC;--blue-bg:#EAEDFD;--green:#12805A;--green2:#189C6C;--green-bg:#E1F6EC;--red:#C7362D;--red2:#DD463C;--red-bg:#FCEAE8;--amber:#AD7209;--amber2:#CC8B11;--amber-bg:#FCF0D9;--teal:#0C7E82;--teal2:#0F9A9E;--teal-bg:#DFF4F5;--muted:#666F82;--muted-bg:#EDEFF5;--sb-bg:#FFFFFF;--sb-bg2:#E8ECF4;--sb-border:#DEE1EA;--sb-tx:#3A4358;--sb-tx-dim:#8890A3;--sb-tx-strong:#161A28;--sb-accent:#3B4FE0;--sb-accent-bg:#EAEDFD;--mono:"JetBrains Mono",ui-monospace,"SF Mono",monospace;--body:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Roboto,Arial,sans-serif;--sidebar:232px;--tab-h:60px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--radius:8px;--radius-sm:4px;--shadow: 0 1px 2px rgba(15,20,35,.05), 0 1px 1px rgba(15,20,35,.04);--shadow-md: 0 4px 14px rgba(15,20,35,.08), 0 1px 2px rgba(15,20,35,.05);--shadow-lg: 0 16px 40px rgba(15,20,35,.16)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:14px;-webkit-text-size-adjust:100%}body{background:var(--bg);font-family:var(--body);color:var(--tx);min-height:100vh;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit;background:none;border:0}button{cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:8px}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);background:var(--sb-bg);border-inline-end:1px solid var(--sb-border);display:flex;flex-direction:column;position:fixed;inset-block:0;inset-inline-start:0;z-index:50;overflow-y:auto}.sb-logo{padding:var(--sp-4) var(--sp-4);border-bottom:1px solid var(--sb-border);font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--sb-tx-strong);display:flex;align-items:center;gap:var(--sp-2)}.sb-logo span{color:var(--sb-tx-dim);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.sb-nav{flex:1;padding:var(--sp-3) var(--sp-2)}.sb-nav a{text-decoration:none;color:inherit;display:block}.sb-section{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sb-tx-dim);padding:var(--sp-4) var(--sp-3) var(--sp-1)}.sb-btn{display:flex;align-items:center;gap:var(--sp-3);padding:9px var(--sp-3);font-size:13.5px;font-weight:500;color:var(--sb-tx);width:100%;text-align:start;transition:background .12s,color .12s;background:none;border:none;font-family:inherit;cursor:pointer;border-radius:var(--radius-sm)}.sb-btn:hover{background:var(--sb-bg2);color:var(--sb-tx-strong)}.sb-btn[aria-selected=true]{background:var(--sb-accent-bg);color:var(--sb-tx-strong)}.sb-btn[aria-selected=true] .ico{color:var(--sb-accent)}.sb-btn .ico{width:17px;height:17px;display:grid;place-items:center;flex:none}.sb-foot{padding:var(--sp-3);border-top:1px solid var(--sb-border);font-size:12.5px;color:var(--sb-tx-dim);display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2)}.sb-foot>span{color:var(--sb-tx);font-weight:600}.sb-foot .icon-btn{color:var(--sb-tx-dim)}.sb-foot .icon-btn:hover{background:var(--sb-bg2);color:var(--sb-tx-strong)}.main{flex:1;margin-inline-start:var(--sidebar);min-width:0}.tab-bar{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--tab-h);background:var(--surf);border-top:1px solid var(--border);z-index:50;box-shadow:0 -2px 12px #1419230f}.tab-bar a{flex:1;display:flex;text-decoration:none;color:inherit;min-width:0}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:500;color:var(--tx3);padding:5px 2px;min-width:0}.tab-btn span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-btn[aria-selected=true]{color:var(--blue)}.mobile-only{display:none}@media (max-width:900px){.sidebar{display:none}.main{margin-inline-start:0;padding-bottom:var(--tab-h)}.tab-bar{display:flex}.mobile-only{display:block}.inp,select.inp,textarea.inp{font-size:16px}}.ph{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-bottom:1px solid var(--border);background:var(--surf);position:sticky;top:0;z-index:30;flex-wrap:wrap}.ph-back{width:34px;height:34px;display:grid;place-items:center;color:var(--tx2);flex:none;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surf)}.ph-back:hover{background:var(--surf3)}.ph-title{font-size:17px;font-weight:700;min-width:0;letter-spacing:-.01em}.ph-sub{font-size:12.5px;color:var(--tx3);font-weight:500;margin-top:var(--sp-1)}.page{padding:var(--sp-4)}.section-title{font-size:13px;font-weight:700;color:var(--tx2);margin:var(--sp-5) 0 var(--sp-2);text-transform:uppercase;letter-spacing:.04em}.section-title:first-child{margin-top:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;white-space:nowrap;transition:background .12s,border-color .12s,opacity .12s;border:1px solid transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--blue2)}.btn-gh{background:var(--surf);color:var(--tx2);border-color:var(--border)}.btn-gh:hover:not(:disabled){background:var(--surf3);color:var(--tx)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover:not(:disabled){background:var(--red2)}.btn-soft{background:var(--surf3);color:var(--tx)}.btn-soft:hover:not(:disabled){background:var(--border)}.btn-sm{padding:6px 11px;font-size:12.5px}.btn-lg{padding:11px 18px;font-size:14px}.wf{width:100%}.f1{flex:1}.icon-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-sm);color:var(--tx3);flex:none}.icon-btn:hover{background:var(--surf3);color:var(--tx)}.field{margin-bottom:var(--sp-3)}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--tx2);margin-bottom:5px}.inp{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surf);font-size:13.5px;color:var(--tx);transition:border-color .12s}.inp:focus{border-color:var(--blue);outline:none}.inp::placeholder{color:var(--tx3)}textarea.inp{resize:vertical;min-height:70px}.helper{font-size:12px;color:var(--tx3);margin-top:4px;line-height:1.5}.err-text{font-size:12.5px;color:var(--red);margin-top:4px}.frow{display:flex;gap:var(--sp-2);flex-wrap:wrap}.fc{flex:1;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--tx2);background:var(--surf);min-width:90px;text-align:center}.fc[aria-pressed=true]{background:var(--blue-bg);border-color:var(--blue);color:var(--blue)}.search-row{display:flex;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--surf);border-bottom:1px solid var(--border);flex-wrap:wrap;position:sticky;top:57px;z-index:20}.search-row .inp{flex:1;min-width:160px}.chips{display:flex;gap:6px;flex-wrap:wrap;padding:var(--sp-3) var(--sp-4);background:var(--surf)}.chip{padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--tx2);background:var(--surf3);border:1px solid transparent}.chip[aria-pressed=true]{background:var(--blue);color:#fff}.ss{position:relative}.ss-input{cursor:text}.ss-menu{background:var(--surf);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);max-height:260px;overflow-y:auto;z-index:1000}.ss-opt{display:block;width:100%;text-align:start;padding:9px 11px;font-size:13.5px;color:var(--tx)}.ss-opt:hover,.ss-opt[data-active=true]{background:var(--blue-bg);color:var(--blue)}.ss-opt-sub{color:var(--tx3);font-size:11.5px;margin-inline-start:6px}.ss-empty{padding:14px 11px;font-size:13px;color:var(--tx3);text-align:center}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14192366;z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .15s}@media (min-width:640px){.backdrop{align-items:center}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{background:var(--surf);width:100%;max-width:560px;max-height:92vh;overflow-y:auto;border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--shadow-lg);animation:slideUp .18s ease-out}@media (min-width:640px){.sheet{border-radius:var(--radius);margin:var(--sp-5)}}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surf);z-index:5}.sheet-title{font-size:15px;font-weight:700}.sheet-body{padding:var(--sp-4)}.sheet-foot{display:flex;gap:var(--sp-2);padding:var(--sp-4);border-top:1px solid var(--border);position:sticky;bottom:0;background:var(--surf)}.pc{display:flex;align-items:center;gap:var(--sp-3);width:100%;text-align:start;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);background:var(--surf);transition:background .1s}.pc:hover{background:var(--surf2)}.pc-body{flex:1;min-width:0}.pc-name{font-size:13.5px;font-weight:600;color:var(--tx)}.pc-sub{font-size:12px;color:var(--tx3);margin-top:2px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pc-meta{font-size:12.5px;color:var(--tx2);white-space:nowrap;text-align:end}.thumb{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--surf3);object-fit:cover;flex:none}.kv{display:flex;justify-content:space-between;gap:var(--sp-3);padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.kv:last-child{border-bottom:none}.kv-k{color:var(--tx3)}.kv-v{color:var(--tx);font-weight:600;text-align:end}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.01em;white-space:nowrap}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-green{background:var(--green-bg);color:var(--green)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-amber{background:var(--amber-bg);color:var(--amber)}.badge-teal{background:var(--teal-bg);color:var(--teal)}.badge-muted{background:var(--muted-bg);color:var(--muted)}.code-chip{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:600;color:var(--tx2);background:var(--surf3);padding:2px 7px;border-radius:4px;letter-spacing:.02em}.status-bar{position:relative;padding:22px var(--sp-4) var(--sp-4);background:var(--surf);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:var(--sp-4)}.status-track{position:absolute;top:36px;inset-inline:calc(var(--sp-4) + 15px);height:2px;background:var(--border)}.status-track-fill{height:100%;background:var(--green);transition:width .25s ease-out}.status-steps{display:flex;position:relative}.status-step{display:flex;flex-direction:column;align-items:center;flex:1;gap:7px}.status-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surf);color:var(--tx3);font-size:12.5px;font-weight:700;border:2px solid var(--border);transition:all .15s}.status-dot svg{width:15px;height:15px}.status-step[data-done=true] .status-dot{background:var(--green);border-color:var(--green);color:#fff}.status-step[data-active=true] .status-dot{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 0 4px var(--blue-bg)}.status-label{font-size:11.5px;font-weight:600;color:var(--tx3)}.status-step[data-done=true] .status-label,.status-step[data-active=true] .status-label{color:var(--tx)}.tbl-wrap{overflow-x:auto;background:var(--surf);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}table.tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}table.tbl th{text-align:start;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--tx3);padding:9px 12px;border-bottom:1px solid var(--border);white-space:nowrap}table.tbl td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--tx)}table.tbl tr:last-child td{border-bottom:none}table.tbl tbody tr:hover{background:var(--surf2)}.spin{width:15px;height:15px;border:2px solid rgba(0,0,0,.15);border-top-color:currentColor;border-radius:50%;display:inline-block;animation:spin .7s linear infinite}.spin-center{display:flex;justify-content:center;padding:var(--sp-6)}@keyframes spin{to{transform:rotate(360deg)}}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sp-6) var(--sp-4);color:var(--tx3)}.empty-icon{color:var(--tx3);opacity:.55;margin-bottom:var(--sp-2)}.empty-icon svg{width:30px;height:30px}.empty-title{font-size:14px;font-weight:600;color:var(--tx2);margin-bottom:4px}.empty-sub{font-size:12.5px;max-width:320px}.card{background:var(--surf);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4);box-shadow:var(--shadow)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--sp-3);padding:var(--sp-4)}.stat{background:var(--surf);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4);display:block;text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:border-color .12s,box-shadow .12s,transform .12s}.stat:hover{border-color:var(--border2);box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:grid;place-items:center;margin-bottom:var(--sp-2)}.stat-icon svg{width:17px;height:17px}.stat-icon.blue{background:var(--blue-bg);color:var(--blue)}.stat-icon.amber{background:var(--amber-bg);color:var(--amber)}.stat-icon.green{background:var(--green-bg);color:var(--green)}.stat-icon.red{background:var(--red-bg);color:var(--red)}.stat-label{font-size:11.5px;font-weight:600;color:var(--tx3);text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:24px;font-weight:700;margin-top:6px;letter-spacing:-.01em}.divider{height:1px;background:var(--border);margin:var(--sp-4) 0}.toaster{position:fixed;bottom:calc(var(--sp-5) + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center;width:min(92vw,420px)}@media (max-width:900px){.toaster{bottom:calc(var(--tab-h) + var(--sp-3))}}.toast{background:var(--tx);color:#fff;padding:11px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);width:100%;text-align:center;animation:fadeIn .15s}.toast.err{background:var(--red)}.toast.ok{background:var(--green)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:var(--sp-4)}.login-card{background:var(--surf);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--sp-6);width:100%;max-width:380px}.login-logo{font-size:19px;font-weight:800;letter-spacing:-.01em;margin-bottom:var(--sp-5);display:flex;align-items:center;gap:8px}.login-logo span{color:var(--tx3);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}