:root{
  --bg:#f3f6fb;--panel:#fff;--panel2:#f8fafc;--text:#142033;--muted:#728095;--line:#e5ebf3;
  --primary:#2563eb;--primary2:#1d4ed8;--success:#10b981;--danger:#ef4444;--warn:#f59e0b;
  --shadow:0 16px 42px rgba(20,32,51,.08);--radius:16px;--side:#0b1220;--side2:#111a2e;
}
*{box-sizing:border-box}html,body{min-height:100%;}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;background:linear-gradient(180deg,var(--side),var(--side2));color:#dbeafe;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;box-shadow:18px 0 50px rgba(5,9,18,.18);z-index:5}.sidebar-brand{height:78px;display:flex;align-items:center;gap:13px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#22c55e);display:flex;align-items:center;justify-content:center;color:white;font-weight:900;letter-spacing:.5px;box-shadow:0 14px 28px rgba(37,99,235,.3)}.brand-name{font-weight:800;font-size:16px;color:white;line-height:1.1}.brand-sub{font-size:11px;color:#94a3b8;margin-top:4px}.nav-list{padding:16px 14px;display:flex;flex-direction:column;gap:6px}.nav{display:flex;align-items:center;gap:11px;text-decoration:none;color:#aebbd0;padding:12px 13px;border-radius:12px;transition:.18s ease;font-weight:650}.nav-ico{width:26px;height:26px;border-radius:9px;background:rgba(255,255,255,.07);display:inline-flex;align-items:center;justify-content:center;color:#c7d2fe}.nav:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateX(2px)}.nav.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 10px 28px rgba(37,99,235,.32)}.nav.active .nav-ico{background:rgba(255,255,255,.16);color:#fff}.sidebar-foot{margin-top:auto;padding:16px 20px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:5px;color:#94a3b8;font-size:12px}.sidebar-foot span:first-child{color:#fff;font-weight:750}.content-shell{flex:1;margin-left:252px;min-width:0}.topbar{height:76px;background:rgba(255,255,255,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.8);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:4}.page-kicker{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.page-title{font-size:19px;font-weight:850;margin-top:4px}.top-actions{display:flex;align-items:center;gap:12px}.user-pill{height:38px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#fff;box-shadow:0 6px 20px rgba(20,32,51,.04)}.user-avatar{width:25px;height:25px;border-radius:50%;background:#eff6ff;color:#1d4ed8;display:flex;align-items:center;justify-content:center;font-weight:800}.user-pill em{font-style:normal;color:var(--muted);font-size:12px}.logout-link{color:#64748b;text-decoration:none;font-weight:700}.main{padding:24px;max-width:1480px;margin:0 auto}.hrow{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.hrow h1{margin:0;font-size:24px;letter-spacing:-.02em}.card{background:var(--panel);border:1px solid rgba(226,232,240,.82);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:18px}.card h2{font-size:17px;margin:0 0 14px;letter-spacing:-.01em}.card h3{margin:0 0 12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat{background:linear-gradient(180deg,#fff,#f9fbff);border:1px solid rgba(226,232,240,.9);border-radius:18px;padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat:after{content:"";position:absolute;right:-24px;top:-30px;width:96px;height:96px;border-radius:50%;background:rgba(37,99,235,.08)}.stat .num{font-size:31px;font-weight:900;color:#1d4ed8;margin-top:8px;letter-spacing:-.03em}.muted,.help{color:var(--muted)}.help{font-size:12px;line-height:1.55;margin-top:7px}.alert{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:12px;padding:11px 13px;margin-bottom:16px;font-weight:650}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:11px;padding:10px 14px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;text-decoration:none;cursor:pointer;font-size:14px;font-weight:750;box-shadow:0 9px 20px rgba(37,99,235,.2);white-space:nowrap}.btn:hover{filter:brightness(.98);transform:translateY(-1px)}.btn.gray{background:#64748b;box-shadow:none}.btn.red{background:#ef4444;box-shadow:none}.btn.green{background:#10b981;box-shadow:none}.btn.ghost{background:#eef4ff;color:#1d4ed8;box-shadow:none}.btn.small{padding:6px 9px;font-size:12px;border-radius:8px}.actions{display:flex;gap:6px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#eaf2ff;color:#1d4ed8;font-size:12px;font-weight:800}.badge.off{background:#f1f5f9;color:#64748b}table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:13px;overflow:hidden}th,td{border-bottom:1px solid #edf2f7;padding:12px 11px;text-align:left;font-size:13px;vertical-align:middle}th{color:#64748b;background:#f8fafc;font-size:12px;text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:0}tr:hover td{background:#fbfdff}.copy-url{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1d4ed8;font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{margin-bottom:14px}.field label{display:block;font-weight:780;margin-bottom:7px;color:#334155;font-size:13px}input,select,textarea{width:100%;height:42px;padding:10px 12px;border:1px solid #dbe4ef;border-radius:11px;background:#fff;font-size:14px;outline:none;transition:.16s ease;color:#172033}input:focus,select:focus,textarea:focus{border-color:#93b4ff;box-shadow:0 0 0 4px rgba(37,99,235,.1)}textarea{min-height:110px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.filters{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.filters .field{min-width:210px;margin:0}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.danger{color:var(--danger)}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(18px);background:#0f172a;color:#fff;padding:10px 16px;border-radius:999px;box-shadow:0 16px 40px rgba(15,23,42,.25);opacity:0;pointer-events:none;transition:.2s;z-index:99;font-weight:800}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* login */
.login-main{min-height:100vh;background:radial-gradient(circle at 20% 15%,rgba(59,130,246,.45),transparent 28%),radial-gradient(circle at 78% 70%,rgba(34,197,94,.24),transparent 25%),linear-gradient(135deg,#070b14 0%,#101a2e 50%,#172554 100%);display:flex;align-items:center;justify-content:center;padding:28px}.login-pro{width:min(1080px,100%);min-height:650px;display:grid;grid-template-columns:1.1fr 420px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);border-radius:30px;box-shadow:0 30px 90px rgba(0,0,0,.38);overflow:hidden;backdrop-filter:blur(14px)}.login-left{padding:56px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative}.login-left:before{content:"";position:absolute;inset:34px;border:1px solid rgba(255,255,255,.08);border-radius:25px;pointer-events:none}.login-brand-pro{display:flex;align-items:center;gap:15px;position:relative}.login-mark{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#3b82f6,#22c55e);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;box-shadow:0 16px 36px rgba(37,99,235,.38)}.login-brand-pro h1{margin:0;font-size:24px}.login-brand-pro p{margin:5px 0 0;color:#b6c2d6}.login-headline{position:relative;font-size:42px;line-height:1.12;font-weight:900;letter-spacing:-.04em;max-width:560px}.login-feature-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px}.login-feature-grid div{padding:17px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12)}.login-feature-grid b{display:block;font-size:15px;margin-bottom:6px}.login-feature-grid span{color:#cbd5e1;font-size:12px}.login-card-pro{background:#fff;padding:48px 40px;display:flex;flex-direction:column;justify-content:center}.login-card-title h2{margin:0;font-size:28px;letter-spacing:-.03em}.login-card-title p{margin:7px 0 24px;color:#64748b}.password-field{position:relative}.password-field input{padding-right:64px}.password-eye{position:absolute;right:7px;bottom:6px;height:30px;border:0;background:#eff6ff;color:#1d4ed8;border-radius:8px;padding:0 10px;cursor:pointer;font-weight:700}.login-options{display:flex;justify-content:space-between;gap:12px;margin:2px 0 18px;color:#475569;font-size:13px}.login-options label{display:flex;align-items:center;gap:7px;cursor:pointer}.login-options input{width:auto;height:auto}.login-btn{width:100%;height:46px;font-size:15px;border-radius:12px}.login-safe{font-size:12px;color:#8190a4;line-height:1.55;margin:14px 0 0}

/* target editor */
.compact-target-section{margin-top:14px}.target-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.section-label{display:block;font-weight:850;color:#1e293b;margin-bottom:4px}.target-list-head{display:grid;grid-template-columns:38px minmax(250px,2.4fr) minmax(110px,.9fr) 66px 78px 78px 86px 82px;gap:0;background:#f8fafc;border:1px solid #e2e8f0;border-bottom:0;border-radius:13px 13px 0 0;overflow:hidden;color:#64748b;font-size:12px;font-weight:850}.target-list-head span{padding:9px 8px;border-right:1px solid #e2e8f0}.target-list{border:1px solid #e2e8f0;border-radius:0 0 13px 13px;background:#fff;padding:8px}.target-row{border:1px solid #e2e8f0;border-radius:11px;background:#fbfdff;margin-bottom:8px;overflow:hidden}.target-mainline{display:grid;grid-template-columns:34px minmax(250px,2.4fr) minmax(110px,.9fr) 66px 78px 78px 86px 38px 38px;align-items:center}.target-mainline input,.target-mainline select{height:38px;border-radius:0;border:0;border-right:1px solid #e2e8f0;background:#fff;padding:8px 10px}.target-index{height:38px;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:12px;background:#f8fafc;border-right:1px solid #e2e8f0}.target-value-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.target-mini{text-align:center}.target-add,.target-remove{height:38px;border:0;border-right:1px solid #e2e8f0;background:#eff6ff;color:#1d4ed8;font-size:20px;cursor:pointer}.target-remove{border-right:0;color:#64748b;background:#f8fafc}.target-add:hover{background:#dbeafe}.target-remove:hover{background:#fee2e2;color:#ef4444}.target-subline{display:grid;grid-template-columns:78px 1fr;align-items:center;border-top:1px solid #e2e8f0;background:#fff}.target-subline span{height:36px;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:12px;background:#f8fafc;border-right:1px solid #e2e8f0}.target-subline input{height:36px;border:0;border-radius:0;background:#fff}.target-status{color:#334155}.target-section-head .btn{white-space:nowrap}.url-cell{display:flex;align-items:center;gap:7px;max-width:260px;min-width:0}.url-clip{display:inline-block;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1d4ed8;vertical-align:middle;font-weight:700}.url-copy{flex:none;border:1px solid #dbe4ef;background:#eff6ff;color:#1d4ed8;border-radius:7px;padding:4px 8px;font-size:12px;cursor:pointer}.target-td{max-width:270px}.logs-table{table-layout:fixed}.logs-table .target-td{width:270px}.logs-table th,.logs-table td{overflow:hidden}

@media(max-width:1100px){.sidebar{width:220px}.content-shell{margin-left:220px}.stats{grid-template-columns:repeat(2,1fr)}.target-list-head{display:none}.target-mainline{grid-template-columns:34px 1fr 1fr 60px 70px 70px 76px 36px 36px}.target-mainline input,.target-mainline select{font-size:13px;padding:7px}.login-pro{grid-template-columns:1fr}.login-left{display:none}.login-card-pro{min-height:560px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:relative;width:100%;height:auto}.sidebar-brand{height:auto}.nav-list{flex-direction:row;overflow-x:auto;padding:10px}.nav{white-space:nowrap}.sidebar-foot{display:none}.content-shell{margin-left:0}.topbar{height:auto;padding:14px;align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.main{padding:14px}.form-grid,.stats{grid-template-columns:1fr}.hrow{align-items:flex-start;flex-direction:column}table{display:block;overflow-x:auto;white-space:nowrap}.target-mainline{grid-template-columns:32px 1fr 36px 36px}.target-remark-input,.target-mini,.target-status{display:none}.target-subline{grid-template-columns:70px 1fr}.login-main{padding:16px}.login-card-pro{padding:34px 24px;min-height:auto}.login-pro{min-height:auto;border-radius:22px}.login-card-title h2{font-size:24px}}