:root{--bg:#070b18;--panel:#10182c;--panel2:#17213a;--line:#263552;--text:#edf4ff;--muted:#9eabc2;--cyan:#00d9ff;--purple:#8b5cf6;--green:#31d0aa;--danger:#ff5d7a;--warning:#f9c74f}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top right,#18204d 0,#070b18 42%);color:var(--text);min-height:100vh}a{color:var(--cyan);text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,92%);margin:auto}.navbar{position:sticky;top:0;z-index:20;background:#080d1de8;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-inner{min-height:70px;display:flex;align-items:center;gap:22px}.brand{font-size:1.35rem;font-weight:900;letter-spacing:.08em;color:#fff}.brand span{color:var(--cyan)}.nav-links{display:flex;align-items:center;gap:16px;margin-left:auto;flex-wrap:wrap}.nav-links a,.link-button{color:var(--text);background:none;border:0;cursor:pointer;padding:8px}.cart-badge{background:var(--purple);border-radius:99px;padding:2px 7px;font-size:.75rem}.hero{padding:72px 0 42px;display:grid;grid-template-columns:1.4fr .6fr;gap:30px;align-items:center}.eyebrow{color:var(--cyan);font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1{font-size:clamp(2.4rem,6vw,5rem);line-height:.95;margin:14px 0;background:linear-gradient(90deg,#fff,var(--cyan),#b294ff);-webkit-background-clip:text;color:transparent}.hero-card,.panel,.card{background:linear-gradient(145deg,#121b32ee,#0d1427ee);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px #0005}.hero-card{padding:28px}.panel{padding:24px;margin:25px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.product-card{overflow:hidden;display:flex;flex-direction:column}.product-image{height:160px;background:linear-gradient(135deg,#172c49,#2a1550);display:grid;place-items:center;font-size:3rem}.product-image img{width:100%;height:100%;object-fit:cover}.card-body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}.card h3{margin:0}.price{font-size:1.45rem;color:var(--green);font-weight:900}.muted{color:var(--muted)}.tag{display:inline-block;background:#00d9ff18;color:var(--cyan);border:1px solid #00d9ff55;border-radius:99px;padding:4px 9px;font-size:.78rem}.stock-low{color:var(--warning)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:6px;border:0;border-radius:10px;padding:10px 16px;font-weight:800;cursor:pointer;background:linear-gradient(90deg,var(--cyan),#48a9ff);color:#04101b}.btn-secondary{background:var(--panel2);color:var(--text);border:1px solid var(--line)}.btn-danger{background:var(--danger);color:#fff}.btn-purple{background:linear-gradient(90deg,var(--purple),#c05cff);color:#fff}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filters{display:grid;grid-template-columns:2fr 1fr auto;gap:10px}.form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.form-control{width:100%;background:#090f20;border:1px solid var(--line);border-radius:10px;padding:11px;color:var(--text)}textarea.form-control{min-height:110px;resize:vertical}.checkbox{display:flex;gap:8px;align-items:center}.alert{padding:13px 16px;border-radius:10px;margin:18px 0;border:1px solid}.alert-success{background:#31d0aa18;border-color:#31d0aa66}.alert-error{background:#ff5d7a18;border-color:#ff5d7a66}.errors{color:#ff8da2;margin:5px 0}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.table th{color:var(--cyan)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{padding:20px}.stat strong{font-size:2rem;display:block;color:var(--cyan)}.auth-box{width:min(480px,92%);margin:60px auto}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:15px}.pagination{display:flex;gap:8px;margin:24px 0;align-items:center}.pagination svg{width:18px}.order-total{text-align:right;font-size:1.4rem;font-weight:900}.footer{margin-top:60px;padding:30px 0;border-top:1px solid var(--line);color:var(--muted)}.empty{text-align:center;padding:45px}.admin-nav{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.qty{width:85px}.status-pending{color:var(--warning)}.status-processing{color:var(--cyan)}.status-completed{color:var(--green)}.status-cancelled{color:var(--danger)}@media(max-width:760px){.hero,.detail-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr}.nav-inner{padding:12px 0}.nav-links{gap:5px}.two-cols{grid-template-columns:1fr}}@media(max-width:420px){.stats{grid-template-columns:1fr}}