:root{--bg:#070914;--bg2:#0d1020;--card:#111528;--line:#242a46;--text:#f7f8ff;--muted:#a7adc2;--red:#ff3d5f;--cyan:#19d7ff;--violet:#7c5cff;--gold:#ffc857;--green:#37d99b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% 0%,rgba(124,92,255,.14),transparent 25%),radial-gradient(circle at 88% 14%,rgba(25,215,255,.11),transparent 24%),linear-gradient(180deg,#060812 0%,#090b16 45%,#070914 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}
a{text-decoration:none;color:inherit}.container{max-width:1440px;margin:auto;padding:0 28px}.top{background:#05060d;border-bottom:1px solid #171a2c;font-size:13px;color:#c4c8d6}.top .container{height:38px;display:flex;justify-content:space-between;align-items:center}.header{position:sticky;top:0;z-index:40;background:rgba(7,9,20,.92);backdrop-filter:blur(20px);border-bottom:1px solid #20243a}.header-main{display:grid;grid-template-columns:330px 1fr auto;gap:22px;align-items:center;padding:14px 0}.brand{display:flex;align-items:center;gap:12px}.brand img{width:118px;height:58px;border-radius:10px;object-fit:contain;object-position:center;background:#050711;border:1px solid #34394d;padding:3px;filter:drop-shadow(0 5px 12px rgba(255,61,95,.18))}.brand strong{font-family:Georgia,serif;font-size:19px;letter-spacing:1.2px}.brand small{display:block;color:var(--gold);font-weight:800;margin-top:3px;font-size:10px;letter-spacing:1.6px}.search{display:flex;border:1px solid #313650;background:#0d1020;border-radius:16px;overflow:hidden}.search input{flex:1;background:transparent;color:white;border:0;outline:0;padding:15px 16px}.search button{border:0;background:linear-gradient(135deg,var(--violet),var(--red));color:#fff;padding:0 24px;font-weight:850}.actions{display:flex;gap:9px}.iconbtn,.btn{border:1px solid #2d3249;background:#101426;color:#fff;border-radius:14px;padding:12px 16px;cursor:pointer;font-weight:800}.btn-primary{background:linear-gradient(135deg,var(--violet),var(--red));border:0}.nav{border-top:1px solid #15182a}.nav .container{height:50px;display:flex;align-items:center;gap:26px;overflow:auto;white-space:nowrap;font-size:14px}.nav a:hover{color:var(--cyan)}.hero{padding:30px 0 18px}.hero-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:20px}.hero-main{min-height:500px;border-radius:32px;overflow:hidden;position:relative;border:1px solid #2b3150;background:linear-gradient(115deg,rgba(10,12,27,.98),rgba(14,18,36,.9) 45%,rgba(62,25,74,.7)),url('../img/service-flyer.png') center/cover}.hero-copy{padding:62px;position:relative;z-index:2;max-width:760px}.eyebrow{display:inline-flex;padding:8px 13px;border-radius:999px;border:1px solid #37406c;background:rgba(20,25,50,.72);font-size:12px;font-weight:900;color:#73e7ff}.hero h1{font-family:Georgia,serif;font-size:64px;line-height:.98;margin:18px 0;letter-spacing:-1.8px}.hero h1 span{background:linear-gradient(90deg,#fff,var(--gold),var(--cyan));-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.65;color:#bdc4da}.hero-side{display:grid;gap:20px}.side-card,.card{border:1px solid #2a3050;background:linear-gradient(145deg,#11162a,#0c1020);border-radius:24px;padding:24px}.side-card img{width:100%;height:170px;object-fit:contain}.side-card h3{font-size:26px}.section{padding:34px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.section h2{font-size:34px;margin:0}.section p{color:var(--muted)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product{border:1px solid #29304a;background:#0f1323;border-radius:23px;overflow:hidden}.product-media{height:220px;background:radial-gradient(circle at 55% 45%,rgba(124,92,255,.16),transparent 35%),linear-gradient(145deg,#151a30,#0a0d18);display:grid;place-items:center}.product-media img{width:90%;height:90%;object-fit:contain}.product-body{padding:17px}.product h3{font-size:16px;min-height:46px}.price{font-size:23px;font-weight:900}.stock{color:var(--green);font-size:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-card{max-width:800px;margin:36px auto;background:linear-gradient(145deg,#11162a,#0c1020);border:1px solid #2a3050;border-radius:24px;padding:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;color:#aeb5ca}.field input,.field select,.field textarea{background:#0b0f1e;color:#fff;border:1px solid #303756;border-radius:11px;padding:12px}.field textarea{min-height:100px}.notice{padding:12px 14px;border-radius:12px;margin:12px 0;background:#142232;border:1px solid #28536a}.notice.error{background:#2a1118;border-color:#6a2938}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #242a46;text-align:left;font-size:14px}.table th{color:#9ea6c2}.status{display:inline-block;padding:5px 9px;border-radius:999px;background:#18223b;font-size:12px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{padding:20px;border-radius:18px;border:1px solid #29304a;background:#0f1323}.metric b{font-size:28px;display:block}.footer{background:#050711;border-top:1px solid #20253b;padding:42px 0 22px;margin-top:40px}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:32px}.footer p,.footer a{color:#8f97af;font-size:14px;line-height:1.9}.footer a{display:block}.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#080b16;border-right:1px solid #20253b;padding:20px;position:sticky;top:0;height:100vh}.sidebar a{display:block;padding:11px 12px;border-radius:10px;color:#c3c8db;margin:4px 0}.sidebar a:hover{background:#151a31;color:#fff}.admin-main{padding:28px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
@media(max-width:1050px){.header-main{grid-template-columns:1fr auto}.search{grid-column:1/-1}.hero-grid,.grid2{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.container{padding:0 15px}.top{display:none}.brand div{display:none}.hero-copy{padding:34px 24px}.hero h1{font-size:42px}.products,.form-grid,.dashboard-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.admin-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.footer-grid{grid-template-columns:1fr 1fr}}

.nav-group{margin:16px 0 6px;color:#707b9d;font-size:11px;text-transform:uppercase;letter-spacing:1.3px;padding:0 10px}
.sidebar a.active{background:linear-gradient(135deg,#1a2140,#27152f);border:1px solid #3c466a;color:#fff}
.admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 18px}
.admin-actions a,.admin-actions button{padding:9px 12px;border-radius:10px;border:1px solid #303756;background:#11162a;color:#fff}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#17213b;color:#bfc8e8;font-size:11px}
.empty-state{padding:28px;text-align:center;border:1px dashed #35405f;border-radius:16px;background:#0c1020;color:#9fa8c3}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.toolbar input,.toolbar select{background:#0b0f1e;color:#fff;border:1px solid #303756;border-radius:10px;padding:9px 10px}

/* v7.1 admin usability hotfix */
html,body{min-height:100%}
.admin-shell{min-height:100vh;align-items:start}
.sidebar{
  position:sticky!important;
  top:0!important;
  height:100vh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin;
  scrollbar-color:#343c61 #090c18;
  padding-bottom:36px!important;
}
.sidebar::-webkit-scrollbar{width:8px}
.sidebar::-webkit-scrollbar-track{background:#090c18}
.sidebar::-webkit-scrollbar-thumb{background:#343c61;border-radius:10px}
.sidebar h2{position:sticky;top:-20px;z-index:3;background:#080b16;padding:20px 0 10px;margin:-20px 0 4px}
.admin-main{min-width:0;min-height:100vh}
.card{min-width:0}
.table-wrap{width:100%;overflow-x:auto}
.table{min-width:720px}
.page-title{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.page-subtitle{color:#8f98b3;font-size:13px}
.quick-links{display:flex;gap:8px;flex-wrap:wrap}
.empty-state strong{display:block;color:#fff;font-size:18px;margin-bottom:6px}
.empty-state .btn{display:inline-flex;margin-top:12px}
.db-warning{margin-bottom:16px;padding:12px 14px;border:1px solid #785725;background:#2c2413;color:#ffe09a;border-radius:12px}
@media(max-width:900px){
 .admin-shell{display:block}
 .sidebar{position:relative!important;height:auto!important;max-height:none!important}
 .admin-main{padding:18px}
}