:root{
  --bg:#050b16;--bg2:#081426;--panel:#0b1b35;--panel2:#0d2447;
  --line:rgba(86,151,255,.15);--line2:rgba(92,175,255,.34);
  --text:#f6fbff;--muted:#8198b8;--blue:#2f7dff;--blue2:#56b8ff;
  --cyan:#6bdcff;--green:#50e0b5;--warn:#ffd56d;--danger:#ff6e82;
  --shadow:0 22px 70px rgba(0,0,0,.35);--r:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;min-height:100vh;color:var(--text);
  font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  background:
    radial-gradient(circle at 10% 4%,rgba(34,102,255,.18),transparent 25%),
    radial-gradient(circle at 92% 10%,rgba(55,181,255,.10),transparent 26%),
    linear-gradient(180deg,#050a14 0%,#06101f 50%,#071321 100%);
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;
  background-image:linear-gradient(rgba(81,146,255,.024) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(81,146,255,.024) 1px,transparent 1px);
  background-size:38px 38px;
}
a{color:inherit}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}
.topbar{
  position:sticky;top:0;z-index:50;height:66px;display:flex;align-items:center;justify-content:space-between;
  padding:0 22px;background:rgba(5,11,24,.80);backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(74,139,255,.09)
}
.brand{display:flex;align-items:center;gap:12px;font-weight:900}
.logo{
  width:39px;height:39px;border-radius:13px;display:grid;place-items:center;
  background:linear-gradient(145deg,#1d5dff,#57c6ff);
  box-shadow:0 12px 30px rgba(35,104,255,.35),inset 0 1px 0 rgba(255,255,255,.38)
}
.brand small{display:block;color:#6e87a9;font-size:9px;letter-spacing:1.6px;margin-top:2px}
.back{
  text-decoration:none;color:#9bb0cc;padding:9px 12px;border-radius:11px;
  border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)
}
.status{display:flex;align-items:center;gap:8px;color:#7890b0;font-size:11px}
.status i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}
.panel{
  border-radius:20px;overflow:hidden;
  background:linear-gradient(180deg,rgba(12,31,61,.94),rgba(7,19,39,.97));
  border:1px solid rgba(75,140,255,.13);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.026)
}
.panel-head{
  padding:16px 18px;border-bottom:1px solid rgba(75,142,255,.10);
  background:linear-gradient(90deg,rgba(42,103,217,.13),transparent 74%)
}
.panel-head b{font-size:15px}.panel-head span{display:block;color:#6f87a9;font-size:10px;margin-top:4px}
.panel-body{padding:16px}
.section-title{display:flex;align-items:center;justify-content:space-between;margin:4px 0 10px}
.section-title b{font-size:12px}.section-title small{font-size:9px;color:#607899}
.field{margin-bottom:12px}
label{display:block;color:#8ea5c4;font-size:10px;margin-bottom:6px}
input,textarea,select{
  width:100%;outline:none;color:#eef7ff;background:rgba(5,14,30,.78);
  border:1px solid rgba(79,146,255,.12);border-radius:11px;padding:10px 11px;font-size:12px
}
input:focus,textarea:focus,select:focus{border-color:rgba(83,173,255,.44);box-shadow:0 0 0 3px rgba(45,113,255,.07)}
textarea{resize:vertical;min-height:76px;line-height:1.55}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.divider{height:1px;background:rgba(79,145,255,.08);margin:14px 0}
.primary{
  width:100%;border:none;border-radius:12px;padding:12px;color:white;font-weight:900;
  background:linear-gradient(180deg,#3e8dff,#1f64e8);
  box-shadow:0 14px 30px rgba(27,90,226,.25),inset 0 1px 0 rgba(255,255,255,.28)
}
.secondary{
  width:100%;margin-top:8px;padding:11px;border-radius:12px;color:#9db4d2;
  border:1px solid rgba(79,146,255,.13);background:rgba(12,31,59,.76)
}
.small-btn{
  padding:7px 9px;border-radius:9px;font-size:9px;color:#88a0c0;
  border:1px solid rgba(81,148,255,.12);background:rgba(14,34,65,.72)
}
.small-btn:hover{color:#fff;border-color:rgba(87,177,255,.32)}
.seg{
  padding:7px 10px;border-radius:9px;font-size:10px;color:#7691b5;
  border:1px solid rgba(78,145,255,.11);background:rgba(22,53,102,.28)
}
.seg.active{color:white;background:linear-gradient(180deg,#2c79f7,#1f5ecf);border-color:rgba(108,180,255,.36)}
.opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.opt{
  position:relative;min-height:76px;padding:10px;border-radius:13px;
  border:1px solid rgba(77,143,255,.11);background:rgba(11,27,52,.64);transition:.18s
}
.opt:hover{transform:translateY(-2px);border-color:rgba(90,170,255,.28)}
.opt.active{border-color:rgba(83,175,255,.50);box-shadow:0 0 0 2px rgba(52,123,255,.07),inset 0 0 24px rgba(38,105,255,.06)}
.opt b{font-size:11px;display:block;margin-top:6px}.opt span{font-size:8px;color:#667e9f}
.toggle-row{display:flex;align-items:center;justify-content:space-between;margin:9px 0;color:#8299b9;font-size:10px}
.toggle{width:34px;height:19px;border-radius:999px;background:#183b70;position:relative}
.toggle:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:#8eb7e7;left:3px;top:3px;transition:.15s}
.toggle.on{background:#266fe2}.toggle.on:after{left:18px;background:white}
.upload{
  display:flex;align-items:center;justify-content:center;min-height:54px;padding:8px;text-align:center;
  border:1px dashed rgba(88,161,255,.24);border-radius:11px;background:rgba(8,23,48,.55);
  color:#718cac;font-size:9px
}
.upload:hover{border-color:rgba(104,183,255,.42);color:#9bcfff}
.badges,.chips{display:flex;gap:6px;flex-wrap:wrap}
.badge,.chip{padding:5px 8px;border-radius:999px;font-size:8px;color:#77cbff;border:1px solid rgba(74,155,255,.13);background:rgba(39,99,198,.08)}
.note{font-size:9px;color:#607a9d;line-height:1.65;margin-top:10px}
.info{
  padding:10px;border-radius:11px;background:rgba(9,24,49,.62);
  border:1px solid rgba(74,142,255,.09);font-size:9px;color:#6e87a8;line-height:1.6
}
.toast{
  position:fixed;right:18px;bottom:18px;z-index:200;padding:10px 13px;border-radius:11px;
  background:#10294e;border:1px solid rgba(98,176,255,.22);color:#d8edff;font-size:11px;
  box-shadow:0 18px 46px rgba(0,0,0,.35);opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s
}
.toast.show{opacity:1;transform:translateY(0)}
.modal{
  position:fixed;inset:0;z-index:150;background:rgba(2,7,15,.72);backdrop-filter:blur(8px);
  display:grid;place-items:center;padding:20px
}
.modal-card{width:min(760px,95vw);max-height:85vh;overflow:auto}
@media(max-width:820px){.status{display:none}.topbar{padding:0 12px}.grid2,.grid3{grid-template-columns:1fr}}