:root{
  color-scheme:dark;
  --bg:#07101b;
  --surface:#0d1927;
  --surface-2:#111f30;
  --surface-3:#16283b;
  --line:rgba(151,184,216,.16);
  --text:#f5f8fc;
  --muted:#91a4ba;
  --accent:#19d3bd;
  --accent-2:#24a9ff;
  --success:#35d07f;
  --warning:#f2c45c;
  --danger:#ff6678;
  --shadow:0 22px 60px rgba(0,0,0,.28);
  --radius:18px;
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 85% 0%,rgba(36,169,255,.12),transparent 30%),
    radial-gradient(circle at 25% 100%,rgba(25,211,189,.08),transparent 34%),
    var(--bg);
  color:var(--text)
}
button,input,select{font:inherit}
a{color:inherit}
.vrs-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}
.vrs-sidebar{
  position:sticky;top:0;height:100vh;padding:24px 17px;
  background:linear-gradient(180deg,#0d1927 0%,#09131f 100%);
  border-right:1px solid var(--line)
}
.vrs-brand{display:flex;align-items:center;gap:13px;padding:4px 8px 26px}
.vrs-brand-mark{
  width:46px;height:46px;border-radius:14px;display:grid;place-items:center;
  font-size:22px;font-weight:900;color:#04131a;
  background:linear-gradient(135deg,var(--accent),#71f0de);
  box-shadow:0 12px 30px rgba(25,211,189,.2)
}
.vrs-brand strong{display:block;font-size:17px;letter-spacing:.02em}
.vrs-brand span{display:block;color:var(--muted);font-size:11px;margin-top:2px;letter-spacing:.14em}
.vrs-nav-label{padding:0 11px 9px;color:#63778e;font-size:10px;font-weight:900;letter-spacing:.15em}
.vrs-nav{display:flex;flex-direction:column;gap:5px}
.vrs-nav a{
  display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:11px;
  text-decoration:none;color:#b4c2d2;font-size:14px;font-weight:720;border:1px solid transparent
}
.vrs-nav a:hover{background:rgba(255,255,255,.035);color:#fff}
.vrs-nav a.active{background:linear-gradient(90deg,rgba(25,211,189,.15),rgba(36,169,255,.07));color:#fff;border-color:rgba(25,211,189,.19)}
.vrs-nav-icon{width:21px;text-align:center;color:var(--accent)}
.vrs-sidebar-foot{position:absolute;bottom:22px;left:25px;right:25px;color:#64788f;font-size:11px}
.vrs-main{min-width:0;padding:27px 31px 48px}
.vrs-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}
.vrs-heading small{display:block;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.17em;margin-bottom:6px}
.vrs-heading h1{margin:0;font-size:29px;letter-spacing:-.025em}
.vrs-heading p{margin:7px 0 0;color:var(--muted);font-size:14px}
.vrs-top-actions{display:flex;align-items:center;gap:11px}
.vrs-radio-select{
  display:flex;align-items:center;gap:10px;padding:8px 9px 8px 13px;
  background:rgba(13,25,39,.9);border:1px solid var(--line);border-radius:13px;
  box-shadow:0 10px 30px rgba(0,0,0,.15)
}
.vrs-radio-select label{font-size:10px;font-weight:900;color:#7890a8;letter-spacing:.12em}
.vrs-radio-select select{min-width:225px;color:#fff;background:#142438;border:1px solid #29415a;border-radius:9px;padding:9px 34px 9px 11px;outline:none;font-weight:750}
.vrs-radio-select select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(25,211,189,.1)}
.vrs-back{
  display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:11px;
  border:1px solid var(--line);background:var(--surface);text-decoration:none;color:#dbe5ef;font-size:13px;font-weight:800
}
.vrs-back:hover{border-color:rgba(36,169,255,.45)}
.vrs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:18px}
.vrs-stat,.vrs-panel{background:linear-gradient(145deg,rgba(17,31,48,.96),rgba(11,23,36,.97));border:1px solid var(--line);box-shadow:var(--shadow)}
.vrs-stat{border-radius:15px;padding:18px}
.vrs-stat-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.vrs-stat-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(25,211,189,.1);color:var(--accent);font-size:18px}
.vrs-badge{font-size:10px;font-weight:900;letter-spacing:.07em;color:var(--success);background:rgba(53,208,127,.1);border:1px solid rgba(53,208,127,.2);padding:5px 7px;border-radius:999px}
.vrs-stat small{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}
.vrs-stat strong{display:block;font-size:14px;line-height:1.5;word-break:break-word}
.vrs-panel{border-radius:var(--radius);padding:24px}
.vrs-panel-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}
.vrs-panel-title h2{margin:0;font-size:18px}
.vrs-panel-title p{margin:5px 0 0;color:var(--muted);font-size:13px}
.vrs-drop{
  border:1.5px dashed #34526f;border-radius:16px;min-height:260px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:30px;cursor:pointer;transition:.2s;background:rgba(6,16,27,.5)
}
.vrs-drop:hover,.vrs-drop.drag{border-color:var(--accent);background:rgba(25,211,189,.045);box-shadow:inset 0 0 0 1px rgba(25,211,189,.08)}
.vrs-upload-icon{width:65px;height:65px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(25,211,189,.15),rgba(36,169,255,.1));font-size:29px;color:var(--accent);margin-bottom:8px}
.vrs-drop h3{margin:10px 0 6px;font-size:18px}
.vrs-drop p{margin:0;color:var(--muted);font-size:13px}
.vrs-drop input{display:none}
.vrs-file{margin-top:17px;min-height:20px;color:#9ceee4;font-weight:800;font-size:13px}
.vrs-actions{display:flex;justify-content:flex-end;gap:11px;flex-wrap:wrap;margin-top:18px}
.vrs-btn{border:0;border-radius:11px;padding:12px 16px;font-weight:850;cursor:pointer;transition:.18s;letter-spacing:.015em}
.vrs-btn:hover:not(:disabled){transform:translateY(-1px)}
.vrs-btn-primary{color:#04161b;background:linear-gradient(135deg,var(--accent),#67ecdd);box-shadow:0 10px 25px rgba(25,211,189,.18)}
.vrs-btn-secondary{color:#e5edf5;background:#1a2d42;border:1px solid #2e4861}
.vrs-btn:disabled{opacity:.42;cursor:not-allowed}
.vrs-status{display:none;margin-top:17px;padding:14px 16px;border-radius:11px;white-space:pre-wrap;font-size:13px}
.vrs-status.ok{display:block;background:rgba(53,208,127,.09);border:1px solid rgba(53,208,127,.28);color:#b8f2d0}
.vrs-status.err{display:block;background:rgba(255,102,120,.09);border:1px solid rgba(255,102,120,.27);color:#ffc2c9}
.vrs-status.info{display:block;background:rgba(36,169,255,.08);border:1px solid rgba(36,169,255,.25);color:#bfddf3}
.vrs-note{display:flex;gap:10px;margin-top:17px;color:#d9bd79;font-size:12px;line-height:1.55}
@media(max-width:960px){
  .vrs-shell{grid-template-columns:1fr}.vrs-sidebar{position:static;height:auto;padding:14px 17px}.vrs-brand{padding-bottom:13px}.vrs-nav{flex-direction:row;overflow:auto}.vrs-nav a{white-space:nowrap}.vrs-sidebar-foot{display:none}.vrs-main{padding:22px}.vrs-grid{grid-template-columns:1fr}.vrs-topbar{align-items:flex-start;flex-direction:column}.vrs-top-actions{width:100%;flex-wrap:wrap}.vrs-radio-select{flex:1}.vrs-radio-select select{min-width:0;width:100%}
}
@media(max-width:560px){.vrs-main{padding:17px}.vrs-panel{padding:17px}.vrs-top-actions,.vrs-radio-select{width:100%}.vrs-back{width:100%;justify-content:center}.vrs-actions{flex-direction:column}.vrs-btn{width:100%}}