:root{
    --bg:#07111f; --panel:#101820ee; --panel2:#151515f4; --yellow:#ffd21e; --red:#d92720; --blue:#0e61a8; --green:#2ea44f; --text:#f5f5f5; --muted:#c8c8c8;
  }
  *{box-sizing:border-box}
  body{margin:0;font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;background:#05070c;color:var(--text);letter-spacing:.3px;}
  body:before{content:"";position:fixed;inset:0;background:
    radial-gradient(circle at 20% 15%, rgba(30,116,180,.45), transparent 30%),
    radial-gradient(circle at 80% 20%, rgba(210,39,32,.25), transparent 26%),
    linear-gradient(rgba(0,0,0,.25), rgba(0,0,0,.78)),
    repeating-radial-gradient(circle at 20% 20%, rgba(255,255,255,.08) 0 1px, transparent 1px 8px),
    linear-gradient(135deg,#07111f,#0b2340 45%,#120608);
    z-index:-2}
  body:after{content:"";position:fixed;inset:0;background-image:linear-gradient(to top, #000 0 6%, transparent 6%);z-index:-1;opacity:.7}
  header{height:104px;background:#050505;display:flex;align-items:center;gap:24px;padding:12px 26px;border-bottom:5px solid #111;position:sticky;top:0;z-index:5}
  .logo{width:245px;min-width:215px;height:86px;background:var(--yellow);color:#111;clip-path:polygon(8% 24%,19% 8%,31% 18%,44% 0,54% 19%,67% 5%,75% 26%,94% 20%,83% 42%,100% 55%,78% 60%,88% 83%,65% 73%,53% 97%,42% 76%,20% 91%,25% 66%,0 64%,18% 49%);display:flex;flex-direction:column;justify-content:center;align-items:center;text-shadow:3px 3px #fff, 5px 5px #000;transform:rotate(-3deg);border:4px solid #000}
  .logo .big{font-size:38px;color:#d71920;line-height:.85}.logo .small{font-size:24px;color:#111}.logo .tag{font-family:Arial,sans-serif;font-weight:900;font-size:12px;text-shadow:none;background:#111;color:#fff;padding:3px 8px;border-radius:3px;letter-spacing:.5px}
  nav{display:flex;gap:12px;align-items:stretch;flex:1;justify-content:center;flex-wrap:wrap}.navbtn{border:0;background:transparent;color:white;font-size:21px;padding:0 14px;min-height:64px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-transform:uppercase;line-height:1;text-align:center}.navbtn.active,.navbtn:hover{color:var(--yellow);box-shadow:inset 0 -5px 0 var(--yellow)}
  .wrap{max-width:1540px;margin:0 auto;padding:24px 28px 34px}.hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.burst{background:var(--blue);color:var(--yellow);font-size:54px;padding:24px 52px;text-shadow:4px 4px #000;clip-path:polygon(5% 50%,13% 38%,10% 20%,27% 26%,36% 6%,46% 25%,61% 9%,63% 30%,82% 21%,77% 42%,96% 50%,78% 59%,84% 80%,64% 72%,53% 96%,44% 73%,25% 88%,29% 67%,10% 77%,15% 58%)}
  .note{background:var(--yellow);color:#111;padding:18px 22px;border:4px solid #000;box-shadow:6px 6px #000;font-size:22px;transform:rotate(1.5deg)}
  .grid{display:grid;grid-template-columns:260px minmax(520px,1fr) 330px;gap:18px}.panel{background:linear-gradient(180deg,#161b20,#080a0c);border:2px solid #333;border-radius:8px;box-shadow:0 0 0 2px #000, 0 12px 30px rgba(0,0,0,.5);padding:18px}.panel h2,.panel h3{margin:0 0 16px;color:var(--yellow);text-shadow:2px 2px #000}.field{margin-bottom:14px;font-family:Arial,sans-serif}.field label{display:block;margin-bottom:6px;font-weight:800;color:#fff}.field select,.field input{width:100%;padding:11px;border:1px solid #555;border-radius:5px;background:#111;color:#fff;font-size:15px}.price-row{display:flex;gap:8px}.btn{border:0;border-radius:5px;padding:12px 16px;background:var(--red);color:#fff;font-weight:900;cursor:pointer;text-transform:uppercase;font-size:15px}.btn.yellow{background:var(--yellow);color:#111}.btn.blue{background:#1668ad}.btn.green{background:var(--green)}.btn.gray{background:#333}.btn.full{width:100%;margin-top:8px}
  table{width:100%;border-collapse:collapse;font-family:Arial,sans-serif;background:rgba(0,0,0,.35);border-radius:8px;overflow:hidden}th{background:#0d0d0d;color:#fff;text-align:left;padding:12px;font-size:14px}td{padding:12px;border-top:1px solid #303030;color:#eee;font-size:15px}tr:hover{background:#172536}.price.locked{letter-spacing:5px;color:#ddd}.comic-check{width:18px;height:18px;accent-color:var(--yellow)}
  .codebox{background:linear-gradient(180deg,#9e160f,#440300);border:2px solid #ef392f}.codebox input{background:#f7f7f7;color:#222}.status{font-family:Arial,sans-serif;margin-top:10px;padding:10px;border-radius:5px;background:#112;color:#ddd}.status.ok{background:#123c18;color:#b7ffb9;border:1px solid #2ea44f}.sales-item{font-family:Arial,sans-serif;display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 0;border-bottom:1px solid #333}.sales-item strong{font-size:16px}.sales-item small{color:#ccc}.x{color:#ff3228;cursor:pointer;font-weight:900;font-size:22px}.total{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #444;font-size:22px;color:var(--yellow)}
  .filter-strip{display:grid;grid-template-columns:repeat(5,1fr) auto auto;gap:8px;margin-bottom:14px}.filter-strip select{padding:10px;background:#111;color:#fff;border:1px solid #555;border-radius:5px}
  .hidden{display:none!important}.admin-layout{display:grid;grid-template-columns:260px 1fr 320px;gap:18px}.side{min-height:660px}.side a{display:block;color:#eee;padding:15px 12px;border-radius:4px;margin:4px 0;text-decoration:none;font-size:19px}.side a.active,.side a:hover{background:var(--red)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.card{padding:18px;border-radius:7px;background:#123b5d;border:1px solid #2c6d9c}.card:nth-child(2){background:#15511f}.card:nth-child(3){background:#6b4908}.card:nth-child(4){background:#681710}.card .num{font-size:30px;color:white}.actions button{margin-right:7px;margin-bottom:6px}.footer{margin-top:22px;background:linear-gradient(90deg,#063b75,#e5a900,#b51313);padding:18px;text-align:center;color:#111;font-size:24px;border-top:4px solid #000;border-bottom:4px solid #000;text-shadow:1px 1px #fff}
  .mobile-warning{display:none}@media(max-width:1000px){.grid,.admin-layout{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}header{height:auto;flex-wrap:wrap}.logo{width:190px}.burst{font-size:36px}.note{display:none}}
.buy-list-wide{margin-top:18px;border:3px solid var(--yellow);box-shadow:0 0 0 4px rgba(0,0,0,.35)}
.buy-list-header{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.buy-list-header h2{margin-bottom:4px}
.muted{font-family:Arial,sans-serif;color:#bbb;margin:0}
.buy-list-table td,.buy-list-table th{vertical-align:middle}
.buy-list-table .remove-cell{text-align:center;width:70px}
.remove-mini{border:0;border-radius:50%;background:var(--red);color:#fff;width:28px;height:28px;font-weight:900;cursor:pointer}
.inventory-title-row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:8px}
.inventory-title-row h2{margin:0}
.page-size-control{display:flex;align-items:center;gap:8px;font-family:Arial,sans-serif;color:#eee;font-weight:800}
.page-size-control select{padding:9px 12px;background:#111;color:#fff;border:1px solid #555;border-radius:5px}
.inventory-count{font-family:Arial,sans-serif;color:#bbb;margin:0 0 12px;font-size:14px}
.other-categories-wrap{position:relative;display:inline-flex;align-items:center}
.other-categories-btn{white-space:nowrap}
.dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:280px;max-width:380px;background:#080a0c;border:3px solid var(--yellow);box-shadow:7px 7px 0 #000,0 14px 35px rgba(0,0,0,.7);border-radius:6px;padding:10px;z-index:30;font-family:Arial,sans-serif;text-transform:none}
.other-categories-wrap:hover .dropdown-menu,.other-categories-wrap:focus-within .dropdown-menu{display:block}
.dropdown-empty{color:#ddd;font-size:14px;line-height:1.35;padding:10px}
.dropdown-group{border-bottom:1px solid #333;padding:6px 0}.dropdown-group:last-child{border-bottom:0}
.dropdown-heading{color:var(--yellow);font-weight:900;text-transform:uppercase;font-size:14px;padding:8px 10px;background:#151515;border-left:4px solid var(--red)}
.dropdown-item{display:flex;width:100%;justify-content:space-between;align-items:center;border:0;background:transparent;color:#fff;text-align:left;padding:10px 14px;font-weight:800;cursor:pointer;border-radius:4px;font-size:15px}
.dropdown-item:hover{background:var(--blue);color:var(--yellow)}
.child-item{padding-left:24px}.dropdown-subgroup{position:relative}.dropdown-submenu{display:none;position:absolute;top:0;left:100%;min-width:220px;background:#080a0c;border:2px solid var(--yellow);box-shadow:7px 7px 0 #000;border-radius:5px;padding:8px;z-index:35}.dropdown-subgroup:hover .dropdown-submenu{display:block}
.contact-panel{font-family:Arial,sans-serif;font-size:18px;line-height:1.5}
.contact-panel a{color:var(--yellow);font-weight:900;font-size:22px}
.category-form{display:grid;grid-template-columns:repeat(3,1fr) auto auto;gap:12px;align-items:end;margin-bottom:14px}
.category-form .field{margin-bottom:0}
@media(max-width:1000px){.other-categories-wrap{width:100%;justify-content:center}.dropdown-menu{left:0;right:0;transform:none;width:100%;max-width:none}.dropdown-submenu{position:static;display:block;margin-left:16px;box-shadow:none;border-color:#333}.category-form{grid-template-columns:1fr}}

.home-message-display{margin:-6px 0 22px}
.home-message-card{font-family:Arial,sans-serif;background:linear-gradient(135deg,#ffd21e,#fff1a5);color:#111;border:4px solid #000;box-shadow:8px 8px 0 #000;border-radius:10px;padding:18px}
.home-message-title{font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;font-size:34px;color:#d71920;text-shadow:2px 2px #fff;margin-bottom:12px;text-transform:uppercase}
.home-message-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.home-message-grid div{background:#fff;border:2px solid #111;border-radius:7px;padding:12px}
.home-message-grid .wide{grid-column:1/-1}
.home-message-grid b{display:block;text-transform:uppercase;font-size:13px;margin-bottom:4px}
.home-message-grid span{font-size:18px;font-weight:800}
.home-message-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end;margin-bottom:14px}
.home-message-form .full-row{grid-column:1/-1}
.home-message-form textarea{width:100%;min-height:95px;padding:11px;border:1px solid #555;border-radius:5px;background:#111;color:#fff;font-size:15px;font-family:Arial,sans-serif}
@media(max-width:1000px){.home-message-grid,.home-message-form{grid-template-columns:1fr}.home-message-title{font-size:28px}.navbtn{min-height:48px;width:100%}}

/* Upgrade pack styles */
.dashboard-cards{grid-template-columns:repeat(4,1fr)}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.panel-lite{background:#0b1018;border:1px solid #333;border-radius:8px;padding:16px;font-family:Arial,sans-serif}
.panel-lite h3{margin:0 0 12px;color:var(--yellow);font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;font-size:26px}
.bar-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;margin:7px 0;background:#151515;border-left:5px solid var(--yellow);border-radius:5px}
.status-pill{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;text-transform:uppercase;font-family:Arial,sans-serif;letter-spacing:.3px;background:#1f5b20;color:#caffca}
.status-pill.reserved{background:#6b4908;color:#fff2b3}.status-pill.sold{background:#69130e;color:#ffd0cb}.status-pill.in-stock{background:#134a1b;color:#b7ffb9}
.pos-strip{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-family:Arial,sans-serif;background:#111;padding:12px;border:1px solid #333;border-radius:7px;margin-bottom:14px}
.pos-strip select,.pos-strip input[type="text"],.pos-strip input:not([type]){background:#050505;color:#fff;border:1px solid #555;border-radius:5px;padding:9px;max-width:100px}
@media(max-width:1000px){.dashboard-cards,.dashboard-grid{grid-template-columns:1fr}.pos-strip{align-items:stretch}.pos-strip select,.pos-strip input,.pos-strip button{width:100%;max-width:none}table{display:block;overflow-x:auto;white-space:nowrap}.hero{display:block}.burst{margin-bottom:12px;text-align:center}.wrap{padding:16px 12px}.panel{padding:14px}}

.btn.danger{background:#c62828;color:#fff;border-color:#ff8a80}
.btn.danger:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(1)}
.danger-zone{border:3px solid #ff3b30;background:rgba(198,40,40,.12);border-radius:18px;padding:18px;margin-top:14px;box-shadow:0 0 0 4px rgba(0,0,0,.15)}
.danger-zone h3{color:#ffeb3b;margin-top:0;text-transform:uppercase;letter-spacing:.5px}
.danger-zone code{background:#111;color:#ffeb3b;padding:3px 6px;border-radius:6px}