:root{color-scheme:dark;--bg:#05070b;--side:#0b1017;--panel:#111923;--panel2:#0a1119;--soft:#172333;--line:#263648;--line2:#3a5874;--text:#f8fbff;--muted:#9eb0c2;--blue:#1887ff;--blue2:#1060bf;--green:#26d07c;--red:#ff3d4f;--red2:#a90f22;--yellow:#e0b64b;--violet:#8b6dff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(24,135,255,.2),transparent 30%),radial-gradient(circle at 95% 12%,rgba(38,208,124,.12),transparent 28%),linear-gradient(135deg,#07101a,#05070b 58%,#0a1017);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px}a{color:inherit}
.app-shell{min-height:100vh;display:grid;grid-template-columns:286px 1fr}.sidebar{background:linear-gradient(180deg,rgba(13,20,30,.98),rgba(7,11,17,.98));border-right:1px solid rgba(255,255,255,.08);padding:18px;display:flex;flex-direction:column;gap:20px;position:sticky;top:0;height:100vh}.brand{height:62px;display:flex;gap:12px;align-items:center;text-decoration:none}.brand-mark{width:46px;height:46px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),#0e253b);border:1px solid #4d87b6;box-shadow:0 12px 36px rgba(24,135,255,.25);font-weight:950}.brand b{font-size:19px}.brand small,.topbar small,.card small,td small{display:block;color:var(--muted);font-size:12px}.sidebar nav{display:grid;gap:6px}.sidebar nav a,.logout{padding:11px 12px;text-decoration:none;border:1px solid transparent;font-weight:850;color:#e3edf8}.sidebar nav a:hover{background:#172231;border-color:var(--line2)}.nav-label{margin:14px 0 4px;color:#6f8499;font-size:11px;text-transform:uppercase;font-weight:950}.sidebar-footer{margin-top:auto;border:1px solid var(--line);background:linear-gradient(180deg,#111a26,#0b1119);padding:12px;display:grid;gap:8px}
.main{padding:28px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.topbar h1{margin:3px 0 0;font-size:30px;letter-spacing:0}.button,button{border:1px solid #365878;background:#142235;color:var(--text);min-height:38px;padding:0 13px;font-weight:900;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.button:hover,button:hover{border-color:#5b83a8}.button.primary,button.primary{background:linear-gradient(180deg,var(--blue),var(--blue2));border-color:var(--blue);box-shadow:0 10px 28px rgba(24,135,255,.25)}.button.ghost{background:transparent}.button.danger,button.danger{background:linear-gradient(180deg,#e45c5c,#ac3030);border-color:#e45c5c}.button.full{width:100%}.button.tiny,button.tiny{min-height:31px;padding:0 10px;font-size:12px}
.flash{border:1px solid rgba(38,208,124,.55);background:rgba(38,208,124,.12);padding:12px 14px;margin-bottom:18px}.flash.bad{border-color:rgba(224,82,82,.55);background:rgba(224,82,82,.12)}
.hero-panel,.card,.auth-card{border:1px solid var(--line);background:rgba(17,25,35,.9);box-shadow:0 18px 50px rgba(0,0,0,.24);padding:22px;margin-bottom:20px}.hero-panel{display:grid;grid-template-columns:1fr 270px;gap:22px;align-items:center;background:linear-gradient(135deg,rgba(24,135,255,.2),rgba(17,25,35,.94) 52%,rgba(38,208,124,.08))}.hero-panel h2{font-size:38px;line-height:1.05;max-width:820px;margin:8px 0 12px}.hero-panel p,.card p{color:var(--muted);line-height:1.58}.eyebrow{color:#75c8ff;text-transform:uppercase;font-size:12px;font-weight:950}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.hero-stats{display:grid;grid-template-columns:1fr;gap:12px}.hero-stats b,.stats b{font-size:34px}.hero-stats span,.stats span{color:var(--muted)}
.catalog{display:grid;gap:18px}.game-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(17,25,35,.96),rgba(9,15,23,.98));display:grid;grid-template-columns:240px 1fr;min-height:260px;overflow:hidden;box-shadow:0 20px 52px rgba(0,0,0,.22)}.game-media{position:relative;min-height:240px;background:linear-gradient(135deg,rgba(24,135,255,.24),rgba(139,109,255,.17) 48%,rgba(38,208,124,.18));background-size:cover;background-position:center;display:grid;place-items:center}.game-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55))}.game-media span{position:relative;z-index:1;border:1px solid rgba(255,255,255,.25);background:rgba(4,8,13,.65);padding:14px 16px;font-weight:950;font-size:30px;letter-spacing:.03em}.game-body{padding:20px;display:grid;gap:16px}.game-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.game-head h2{margin:2px 0 0;font-size:28px}.game-head b{white-space:nowrap;color:#d9efff}.trust-row{display:flex;gap:8px;flex-wrap:wrap}.trust-row span{border:1px solid rgba(38,208,124,.35);background:rgba(38,208,124,.11);color:#bff4d8;padding:6px 9px;font-size:12px;font-weight:900}.public-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.public-plan{border:1px solid rgba(255,255,255,.1);background:#0a1018;padding:13px;display:grid;gap:9px}.public-plan strong{font-size:16px}.public-plan textarea{min-height:56px}.empty-note{border:1px dashed var(--line2);padding:16px;color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:13px;margin-bottom:20px}.stats div{border:1px solid var(--line);background:rgba(17,25,35,.82);padding:17px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:20px}.dash-card{border:1px solid var(--line);background:linear-gradient(180deg,#121d2a,#0d141e);padding:18px;text-decoration:none}.dash-card.highlight-card{border-color:rgba(255,61,79,.42);background:linear-gradient(135deg,rgba(255,61,79,.18),rgba(24,135,255,.12) 56%,rgba(39,217,122,.08));box-shadow:0 20px 60px rgba(255,61,79,.12)}.dash-card b{font-size:18px}.dash-card span{display:block;color:var(--muted);margin-top:7px;line-height:1.45}.dash-card:hover{border-color:var(--blue)}
.grid.two{display:grid;grid-template-columns:minmax(320px,.75fr) 1fr;gap:20px}.wide{overflow:hidden}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.plan{border:1px solid var(--line);background:var(--panel2);padding:18px;display:grid;gap:10px}.plan h3{margin:0;font-size:22px}.price{font-size:26px;font-weight:950}.price span{font-size:13px;color:var(--muted)}ul{margin:0;padding-left:18px;color:var(--muted)}
.form{display:grid;gap:12px}.form label,.plan input,.plan select,.plan textarea{display:grid;gap:6px;color:var(--muted);font-weight:850}input,select,textarea{width:100%;background:#080e16;border:1px solid #2a3c50;color:var(--text);min-height:38px;padding:9px 10px;font:inherit}textarea{min-height:78px;resize:vertical}input:focus,select:focus,textarea:focus{outline:1px solid var(--blue);border-color:var(--blue)}
table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid rgba(255,255,255,.08);padding:12px;text-align:left;vertical-align:top}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.02em}.admin-table tr:hover td{background:rgba(255,255,255,.025)}.badge{display:inline-flex;border:1px solid rgba(117,200,255,.35);background:rgba(24,135,255,.12);padding:5px 8px;font-size:12px;font-weight:900}.inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.inline input,.inline select{width:auto;min-width:112px}.stacked{display:grid;gap:8px}.mini-form input,.mini-form select,.mini-form textarea{min-height:34px;font-size:13px}.danger-zone{margin-top:8px}.auth-card{max-width:460px}.auth-card h2{margin-top:0}.feature-card{background:linear-gradient(160deg,rgba(24,135,255,.13),rgba(17,25,35,.95),rgba(224,182,75,.08))}.game-mini{display:grid;grid-template-columns:82px 1fr;gap:10px;align-items:start}.game-thumb{width:82px;height:58px;border:1px solid var(--line2);background:linear-gradient(135deg,rgba(24,135,255,.23),rgba(38,208,124,.13));background-size:cover;background-position:center;display:grid;place-items:center;font-weight:950}.edit-details{margin-top:8px}.edit-details summary{cursor:pointer;color:#b9dafb;font-weight:900;margin-bottom:8px}
.bad-badge{border-color:rgba(224,82,82,.55);background:rgba(224,82,82,.14);color:#ffd0d0}.health-bar{position:relative;height:28px;border:1px solid var(--line);background:#060b12;min-width:160px;overflow:hidden}.health-bar span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,rgba(38,208,124,.7),rgba(24,135,255,.75))}.health-bar.warn span{background:linear-gradient(90deg,rgba(224,182,75,.8),rgba(24,135,255,.55))}.health-bar.danger span{background:linear-gradient(90deg,rgba(224,82,82,.86),rgba(224,182,75,.55))}.health-bar b{position:relative;z-index:1;display:grid;place-items:center;height:100%;font-size:12px}
.code-block{background:#05090e;border:1px solid #203246;padding:14px;white-space:pre-wrap;color:#bfe6ff;line-height:1.55;overflow:auto}
.split-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.split-head h2{margin:0}.split-head p{margin:5px 0 0}.template-card{display:grid;gap:12px}.template-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.template-card .code-block{font-size:12px;margin:0}
.service-hero{border:1px solid var(--line);background:linear-gradient(135deg,rgba(24,135,255,.18),rgba(17,25,35,.96) 55%,rgba(38,208,124,.12));padding:24px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:18px}.service-hero h2{font-size:34px;margin:5px 0 9px}.service-hero p{color:var(--muted);margin:0}.power-pill{border:1px solid var(--line2);background:#101824;padding:12px 15px;font-weight:950;text-transform:uppercase}.power-pill.running{border-color:rgba(38,208,124,.6);background:rgba(38,208,124,.13);color:#bff4d8}.power-pill.stopped,.power-pill.error{border-color:rgba(224,82,82,.55);background:rgba(224,82,82,.12);color:#ffd0d0}.power-pill.restarting,.power-pill.installing,.power-pill.unknown{border-color:rgba(224,182,75,.55);background:rgba(224,182,75,.12);color:#ffe7a8}.service-grid{display:grid;grid-template-columns:minmax(320px,.8fr) 1fr;gap:20px}.control-row{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 18px}.info-grid,.credential-box{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px}.info-grid div,.credential-box div{border:1px solid var(--line);background:#0a1018;padding:13px}.info-grid b,.credential-box b{display:block;font-size:18px;word-break:break-word}.info-grid span,.credential-box span{color:var(--muted);font-size:12px}.credential-box{margin-top:10px}.wide-cred{grid-column:1/-1}.console-card pre{background:#05090e;border:1px solid #203246;min-height:180px;max-height:340px;overflow:auto;margin:0;padding:16px;white-space:pre-wrap;color:#bfe6ff;line-height:1.55}
.service-status-board{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:20px}.service-status-board div,.queue-strip{border:1px solid rgba(82,199,255,.16);background:linear-gradient(180deg,rgba(12,19,29,.95),rgba(5,9,15,.96));padding:14px;border-radius:8px}.service-status-board span{display:block;color:var(--muted);font-size:12px;font-weight:950;text-transform:uppercase}.service-status-board b{display:block;font-size:20px;margin:5px 0;word-break:break-word}.service-status-board small{color:#9bc8eb}.queue-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;border-color:rgba(224,182,75,.46);background:linear-gradient(135deg,rgba(224,182,75,.13),rgba(10,16,24,.96))}.queue-strip b{display:block;font-size:18px}.queue-strip span{color:var(--muted)}.text-ok{color:#a9f7d2}.text-warn{color:#ffe2a8}.badge.running,.badge.queued{border-color:rgba(224,182,75,.52);background:rgba(224,182,75,.13);color:#ffe7a8}.action-timeline{max-height:620px;overflow:auto}.timeline-list{display:grid;gap:10px}.timeline-list article{border:1px solid rgba(82,199,255,.13);background:rgba(5,9,15,.66);padding:12px;border-radius:8px}.timeline-list article.done{border-color:rgba(38,208,124,.26)}.timeline-list article.failed{border-color:rgba(255,61,79,.36)}.timeline-list article.running,.timeline-list article.queued{border-color:rgba(224,182,75,.4)}.timeline-list div{display:flex;align-items:center;justify-content:space-between;gap:10px}.timeline-list b{font-size:15px}.timeline-list span,.timeline-list small{color:var(--muted);font-size:12px}.timeline-list p{margin:8px 0;color:#d8eaff}
.file-tools{display:grid;grid-template-columns:minmax(180px,.65fr) 1fr;gap:12px;margin:12px 0 16px}.file-tools form{border:1px solid var(--line);background:#090f17;padding:12px;display:grid;gap:8px}.file-tools h3{margin:0;font-size:15px}.file-tools textarea{min-height:112px;font-family:Consolas,monospace;font-size:12px}
.webftp-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.file-breadcrumbs{display:flex;gap:6px;flex-wrap:wrap}.file-breadcrumbs a{border:1px solid rgba(82,199,255,.16);background:rgba(5,9,15,.72);padding:7px 10px;border-radius:7px;text-decoration:none;font-weight:900;color:#d9f3ff}.file-breadcrumbs a:hover{border-color:rgba(82,199,255,.42)}.webftp-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);gap:16px;align-items:start}.file-browser,.file-editor{border:1px solid rgba(82,199,255,.13);background:rgba(5,9,15,.62);padding:14px;border-radius:8px}.file-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.folder-form{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);padding:12px;margin-bottom:0}.folder-form h3,.file-editor h3{margin:0 0 8px}.file-table{font-size:13px}.file-table b{word-break:break-word}.file-table td:first-child{min-width:260px}.file-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.file-actions form{display:inline-flex}.editor-form{display:grid;gap:10px}.editor-form textarea{min-height:390px;font-family:Consolas,Menlo,monospace;font-size:13px;line-height:1.45;white-space:pre;overflow:auto;resize:vertical}.file-editor p{margin-top:0}.quick-file-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.copy-btn{margin-top:8px;min-height:28px}
.client-service-grid{display:grid;gap:14px}.client-service-card{border:1px solid rgba(82,199,255,.14);background:linear-gradient(135deg,rgba(18,28,42,.95),rgba(7,11,18,.98));padding:16px;border-radius:8px;display:grid;gap:14px}.client-service-card:hover{border-color:rgba(82,199,255,.34)}.client-service-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.client-service-head h3{font-size:22px;margin:4px 0 0}.client-service-head .power-pill{padding:8px 10px;font-size:12px}.service-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:9px}.service-mini-grid div{border:1px solid rgba(255,255,255,.08);background:rgba(4,8,14,.72);padding:11px;border-radius:8px}.service-mini-grid b{display:block;font-size:15px;word-break:break-word}.service-mini-grid span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.installer-table textarea{min-width:220px;min-height:120px;font-family:Consolas,monospace;font-size:12px}.installer-table .code-textarea{min-width:360px;min-height:180px}.installer-table td{min-width:150px}
@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.main{padding:18px}.hero-panel,.grid.two,.game-card,.service-grid{grid-template-columns:1fr}.service-status-board{grid-template-columns:repeat(2,minmax(150px,1fr))}.queue-strip{align-items:flex-start;flex-direction:column}.service-hero{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:repeat(2,1fr)}table{display:block;overflow:auto}.topbar{align-items:flex-start;flex-direction:column}.inline input,.inline select{width:100%}.game-media{min-height:180px}}
@media(max-width:620px){.main{padding:14px}.hero-panel h2{font-size:30px}.game-head{display:grid}.game-head b{white-space:normal}.public-plans{grid-template-columns:1fr}.stats,.service-status-board{grid-template-columns:1fr}.sidebar{padding:14px}.topbar h1{font-size:25px}}
.is-guest{background:radial-gradient(circle at 18% 4%,rgba(255,61,79,.22),transparent 27%),radial-gradient(circle at 88% 9%,rgba(24,135,255,.18),transparent 31%),linear-gradient(135deg,#08090d,#110b10 52%,#05070b)}.is-guest .app-shell{display:block}.is-guest .sidebar{display:none}.is-guest .main{max-width:1240px;margin:0 auto;padding:28px}.is-guest .topbar{border:1px solid rgba(255,255,255,.09);background:rgba(9,14,21,.72);padding:14px 16px}.is-guest .topbar h1{font-size:22px}.is-guest .hero-panel{border-color:rgba(255,61,79,.35);background:linear-gradient(135deg,rgba(255,61,79,.19),rgba(17,25,35,.94) 50%,rgba(24,135,255,.14))}.is-guest .hero-panel .button.primary,.is-guest .public-plan .button.primary{background:linear-gradient(180deg,var(--red),var(--red2));border-color:var(--red);box-shadow:0 14px 36px rgba(255,61,79,.22)}
.inline-fields{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:10px}.ticket-layout{align-items:start}.ticket-list{display:grid;gap:10px}.ticket-row,.support-card{border:1px solid var(--line);background:linear-gradient(180deg,#101925,#0a1018);padding:13px;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.ticket-row:hover,.support-card:hover{border-color:var(--blue)}.ticket-row b,.support-card b{font-size:15px}.ticket-row small,.support-card small{margin-top:4px}.ticket-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.support-card{display:grid;grid-template-columns:1fr auto auto;align-items:start}.ticket-detail{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.ticket-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;margin-bottom:14px}.ticket-summary-strip div{border:1px solid rgba(82,199,255,.13);background:rgba(5,9,15,.58);padding:12px;border-radius:8px}.ticket-summary-strip b{display:block;font-size:18px}.ticket-summary-strip span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.message-thread{border:1px solid var(--line);background:#070b11;padding:16px;display:grid;gap:14px;max-height:620px;overflow:auto;border-radius:8px}.ticket-message{max-width:82%;border:1px solid var(--line);background:#121a25;padding:14px;border-radius:10px;box-shadow:0 16px 36px rgba(0,0,0,.18)}.ticket-message.mine{margin-left:auto;border-color:rgba(24,135,255,.55);background:linear-gradient(135deg,rgba(24,135,255,.17),rgba(18,26,38,.96))}.ticket-message.staff,.ticket-message.staff-message{border-color:rgba(224,182,75,.48);background:linear-gradient(135deg,rgba(224,182,75,.13),rgba(13,19,29,.97));position:relative}.ticket-message.staff-message:before{content:"OFFICIAL SUPPORT";position:absolute;right:12px;top:10px;color:rgba(255,209,102,.42);font-size:10px;font-weight:950;letter-spacing:.08em}.ticket-message.public.staff-message{max-width:88%}.ticket-message.client-message{border-color:rgba(82,199,255,.16)}.ticket-message-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-right:96px}.ticket-message-head b{font-size:15px}.ticket-message-head small{color:var(--muted)}.ticket-message p{margin:12px 0 0;color:#eef7ff;line-height:1.62}.support-signature{margin-top:16px;border-top:1px solid rgba(255,255,255,.09);padding-top:12px;display:grid;gap:2px}.support-signature span{color:#ffd166;font-size:11px;font-weight:950;text-transform:uppercase}.support-signature b{font-size:16px}.support-signature small{color:#9bc8eb}.reply-box{margin-top:16px}.support-reply-box{border:1px solid rgba(82,199,255,.16);background:linear-gradient(180deg,rgba(12,19,29,.9),rgba(5,9,15,.92));padding:16px;border-radius:8px}.support-reply-box h3{margin:0}.support-reply-box p{margin:4px 0 0}.visibility-pill{min-width:220px}.quick-replies{display:flex;gap:8px;flex-wrap:wrap}.reply-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.reply-actions span{color:var(--muted);font-size:12px}.ticket-side{position:sticky;top:18px}.staff-ticket-form{margin-top:14px}.checkline{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px;color:var(--text)!important}.checkline input{width:auto;min-height:auto}.badge.open,.badge.urgent{border-color:rgba(255,61,79,.55);background:rgba(255,61,79,.14);color:#ffd4da}.badge.answered,.badge.high{border-color:rgba(224,182,75,.55);background:rgba(224,182,75,.13);color:#ffe7a8}.badge.closed,.badge.low{opacity:.72}.badge.normal{border-color:rgba(117,200,255,.35)}
.node-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:18px}.node-card{display:grid;gap:12px}.node-card .form{margin:0}.node-card .health-bar{margin-bottom:6px}.node-onboard p{margin-top:0}.node-card .inline form{display:inline-flex}.node-card small{color:var(--muted)}
.setup-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:14px 0}.setup-steps span{border:1px solid rgba(82,199,255,.18);background:rgba(82,199,255,.07);padding:10px;font-weight:950;color:#d9f3ff}.install-command-card{border-color:rgba(255,61,79,.24)}.install-command-card .code-block{font-size:12px;max-height:340px}.node-actions{display:grid;gap:10px}.quick-install-form{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:8px;align-items:center;border:1px solid rgba(255,61,79,.18);background:rgba(255,61,79,.06);padding:10px}.quick-install-form input{min-height:38px}.quick-install-form button{white-space:nowrap}
.rust-control-grid{align-items:start}.rcon-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;margin:14px 0}.quick-rcon{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.rcon-log-list,.plugin-list{display:grid;gap:10px;max-height:420px;overflow:auto;padding-right:4px}.rcon-log-list article,.plugin-list article{border:1px solid rgba(82,199,255,.13);background:rgba(4,8,14,.72);padding:12px}.rcon-log-list article span,.plugin-list article span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.rcon-log-list pre{white-space:pre-wrap;max-height:160px;overflow:auto;background:#05080d;border:1px solid rgba(255,255,255,.08);padding:10px}.plugin-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.plugin-list p{margin:6px 0 0}
@media(max-width:1100px){.ticket-detail{grid-template-columns:1fr}.ticket-side{position:static}.support-card{grid-template-columns:1fr}.is-guest .main{padding:18px}}
@media(max-width:620px){.inline-fields,.ticket-summary-strip{grid-template-columns:1fr}.ticket-message,.ticket-message.public.staff-message{max-width:100%}.ticket-message-head{display:grid;padding-right:0}.ticket-message.staff-message:before{position:static;display:block;margin-bottom:8px}.ticket-row{align-items:flex-start;flex-direction:column}.is-guest .main{padding:12px}.node-grid{grid-template-columns:1fr}.quick-install-form,.rcon-form,.plugin-list article,.webftp-layout,.service-mini-grid,.file-tool-grid{grid-template-columns:1fr}.client-service-head{display:grid}.editor-form textarea{min-height:280px}}

/* Pro shell redesign layer */
.sidebar{width:286px;overflow:auto;scrollbar-width:thin}.side-nav{display:grid;gap:5px}.side-nav a{position:relative;border-radius:0}.side-nav a.active{background:linear-gradient(90deg,rgba(255,61,79,.22),rgba(24,135,255,.11));border-color:rgba(255,255,255,.12);color:#fff}.side-nav a.active:before{content:"";position:absolute;left:-1px;top:8px;bottom:8px;width:3px;background:var(--red)}.nav-group{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);margin:5px 0}.nav-group summary{cursor:pointer;list-style:none;padding:10px 12px;font-weight:950;color:#d6e8f8}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:"+";float:right;color:var(--muted)}.nav-group[open] summary:after{content:"-"}.nav-group a{display:block;margin:4px 7px;padding:9px 10px;font-size:13px}.sidebar-footer{box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.topbar{border:1px solid rgba(255,255,255,.08);background:rgba(9,14,21,.58);padding:14px 16px}.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.role-pill{border:1px solid rgba(255,61,79,.42);background:rgba(255,61,79,.12);padding:9px 11px;font-weight:950;text-transform:uppercase;font-size:12px;color:#ffd7dc}.button,button,input,select,textarea,.card,.auth-card,.hero-panel,.dash-card,.stats div,.plan,.service-hero,.public-plan,.game-card,.market-card,.category-rail a{border-radius:10px}.button,button{border-radius:8px}
.is-guest .main{max-width:1320px}.market-hero{border:1px solid rgba(255,255,255,.11);background:linear-gradient(135deg,rgba(255,61,79,.23),rgba(15,22,32,.95) 46%,rgba(24,135,255,.15));box-shadow:0 28px 70px rgba(0,0,0,.35);padding:34px;margin-bottom:18px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:end}.market-hero h2{font-size:46px;line-height:1.02;margin:8px 0 12px;max-width:760px}.market-hero p{color:#c7d8e8;font-size:16px;line-height:1.55;max-width:720px}.market-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.market-stats{display:grid;grid-template-columns:1fr;gap:10px}.market-stats div{border:1px solid rgba(255,255,255,.1);background:rgba(5,8,13,.52);padding:17px}.market-stats b{display:block;font-size:34px}.market-stats span{color:var(--muted)}
.category-rail{position:sticky;top:12px;z-index:4;border:1px solid rgba(255,255,255,.1);background:rgba(7,11,17,.88);backdrop-filter:blur(14px);padding:10px;display:flex;gap:8px;overflow:auto;margin-bottom:18px}.category-rail a{white-space:nowrap;text-decoration:none;border:1px solid rgba(255,255,255,.09);background:#111a26;padding:10px 12px;font-weight:950}.category-rail a span{display:inline-grid;place-items:center;margin-left:7px;min-width:22px;height:22px;border-radius:99px;background:rgba(255,61,79,.2);color:#ffdce0;font-size:12px}.category-rail a:hover{border-color:rgba(255,61,79,.48)}
.market-catalog{display:grid;gap:22px}.market-section{border:1px solid rgba(255,255,255,.09);background:rgba(11,16,24,.72);padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.22)}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.section-head h2{font-size:26px;margin:3px 0 5px}.section-head p{margin:0;color:var(--muted)}.market-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:14px}.market-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(18,28,41,.97),rgba(9,14,22,.98));padding:16px;display:grid;gap:13px;min-height:255px}.market-card:hover{border-color:rgba(255,61,79,.5);box-shadow:0 18px 44px rgba(0,0,0,.26)}.market-card-head{display:flex;align-items:center;gap:12px}.game-badge{width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,61,79,.28),rgba(24,135,255,.18));font-weight:950;font-size:14px}.market-card h3{font-size:20px;margin:2px 0 0}.market-card p{margin:0;color:#b6cadb;line-height:1.45}.market-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.market-meta span{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);padding:7px 9px;font-size:12px;font-weight:900;color:#dcecff}.plan-drawer{margin-top:auto}.plan-drawer summary{cursor:pointer;border:1px solid rgba(255,61,79,.38);background:rgba(255,61,79,.12);padding:10px 12px;font-weight:950}.compact-plans{display:grid;gap:10px;margin-top:10px}.compact-plan{border:1px solid rgba(255,255,255,.1);background:#070c13;padding:11px;display:grid;gap:8px}.compact-plan-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.compact-plan-head span{font-weight:950;color:#ffdce0}
@media(max-width:1100px){.market-hero{grid-template-columns:1fr}.market-stats{grid-template-columns:repeat(3,1fr)}.app-shell{grid-template-columns:1fr}.sidebar{width:auto;max-height:none}.nav-group a{display:inline-flex;margin:4px}.side-nav{display:block}.nav-label{display:block}.market-hero h2{font-size:38px}}
@media(max-width:720px){.market-hero{padding:22px}.market-hero h2{font-size:32px}.market-stats{grid-template-columns:1fr}.section-head{display:grid}.market-section{padding:13px}.market-grid{grid-template-columns:1fr}.category-rail{position:relative;top:auto}.topbar-actions{width:100%}.topbar-actions .button{width:100%}}

/* Ultra gaming polish pass */
:root{--ink:#03060b;--glass:rgba(10,16,25,.78);--hot:#ff2d45;--ice:#52c7ff;--lime:#24f28c;--gold:#ffd166}
body{background:
linear-gradient(115deg,rgba(255,45,69,.09),transparent 28%),
linear-gradient(245deg,rgba(82,199,255,.11),transparent 34%),
repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 82px),
repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0,rgba(255,255,255,.014) 1px,transparent 1px,transparent 82px),
linear-gradient(135deg,#060a10,#090911 48%,#05070b);background-attachment:fixed}
.app-shell{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 240px)}
.sidebar{background:linear-gradient(180deg,rgba(8,13,20,.98),rgba(5,8,13,.985));border-right-color:rgba(82,199,255,.14);box-shadow:18px 0 60px rgba(0,0,0,.22)}
.brand{border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(255,45,69,.13),rgba(82,199,255,.07));padding:8px;height:auto}
.brand-mark{background:linear-gradient(135deg,var(--hot),#861625 48%,#123755);border-color:rgba(255,255,255,.18);box-shadow:0 16px 42px rgba(255,45,69,.2)}
.brand b{letter-spacing:.02em;text-transform:uppercase}.brand small{color:#9ec9f2}
.side-nav a,.nav-group summary{transition:border-color .18s ease,background .18s ease,transform .18s ease}.side-nav a:hover{transform:translateX(2px);background:linear-gradient(90deg,rgba(82,199,255,.12),rgba(255,45,69,.07));border-color:rgba(82,199,255,.24)}.side-nav a.active{box-shadow:inset 0 0 0 1px rgba(255,45,69,.18),0 10px 28px rgba(255,45,69,.08)}
.nav-group{border-color:rgba(82,199,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
.sidebar-footer{border-color:rgba(82,199,255,.14);background:linear-gradient(180deg,rgba(16,25,37,.95),rgba(8,12,18,.98));box-shadow:0 -18px 60px rgba(0,0,0,.18)}
.main{background:linear-gradient(180deg,rgba(7,12,19,.46),transparent 360px)}
.topbar{border-color:rgba(82,199,255,.13);background:linear-gradient(135deg,rgba(15,23,34,.76),rgba(7,11,18,.84));box-shadow:0 18px 58px rgba(0,0,0,.2)}
.topbar h1{text-transform:uppercase;font-size:28px}.topbar small{color:#88cfff;font-weight:950;text-transform:uppercase}
.button,button{border-radius:7px;text-transform:none;letter-spacing:.01em;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.button:hover,button:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(0,0,0,.2)}.button.primary,button.primary{background:linear-gradient(180deg,#2497ff,#0957b4);border-color:#46aaff}.button.danger,button.danger,.is-guest .hero-panel .button.primary,.is-guest .public-plan .button.primary{background:linear-gradient(180deg,var(--hot),var(--red2));border-color:#ff5c70}
.card,.auth-card,.market-section,.market-card,.node-card,.service-hero,.stats div,.dash-card{border-radius:8px;border-color:rgba(82,199,255,.13);background:linear-gradient(180deg,rgba(16,24,36,.92),rgba(7,11,18,.94));box-shadow:0 24px 70px rgba(0,0,0,.24)}
.card:hover,.dash-card:hover,.stats div:hover{border-color:rgba(82,199,255,.27)}
.market-hero{border-radius:8px;position:relative;overflow:hidden;border-color:rgba(255,45,69,.28);background:
linear-gradient(112deg,rgba(255,45,69,.24),rgba(12,19,30,.96) 44%,rgba(82,199,255,.18)),
repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 46px);box-shadow:0 30px 100px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.025) inset}
.market-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 42%,rgba(255,255,255,.08) 43%,transparent 55%);pointer-events:none}
.market-hero>*{position:relative}.market-hero h2{letter-spacing:0;text-transform:uppercase;text-shadow:0 14px 38px rgba(0,0,0,.35)}.market-hero p{color:#d0e6f8}
.market-stats div{border-radius:8px;border-color:rgba(82,199,255,.15);background:rgba(2,6,12,.46)}.market-stats b{color:#fff;text-shadow:0 0 24px rgba(82,199,255,.18)}.market-stats div:first-child b{color:#ffdbe0}.market-stats div:nth-child(2) b{color:#d9f3ff}.market-stats div:nth-child(3) b{color:#d6ffe9}
.category-rail{border-radius:8px;border-color:rgba(82,199,255,.14);background:rgba(4,8,14,.82);box-shadow:0 18px 50px rgba(0,0,0,.2)}.category-rail a{border-radius:7px;background:linear-gradient(180deg,rgba(19,29,43,.94),rgba(8,13,20,.96));border-color:rgba(255,255,255,.08)}.category-rail a:hover{background:linear-gradient(180deg,rgba(255,45,69,.18),rgba(12,18,28,.96));color:#fff}
.section-head h2{text-transform:uppercase}.section-head .badge{border-color:rgba(255,45,69,.42);background:rgba(255,45,69,.11);color:#ffd9de}
.market-card{position:relative;overflow:hidden;border-radius:8px;min-height:245px}.market-card:before{content:"";position:absolute;inset:0;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(255,45,69,.07),transparent 46%,rgba(82,199,255,.06));pointer-events:none}.market-card>*{position:relative}.market-card:hover{transform:translateY(-2px);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.game-badge{border-radius:8px;background:linear-gradient(135deg,var(--hot),#391a3b 50%,#0d5b87);box-shadow:0 12px 28px rgba(255,45,69,.18)}
.market-card small{color:#88cfff}.market-meta span{border-radius:7px}.plan-drawer summary{border-radius:7px;background:linear-gradient(180deg,rgba(255,45,69,.18),rgba(255,45,69,.08));border-color:rgba(255,45,69,.38)}.plan-drawer[open] summary{background:linear-gradient(180deg,rgba(82,199,255,.17),rgba(255,45,69,.1));border-color:rgba(82,199,255,.36)}
.compact-plan{border-radius:8px;background:linear-gradient(180deg,rgba(9,14,22,.98),rgba(4,8,13,.98));border-color:rgba(82,199,255,.13)}
.stats div{position:relative;overflow:hidden}.stats div:before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,var(--hot),var(--ice),var(--lime))}
table{background:rgba(6,10,16,.5);border:1px solid rgba(255,255,255,.07);border-radius:8px;overflow:hidden}th{background:rgba(255,255,255,.035)}td{background:rgba(255,255,255,.01)}
input,select,textarea{border-radius:7px;background:#050a11;border-color:rgba(82,199,255,.16)}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(82,199,255,.11);outline:0}
.flash{border-radius:8px}.badge{border-radius:7px}.health-bar{border-radius:7px}
@media(max-width:720px){.topbar h1{font-size:23px}.market-hero h2{text-transform:none}.brand{padding:7px}.sidebar{box-shadow:none}}

/* Portal presence pass */
.is-guest .topbar{position:sticky;top:14px;z-index:10;border-color:rgba(255,45,69,.22);background:linear-gradient(135deg,rgba(12,18,28,.88),rgba(5,8,14,.92));backdrop-filter:blur(18px);box-shadow:0 22px 70px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.025) inset}
.is-guest .topbar:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--hot),var(--ice),var(--lime));border-radius:8px 8px 0 0}
.is-guest .topbar-actions .button{min-width:120px}.is-guest .topbar-actions .button.primary{background:linear-gradient(180deg,var(--hot),var(--red2));border-color:#ff6a7a;box-shadow:0 12px 34px rgba(255,45,69,.22)}
.market-hero{min-height:390px;align-items:center}.market-hero:after{content:"PANEL";position:absolute;right:-18px;bottom:-42px;font-size:150px;line-height:1;font-weight:950;color:rgba(255,255,255,.035);letter-spacing:.08em;pointer-events:none}.market-actions .button{min-width:138px}
.portal-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:-2px 0 18px}.portal-strip a{position:relative;overflow:hidden;text-decoration:none;border:1px solid rgba(82,199,255,.14);background:linear-gradient(180deg,rgba(15,24,37,.92),rgba(6,10,17,.96));padding:16px;min-height:116px;border-radius:8px;box-shadow:0 18px 55px rgba(0,0,0,.22)}.portal-strip a:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--hot),var(--ice))}.portal-strip a:after{content:"";position:absolute;right:-24px;bottom:-24px;width:92px;height:92px;border:1px solid rgba(82,199,255,.11);transform:rotate(28deg)}.portal-strip b{display:block;font-size:17px;margin-bottom:7px}.portal-strip span{display:block;color:#a9c3d8;line-height:1.45;font-size:13px}.portal-strip a:hover{transform:translateY(-2px);border-color:rgba(255,45,69,.36);box-shadow:0 24px 70px rgba(0,0,0,.3)}
.market-section{position:relative}.market-section:before{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--ice),var(--hot),transparent);opacity:.42}.market-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.market-card h3{text-transform:uppercase}.game-badge{font-size:13px;letter-spacing:.03em}.market-meta span:first-child{border-color:rgba(255,45,69,.22);background:rgba(255,45,69,.08);color:#ffdbe0}.market-meta span:last-child{border-color:rgba(82,199,255,.22);background:rgba(82,199,255,.07)}
.auth-card{margin:40px auto;border-color:rgba(255,45,69,.22);background:linear-gradient(160deg,rgba(255,45,69,.12),rgba(15,23,34,.95) 42%,rgba(82,199,255,.08));box-shadow:0 30px 90px rgba(0,0,0,.38)}.auth-card h2{text-transform:uppercase;font-size:30px}.auth-card .button.primary{background:linear-gradient(180deg,var(--hot),var(--red2));border-color:#ff6a7a}
@media(max-width:1180px){.portal-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.portal-strip{grid-template-columns:1fr}.is-guest .topbar{top:0}.market-hero:after{font-size:84px;right:-12px;bottom:-20px}.is-guest .topbar-actions .button{min-width:0}}
.check-row{display:flex!important;align-items:center;gap:9px;width:auto;color:#d8eaff!important;font-weight:900!important}.check-row input{width:auto;min-height:auto;accent-color:var(--blue)}.check-row.compact{font-size:12px;margin:0}.badge.sent{border-color:rgba(38,208,124,.55);background:rgba(38,208,124,.14);color:#caffdf}.badge.failed{border-color:rgba(255,61,79,.58);background:rgba(255,61,79,.16);color:#ffd4da}.badge.skipped{border-color:rgba(224,182,75,.55);background:rgba(224,182,75,.13);color:#ffe7a8}
.support-mode-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;border:1px solid rgba(224,182,75,.48);background:linear-gradient(135deg,rgba(224,182,75,.17),rgba(11,16,24,.92));padding:12px 14px;border-radius:8px;box-shadow:0 18px 50px rgba(0,0,0,.22)}.support-mode-banner b{color:#ffe7a8}.support-mode-banner span{color:#d8eaff}
.notification-bell{position:relative}.notification-bell summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;border:1px solid rgba(82,199,255,.18);background:rgba(7,12,19,.84);padding:9px 11px;border-radius:8px;font-weight:950}.notification-bell summary::-webkit-details-marker{display:none}.notification-bell summary b{display:grid;place-items:center;min-width:22px;height:22px;border-radius:99px;background:var(--hot);color:#fff;font-size:12px}.notification-menu{position:absolute;right:0;top:calc(100% + 10px);width:360px;max-height:430px;overflow:auto;border:1px solid rgba(82,199,255,.2);background:linear-gradient(180deg,rgba(11,18,28,.98),rgba(5,8,13,.99));box-shadow:0 26px 80px rgba(0,0,0,.42);padding:8px;border-radius:8px;z-index:50}.notification-menu a{display:grid;gap:4px;text-decoration:none;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);padding:11px;border-radius:7px;margin-bottom:7px}.notification-menu a.unread{border-color:rgba(255,45,69,.38);background:linear-gradient(135deg,rgba(255,45,69,.13),rgba(8,13,20,.96))}.notification-menu strong{color:#fff}.notification-menu small{color:#aac8e3;line-height:1.35}.notification-menu em{font-style:normal;color:#6f91ae;font-size:11px}.notification-menu p{margin:8px;color:var(--muted)}.notification-menu .all-link{border-color:rgba(82,199,255,.24);text-align:center;font-weight:950}
.notification-center{display:grid;gap:16px}.notification-hero{display:grid;grid-template-columns:minmax(0,1fr) 130px auto;align-items:center;gap:18px}.notification-hero h2{font-size:34px;margin:5px 0}.notification-count{border:1px solid rgba(82,199,255,.15);background:rgba(4,8,14,.64);padding:14px;border-radius:8px;text-align:center}.notification-count b{display:block;font-size:34px}.notification-count span{color:var(--muted);font-size:12px;font-weight:950;text-transform:uppercase}.notification-list{display:grid;gap:10px}.notification-item{display:grid;gap:8px;text-decoration:none;border:1px solid rgba(82,199,255,.13);background:linear-gradient(180deg,rgba(16,25,38,.94),rgba(6,10,17,.96));padding:15px;border-radius:8px}.notification-item.unread{border-color:rgba(255,45,69,.35);background:linear-gradient(135deg,rgba(255,45,69,.12),rgba(8,13,20,.96))}.notification-item div{display:flex;justify-content:space-between;gap:12px}.notification-item b{font-size:17px;color:#fff}.notification-item span,.notification-item small{color:var(--muted)}.notification-item p{margin:0;color:#dcecff}
.client-hero-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:26px;align-items:center;border:1px solid rgba(82,199,255,.15);background:linear-gradient(135deg,rgba(255,45,69,.16),rgba(13,21,33,.96) 46%,rgba(82,199,255,.13));padding:26px;border-radius:8px;box-shadow:0 28px 86px rgba(0,0,0,.28);margin-bottom:16px}.client-hero-panel:after{content:"CONTROL";position:absolute;right:-18px;bottom:-34px;font-size:108px;font-weight:950;letter-spacing:.08em;color:rgba(255,255,255,.035);pointer-events:none}.client-hero-panel>*{position:relative}.client-hero-panel h2{font-size:36px;margin:7px 0 10px;text-transform:uppercase}.client-hero-panel p{max-width:720px;color:#c5def3;font-size:16px;line-height:1.55}.client-quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.client-health-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.client-health-stack div{border:1px solid rgba(82,199,255,.15);background:rgba(3,7,13,.48);padding:15px;border-radius:8px}.client-health-stack b{display:block;font-size:30px;color:#fff}.client-health-stack span{display:block;color:#9fc6e8;font-size:12px;font-weight:900;text-transform:uppercase}.client-health-stack .warn-tile{border-color:rgba(224,182,75,.48);background:rgba(224,182,75,.1)}.billing-alert{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(224,182,75,.46);background:linear-gradient(135deg,rgba(224,182,75,.14),rgba(8,13,20,.94));padding:14px 16px;border-radius:8px;margin-bottom:16px}.billing-alert b{display:block;color:#ffe4a7}.billing-alert span{display:block;color:#d7eaff;margin-top:4px}
.client-server-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:14px;margin-bottom:18px}.client-server-tile{border:1px solid rgba(82,199,255,.14);background:linear-gradient(180deg,rgba(16,25,38,.94),rgba(6,10,17,.96));padding:16px;border-radius:8px;box-shadow:0 20px 58px rgba(0,0,0,.24)}.client-server-tile:hover{border-color:rgba(82,199,255,.32)}.client-server-tile h3{font-size:21px;margin:4px 0 0}.server-address-line{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(255,255,255,.08);background:rgba(3,7,13,.56);padding:10px;border-radius:8px;margin:12px 0}.server-address-line b{word-break:break-word}.tile-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.empty-state p{color:var(--muted);line-height:1.55}
.service-admin-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:stretch;margin-bottom:16px}.service-note-form{display:grid;grid-template-columns:minmax(190px,.55fr) 160px minmax(240px,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(224,182,75,.38);background:linear-gradient(135deg,rgba(224,182,75,.12),rgba(7,11,18,.94));padding:12px;border-radius:8px}.service-note-form b{display:block;color:#ffe7a8}.service-note-form span{display:block;color:#9fc6e8;font-size:12px}.service-admin-strip>form:not(.service-note-form){display:grid;place-items:center;border:1px solid rgba(82,199,255,.15);background:rgba(7,11,18,.72);padding:12px;border-radius:8px}.service-notes-card{margin-bottom:18px}.note-list{display:grid;gap:10px}.note-list article{border:1px solid rgba(82,199,255,.14);background:rgba(4,8,14,.7);padding:12px;border-radius:8px}.note-list article.client{border-color:rgba(38,208,124,.3);background:rgba(38,208,124,.07)}.note-list article.admin{border-color:rgba(224,182,75,.3);background:rgba(224,182,75,.07)}.note-list article div{display:flex;justify-content:space-between;gap:10px}.note-list article span{color:var(--muted);font-size:12px}.note-list article p{margin:8px 0 0;line-height:1.55}.quick-ops{border-top:1px solid rgba(255,255,255,.08);padding-top:7px;margin-top:7px}
@media(max-width:1000px){.client-hero-panel{grid-template-columns:1fr}.client-health-stack{grid-template-columns:repeat(4,1fr)}}
@media(max-width:680px){.client-hero-panel{padding:18px}.client-hero-panel h2{font-size:28px}.client-health-stack{grid-template-columns:repeat(2,1fr)}.billing-alert,.support-mode-banner{align-items:flex-start;flex-direction:column}.client-hero-panel:after{font-size:64px}.service-admin-strip,.service-note-form{grid-template-columns:1fr}.note-list article div{display:grid}.notification-menu{position:fixed;left:10px;right:10px;top:78px;width:auto}.notification-hero{grid-template-columns:1fr}.notification-item div{display:grid}}

.remember-line{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);cursor:pointer}.remember-line input{width:auto;margin:0}

.port-tool{margin:8px 0}.port-tool summary{cursor:pointer;font-weight:900;color:#d9f3ff}.port-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:10px;padding:12px;border:1px solid rgba(82,199,255,.16);background:rgba(5,9,15,.55);border-radius:8px}.port-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.port-form input{width:120px}.port-btns{display:flex;gap:8px}.port-note{flex-basis:100%;color:var(--muted);font-size:12px}

.webftp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px;align-items:center}
.webftp-actions form{display:flex;gap:6px;align-items:center;margin:0}
.mkdir-form input{width:auto;min-width:180px}
.fx-table{width:100%;border-collapse:collapse;font-size:13px}
.fx-table thead th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line2);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.fx-table .fx-act{text-align:right}
.fx-table td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}
.fx-table tr:hover td{background:rgba(82,199,255,.05)}
.fx-name{font-weight:700}.fx-name a{color:#bff0ff;text-decoration:none}.fx-name a:hover{text-decoration:underline}
.fx-ico{margin-right:7px}.fx-date small{color:var(--muted)}
.fx-uprow a{color:#9fd8ff;text-decoration:none;font-weight:800}
.fx-empty{color:var(--muted);text-align:center;padding:18px}
.file-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.file-actions form{margin:0}
.fe-head{display:flex;align-items:baseline;gap:10px;margin-bottom:8px;flex-wrap:wrap}.fe-head h3{margin:0}.fe-head small{color:var(--muted)}
.fe-bar{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}
.fe-loading{border:1px dashed rgba(82,199,255,.3);background:rgba(5,9,15,.5);padding:16px;border-radius:8px;color:#cfe9ff}
.fe-empty h4{margin:14px 0 6px}.qf{display:inline-block;margin:0 6px 6px 0}
.editor-form textarea{width:100%;min-height:420px;font-family:Consolas,Menlo,monospace;font-size:13px;line-height:1.5;white-space:pre;overflow:auto;resize:vertical;background:#05090e;border:1px solid #203246;color:#cdeffd;padding:12px;border-radius:8px}
.editor-form label{display:block;margin-bottom:8px}

.webftp-section{display:block}
.webftp-section .card{width:100%;margin-bottom:16px}
.webftp-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
.file-browser,.file-editor{min-width:0}
.file-browser{overflow-x:auto}
@media (max-width:1000px){.webftp-layout{grid-template-columns:1fr!important}}

/* ===== premium control panel ===== */
.control-panel{margin:4px 0 18px}
.power-controls{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.power-controls form,.util-controls form{margin:0}
.ctl-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:106px;padding:16px 20px;border-radius:14px;border:1px solid var(--line2);background:#0d1622;color:#eaf6ff;font-weight:900;font-size:12px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:transform .08s ease,box-shadow .2s ease,background .2s ease}
.ctl-btn .ctl-ico{font-size:24px;line-height:1}
.ctl-btn:hover{transform:translateY(-2px)}.ctl-btn:active{transform:translateY(0)}
.ctl-start{border-color:rgba(38,208,124,.55);background:linear-gradient(180deg,rgba(38,208,124,.20),rgba(13,22,34,.95))}
.ctl-start:hover{box-shadow:0 10px 26px -8px rgba(38,208,124,.7);background:linear-gradient(180deg,rgba(38,208,124,.34),rgba(13,22,34,.95))}
.ctl-start .ctl-ico{color:#5df2a7;text-shadow:0 0 14px rgba(93,242,167,.65)}
.ctl-stop{border-color:rgba(224,82,82,.5);background:linear-gradient(180deg,rgba(224,82,82,.18),rgba(13,22,34,.95))}
.ctl-stop:hover{box-shadow:0 10px 26px -8px rgba(224,82,82,.65);background:linear-gradient(180deg,rgba(224,82,82,.32),rgba(13,22,34,.95))}
.ctl-stop .ctl-ico{color:#ff8a8a;text-shadow:0 0 14px rgba(255,138,138,.6)}
.ctl-restart{border-color:rgba(224,182,75,.5);background:linear-gradient(180deg,rgba(224,182,75,.16),rgba(13,22,34,.95))}
.ctl-restart:hover{box-shadow:0 10px 26px -8px rgba(224,182,75,.6);background:linear-gradient(180deg,rgba(224,182,75,.30),rgba(13,22,34,.95))}
.ctl-restart .ctl-ico{color:#ffd873;text-shadow:0 0 14px rgba(255,216,115,.55)}
.util-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.service-status-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}
.service-status-board>div{border:1px solid var(--line);background:linear-gradient(180deg,rgba(20,30,45,.55),rgba(10,16,24,.92));border-radius:12px;padding:14px 16px}
.service-status-board>div span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.service-status-board>div b{display:block;font-size:20px;margin:4px 0 2px}
.service-status-board>div small{color:var(--muted);font-size:12px}
.power-pill{border-radius:12px;letter-spacing:.05em}
.power-pill.running{box-shadow:0 0 22px -6px rgba(38,208,124,.55)}
.power-pill.stopped,.power-pill.error{box-shadow:0 0 22px -8px rgba(224,82,82,.5)}

/* premium-polish */
.service-hero{border-radius:18px}
.service-grid .card,.card.wide,.console-card,.action-timeline{border-radius:16px}
.info-grid>div,.credential-box>div{border-radius:12px!important;background:linear-gradient(180deg,rgba(18,27,40,.55),rgba(10,16,24,.9))!important;transition:border-color .15s ease}
.info-grid>div:hover,.credential-box>div:hover{border-color:rgba(82,199,255,.42)}
.credential-box>div b{color:#eaf6ff}
.card h2,.card h3{letter-spacing:.02em}
.card h3{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}
.card h3:first-of-type{border-top:none;padding-top:0;margin-top:14px}
.badge.running{background:rgba(38,208,124,.16);border-color:rgba(38,208,124,.45);color:#bff4d8}

/* ===== service tabs ===== */
.svc-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 18px;border-bottom:1px solid var(--line2)}
.svc-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);font-weight:800;padding:11px 16px;cursor:pointer;font-size:14px;border-radius:9px 9px 0 0;transition:color .15s ease,background .15s ease}
.svc-tab:hover{color:#eaf6ff;background:rgba(82,199,255,.07)}
.svc-tab.active{color:#eaf6ff;border-bottom-color:#3aa0ff;background:rgba(58,160,255,.1)}
.svc-panel{display:none!important}
.svc-panel.active{display:block!important;grid-column:1/-1}

.svc-panel.active{animation:svcfade .22s ease}
@keyframes svcfade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.svc-tabs{position:sticky;top:0;z-index:5;background:linear-gradient(180deg,var(--bg,#080c12) 70%,transparent);backdrop-filter:blur(4px)}

/* brutal-batch */
.service-hero{background:linear-gradient(135deg,rgba(24,135,255,.22),rgba(17,25,35,.97) 55%,rgba(38,208,124,.14));box-shadow:0 20px 50px -26px rgba(24,135,255,.5);border:1px solid rgba(82,199,255,.18)}
.service-hero h2{font-size:30px;color:#eaf6ff}
.service-hero .eyebrow{color:#7fc6ff;letter-spacing:.07em}
.power-pill{position:relative;padding-left:34px}
.power-pill::before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.power-pill.running::before{animation:pulse 1.8s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.console-card pre{background:radial-gradient(130% 130% at 0 0,rgba(10,22,16,.92),#05090e)!important;border-color:#1c3a2c!important;color:#b7f5d0!important}
.card:hover{border-color:rgba(82,199,255,.22)}
.button.primary{box-shadow:0 6px 18px -9px rgba(24,135,255,.55)}
.svc-tab.active{box-shadow:inset 0 -2px 0 #3aa0ff}

/* slot order form */
.slot-order{display:flex;flex-direction:column;gap:10px}
.slot-price-box{display:flex;align-items:baseline;gap:10px;padding:12px 14px;border:1px solid rgba(58,160,255,.35);background:linear-gradient(180deg,rgba(58,160,255,.14),rgba(10,16,24,.6));border-radius:10px}
.slot-price{font-size:22px;font-weight:900;color:#eaf6ff}
.slot-price-bam{color:var(--muted);font-size:13px}
.slot-lbl{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.slot-input,.month-input{font-size:15px;font-weight:700}

/* pricing per slot */
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-bottom:18px}
.pricing-card{padding:16px}
.pricing-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.pricing-head b{font-size:16px}
.pricing-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pricing-fields label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--muted);text-transform:uppercase}
.pricing-fields input{font-size:14px;font-weight:700}
.pricing-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}
.adv-plans{margin-top:20px;opacity:.85}.adv-plans summary{cursor:pointer;color:var(--muted);font-weight:800;padding:8px 0}
.slot-price-fields{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px;padding-top:6px;border-top:1px dashed rgba(255,255,255,.1)}.slot-price-fields input{width:82px}

/* order-brutal */
.market-section{border-radius:16px;border-color:rgba(82,199,255,.12)}
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.market-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))!important;justify-content:start}
.market-card{border-radius:14px;max-width:440px;transition:transform .1s ease,box-shadow .2s ease,border-color .2s ease}
.market-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px -20px rgba(24,135,255,.6);border-color:rgba(82,199,255,.35)}
.game-badge{min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-weight:900;font-size:13px;background:linear-gradient(135deg,rgba(58,160,255,.32),rgba(38,208,124,.2));border:1px solid rgba(82,199,255,.3);color:#eaf6ff}
.market-card-head h3{font-size:18px;margin:2px 0 0}
.market-meta span{background:rgba(5,9,15,.6);border:1px solid rgba(82,199,255,.14);padding:5px 10px;border-radius:8px;font-size:12px}
.market-meta span:first-child{font-weight:900;color:#5df2a7;border-color:rgba(38,208,124,.35)}
.plan-drawer summary{border-radius:10px;border-color:rgba(58,160,255,.4);background:rgba(58,160,255,.14);color:#eaf6ff;list-style:none}
.plan-drawer summary::-webkit-details-marker{display:none}
.plan-drawer[open] summary{background:rgba(58,160,255,.22)}
.category-rail{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;position:sticky;top:0;z-index:4;padding:10px 0;background:linear-gradient(180deg,#080c12 72%,transparent)}
.category-rail a{border:1px solid var(--line2);background:rgba(10,16,24,.7);padding:8px 14px;border-radius:20px;text-decoration:none;color:var(--muted);font-weight:800;font-size:13px;display:inline-flex;align-items:center;gap:6px}
.category-rail a:hover{color:#eaf6ff;border-color:rgba(82,199,255,.42)}
.category-rail a span{background:rgba(58,160,255,.22);border-radius:10px;padding:1px 7px;font-size:11px}
.portal-strip a{border-radius:12px;transition:border-color .15s}.portal-strip a:hover{border-color:rgba(82,199,255,.35)}

/* nav-brutal */
.side-nav a{display:flex;align-items:center;gap:9px;border-radius:9px;transition:background .12s,color .12s}
.side-nav a:hover{background:rgba(82,199,255,.08);color:#eaf6ff}
.side-nav a.active{background:linear-gradient(90deg,rgba(58,160,255,.24),rgba(58,160,255,.05));color:#eaf6ff;box-shadow:inset 3px 0 0 #3aa0ff}
.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);opacity:.7;margin-top:12px;display:block}
.nav-group summary{cursor:pointer;font-weight:800;color:#cfe3f5;padding:7px 4px;list-style:none}
.nav-group summary::-webkit-details-marker{display:none}

/* order modal */
.order-open{margin-top:auto}
.order-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(3,6,10,.78);backdrop-filter:blur(6px);animation:svcfade .18s ease}
.order-modal[hidden]{display:none}
.order-modal-box{width:100%;max-width:420px;background:linear-gradient(180deg,rgba(18,28,41,.99),rgba(9,14,22,.99));border:1px solid rgba(82,199,255,.25);border-radius:16px;padding:22px;box-shadow:0 30px 80px -20px rgba(0,0,0,.85);max-height:90vh;overflow:auto}
.order-modal-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.order-modal-head h3{margin:0;font-size:18px}
.order-modal-head small{color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:.06em}
.order-modal-x{margin-left:auto;background:transparent;border:1px solid var(--line2);color:var(--muted);width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:15px}
.order-modal-x:hover{color:#eaf6ff;border-color:rgba(224,82,82,.5)}
body.modal-open{overflow:hidden}

/* admin-brutal */
.card.wide{overflow-x:auto}
.admin-table{width:100%;border-collapse:collapse;font-size:13px}
.admin-table th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line2);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;background:rgba(255,255,255,.025);position:sticky;top:0}
.admin-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top}
.admin-table tr:hover td{background:rgba(82,199,255,.045)}
.mini-form input,.mini-form textarea,.mini-form select{width:100%;margin-bottom:6px;font-size:13px}
.mini-form{min-width:0}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:16px}
.stats>div{border:1px solid var(--line);background:linear-gradient(180deg,rgba(20,30,45,.55),rgba(10,16,24,.92));border-radius:12px;padding:14px 16px}
.stats>div b{display:block;font-size:24px;color:#eaf6ff}.stats>div span{color:var(--muted);font-size:12px}
.edit-details summary{cursor:pointer;font-weight:800;color:#cfe3f5;padding:6px 0}

/* admin-brutal2 */
.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:18px}
.dash-card{display:block;border:1px solid var(--line);background:linear-gradient(180deg,rgba(18,28,41,.72),rgba(9,14,22,.9));border-radius:14px;padding:18px;text-decoration:none;transition:transform .1s ease,border-color .15s ease,box-shadow .2s ease}
.dash-card:hover{transform:translateY(-3px);border-color:rgba(82,199,255,.42);box-shadow:0 16px 38px -20px rgba(24,135,255,.6)}
.dash-card b{display:block;color:#eaf6ff;font-size:16px;margin-bottom:5px}
.dash-card span{color:var(--muted);font-size:13px;line-height:1.5}
.highlight-card{border-color:rgba(38,208,124,.45)!important;background:linear-gradient(180deg,rgba(38,208,124,.13),rgba(9,14,22,.9))!important}
.highlight-card b{color:#bff4d8}
.stats>div b{background:linear-gradient(90deg,#eaf6ff,#7fc6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.card.form label{display:block;margin-bottom:11px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.card.form label input,.card.form label select,.card.form label textarea{width:100%;margin-top:5px;text-transform:none;letter-spacing:normal}
.grid.two{display:grid;grid-template-columns:minmax(300px,.82fr) 1.25fr;gap:20px;align-items:start}
@media(max-width:1100px){.grid.two{grid-template-columns:1fr}}
.feature-card{border-radius:14px}

/* admin subtabs */
.admin-subtabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 18px;padding:8px;background:rgba(10,16,24,.5);border:1px solid var(--line2);border-radius:12px}
.admin-subtabs .ast-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800;margin-right:4px;padding-left:6px}
.ast{padding:8px 14px;border-radius:8px;text-decoration:none;color:var(--muted);font-weight:800;font-size:13px;transition:background .12s,color .12s}
.ast:hover{background:rgba(82,199,255,.08);color:#eaf6ff}
.ast.active{background:linear-gradient(90deg,rgba(58,160,255,.3),rgba(58,160,255,.12));color:#eaf6ff}

/* ===== Mod / plugin katalog (klijent) ===== */
.mod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:10px}
.mod-card{display:flex;gap:12px;padding:14px;background:linear-gradient(160deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:14px;position:relative;transition:.18s;overflow:hidden}
.mod-card:hover{border-color:var(--line2);transform:translateY(-2px);box-shadow:0 14px 40px rgba(24,135,255,.14)}
.mod-card::before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:linear-gradient(180deg,var(--blue),var(--green))}
.mod-ico{flex:0 0 46px;height:46px;display:grid;place-items:center;font-size:22px;font-weight:900;background:linear-gradient(135deg,#16283d,#0d1a29);border:1px solid var(--line2);border-radius:12px}
.mod-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.mod-head{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.mod-head b{font-size:15px}
.mod-badge{font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.4px;padding:2px 7px;border-radius:20px;background:#16283d;border:1px solid var(--line2);color:#bcd4ec}
.mod-badge.cat-pve,.mod-badge.cat-raid,.mod-badge.cat-raidablebases{background:rgba(38,208,124,.14);border-color:rgba(38,208,124,.5);color:#7ef0b6}
.mod-badge.cat-admin{background:rgba(139,109,255,.16);border-color:rgba(139,109,255,.5);color:#c3b4ff}
.mod-badge.cat-pvp{background:rgba(255,61,79,.14);border-color:rgba(255,61,79,.45);color:#ff9aa4}
.mod-badge.cat-fun,.mod-badge.cat-events{background:rgba(224,182,75,.15);border-color:rgba(224,182,75,.5);color:#f0d894}
.mod-ver{font-size:11px;color:var(--muted);font-weight:700}
.mod-desc{margin:0;color:#c7d6e6;font-size:12.5px;line-height:1.5}
.mod-meta{display:flex;flex-wrap:wrap;gap:6px}
.mod-meta span{font-size:10.5px;padding:2px 7px;border-radius:8px;background:#0e1722;border:1px solid var(--line);color:var(--muted)}
.mod-dep{color:#9ec8ff!important;border-color:var(--line2)!important}
.mod-pack{color:#7ef0b6!important;border-color:rgba(38,208,124,.4)!important}
.mod-cmds{margin-top:2px}
.mod-cmds summary{cursor:pointer;font-size:11.5px;font-weight:800;color:#9ec8ff;user-select:none;list-style:none}
.mod-cmds summary::-webkit-details-marker{display:none}
.mod-cmds summary::before{content:"▸ ";color:var(--blue)}
.mod-cmds[open] summary::before{content:"▾ "}
.mod-cmds pre{margin:8px 0 0;padding:10px;background:#060b12;border:1px solid var(--line);border-radius:10px;font-size:11.5px;color:#bfe3d0;white-space:pre-wrap;max-height:220px;overflow:auto}
.mod-install{align-self:center}
.mod-empty{color:var(--muted);padding:14px}
.mods-panel .split-head{margin-bottom:6px}

/* ===== Admin katalog ===== */
.mod-admin{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
@media(max-width:1100px){.mod-admin{grid-template-columns:1fr}}
.mod-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mod-form-grid label{margin:0}
.mod-form-submit{display:flex;align-items:flex-end}
.mod-form textarea{min-height:64px}
.mod-form textarea.code-textarea{min-height:92px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}
.mod-catalog-list{max-height:1000px;overflow:auto}
.mod-cat-group{margin-bottom:16px}
.mod-cat-title{display:flex;align-items:center;gap:8px;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#9eb0c2;border-bottom:1px solid var(--line);padding-bottom:6px;margin:0 0 10px}
.mod-cat-title span{font-size:11px;background:#16283d;border:1px solid var(--line2);border-radius:20px;padding:1px 8px;color:#bcd4ec}
.mod-admin-row{display:flex;gap:11px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:11px;margin-bottom:8px;background:var(--panel2)}
.mod-admin-row.is-hidden{opacity:.55}
.mar-ico{flex:0 0 38px;height:38px;display:grid;place-items:center;font-size:18px;font-weight:900;background:#16283d;border:1px solid var(--line2);border-radius:10px}
.mar-body{flex:1;min-width:0}
.mar-head{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.mar-body p{margin:4px 0;color:#c7d6e6;font-size:12px}
.mar-body small{color:var(--muted);font-size:11px}
.mod-hidden-tag{font-size:10px;background:rgba(255,61,79,.15);border:1px solid rgba(255,61,79,.4);color:#ff9aa4;border-radius:20px;padding:1px 7px}

/* instalirano stanje */
.mod-card.is-installed{border-color:rgba(38,208,124,.45)}
.mod-card.is-installed::before{background:var(--green)}
.mod-installed-tag{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.4px;padding:2px 8px;border-radius:20px;background:rgba(38,208,124,.16);border:1px solid rgba(38,208,124,.5);color:#7ef0b6}

/* Dodavanje admina */
.admin-add-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}
.admin-add-form input[name=steam_id]{flex:1 1 210px}
.admin-add-form input[name=admin_name]{flex:0 1 150px}
.admin-add-form select{flex:0 0 auto}
.admin-hint{margin:9px 0 0;font-size:12px;color:var(--muted)}
.admin-list{margin-top:12px;display:flex;flex-wrap:wrap;gap:7px;align-items:center;border-top:1px solid var(--line);padding-top:10px}
.admin-list b{font-size:12px;color:var(--muted)}
.admin-chip{font-size:11px;padding:3px 9px;border-radius:20px;background:rgba(139,109,255,.14);border:1px solid rgba(139,109,255,.45);color:#c3b4ff;font-weight:700}

/* ============================================================
   ForgePanel — Design polish pass
   ============================================================ */

/* Smooth interakcije */
.button,.sidebar nav a,.logout,.dash-card,.card,.mod-card,.mod-admin-row,.svc-tab,input,select,textarea,.badge,.role-pill,summary,.admin-chip,.mod-badge{transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .18s ease,transform .14s ease}

/* Tekst selekcija */
::selection{background:rgba(24,135,255,.35);color:#fff}

/* Scrollbar (dark, tanak) */
*{scrollbar-width:thin;scrollbar-color:#2a3b4f transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-thumb{background:#243545;border-radius:20px;border:2px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background:#33506c;background-clip:padding-box}
*::-webkit-scrollbar-track{background:transparent}

/* Focus ring (pristupacnost) */
.button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.svc-tab:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* Dugmad — hover lift, active press */
.button{position:relative;border-radius:11px;font-weight:850;letter-spacing:.2px;cursor:pointer}
.button:hover{transform:translateY(-1px)}
.button:active{transform:translateY(0) scale(.98)}
.button.primary{box-shadow:0 8px 22px rgba(24,135,255,.28)}
.button.primary:hover{box-shadow:0 12px 30px rgba(24,135,255,.42)}
.button.danger:hover{box-shadow:0 10px 26px rgba(255,61,79,.35)}
.button:disabled,.button[disabled]{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}
.button.ghost:hover{background:#172231;border-color:var(--line2)}

/* Inputi — focus glow */
input,select,textarea{border-radius:10px}
input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(24,135,255,.15);outline:none}
input:hover,select:hover,textarea:hover{border-color:var(--line2)}

/* Kartice — suptilni hover lift */
.card{border-radius:16px}
.card:hover{border-color:rgba(255,255,255,.12)}

/* Sidebar nav — aktivni accent bar */
.sidebar nav a{border-radius:11px;position:relative;overflow:hidden}
.sidebar nav a.active{background:linear-gradient(90deg,rgba(24,135,255,.18),rgba(24,135,255,.04));border-color:var(--line2);color:#fff}
.sidebar nav a.active::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--blue),var(--green))}

/* Dashboard stat kartice */
.stats>div{transition:transform .16s ease,border-color .16s ease}
.stats>div:hover{transform:translateY(-2px);border-color:var(--line2)}
.dash-card{border-radius:14px;position:relative;overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .18s ease}
.dash-card:hover{transform:translateY(-3px);border-color:var(--line2);box-shadow:0 14px 34px rgba(0,0,0,.35)}
.dash-card::after{content:"→";position:absolute;top:14px;right:16px;color:var(--muted);opacity:0;transform:translateX(-6px);transition:.18s}
.dash-card:hover::after{opacity:1;transform:translateX(0)}
.dash-card.highlight-card{border-color:rgba(38,208,124,.4);background:linear-gradient(160deg,rgba(38,208,124,.08),transparent)}

/* Badge / pill konzistentnost */
.badge,.role-pill{border-radius:20px;font-weight:800;letter-spacing:.3px}

/* Tabele — row hover + sticky header */
.admin-table tr{transition:background .14s ease}
.admin-table tbody tr:hover,.admin-table tr:hover{background:rgba(24,135,255,.05)}
.admin-table th{position:sticky;top:0;z-index:2;background:#0d1520;backdrop-filter:blur(4px)}

/* Service tabovi — glatki aktivni indikator */
.svc-tab{border-radius:10px 10px 0 0}
.svc-tab:hover{color:#fff}
.svc-tab.active{position:relative}
.svc-tab.active::after{content:"";position:absolute;left:10%;right:10%;bottom:-1px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--blue),var(--green));animation:tabin .25s ease}
@keyframes tabin{from{opacity:0;transform:scaleX(.4)}to{opacity:1;transform:scaleX(1)}}

/* Flash — slide-in */
.flash{border-radius:12px;animation:flashin .3s cubic-bezier(.2,.8,.2,1)}
@keyframes flashin{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}

/* Panel content — nježni fade na učitavanje */
.main>.card,.main>section{animation:fadeup .28s ease both}
@keyframes fadeup{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* Mod install dugmad (Reinstall + Ukloni) u koloni */
.mod-install{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.mod-install .button{white-space:nowrap}

/* Prazna stanja — konzistentna */
.mod-empty,.plugin-list>p,.rcon-log-list>p,.note-list:empty::before{color:var(--muted);font-size:13px;padding:16px;text-align:center;border:1px dashed var(--line);border-radius:12px;background:rgba(255,255,255,.02)}

/* Topbar dugme na hover */
.topbar-actions .button:hover{transform:translateY(-1px)}

/* Notifikacije zvono */
.notification-bell summary{cursor:pointer;border-radius:10px}

/* ===== Manual-create procjena cijene ===== */
.pm-price-hint{margin:2px 0 6px;padding:10px 12px;border-radius:11px;background:linear-gradient(135deg,rgba(24,135,255,.1),rgba(38,208,124,.06));border:1px solid var(--line2);color:#cfe0f2;font-size:13px}
.pm-price-hint b{color:#7ef0b6;font-size:15px}

/* ===== Copy-to-clipboard ===== */
.copy-btn{cursor:pointer;border:1px solid var(--line2);background:#16283d;color:#bcd4ec;border-radius:8px;padding:1px 7px;font-size:12px;line-height:1.4;vertical-align:middle;transition:background .14s,border-color .14s,transform .14s}
.copy-btn:hover{background:#1d3450;transform:translateY(-1px)}
.copy-btn:active{transform:translateY(0) scale(.95)}
.copy-btn.copied{background:rgba(38,208,124,.2);border-color:rgba(38,208,124,.5);color:#7ef0b6}

/* ===== Toast ===== */
.fp-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(12px);background:linear-gradient(135deg,#0f2033,#0a1119);border:1px solid var(--line2);color:#eafff3;padding:11px 18px;border-radius:12px;font-weight:700;font-size:13px;box-shadow:0 16px 40px rgba(0,0,0,.55);opacity:0;transition:opacity .25s,transform .25s;z-index:9999;pointer-events:none}
.fp-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ===== Beautify: market kartice + hero ===== */
.market-card{transition:transform .16s ease,border-color .16s ease,box-shadow .2s ease}
.market-card:hover{transform:translateY(-3px);border-color:var(--line2);box-shadow:0 16px 38px rgba(0,0,0,.4)}
.game-badge{transition:transform .16s ease}
.market-card:hover .game-badge{transform:scale(1.07) rotate(-2deg)}
.market-stats>div b,.hero-stats b{background:linear-gradient(180deg,#fff,#bcd4ec);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* ===== Zivi status servera ===== */
.live-status{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-radius:14px;margin:0 0 14px;border:1px solid var(--line);background:linear-gradient(160deg,var(--panel),var(--panel2))}
.live-status.is-online{border-color:rgba(38,208,124,.45);background:linear-gradient(160deg,rgba(38,208,124,.08),var(--panel2))}
.live-status.is-offline{border-color:rgba(255,61,79,.4);background:linear-gradient(160deg,rgba(255,61,79,.07),var(--panel2))}
.live-main{display:flex;align-items:center;gap:12px}
.live-main b{font-size:15px;letter-spacing:.5px}
.live-main small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.live-dot{width:12px;height:12px;border-radius:50%;background:var(--muted);flex:0 0 auto}
.is-online .live-dot{background:var(--green);animation:livepulse 1.8s infinite}
.is-offline .live-dot{background:var(--red)}
.is-unknown .live-dot{background:var(--yellow);animation:livepulse 1.8s infinite}
@keyframes livepulse{0%{box-shadow:0 0 0 0 rgba(38,208,124,.5)}70%{box-shadow:0 0 0 10px rgba(38,208,124,0)}100%{box-shadow:0 0 0 0 rgba(38,208,124,0)}}
.live-actions{display:flex;align-items:center;gap:10px}
.live-ago{font-size:11px;color:var(--muted);white-space:nowrap}

/* ===== chmod popup ===== */
.chmod-pop{display:inline-block;position:relative}
.chmod-pop>summary{cursor:pointer;list-style:none;display:inline-block;padding:3px 7px;border:1px solid var(--line2);border-radius:8px;background:#16283d;font-size:12px;transition:background .14s}
.chmod-pop>summary::-webkit-details-marker{display:none}
.chmod-pop[open]>summary{background:#1d3450}
.chmod-form{position:absolute;right:0;top:112%;z-index:20;background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:7px;width:196px;box-shadow:0 14px 40px rgba(0,0,0,.55)}
.chmod-form label{font-size:12px;color:var(--muted);display:flex;gap:6px;align-items:center;margin:0}
.chmod-form input[name=mode]{width:70px;font-family:ui-monospace,Menlo,Consolas,monospace;text-align:center}
.chmod-presets{display:flex;flex-wrap:wrap;gap:4px}

/* ===== Admin edit servera ===== */
.admin-edit-service{border-color:rgba(139,109,255,.32)}
.admin-edit-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.admin-edit-form label{margin:0;flex:0 1 140px;font-size:12px;color:var(--muted)}
.admin-edit-form .button{flex:0 0 auto;margin-top:auto}

/* ===== Rename servera (olovka) ===== */
.svc-name{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.name-edit{display:inline-block;position:relative;font-size:.62em}
.name-edit>summary{cursor:pointer;list-style:none;opacity:.55;transition:opacity .14s}
.name-edit>summary::-webkit-details-marker{display:none}
.name-edit>summary:hover,.name-edit[open]>summary{opacity:1}
.name-edit-form{position:absolute;left:0;top:150%;z-index:30;display:flex;gap:6px;background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:10px;box-shadow:0 14px 40px rgba(0,0,0,.55);width:min(340px,80vw)}
.name-edit-form input{flex:1;min-width:120px;font-size:14px}

/* ===== Zakazani restart popup ===== */
.restart-sched{position:relative;display:inline-block}
.restart-sched>summary{cursor:pointer;list-style:none;display:inline-block;padding:7px 11px;border:1px solid var(--line2);border-radius:9px;background:#16283d;font-size:12px;font-weight:800;color:#e3edf8}
.restart-sched>summary::-webkit-details-marker{display:none}
.restart-sched[open]>summary{background:#1d3450}
.restart-sched .inline{position:absolute;left:0;top:114%;z-index:20;display:flex;gap:6px;align-items:center;background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:10px;box-shadow:0 14px 40px rgba(0,0,0,.55);white-space:nowrap}

/* ===== Klijent dashboard (razdvojene rute) ===== */
.muted-sub{color:var(--muted);font-size:13px;margin:2px 0 12px}
.dash-section-head{display:flex;justify-content:space-between;align-items:center;margin:22px 4px 10px}
.dash-section-head h2{margin:0;font-size:16px}
.dash-section-head a,.mini-link{color:var(--blue);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
.dash-section-head a:hover,.mini-link:hover{text-decoration:underline}
.card .split-head .mini-link{margin-left:auto}
.list-head-card .split-head{align-items:center}

/* ============ Sminka v7 ============ */

/* Power pill — status tackica */
.power-pill{display:inline-flex;align-items:center;gap:8px}
.power-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;flex:0 0 auto}
.power-pill.running::before{animation:livepulse 1.9s infinite}
.power-pill.installing::before,.power-pill.restarting::before{animation:livepulse 1.2s infinite}

/* Hero paneli — meki sheen u uglu */
.client-hero-panel,.service-hero{position:relative;overflow:hidden}
.client-hero-panel::after,.service-hero::after{content:"";position:absolute;top:-40%;right:-10%;width:55%;height:180%;background:radial-gradient(circle,rgba(24,135,255,.16),transparent 60%);pointer-events:none;z-index:0}
.client-hero-panel>*,.service-hero>*{position:relative;z-index:1}

/* Naslovi tightnuti */
h1,h2{letter-spacing:-.3px}
.eyebrow{letter-spacing:.14em}

/* Badge finiji + statusne boje */
.badge{border-radius:20px;font-weight:850;letter-spacing:.3px}
.badge.done{color:#9df0c4;border-color:rgba(38,208,124,.45)}
.badge.failed{color:#ffb3ba;border-color:rgba(255,61,79,.45)}
.badge.queued,.badge.running{color:#a9d0ff;border-color:var(--line2)}

/* Kartica — akcentna linija na vrhu pri hoveru */
.card{position:relative;overflow:hidden}
.card::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--green));opacity:0;transition:opacity .2s}
.card:hover::after{opacity:.55}

/* Stat brojevi u dashboard-u — gradient sjaj */
.client-health-stack b,.hero-stats b,.stats b{background:linear-gradient(180deg,#fff,#a9c6e6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* Copy dugme suptilno */
.copy-btn{opacity:.8}
.copy-btn:hover{opacity:1}

/* Prazna stanja centrirano */
.empty-state{text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center}

/* ===== Billing / placanje ===== */
.pay-card .bank-box{white-space:pre-wrap;background:#060b12;border:1px solid var(--line);border-radius:10px;padding:12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;color:#bfe3d0;margin:8px 0}
.pay-list{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.pay-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}
.pay-row b{display:block}
.pay-row span{color:var(--muted);font-size:12px}

/* ===== Rust wipe ===== */
.wipe-pop{position:relative;display:inline-block}
.wipe-pop>summary{cursor:pointer;list-style:none;padding:6px 10px;border:1px solid rgba(255,61,79,.4);border-radius:9px;background:rgba(255,61,79,.12);color:#ffb3ba;font-size:12px;font-weight:800}
.wipe-pop>summary::-webkit-details-marker{display:none}
.wipe-box{position:absolute;right:0;top:112%;z-index:25;width:290px;background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:12px;box-shadow:0 14px 40px rgba(0,0,0,.6);display:flex;flex-direction:column;gap:8px}
.wipe-box p{margin:0 0 4px;font-size:11.5px;color:var(--muted);line-height:1.5}

/* ===== Co-admin ===== */
.coadmin-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px}
.coadmin-form input[name=coadmin_email]{flex:1 1 200px}
.coadmin-form input[name=coadmin_name]{flex:0 1 150px}
.coadmin-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.coadmin-tag{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:2px 8px;border-radius:20px;background:rgba(139,109,255,.16);border:1px solid rgba(139,109,255,.5);color:#c3b4ff;vertical-align:middle}

/* ===== Wipe box (oba dugmeta + raspored) ===== */
.wipe-box{width:320px}
.wipe-btns{display:flex;gap:8px;margin-bottom:4px}
.wipe-btns form{flex:1}
.button.full{width:100%}
.wipe-sched-head{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#9ec8ff;border-top:1px solid var(--line);padding-top:10px;margin-top:8px}
.wipe-sched{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-end;margin-top:8px}
.wipe-sched label{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:3px;margin:0;flex:1 1 30%}
.wipe-sched select{width:100%}
.wipe-sched button{flex:1 1 100%;margin-top:4px}

/* ===== Uplatnica upload + finansije ===== */
.pay-claim-form{display:flex;gap:6px;align-items:center}
.proof-file{cursor:pointer;font-size:15px;border:1px solid var(--line2);border-radius:8px;padding:3px 8px;background:#16283d;position:relative;overflow:hidden;display:inline-flex}
.proof-file input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.node-cost-form{display:flex;gap:7px;align-items:center;margin-bottom:7px;flex-wrap:wrap}
.node-cost-form .nc-name{flex:1 1 120px;font-weight:700}
.node-cost-form input[name=monthly_cost_eur]{width:90px}
.text-ok{color:#7ef0b6}.text-warn{color:#f0b64b}

/* ===== PayPal ===== */
.pay-row>div:first-child{flex:1}
.paypal-btn{background:#0070ba;border-color:#0070ba;color:#fff;font-weight:800}
.paypal-btn:hover{background:#005a9c;border-color:#005a9c;transform:translateY(-1px)}

/* ===== Ticket chat redizajn ===== */
.chat-thread{display:flex;flex-direction:column;gap:14px;padding:6px 2px}
.chat-msg{display:flex;gap:10px;align-items:flex-start;max-width:84%}
.chat-msg.mine{align-self:flex-end;flex-direction:row-reverse}
.chat-avatar{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:15px;background:linear-gradient(135deg,#16283d,#0d1a29);border:1px solid var(--line2);color:#bcd4ec}
.from-staff .chat-avatar{background:linear-gradient(135deg,rgba(24,135,255,.32),rgba(24,135,255,.1));border-color:rgba(24,135,255,.55);color:#9ec8ff}
.chat-bubble{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:11px 14px;min-width:0}
.from-staff .chat-bubble{background:linear-gradient(160deg,rgba(24,135,255,.1),var(--panel2));border-color:rgba(24,135,255,.3)}
.chat-msg.mine .chat-bubble{background:linear-gradient(160deg,rgba(38,208,124,.1),var(--panel2));border-color:rgba(38,208,124,.32)}
.chat-msg.internal .chat-bubble{background:linear-gradient(160deg,rgba(224,182,75,.1),var(--panel2));border-color:rgba(224,182,75,.42)}
.chat-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;margin-bottom:5px}
.chat-meta b{font-size:13px}
.chat-meta span{font-size:11px;color:var(--muted)}
.chat-bubble p{margin:0;font-size:13.5px;line-height:1.55;color:#e3edf8;white-space:pre-wrap;word-break:break-word}
.chat-attach{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
.chat-attach a{display:block;border:1px solid var(--line2);border-radius:10px;overflow:hidden;line-height:0;transition:transform .14s,border-color .14s}
.chat-attach a:hover{transform:scale(1.04);border-color:var(--blue)}
.chat-attach img{width:120px;height:90px;object-fit:cover;display:block}
.reply-attach{font-size:12px;color:var(--muted)}
.reply-attach input[type=file]{margin-top:5px;font-size:12px}

/* Chat thread fiksna visina + scroll */
.chat-thread{max-height:min(56vh,540px);overflow-y:auto;padding-right:8px;scroll-behavior:smooth}

/* ============ MOBILNI / RESPONSIVE ============ */
.nav-toggle{display:none;background:#16283d;border:1px solid var(--line2);color:#e3edf8;border-radius:10px;width:42px;height:42px;font-size:19px;cursor:pointer;flex:0 0 auto;align-items:center;justify-content:center}
.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:59}

@media(max-width:900px){
  .app-shell{grid-template-columns:1fr}
  .sidebar{position:fixed;left:0;top:0;height:100dvh;width:272px;z-index:60;transform:translateX(-100%);transition:transform .25s ease;box-shadow:0 0 60px rgba(0,0,0,.65);overflow-y:auto}
  body.nav-open .sidebar{transform:translateX(0)}
  body.nav-open .nav-overlay{display:block}
  .nav-toggle{display:inline-flex}
  .topbar{position:sticky;top:0;z-index:40;background:linear-gradient(180deg,#0a1420,#070d15);flex-wrap:wrap;gap:10px;align-items:center}
  .topbar h1{font-size:17px;line-height:1.2}
  .topbar-actions{flex-wrap:wrap;gap:7px}
  .main{padding:14px 12px}
  /* dvokolonske forme/gridovi -> jedna kolona */
  .grid.two,.grid.three,.mod-admin,.rust-control-grid,.ticket-detail,.ticket-layout,.provision-form~*,.service-admin-strip{grid-template-columns:1fr!important}
  .grid,.grid.two,.grid.three{display:grid!important;grid-template-columns:1fr!important;gap:12px}
  .mods-panel.grid.two{display:grid!important;grid-template-columns:1fr!important}
  /* hero paneli: red -> kolona */
  .client-hero-panel,.service-hero,.hero-panel,.market-hero{flex-direction:column;align-items:stretch;gap:14px}
  .client-health-stack,.hero-stats,.market-stats{grid-template-columns:repeat(2,1fr)!important}
  .stats,.dashboard-grid{grid-template-columns:repeat(2,1fr)!important}
  .client-server-grid,.mod-grid,.market-grid{grid-template-columns:1fr!important}
  .info-grid,.service-mini-grid,.service-status-board,.svc-stat-grid{grid-template-columns:repeat(2,1fr)!important}
  /* tabele skroluju */
  .admin-table,.file-table,table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
  /* tabovi skroluju horizontalno */
  .svc-tabs,.admin-subtabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  .svc-tab{flex:0 0 auto}
  /* chat */
  .chat-msg{max-width:94%}
  .chat-thread{max-height:60vh}
  /* forme/inline wrap */
  .inline,.split-head,.webftp-layout,.control-panel{flex-wrap:wrap}
  .webftp-layout{display:block}
  .file-editor textarea,.editor-form textarea{min-height:180px}
  /* popupi (wipe/restart/chmod) fit ekran */
  .wipe-box,.chmod-form,.name-edit-form,.restart-sched .inline{width:min(88vw,320px);right:auto;left:0}
  /* order modal */
  .order-modal .modal-inner{width:94vw;max-width:94vw}
}

@media(max-width:560px){
  .client-health-stack,.hero-stats,.market-stats,.stats,.dashboard-grid,.info-grid,.service-mini-grid,.service-status-board{grid-template-columns:1fr!important}
  .topbar-actions .button{padding:7px 10px;font-size:12px}
  .main{padding:12px 10px}
  .card{padding:14px}
  h1{font-size:20px}h2{font-size:17px}
  .power-controls{flex-wrap:wrap}
  .ctl-btn{flex:1 1 30%}
  .pay-row{flex-direction:column;align-items:flex-start;gap:8px}
}

/* Rust brze admin komande */
.rust-admin-quick{margin-top:10px;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:10px}
.broadcast-form{display:flex;gap:6px}
.broadcast-form input[name=bmsg]{flex:1}

/* Auth (login/forgot/register) linkovi */
.auth-alt{margin-top:16px;text-align:center;font-size:13px;color:var(--muted)}
.auth-alt a{color:var(--blue);text-decoration:none;font-weight:800}
.auth-alt a:hover{text-decoration:underline}
.account-grid .form label input:disabled{opacity:.6}

/* Design tightening (generalno) */
button,summary{cursor:pointer}
.card>h2:first-child,.card>h3:first-child,.form>h2:first-child{margin-top:0}
input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}
.flash.ok{background:rgba(38,208,124,.12);border:1px solid rgba(38,208,124,.4);color:#9df0c4}
.flash.bad{background:rgba(255,61,79,.12);border:1px solid rgba(255,61,79,.4);color:#ffb3ba}

/* Admin global pretraga */
.global-search-form{display:flex;gap:8px}
.global-search-form input{flex:1;font-size:14px;padding:11px 14px}
.search-results{align-items:start}
.search-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;margin-bottom:7px;text-decoration:none;color:inherit;transition:background .14s,border-color .14s}
.search-row:hover{border-color:var(--line2);background:rgba(24,135,255,.06);transform:translateX(2px)}
.search-row>span{display:flex;flex-direction:column;min-width:0}
.search-row b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.search-row small{color:var(--muted);font-size:11px}

/* Disk overview (installers) */
.disk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:10px}
.disk-node{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px}
.disk-node-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}
.disk-node-head b{font-size:.95rem}
.disk-node-head span{font-size:.78rem;opacity:.75;white-space:nowrap}
.disk-bar{height:8px;border-radius:6px;background:rgba(255,255,255,.1);overflow:hidden}
.disk-fill{display:block;height:100%;border-radius:6px;transition:width .4s ease}
.disk-fill.ok{background:linear-gradient(90deg,#2fbf71,#37d98a)}
.disk-fill.warn{background:linear-gradient(90deg,#e0a72e,#f0c04a)}
.disk-fill.crit{background:linear-gradient(90deg,#d94b4b,#f0655f)}
.disk-node small{display:block;margin-top:6px;font-size:.75rem;opacity:.7}

/* Bulk akcije */
.bulk-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:6px 0 14px;padding:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px}
.bulk-bar select{min-width:150px}
.bulk-count{font-size:.82rem;opacity:.7;margin-left:auto}
.bulk-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;max-height:420px;overflow-y:auto;padding-right:4px}
.bulk-row{display:flex;align-items:center;gap:9px;padding:9px 11px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07);border-radius:10px;cursor:pointer;transition:background .15s}
.bulk-row:hover{background:rgba(255,255,255,.05)}
.bulk-row input[type=checkbox]{flex:0 0 auto}
.bulk-row b{font-size:.86rem;white-space:nowrap}
.bulk-row small{font-size:.72rem;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}
.bulk-row em{margin-left:auto}
.bulk-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:#7a7f87}
.bulk-dot.on{background:#37d98a;box-shadow:0 0 6px #37d98a}
.bulk-dot.off{background:#f0655f}
.bulk-dot.idle{background:#7a7f87}

/* Zakazane objave — banner */
.notice-banner{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:linear-gradient(90deg,rgba(94,124,255,.16),rgba(94,124,255,.06));border:1px solid rgba(120,150,255,.35);color:#dfe6ff;border-radius:12px;padding:11px 15px;margin-bottom:14px;font-size:.9rem}
.notice-banner b{font-weight:700}
.notice-banner span{opacity:.85}

/* Dashboard: attention chips */
.attn-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px}
.attn-chip{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;text-decoration:none;color:inherit;transition:transform .12s,border-color .12s}
.attn-chip:hover{transform:translateY(-2px)}
.attn-chip b{font-size:1.5rem;line-height:1}
.attn-chip span{font-size:.74rem;opacity:.7}
.attn-chip.hot{border-color:rgba(240,101,95,.5)}.attn-chip.hot b{color:#f0655f}
.attn-chip.warn{border-color:rgba(240,192,74,.45)}.attn-chip.warn b{color:#f0c04a}
.attn-chip.bad{border-color:rgba(240,101,95,.6);background:rgba(240,101,95,.08)}.attn-chip.bad b{color:#f0655f}
/* Dashboard: live nodes */
.dash-live .node-live{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.dash-live .node-live:last-child{border-bottom:0}
.node-live-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:8px}
.node-live-head b{font-size:.9rem}
.node-live-head small{font-size:.72rem;opacity:.6;margin-left:auto}
.node-live-badge{font-size:.68rem;padding:2px 8px;border-radius:20px;font-weight:700}
.node-live-badge.on{background:rgba(55,217,138,.16);color:#37d98a}
.node-live-badge.off{background:rgba(240,101,95,.16);color:#f0655f}
.node-live-bars{display:flex;flex-direction:column;gap:6px}
.nlb{display:flex;align-items:center;gap:9px}
.nlb>span{font-size:.72rem;opacity:.7;width:34px;flex:0 0 auto}
.nlb .disk-bar{flex:1 1 auto}
.nlb em{font-size:.7rem;opacity:.6;width:78px;text-align:right;flex:0 0 auto;font-style:normal}
/* Dashboard: activity feed */
.activity-feed{display:flex;flex-direction:column}
.act-row{display:flex;align-items:baseline;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.83rem}
.act-row:last-child{border-bottom:0}
.act-act{font-weight:600;white-space:nowrap}
.act-meta{opacity:.6;font-size:.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}
.act-time{opacity:.5;font-size:.72rem;white-space:nowrap;flex:0 0 auto}

/* Auto-odgovori (canned) editor */
.canned-admin{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-top:10px}
.canned-item{display:flex;flex-direction:column;gap:7px;padding:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px}
.canned-item.is-hidden{opacity:.55}
.canned-item.canned-new{border-style:dashed;border-color:rgba(120,150,255,.4)}
.canned-item-top{display:flex;gap:7px}
.canned-item-top input[name=title]{flex:1 1 auto;font-weight:600}
.canned-item textarea{width:100%;resize:vertical;font-size:.84rem;line-height:1.4}
.canned-item-actions{display:flex;gap:7px;justify-content:flex-end}

/* 2FA */
.auth-card.twofa-card{max-width:440px;margin:40px auto;text-align:center}
.twofa-card input[name=code]{font-size:1.6rem;letter-spacing:.4em;text-align:center;font-family:monospace}
.twofa-cancel{display:inline-block;margin-top:12px}
.twofa-setup .twofa-key{font-family:monospace;font-size:1.25rem;letter-spacing:.15em;background:rgba(120,150,255,.12);border:1px dashed rgba(120,150,255,.5);border-radius:10px;padding:12px 16px;margin:8px 0;cursor:pointer;user-select:all;word-break:break-all}
.twofa-steps>p{margin:10px 0 4px}
.twofa-uri{margin:8px 0}.twofa-uri code{display:block;word-break:break-all;font-size:.72rem;opacity:.7;margin-top:6px}
.twofa-confirm-form input[name=code]{font-size:1.3rem;letter-spacing:.3em;text-align:center;font-family:monospace;max-width:200px}
.twofa-disable-form{margin-top:10px}

/* ============ TICKET REDESIGN ============ */
:root{--tkt-open:#5b8cff;--tkt-pending:#f0b429;--tkt-answered:#2fbf71;--tkt-closed:#8a90a2}
.tkt-hero{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:26px 28px;margin-bottom:18px;border-radius:20px;background:linear-gradient(120deg,#4054d6 0%,#7b3ff2 55%,#a03fd6 100%);color:#fff;box-shadow:0 14px 40px -14px rgba(90,80,240,.6);position:relative;overflow:hidden}
.tkt-hero::after{content:"\1F3A7";position:absolute;right:22px;bottom:-18px;font-size:8rem;opacity:.12;transform:rotate(-8deg)}
.tkt-hero>div:first-child{flex:1 1 260px;position:relative;z-index:1}
.tkt-hero-badge{display:inline-block;background:rgba(255,255,255,.2);padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;margin-bottom:8px}
.tkt-hero h1{font-size:1.7rem;margin:0 0 4px}
.tkt-hero p{opacity:.88;margin:0;font-size:.92rem}
.tkt-hero-stat{text-align:center;background:rgba(255,255,255,.14);border-radius:16px;padding:14px 22px;position:relative;z-index:1}
.tkt-hero-stat b{display:block;font-size:2.2rem;line-height:1}
.tkt-hero-stat span{font-size:.72rem;opacity:.85}
.tkt-create-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.tkt-create-ico{font-size:1.8rem;background:rgba(120,80,240,.16);width:48px;height:48px;display:grid;place-items:center;border-radius:14px}
.tkt-create-head h2{margin:0}
.ticket-list{display:flex;flex-direction:column;gap:9px}
.tkt-card{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-left:4px solid var(--tkt-closed);text-decoration:none;color:inherit;transition:transform .14s,box-shadow .14s,border-color .14s}
.tkt-card:hover{transform:translateX(3px);box-shadow:0 8px 22px -12px rgba(0,0,0,.5);background:rgba(255,255,255,.055)}
.tkt-card.status-open{border-left-color:var(--tkt-open)}
.tkt-card.status-pending{border-left-color:var(--tkt-pending)}
.tkt-card.status-answered{border-left-color:var(--tkt-answered)}
.tkt-card.status-closed{border-left-color:var(--tkt-closed);opacity:.75}
.tkt-ico{font-size:1.35rem;flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;background:rgba(255,255,255,.05);border-radius:11px}
.tkt-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}
.tkt-title{font-weight:650;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tkt-sub{font-size:.76rem;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tkt-right{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.tkt-right small{opacity:.5;font-size:.72rem}
.tkt-status{font-size:.7rem;font-weight:700;padding:4px 11px;border-radius:20px;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}
.tkt-status.s-open{background:rgba(91,140,255,.16);color:#7ba0ff}
.tkt-status.s-pending{background:rgba(240,180,41,.16);color:#f0b429}
.tkt-status.s-answered{background:rgba(47,191,113,.16);color:#37d98a}
.tkt-status.s-closed{background:rgba(138,144,162,.16);color:#a3a8b5}
.tkt-prio{font-size:.7rem;font-weight:700;padding:4px 9px;border-radius:20px;white-space:nowrap}
.tkt-prio.p-urgent{background:rgba(240,101,95,.18);color:#f0655f}
.tkt-prio.p-high{background:rgba(240,164,66,.16);color:#f0a442}
.tkt-queue{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.tkt-qcard{display:flex;flex-direction:column;gap:9px;padding:15px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-top:3px solid var(--tkt-closed);text-decoration:none;color:inherit;transition:transform .14s,box-shadow .14s}
.tkt-qcard:hover{transform:translateY(-3px);box-shadow:0 14px 30px -16px rgba(0,0,0,.6)}
.tkt-qcard.status-open{border-top-color:var(--tkt-open)}
.tkt-qcard.status-pending{border-top-color:var(--tkt-pending)}
.tkt-qcard.status-answered{border-top-color:var(--tkt-answered)}
.tkt-qcard.status-closed{border-top-color:var(--tkt-closed);opacity:.72}
.tkt-qcard.prio-urgent{box-shadow:inset 0 0 0 1px rgba(240,101,95,.4)}
.tqc-head{display:flex;align-items:center;gap:9px}
.tqc-head b{font-size:.92rem;line-height:1.25}
.tqc-head .tkt-ico{width:34px;height:34px;font-size:1.1rem}
.tqc-sub{font-size:.78rem;opacity:.6}
.tqc-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto}
.tqc-foot small{opacity:.55;font-size:.72rem}
.tqc-time{margin-left:auto}
.tkt-empty{grid-column:1/-1;text-align:center;padding:36px 20px;opacity:.6}
.tkt-empty span{font-size:2.6rem;display:block;margin-bottom:8px}
.tkt-empty p{margin:0;font-size:.9rem}
.tkt-detail-hero{display:flex;align-items:center;gap:16px;padding:20px 22px;margin:-4px -4px 16px;border-radius:16px;background:linear-gradient(120deg,rgba(91,140,255,.12),rgba(160,63,214,.1));border:1px solid rgba(255,255,255,.08);border-left:5px solid var(--tkt-closed)}
.tkt-detail-hero.status-open{border-left-color:var(--tkt-open)}
.tkt-detail-hero.status-pending{border-left-color:var(--tkt-pending)}
.tkt-detail-hero.status-answered{border-left-color:var(--tkt-answered)}
.tkt-detail-hero.status-closed{border-left-color:var(--tkt-closed)}
.tdh-ico{font-size:2rem;width:54px;height:54px;display:grid;place-items:center;background:rgba(255,255,255,.06);border-radius:14px;flex:0 0 auto}
.tdh-body{flex:1 1 auto;min-width:0}
.tdh-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;opacity:.6}
.tdh-body h2{margin:2px 0 3px;font-size:1.25rem}
.tdh-body p{margin:0;font-size:.84rem;opacity:.65}
.tdh-status{flex:0 0 auto}
.canned-new-pop{position:relative}
.canned-new-pop>summary{list-style:none;cursor:pointer}
.canned-new-pop>summary::-webkit-details-marker{display:none}
.canned-new-pop[open]>summary{opacity:.6}
.canned-pop-form{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:14px;background:rgba(20,22,34,.6);border:1px solid rgba(120,150,255,.3);border-radius:12px}
.canned-new-pop .canned-pop-form{position:absolute;right:0;top:100%;z-index:20;width:340px;box-shadow:0 20px 50px -18px rgba(0,0,0,.7)}
.canned-rows{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.canned-row{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:11px;overflow:hidden}
.canned-row.is-hidden{opacity:.5}
.canned-row>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px 13px;transition:background .12s}
.canned-row>summary::-webkit-details-marker{display:none}
.canned-row>summary:hover{background:rgba(255,255,255,.04)}
.cr-chip{font-weight:700;font-size:.85rem;background:rgba(120,150,255,.14);color:#a9bcff;padding:3px 10px;border-radius:8px;white-space:nowrap;flex:0 0 auto}
.cr-preview{font-size:.78rem;opacity:.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto}
.cr-hidden{font-size:.68rem;background:rgba(138,144,162,.2);padding:2px 8px;border-radius:20px;opacity:.8}
.cr-edit{font-size:.72rem;opacity:.45;flex:0 0 auto}
.canned-row[open]>summary .cr-edit{opacity:.8}
.canned-row .canned-pop-form{margin:0 10px 12px;background:transparent;border:0;border-top:1px dashed rgba(255,255,255,.12);border-radius:0;padding:12px 4px 4px}
.cr-form-top{display:flex;gap:8px}
.cr-form-top input[name=title]{flex:1 1 auto;font-weight:600}
.cr-form-top input[name=sort]{width:64px}
.canned-pop-form textarea{width:100%;resize:vertical;font-size:.84rem;line-height:1.45;font-family:inherit}
.cr-form-actions{display:flex;gap:8px;justify-content:flex-end}

/* Portovi (firewall) */
.port-count{background:rgba(120,150,255,.2);color:#a9bcff;border-radius:20px;padding:1px 8px;font-size:.72rem;font-weight:700;margin-left:4px}
.port-list{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.port-row{display:flex;align-items:center;gap:9px;padding:8px 11px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:9px}
.port-row b{font-size:.95rem;font-variant-numeric:tabular-nums}
.port-row small{opacity:.55;font-size:.75rem;flex:1 1 auto}
.port-row .port-del{margin-left:auto}
.port-badge{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:6px;letter-spacing:.04em}
.port-badge.udp{background:rgba(47,191,113,.16);color:#37d98a}
.port-badge.tcp{background:rgba(91,140,255,.16);color:#7ba0ff}
.port-empty{margin:8px 0;font-size:.82rem}
.port-form-row{display:flex;gap:9px}
.port-form-row label{flex:1 1 auto}

/* FAQ / Pomoc */
.faq-list{display:flex;flex-direction:column;gap:8px}
.faq-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}
.faq-item>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 16px;transition:background .12s}
.faq-item>summary::-webkit-details-marker{display:none}
.faq-item>summary:hover{background:rgba(255,255,255,.05)}
.faq-item>summary b{flex:1 1 auto;font-size:.95rem}
.faq-ico{font-size:1.3rem;flex:0 0 auto}
.faq-arrow{opacity:.5;transition:transform .2s}
.faq-item[open]>summary .faq-arrow{transform:rotate(180deg)}
.faq-body{padding:0 16px 16px 44px}
.faq-body p{margin:0;line-height:1.6;opacity:.85;font-size:.9rem}
.faq-body code{background:rgba(120,150,255,.15);padding:1px 6px;border-radius:5px;font-size:.85em}
.faq-cta{text-align:center;padding:20px;margin-top:8px;border-top:1px solid rgba(255,255,255,.07)}
.faq-cta p{opacity:.6;margin:0 0 10px}

/* Admin serveri: search + scroll + bulk kolona */
.srv-count{background:rgba(120,150,255,.2);color:#a9bcff;border-radius:20px;padding:1px 9px;font-size:.8rem;font-weight:700;margin-left:4px}
.srv-search{min-width:280px;max-width:100%;padding:9px 13px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:inherit;font-size:.9rem}
.srv-search:focus{outline:none;border-color:rgba(120,150,255,.6)}
.servers-scroll{max-height:560px;overflow-y:auto;overflow-x:auto;margin-top:12px;border:1px solid rgba(255,255,255,.06);border-radius:12px}
.servers-scroll::-webkit-scrollbar{width:10px;height:10px}
.servers-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:6px}
.services-table{width:100%;border-collapse:collapse}
.services-table thead th,.services-table tr:first-child th{position:sticky;top:0;background:#171923;z-index:2}
.services-table th{background:#171923;position:sticky;top:0;z-index:1}
.bulk-th,.bulk-td{width:34px;text-align:center;padding-left:6px;padding-right:6px}
.bulk-cb,#bulkAll{width:17px;height:17px;cursor:pointer}
.srv-noresult{text-align:center;padding:20px}

/* Scroll na dugackim listama */
.mod-catalog-list{max-height:600px;overflow-y:auto}
.list-scroll{max-height:520px;overflow-y:auto;overflow-x:auto;border:1px solid rgba(255,255,255,.06);border-radius:12px}
.list-scroll::-webkit-scrollbar,.mod-catalog-list::-webkit-scrollbar{width:9px;height:9px}
.list-scroll::-webkit-scrollbar-thumb,.mod-catalog-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:6px}
.list-scroll .admin-table th{position:sticky;top:0;background:#171923;z-index:1}
/* Moj profil */
.profile-hero{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:24px;border-radius:20px;background:linear-gradient(120deg,#3a4bc8,#7b3ff2);color:#fff;margin-bottom:18px}
.profile-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.4);background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:2.2rem;font-weight:700;flex:0 0 auto}
.profile-hero-info h1{margin:0 0 3px;font-size:1.6rem}
.profile-hero-info p{margin:0;opacity:.85;font-size:.9rem}
.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:18px}
.profile-stat{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;text-align:center}
.profile-stat b{display:block;font-size:1.8rem;line-height:1}
.profile-stat span{font-size:.75rem;opacity:.65}
.avatar-upload{display:flex;align-items:center;gap:10px;margin-top:8px}