:root{--bg:#0b111a;--panel:#111a27;--panel2:#172334;--line:#26354a;--text:#f4f7fb;--muted:#8fa1b8;--red:#ef3340;--green:#27c983;--orange:#f5a524;--blue:#4f8cff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% -10%,#21344f 0,transparent 34%),var(--bg);color:var(--text);font:14px Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px;border-right:1px solid var(--line);background:rgba(11,17,26,.92);backdrop-filter:blur(18px);display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--text);padding:0 8px 22px}.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#ff4652,#b50f22);display:grid;place-items:center;font-size:18px;font-weight:900;box-shadow:0 10px 30px #ef334044}.brand b{display:block;font-size:17px}.brand small{color:var(--muted)}.server-mini{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--panel);padding:13px;border-radius:14px;margin-bottom:20px}.server-mini b,.server-mini small{display:block}.server-mini small{color:var(--muted);margin-top:3px}.pulse,.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #27c98318}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:11px;color:#aebdd0;text-decoration:none;transition:.2s}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,#ef33401d,#4f8cff0d);color:#fff}.sidebar nav a.active{border:1px solid #ef33404c}.sidebar nav i{width:20px;text-align:center;font-style:normal}.logout{margin-top:auto;width:100%;border:1px solid var(--line);background:var(--panel);color:#d7e2ef;padding:12px;border-radius:11px}.main{min-width:0}.topbar{padding:28px 34px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.topbar small,.eyebrow,.card-head small,.metric small,.summary-grid small{letter-spacing:.14em;color:#758aa5;font-weight:800;font-size:10px}.topbar h1{margin:5px 0 0;font-size:27px}.top-status{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:99px;background:var(--panel)}.content{padding:28px 34px 60px;max-width:1600px;margin:auto}.hero-card{display:flex;justify-content:space-between;align-items:center;padding:26px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#172435,#111a27);box-shadow:0 22px 70px #0004}.hero-card h2{font-size:27px;margin:7px 0}.hero-card p{color:var(--muted);margin:0}.hero-actions{display:flex;gap:9px}button{cursor:pointer;border:0;border-radius:10px;padding:11px 15px;font-weight:750;color:white;background:#263750}button:disabled{opacity:.45;cursor:not-allowed}.success{background:var(--green)}.warning{background:var(--orange)}.danger{background:var(--red)}.primary{background:linear-gradient(135deg,#ef3340,#c9162b)}.ghost{border:1px solid var(--line);background:#182638}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.metric,.summary-grid article{min-height:140px;border:1px solid var(--line);background:linear-gradient(145deg,#172435,#111a27);border-radius:18px;padding:18px;display:flex;align-items:center;gap:16px}.metric h3{margin:7px 0 4px;font-size:20px}.metric p,.muted{color:var(--muted);margin:0}.ring{--value:0;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--red) calc(var(--value)*1%),#26364a 0);position:relative;flex:0 0 auto}.ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#111a27}.ring span{position:relative;font-size:13px}.ring b{font-size:22px}.metric.compact{display:flex}.metric-icon{font-size:28px;width:55px;height:55px;border-radius:15px;display:grid;place-items:center;background:#223248}.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.card{border:1px solid var(--line);background:linear-gradient(145deg,#172435,#111a27);border-radius:18px;padding:20px;box-shadow:0 18px 55px #0002}.card h3{margin:0 0 15px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card-head h3{margin:4px 0 0}.console{height:390px;overflow:auto;background:#070c12;border:1px solid #253449;border-radius:14px;padding:16px;color:#7effb6;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.console-note{color:var(--muted);font-size:12px;margin-top:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:grid;gap:7px;color:#a9b9cc;font-size:12px}.form-grid input,.form-grid select{width:100%;background:#0c1520;border:1px solid var(--line);color:#fff;border-radius:10px;padding:12px;outline:none}.form-grid input:focus,.form-grid select:focus{border-color:#ef3340}.wide{grid-column:1/-1}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.summary-grid article{display:grid;min-height:115px}.summary-grid b{font-size:24px}.summary-grid span{color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{font-size:10px;letter-spacing:.11em;color:#7890aa;text-align:left;padding:12px;border-bottom:1px solid var(--line)}td{padding:14px 12px;border-bottom:1px solid #26354a99;color:#d8e2ef}code{color:#9fc4ff}.empty{text-align:center;color:var(--muted);padding:35px}.alert{padding:13px 15px;border-radius:11px;margin:0 0 15px;background:#4f8cff22;border:1px solid #4f8cff55}.alert.error{background:#ef334020;border-color:#ef334060}.hidden{display:none}.plugin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.plugin{border:1px solid var(--line);background:linear-gradient(145deg,#172435,#111a27);border-radius:17px;padding:20px}.plugin>span{color:#718aa7;font-size:10px;letter-spacing:.13em}.plugin h3{font-size:19px}.plugin p{min-height:42px;color:var(--muted)}.plugin>div{display:flex;justify-content:space-between;margin:17px 0}.badge{padding:6px 9px;border-radius:99px;background:#26364a}.badge.on{color:#8bffc4;background:#27c98318}.folder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.folder-grid a{padding:24px;border:1px solid var(--line);border-radius:13px;color:#fff;text-decoration:none;background:#111c2a}.stack{display:flex;gap:10px}.credentials{display:grid;gap:10px}.credentials span{display:flex;justify-content:space-between;padding:11px;background:#111c2a;border-radius:9px}.list{display:grid;gap:9px}.list article{display:flex;justify-content:space-between;align-items:center;padding:13px;background:#111c2a;border-radius:11px}.list small{display:block;color:var(--muted);margin-top:3px}.ban-tabs{display:flex;gap:8px}.ban-tabs button.active{background:var(--red)}.chart-placeholder{min-height:160px;display:grid;place-items:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.dots{padding:7px 10px}.ban-list{color:var(--muted);margin-top:16px}@media(max-width:1100px){.metric-grid,.summary-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.plugin-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar nav{grid-template-columns:1fr 1fr}.main{width:100%}.topbar,.content{padding-left:18px;padding-right:18px}.hero-card{align-items:flex-start;gap:18px;flex-direction:column}.metric-grid,.summary-grid,.plugin-grid,.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}}

/* HostOyun Panel V5 refinements */
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 45%,rgba(239,51,64,.025) 46% 47%,transparent 48%);z-index:-1}.sidebar{box-shadow:20px 0 60px rgba(0,0,0,.18)}.topbar{background:rgba(11,17,26,.72);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.hero-card{overflow:hidden;position:relative}.hero-card:after{content:"HO";position:absolute;right:20px;bottom:-46px;font-size:140px;font-weight:900;color:rgba(255,255,255,.025);pointer-events:none}.metric{transition:transform .2s,border-color .2s}.metric:hover,.card:hover{border-color:#344861}.metric:hover{transform:translateY(-2px)}.console{min-height:390px;max-height:500px;border:1px solid #25364d;background:#070b11;box-shadow:inset 0 0 40px #0008}.map-switch{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;padding:14px;border:1px solid var(--line);border-radius:14px;background:#0d1520;margin-bottom:8px}.map-switch label{display:grid;gap:7px;color:#aebdd0;font-weight:700}.map-switch select,.form-grid input,.form-grid select{width:100%;background:#0b121c;color:#fff;border:1px solid #2b3b51;border-radius:10px;padding:12px;outline:none}.map-switch select:focus,.form-grid input:focus,.form-grid select:focus{border-color:#ef3340;box-shadow:0 0 0 3px #ef334018}.map-note{font-size:12px;margin:0 0 18px}.settings-form{padding-top:16px;border-top:1px solid var(--line)}.player-name{display:flex;align-items:center;gap:8px}.player-name em{font-style:normal;font-size:9px;font-weight:900;letter-spacing:.08em;padding:3px 6px;border-radius:99px;background:#f5a52422;color:#ffc45d}.player-dot{width:8px;height:8px;border-radius:50%}.player-dot.human{background:#27c983;box-shadow:0 0 0 4px #27c98318}.player-dot.bot{background:#f5a524}.team,.ping{display:inline-flex;padding:5px 8px;border-radius:8px;font-size:11px;font-weight:800}.team.t{background:#efb33620;color:#ffc45d}.team.ct{background:#4f8cff20;color:#83adff}.team.spectator{background:#8fa1b820;color:#b8c5d5}.ping.good{background:#27c9831b;color:#55e7a4}.ping.mid{background:#f5a5241b;color:#ffc45d}.ping.bad{background:#ef33401b;color:#ff7580}.summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.summary-grid article b{font-size:26px}.alert.success{border-color:#27c98355;background:#27c98312;color:#78efb8}@media(max-width:1100px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar nav{grid-template-columns:repeat(2,1fr)}.topbar,.content{padding-left:18px;padding-right:18px}.hero-card{align-items:flex-start;gap:18px}.hero-actions{flex-wrap:wrap}.metric-grid,.two-col,.summary-grid{grid-template-columns:1fr}.map-switch{grid-template-columns:1fr}.table-wrap{overflow:auto}}

.password-field{
  display:flex;
  align-items:center;
  gap:8px;
}

.password-field input{
  flex:1;
  min-width:0;
}

.password-field .password-toggle{
  flex:0 0 auto;
  min-width:72px;
  padding:10px 12px;
}

.form-grid label > small{
  display:block;
  margin-top:6px;
  color:var(--muted,#8e98aa);
  font-size:12px;
}