@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700;800;900&family=Rajdhani:wght@500;600;700&display=swap');
:root{--bg:#050811;--panel:#0b1220;--panel2:#0f1a2c;--cyan:#36f3ff;--violet:#8d5cff;--pink:#ff3b7d;--lime:#c8ff39;--text:#f3f8fc;--muted:#91a6b7;--line:#21374b;--shadow:0 20px 60px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:radial-gradient(circle at 10% 0%,#10283d 0,transparent 30%),radial-gradient(circle at 100% 15%,#28123d 0,transparent 32%),var(--bg);color:var(--text);font:600 18px/1.5 Rajdhani,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(54,243,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(54,243,255,.02) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(#000,transparent 90%)}
h1,h2,h3,button,.button,.nav,.kicker,.badge{font-family:Orbitron,sans-serif}a{color:inherit;text-decoration:none}button,.button{cursor:pointer}
.layout{min-height:100vh;display:grid;grid-template-columns:290px minmax(0,1fr)}aside{position:sticky;top:0;height:100vh;overflow:auto;padding:24px 18px;background:rgba(5,9,20,.92);border-right:1px solid rgba(54,243,255,.16);backdrop-filter:blur(20px);z-index:5}.brand{display:flex;align-items:center;gap:12px;margin:0 8px 20px}.brand>span{font-size:27px;color:var(--cyan);text-shadow:0 0 22px rgba(54,243,255,.5)}.brand strong{display:block;font:800 22px Orbitron}.brand small{display:block;margin-top:3px;color:var(--muted);font:700 10px Orbitron;letter-spacing:.16em}.site-link{display:flex;align-items:center;justify-content:center;padding:13px 14px;margin-bottom:20px;border:1px solid rgba(54,243,255,.25);background:rgba(54,243,255,.06);font-size:16px;font-weight:700}.site-link:hover{border-color:var(--cyan);box-shadow:0 0 25px rgba(54,243,255,.12)}.nav-title{padding:0 10px 8px;color:#637c8e;font:800 10px Orbitron;letter-spacing:.15em}.nav{display:flex;align-items:center;min-height:46px;padding:10px 12px;margin:4px 0;color:#afc1ce;border:1px solid transparent;font-size:12px;letter-spacing:.035em;border-radius:8px}.nav:hover,.nav.active{color:#fff;background:linear-gradient(90deg,rgba(54,243,255,.11),rgba(141,92,255,.08));border-color:rgba(54,243,255,.23);box-shadow:inset 3px 0 var(--cyan)}.nav.logout{margin-top:16px;color:#ff9db7}
main{width:100%;max-width:1580px;margin:0 auto;padding:34px 34px 60px}.top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.kicker{font-size:11px;letter-spacing:.18em;color:var(--cyan);font-weight:800}.top h1{margin:6px 0 5px;font-size:34px}.top p{margin:0;color:var(--muted);font-size:18px}.top-actions{display:flex;gap:10px}.notice{margin:0 0 18px;padding:14px 16px;border:1px solid rgba(200,255,57,.38);background:rgba(200,255,57,.07);color:#e8ffc0;border-radius:8px;font-size:17px}.notice.error{border-color:rgba(255,59,125,.45);background:rgba(255,59,125,.08);color:#ffb1c5}
.hero-panel{display:grid;grid-template-columns:1fr 220px;gap:24px;align-items:center;padding:28px;margin-bottom:16px;background:linear-gradient(135deg,rgba(15,30,49,.95),rgba(10,14,29,.96));border:1px solid rgba(54,243,255,.2);box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.hero-panel h2{font-size:27px;margin:10px 0}.hero-panel p{max-width:720px;margin:0;color:#b9cbd5;font-size:19px}.badge{display:inline-flex;padding:7px 10px;border:1px solid rgba(54,243,255,.3);color:var(--cyan);background:rgba(54,243,255,.06);font-size:10px;letter-spacing:.12em}.hero-metric{padding:20px;text-align:center;border:1px solid rgba(141,92,255,.4);background:rgba(141,92,255,.08);border-radius:10px}.hero-metric span,.hero-metric small{display:block;color:var(--muted)}.hero-metric strong{display:block;margin:4px 0;font:900 46px Orbitron;color:var(--cyan)}
.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stat,.panel,.quick{background:linear-gradient(145deg,rgba(12,22,38,.96),rgba(6,11,20,.96));border:1px solid rgba(54,243,255,.15);box-shadow:var(--shadow);border-radius:10px}.stat{padding:21px}.stat span{display:block;color:#7891a3;font:800 10px Orbitron;letter-spacing:.08em}.stat b{display:block;margin:8px 0 3px;font:900 30px Orbitron;color:var(--cyan);text-shadow:0 0 18px rgba(54,243,255,.28)}.stat small{color:var(--muted);font-size:15px}.panel{padding:24px;margin-bottom:16px}.panel h2{font-size:23px;margin:0 0 7px}.panel p{font-size:17px}.panel-title-row,.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:16px}.panel-title-row p,.panel-head p{margin:0;color:var(--muted)}
.bars{height:260px;display:flex;align-items:end;gap:14px;border-bottom:1px solid var(--line);padding:24px 10px 34px}.bar{position:relative;flex:1;min-width:22px;height:10%;background:linear-gradient(180deg,var(--cyan),var(--violet));box-shadow:0 0 20px rgba(54,243,255,.12);border-radius:4px 4px 0 0;min-height:8px}.bar em{position:absolute;top:-27px;left:50%;transform:translateX(-50%);font:800 12px Orbitron;font-style:normal}.bar span{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);font-size:14px;color:var(--muted);white-space:nowrap}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick{display:grid;grid-template-columns:1fr auto;gap:3px 15px;padding:20px;transition:.2s}.quick:hover{transform:translateY(-2px);border-color:rgba(54,243,255,.35)}.quick b{font:700 15px Orbitron}.quick span{color:var(--muted);font-size:16px}.quick::first-letter{color:var(--cyan)}
.table-wrap{overflow:auto;border:1px solid rgba(54,243,255,.08);border-radius:8px}table{width:100%;border-collapse:collapse;min-width:760px;font-size:16px}th,td{padding:14px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left;vertical-align:top}th{color:var(--cyan);font:800 10px Orbitron;letter-spacing:.08em;background:rgba(54,243,255,.025);white-space:nowrap}tr:last-child td{border-bottom:0}td.message{min-width:280px;white-space:normal}.button,button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border:1px solid rgba(54,243,255,.28);background:#081625;color:#eefcff;font-size:11px;letter-spacing:.04em;border-radius:7px}.button:hover,button:hover{border-color:var(--cyan);box-shadow:0 0 20px rgba(54,243,255,.12)}.button.primary,button.primary{border-color:rgba(54,243,255,.55);background:linear-gradient(135deg,rgba(54,243,255,.18),rgba(141,92,255,.18))}.danger{border-color:rgba(255,59,125,.48)!important;color:#ffabc0!important}.small{min-height:34px;padding:6px 10px;font-size:10px}.row-form{display:flex;gap:8px;align-items:center}.row-form select{min-width:170px}.status,.pill{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:rgba(54,243,255,.08);border:1px solid rgba(54,243,255,.18);font-size:14px}.pill.on{color:#dfff91;border-color:rgba(200,255,57,.3);background:rgba(200,255,57,.07)}.pill.off{color:#ffadbd;border-color:rgba(255,59,125,.25);background:rgba(255,59,125,.06)}
.form{display:grid;gap:16px;max-width:980px}.form label{display:grid;gap:7px;color:#d2dce3;font-weight:700;font-size:18px}.form input,.form textarea,.form select,.upload-form input,.inline-form input{width:100%;padding:13px 14px;min-height:48px;background:#040a13;color:#fff;border:1px solid rgba(54,243,255,.2);font:600 18px Rajdhani;outline:0;border-radius:7px}.form textarea{min-height:150px;resize:vertical}.form input:focus,.form textarea:focus,.form select:focus,.inline-form input:focus{border-color:var(--cyan);box-shadow:0 0 18px rgba(54,243,255,.1)}.form small{color:var(--muted);font-size:15px}.full{width:100%}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.editor{margin-top:16px}.thumb{width:82px;height:58px;object-fit:cover;border:1px solid var(--line);border-radius:5px}.upload-form{display:flex;gap:12px;align-items:center;margin-bottom:20px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.file-card{background:#07101d;border:1px solid rgba(54,243,255,.15);padding:12px;border-radius:8px}.file-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#02050a;border-radius:5px}.file-card b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:10px;font-size:16px}.file-card small{display:block;color:var(--muted);font-size:14px}.file-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.file-actions form{display:inline}.background-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:8px 0 18px}.background-choice{position:relative;display:block;border:1px solid var(--line);padding:6px;background:#050b14;cursor:pointer;border-radius:7px}.background-choice input{position:absolute;opacity:0}.background-choice img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:4px}.background-choice span{display:block;padding:7px 3px;font-size:15px}.background-choice:has(input:checked){border-color:var(--cyan);box-shadow:0 0 24px rgba(54,243,255,.18)}
.security-grid,.access-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:16px}.security-info ul{margin:10px 0 0;padding-left:22px}.security-info li{margin:9px 0;color:#bdccd5}.inline-form{display:flex;gap:10px;align-items:center;margin-top:20px}.inline-form input{flex:1}.blocked-list{display:grid;gap:10px}.blocked-item{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px;border:1px solid rgba(255,59,125,.18);background:rgba(255,59,125,.045);border-radius:8px}.blocked-item strong{display:block;font:700 17px Orbitron}.blocked-item small{display:block;color:var(--muted);margin-top:3px}.empty{padding:18px;border:1px dashed var(--line);color:var(--muted);border-radius:8px}.visibility-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.toggle-card{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px;border:1px solid rgba(54,243,255,.13);background:#081321;border-radius:9px;cursor:pointer}.toggle-card:hover{border-color:rgba(54,243,255,.35)}.toggle-card strong{display:block;font-size:17px}.toggle-card small{display:block;color:var(--muted);margin-top:2px}.toggle-card input{position:absolute;opacity:0;pointer-events:none}.toggle-card i{width:50px;height:28px;position:relative;flex:none;background:#263545;border-radius:99px;transition:.2s}.toggle-card i:after{content:"";position:absolute;width:20px;height:20px;left:4px;top:4px;background:#81909b;border-radius:50%;transition:.2s}.toggle-card input:checked+i{background:rgba(54,243,255,.25);box-shadow:0 0 18px rgba(54,243,255,.12)}.toggle-card input:checked+i:after{left:26px;background:var(--cyan);box-shadow:0 0 12px rgba(54,243,255,.5)}code{font-family:monospace;font-size:15px;color:#d9faff}
.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(520px,100%);padding:38px;background:linear-gradient(145deg,rgba(13,24,41,.97),rgba(5,10,19,.98));border:1px solid rgba(54,243,255,.22);box-shadow:0 30px 90px rgba(0,0,0,.55);border-radius:14px}.brand-mark{text-align:center;color:var(--cyan);font-size:40px;text-shadow:0 0 25px rgba(54,243,255,.45)}.login-card .kicker{text-align:center;margin-top:6px}.login-card h1{text-align:center;font-size:28px;margin:15px 0 8px}.login-card>p{text-align:center;color:var(--muted);font-size:18px;margin:0 0 24px}.login-card label{display:grid;gap:7px;margin-top:15px;font-size:17px;font-weight:700}.login-card input{width:100%;min-height:52px;padding:13px 15px;background:#040a13;color:#fff;border:1px solid rgba(54,243,255,.2);font:600 18px Rajdhani;border-radius:7px;outline:0}.login-card input:focus{border-color:var(--cyan);box-shadow:0 0 18px rgba(54,243,255,.1)}.login-note{margin-top:15px;text-align:center;color:#71899a;font-size:15px}.error{padding:12px 14px;margin:14px 0;border:1px solid rgba(255,59,125,.45);background:rgba(255,59,125,.08);color:#ffb1c5;border-radius:7px}
@media(max-width:1200px){.layout{grid-template-columns:245px 1fr}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.gallery,.background-grid{grid-template-columns:repeat(3,1fr)}.visibility-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.layout{display:block}aside{position:relative;height:auto;max-height:none;padding:16px}.nav{display:inline-flex;width:auto;margin:3px}.nav-title{margin-top:12px}.site-link{max-width:300px}.top{flex-direction:column}.hero-panel,.security-grid,.access-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.gallery,.background-grid{grid-template-columns:repeat(2,1fr)}main{padding:24px 18px 45px}}
@media(max-width:600px){.dashboard-grid,.gallery,.background-grid,.visibility-grid{grid-template-columns:1fr}.bars{gap:7px;padding-left:2px;padding-right:2px}.bar em{font-size:10px}.panel{padding:18px}.panel-title-row,.panel-head{flex-direction:column}.upload-form,.inline-form{display:grid;grid-template-columns:1fr}.login-card{padding:28px 20px}.top h1{font-size:27px}.hero-panel{padding:22px}.hero-metric strong{font-size:38px}}


/* Подсветка строк заказов YooMoney */
tr.order-paid td {
  background: rgba(57, 190, 112, .13);
  border-bottom-color: rgba(95, 210, 135, .22);
}
tr.order-paid:hover td { background: rgba(57, 190, 112, .19); }
tr.order-pending td {
  background: rgba(238, 190, 55, .13);
  border-bottom-color: rgba(238, 190, 55, .23);
}
tr.order-pending:hover td { background: rgba(238, 190, 55, .19); }
tr.order-cancelled td {
  background: rgba(145, 155, 168, .10);
  border-bottom-color: rgba(145, 155, 168, .16);
  color: #b5bec7;
}
tr.order-cancelled:hover td { background: rgba(145, 155, 168, .16); }
.order-status .status-label {
  display: inline-block;
  padding: 5px 9px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 6px;
  font-weight: 700;
}
.order-paid .status-label { color: #a7efbb; border-color: rgba(105,220,142,.35); background: rgba(48,160,89,.14); }
.order-pending .status-label { color: #ffe29a; border-color: rgba(238,190,55,.38); background: rgba(188,139,20,.14); }
.order-cancelled .status-label { color: #c1c8d0; border-color: rgba(160,170,180,.25); background: rgba(120,130,140,.12); }
.order-legend { display:flex; flex-wrap:wrap; gap:8px; margin: 12px 0 16px; }
.order-legend span { display:inline-flex; padding:6px 10px; border-radius:6px; font-size:14px; }
.order-legend .legend-paid { color:#a7efbb; background:rgba(48,160,89,.14); border:1px solid rgba(105,220,142,.3); }
.order-legend .legend-pending { color:#ffe29a; background:rgba(188,139,20,.14); border:1px solid rgba(238,190,55,.3); }
.order-legend .legend-cancelled { color:#c1c8d0; background:rgba(120,130,140,.12); border:1px solid rgba(160,170,180,.22); }