* { margin:0; padding:0; box-sizing:border-box; border:none!important; outline:none; }
:root {
  --bg-void: #000000;
  --gold: #ffcc00;
  --red: #ff2a2a;
  --text-primary: #f0f2f8;
  --text-dim: #9aa1b0;
  --link-red: #ff4d4d;
  --glass: rgba(255,255,255,0.03);
  --transition-smooth: cubic-bezier(0.2,0.9,0.4,1.1);
  --orange: #ff8800;
}
body {
  background: #000;
  font-family: 'Exo 2', sans-serif;
  color: var(--text-primary);
  overflow-x: hidden;
  min-height: 100vh;
  padding:0;
}
h1,h2,h3,h4,.orbitron { font-family: 'Orbitron', monospace; letter-spacing: 0.03em; }
a { color: var(--red); text-decoration: none; transition: opacity 0.2s; }
a:hover { opacity: 0.7; text-decoration: underline; }

.ambient-mesh {
  position: fixed; inset: 0;
  background-image: linear-gradient(rgba(255,255,240,0.008) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,200,0.008) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none; z-index: 1;
}
.app-wrapper { max-width: 1400px; margin: 0 auto; padding: 0 32px; position: relative; z-index: 2; }

/* Boot Overlay */
#bootOverlay { position:fixed;inset:0;z-index:9999;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity 0.8s ease,visibility 0.8s ease; }
#bootOverlay.done { opacity:0;visibility:hidden;pointer-events:none; }
.boot-logo { font-size:48px;color:var(--gold);margin-bottom:24px;animation:bootPulse 1.5s ease-in-out infinite; }
.boot-text { font-family:'Orbitron';color:var(--gold);font-size:18px;letter-spacing:6px;margin-bottom:32px; }
.boot-loader { width:200px;height:2px;background:#222;border-radius:2px;overflow:hidden; }
.boot-loader-bar { height:100%;width:0;background:var(--gold);border-radius:2px;animation:bootLoad 2s ease-in-out forwards; }
.boot-version { color:var(--text-dim);font-size:11px;margin-top:24px;font-family:monospace;letter-spacing:2px; }
@keyframes bootPulse { 0%,100%{opacity:0.4;transform:scale(0.95)} 50%{opacity:1;transform:scale(1.05)} }
@keyframes bootLoad { 0%{width:0} 50%{width:70%} 100%{width:100%} }

/* Top Bar */
.top-bar { display:flex;justify-content:space-between;align-items:center;padding:20px 0;flex-wrap:wrap;background:transparent;position:relative;z-index:10; }
.logo-area svg { height:32px;width:auto;display:block; }
.oroboro-status { font-size:12px;background:rgba(17,17,17,0.8);padding:6px 12px;border-radius:40px;color:var(--gold);cursor:pointer;transition:all 0.2s;backdrop-filter:blur(8px);border:1px solid rgba(255,204,0,0.1); }
.oroboro-status:hover { background:rgba(255,204,0,0.1); }

/* Menu Orb */
.menu-orb { position:fixed;bottom:28px;right:28px;width:60px;height:60px;background:var(--gold);border-radius:50%;z-index:200;cursor:pointer;box-shadow:0 0 20px rgba(255,204,0,0.6);display:flex;align-items:center;justify-content:center;color:#000;font-size:28px;transition:transform 0.3s var(--transition-smooth);user-select:none; }
.menu-orb:hover { transform:scale(1.08); }
.menu-orb:active { transform:scale(0.95); }
.menu-orb-glow { position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(255,204,0,0.3);animation:orbPulse 3s ease-in-out infinite;pointer-events:none; }
@keyframes orbPulse { 0%,100%{transform:scale(1);opacity:0.5} 50%{transform:scale(1.15);opacity:0} }

/* Fullscreen Menu */
.fullscreen-menu { position:fixed;inset:0;background:rgba(0,0,0,0.98);backdrop-filter:blur(24px);z-index:250;display:flex;justify-content:flex-end;align-items:center;opacity:0;visibility:hidden;transition:opacity 0.4s ease,visibility 0.4s ease; }
.fullscreen-menu.open { opacity:1;visibility:visible; }
.menu-items-container { width:320px;height:100%;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:40px 20px;gap:32px; }
.menu-item { font-size:24px;font-weight:600;color:var(--text-dim);cursor:pointer;transition:all 0.3s var(--transition-smooth);font-family:'Exo 2',sans-serif;letter-spacing:2px;text-transform:uppercase;text-align:right;padding:8px 20px;position:relative; }
.menu-item::after { content:'';position:absolute;bottom:4px;right:20px;width:0;height:1px;background:var(--gold);transition:width 0.3s var(--transition-smooth); }
.menu-item:hover { transform:scale(1.15);color:var(--gold);letter-spacing:4px; }
.menu-item:hover::after { width:30px; }
.menu-item.active-item { color:var(--gold);font-size:32px;font-weight:800; }
.menu-item.active-item::after { width:40px; }

/* Portfolio Cart */
.portfolio-cart { position:fixed;bottom:28px;left:28px;background:rgba(0,0,0,0.85);border:1px solid rgba(255,204,0,0.15);border-radius:60px;padding:12px 24px;display:flex;gap:20px;z-index:200;cursor:pointer;backdrop-filter:blur(8px);font-family:'Orbitron';transition:all 0.3s;align-items:center; }
.portfolio-cart:hover { background:rgba(17,17,17,0.9);border-color:rgba(255,204,0,0.3); }
.portfolio-cart i { color:var(--gold); }

/* Pages */
.page { display:none; }
.page.active-page { display:block; }


/* Nav Top Bar */
.nav-top-bar { display:flex;justify-content:center;gap:12px;padding:16px 0;margin-bottom:16px;position:sticky;top:0;z-index:50;background:rgba(0,0,0,0.85);backdrop-filter:blur(12px);border-radius:60px; }
.nav-top-btn { width:auto;padding:8px 20px;background:rgba(0,0,0,0.8);border:1px solid rgba(255,204,0,0.15)!important;border-radius:40px;color:var(--gold);cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-family:'Exo 2';font-size:14px;transition:all 0.3s var(--transition-smooth);animation:navPulse 3s ease-in-out infinite; }
.nav-top-btn:hover { background:rgba(255,204,0,0.15);border-color:rgba(255,204,0,0.3)!important;transform:translateY(-2px);animation:none; }
.nav-top-label { display:none; }
@media (hover:hover) { .nav-top-btn:hover .nav-top-label { display:inline; } }
@keyframes navPulse { 0%,100%{box-shadow:0 0 0 0 rgba(255,204,0,0)} 50%{box-shadow:0 0 8px 2px rgba(255,204,0,0.08)} }

/* Front Video - Fullscreen Background */
html, body { margin:0;padding:0; }
#frontVideo { position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;object-fit:cover !important;z-index:0 !important;pointer-events:none !important;background:repeating-linear-gradient(45deg,#ff8800,#ff8800 16px,#000 16px,#000 32px); }
.home-overlay { position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.8) 100%); }
.video-scroll-container { position:relative;width:100%;min-height:100vh;z-index:2; }
.video-section { min-height:100vh;padding:120px 32px 60px;display:flex;flex-direction:column;justify-content:center;position:relative;clear:both; }
.video-section h2 { font-family:'Orbitron';color:var(--gold);margin-bottom:16px;font-size:clamp(1.5rem,3vw,2.5rem);text-shadow:0 0 40px rgba(0,0,0,0.8); }
.video-section p { color:var(--text-dim);line-height:1.8;max-width:600px;text-shadow:0 0 20px rgba(0,0,0,0.8); }
.video-section .section-content { max-width:600px; }

/* Product Grid */
.product-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin:32px 0; }
.product-card { background:#000;border:1px solid rgba(255,255,255,0.04);border-radius:24px;padding:20px;transition:all 0.3s var(--transition-smooth);transform:perspective(800px) rotateX(0deg); }
.product-card:hover { background:rgba(17,17,17,0.95);border-color:rgba(255,204,0,0.15);transform:perspective(800px) rotateX(2deg) translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.5); }
.product-img { width:100%;aspect-ratio:1/1;background:repeating-linear-gradient(45deg,#ff8800,#ff8800 8px,#111 8px,#111 16px);border-radius:16px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--text-dim);background-size:cover;background-position:center;position:relative;overflow:hidden; }
.product-img img { width:100%;height:100%;object-fit:contain; }
.product-img.silhouette img { filter:brightness(0) saturate(0);opacity:0.4; }
.product-title { font-size:20px;margin:12px 0 4px; }
.specs { font-size:12px;color:var(--text-dim);margin:8px 0; }
.price { font-size:22px;font-weight:700;color:var(--gold);margin:12px 0; }

/* Add to Cart Row */
.add-to-cart-row { display:flex;align-items:center;gap:8px;flex-wrap:nowrap; }
.add-to-cart-row .btn-primary { flex:1;min-width:0; }
.add-to-cart-row .btn-primary.quick-view-btn { flex:0 0 auto;width:auto;padding:10px 12px;height:100%;min-height:40px;display:inline-flex;align-items:center;justify-content:center; }
.ship-warning { font-size:11px;color:var(--red);text-align:center;margin:4px 0;display:none; }
.page { padding-bottom:100px; }
@media (max-width:768px) { .page { padding-bottom:140px; } }
.qty-selector { display:flex;align-items:center;gap:2px;background:rgba(17,17,17,0.8);border-radius:40px;padding:2px; }
.qty-arrow { width:28px;height:28px;border-radius:50%;background:rgba(255,204,0,0.1);color:var(--gold);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transition:all 0.2s;border:none!important; }
.qty-arrow:hover { background:rgba(255,204,0,0.3); }
.qty-val { width:24px;text-align:center;color:var(--gold);font-weight:700;font-size:14px; }
.qty-confirm { background:rgba(255,42,42,0.15)!important;color:var(--red)!important; }
.qty-confirm:hover { background:var(--red)!important;color:#000!important; }

/* Buttons */
.btn-primary { background:rgba(255,204,0,0.1);color:var(--gold);border-radius:40px;padding:10px 16px;font-weight:600;cursor:pointer;width:100%;font-family:'Exo 2';transition:all 0.3s var(--transition-smooth);margin:4px 0;text-align:center;position:relative;overflow:hidden; }
.btn-primary:hover { background:var(--gold);color:#000;transform:translateY(-1px);box-shadow:0 4px 20px rgba(255,204,0,0.3); }
.btn-primary:active { transform:translateY(0); }
.btn-large { padding:14px 24px;font-size:18px; }
.btn-primary:disabled { opacity:0.4;cursor:not-allowed;transform:none;box-shadow:none; }
.grayed { opacity:0.5;filter:grayscale(0.3);pointer-events:none; }
.info-text { background:rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.04);padding:12px;border-radius:16px;margin:12px 0;font-size:13px;color:var(--text-dim);backdrop-filter:blur(4px); }

/* Modals */
.modal-overlay { position:fixed;inset:0;background:rgba(0,0,0,0.97);backdrop-filter:blur(20px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease; }
.modal-overlay.active { opacity:1;visibility:visible; }
.modal-panel { background:rgba(0,0,0,0.95);border:1px solid rgba(255,204,0,0.08);max-width:700px;width:90%;border-radius:32px;padding:28px;max-height:85vh;overflow-y:auto;transform:scale(0.95);transition:transform 0.3s var(--transition-smooth); }
.modal-overlay.active .modal-panel { transform:scale(1); }

/* Payment Method */
.payment-method { display:flex;gap:12px;margin:16px 0; }
.method-btn { flex:1;background:rgba(17,17,17,0.9);color:var(--text-dim);padding:14px 16px;border-radius:40px;cursor:pointer;font-family:'Exo 2';font-weight:600;transition:all 0.3s;text-align:center;border:1px solid rgba(255,255,255,0.05)!important;font-size:14px; }
.method-btn i { margin-right:8px;font-size:16px; }
.method-btn:hover { border-color:rgba(255,204,0,0.2)!important;color:var(--gold); }
.method-btn.active { color:var(--gold);background:rgba(255,204,0,0.15);border-color:rgba(255,204,0,0.3)!important;box-shadow:0 0 20px rgba(255,204,0,0.1); }

.payment-block { background:rgba(17,17,17,0.8);border:1px solid rgba(255,204,0,0.08)!important;border-radius:16px;padding:16px;margin:12px 0; }
.wire-block { border-color:rgba(255,136,0,0.2)!important;background:rgba(17,17,17,0.9); }
.payment-row { display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.03)!important;gap:12px;flex-wrap:wrap; }
.payment-row:last-child { border-bottom:none!important; }
.pay-label { color:var(--text-dim);font-size:13px;white-space:nowrap; }
.pay-address { color:var(--gold);font-family:monospace;font-size:12px;word-break:break-all;text-align:right; }
.pay-amount { color:var(--gold);font-weight:700; }
.pay-value { color:var(--text-primary);text-align:right; }
.wire-notice { margin-top:12px;padding:8px 12px;background:rgba(255,136,0,0.1);border-radius:40px;font-size:12px;color:var(--orange);display:flex;align-items:center;gap:8px; }
.cod-block { border-color:rgba(0,200,100,0.2)!important;background:rgba(17,17,17,0.9); }
.cod-notice { margin-top:12px;padding:8px 12px;background:rgba(0,200,100,0.1);border-radius:40px;font-size:12px;color:#0c6;display:flex;align-items:center;gap:8px; }

/* Portfolio Tiles */
.portfolio-tile { display:flex;align-items:center;gap:12px;padding:12px;background:rgba(17,17,17,0.8);border-radius:16px;margin:8px 0; }
.portfolio-tile-img { width:64px;height:64px;border-radius:12px;overflow:hidden;background:repeating-linear-gradient(45deg,#ff8800,#ff8800 4px,#111 4px,#111 8px);flex-shrink:0;display:flex;align-items:center;justify-content:center; }
.portfolio-tile-img img { width:100%;height:100%;object-fit:cover; }
.portfolio-tile-info { flex:1;min-width:0; }
.portfolio-tile-price { color:var(--gold);font-weight:700;font-size:14px;margin-top:2px; }
.qty-btn { width:28px;height:28px;border-radius:50%;background:rgba(255,204,0,0.1);color:var(--gold);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transition:all 0.2s; }
.qty-btn:hover { background:rgba(255,204,0,0.3); }
.qty-display { width:24px;text-align:center;color:var(--gold);font-weight:700;font-size:14px; }
.remove-portfolio-item { background:rgba(255,42,42,0.1)!important;color:var(--red)!important; }
.remove-portfolio-item:hover { background:var(--red)!important;color:#000!important; }

/* Print receipt - white bg, black text, courier */
.print-receipt-btn { background:#fff!important;color:#000!important;font-family:'Courier New',monospace!important;border-radius:40px;padding:10px 16px;font-weight:600;cursor:pointer;width:auto;transition:all 0.3s var(--transition-smooth);margin:4px 0;text-align:center; }
.print-receipt-btn:hover { background:#eee!important;color:#000!important; }
.download-receipt-btn { background:#111!important;color:#39ff14!important;font-family:'Exo 2'!important;border-radius:40px;padding:10px 16px;font-weight:600;cursor:pointer;width:auto;transition:all 0.3s var(--transition-smooth);margin:4px 0;text-align:center; }
.download-receipt-btn:hover { background:#222!important;color:#39ff14!important; }
/* No outline on buttons */
.btn-primary, .print-receipt-btn, .download-receipt-btn { outline:none!important; }

/* Order Status */
.order-status { padding:2px 10px;border-radius:40px;font-size:11px;font-weight:700;text-transform:uppercase; }
.status-awaiting { background:rgba(255,136,0,0.2);color:var(--orange); }
.status-processing { background:rgba(0,150,255,0.2);color:#09f; }
.status-en_route { background:rgba(0,200,100,0.2);color:#0c6; }
.status-on_hold { background:rgba(255,42,42,0.2);color:var(--red); }
.status-complete { background:rgba(0,200,0,0.2);color:#0f0; }
.status-dismissed { background:rgba(100,100,100,0.2);color:#888; }

/* Bill Table */
.cart-item-row { display:flex;justify-content:space-between;padding:8px 0; }
.bill-table { width:100%;border-collapse:collapse;margin:16px 0; }
.bill-table th,.bill-table td { padding:8px;text-align:left;border-bottom:1px solid rgba(255,255,255,0.03)!important; }

.omnicard-display { background:#000;border:1px solid rgba(255,204,0,0.2);border-radius:24px;padding:20px;text-align:center;font-family:monospace;font-size:26px;letter-spacing:4px;perspective:600px; }
.omnicard-display.flip { animation:cardFlip 0.6s ease forwards; }
@keyframes cardFlip { 0%{transform:rotateY(90deg);opacity:0} 50%{transform:rotateY(-10deg)} 100%{transform:rotateY(0deg);opacity:1} }

/* Home */
.home-section { margin:48px 0; }
.home-section h2 { color:var(--gold);margin-bottom:16px; }
.home-section p { color:var(--text-dim);line-height:1.6; }
.home-cards { display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:32px 0; }
.home-card { background:rgba(0,0,0,0.8);border:1px solid rgba(255,255,255,0.04);border-radius:24px;padding:24px;text-align:center;cursor:pointer;transition:all 0.3s var(--transition-smooth);position:relative;overflow:hidden; }
.home-card:hover { background:rgba(17,17,17,0.95);border-color:rgba(255,204,0,0.15);transform:translateY(-6px);box-shadow:0 12px 40px rgba(255,204,0,0.05); }
.home-card i { font-size:48px;color:var(--gold);margin-bottom:16px; }
.home-card h3 { font-family:'Orbitron';margin-bottom:8px; }
.home-card p { color:var(--text-dim);font-size:14px; }

/* Flagship Banner */
.flagship-banner { grid-column:1/-1;background:linear-gradient(135deg,rgba(255,204,0,0.08),rgba(0,0,0,0.8) 60%);border:1px solid rgba(255,204,0,0.2);border-radius:32px;padding:32px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;position:relative;overflow:hidden;transform:perspective(800px) rotateX(0deg);transition:all 0.4s var(--transition-smooth);animation:flagshipFloat 4s ease-in-out infinite; }
.flagship-banner:hover { transform:perspective(800px) rotateX(2deg) translateY(-6px);box-shadow:0 20px 60px rgba(255,204,0,0.08);border-color:rgba(255,204,0,0.4); }
.flagship-glow { position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(255,204,0,0.04) 0%,transparent 60%);animation:flagshipGlow 6s ease-in-out infinite;pointer-events:none; }
@keyframes flagshipFloat { 0%,100%{transform:perspective(800px) rotateX(0deg) translateY(0)} 50%{transform:perspective(800px) rotateX(1deg) translateY(-4px)} }
@keyframes flagshipGlow { 0%,100%{transform:rotate(0deg)} 50%{transform:rotate(180deg)} }

/* Page Transitions */
.page-enter { animation:pageSlideIn 0.6s var(--transition-smooth) forwards; }
@keyframes pageSlideIn { from{opacity:0;transform:translateY(40px) scale(0.98)} to{opacity:1;transform:translateY(0) scale(1)} }

/* Product Card Hover Enhancements */
.product-card { transition:all 0.4s var(--transition-smooth); }
.product-card:hover { transform:translateY(-8px) scale(1.02);box-shadow:0 16px 48px rgba(0,0,0,0.6); }
.product-card .product-img { transition:transform 0.6s var(--transition-smooth); }
.product-card:hover .product-img { transform:scale(1.05); }

/* Home Card Animations */
.home-card { transition:all 0.4s var(--transition-smooth);animation:fadeInUp 0.6s ease backwards; }
.home-card:nth-child(1) { animation-delay:0.1s; }
.home-card:nth-child(2) { animation-delay:0.2s; }
.home-card:nth-child(3) { animation-delay:0.3s; }
.home-card:nth-child(4) { animation-delay:0.4s; }
@keyframes fadeInUp { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }

/* CTA Button */
.cta-btn { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:rgba(255,204,0,0.12);border:2px solid rgba(255,204,0,0.3)!important;border-radius:20px;padding:28px 20px;cursor:pointer;transition:all 0.3s var(--transition-smooth);text-align:center;position:relative;overflow:hidden; }
.cta-btn:hover { background:var(--gold);transform:translateY(-4px);box-shadow:0 8px 32px rgba(255,204,0,0.3); }
.cta-btn:hover i, .cta-btn:hover h3, .cta-btn:hover p { color:#000!important; }
.cta-btn i { font-size:40px;color:var(--gold);transition:color 0.3s; }
.cta-btn h3 { font-family:'Orbitron';font-size:16px;color:var(--gold);letter-spacing:2px;transition:color 0.3s;margin:0; }
.cta-btn p { font-size:12px;color:var(--text-dim);transition:color 0.3s;margin:0; }
.cta-btn .cta-arrow { font-size:20px;color:var(--gold);transition:color 0.3s,transform 0.3s; }
.cta-btn:hover .cta-arrow { transform:translateX(6px);color:#000; }

/* Slim Banner */
.slim-banner { background:rgba(255,204,0,0.06);border:1px solid rgba(255,204,0,0.15);border-radius:12px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;margin:8px 0; }
.slim-banner .btn-primary { width:auto;padding:4px 12px;font-size:11px;margin:0; }

/* Admin */
.admin-password-prompt { position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,0.98);border:1px solid rgba(255,204,0,0.15);padding:30px;border-radius:24px;z-index:3000;display:none;flex-direction:column;gap:16px;backdrop-filter:blur(20px); }
.admin-password-prompt input { background:#111;padding:12px;border-radius:40px;color:white;font-family:'Exo 2'; }
.admin-modal-overlay { position:fixed;inset:0;background:rgba(0,0,0,0.97);z-index:1100;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:0.3s; }
.admin-modal-overlay.active { opacity:1;visibility:visible; }
.admin-modal-panel { background:rgba(0,0,0,0.95);border:1px solid rgba(255,204,0,0.1);width:100vw;height:100vh;max-width:100%;max-height:100vh;border-radius:0;padding:0;display:flex;flex-direction:column; }
.admin-header { display:flex;align-items:center;justify-content:space-between;padding:8px 20px;border-bottom:1px solid rgba(255,204,0,0.08);flex-shrink:0;flex-wrap:wrap;gap:8px; }
.admin-header h2 { font-size:14px;letter-spacing:2px;white-space:nowrap; }
.admin-tabs { display:flex;gap:3px;flex-wrap:wrap;flex:1;justify-content:center; }
.admin-tabs .btn-primary { padding:4px 10px;font-size:11px;width:auto;margin:0;border-radius:20px;background:rgba(255,255,255,0.03);color:var(--text-dim); }
.admin-tabs .btn-primary.active { background:rgba(255,204,0,0.15);color:var(--gold); }
.admin-tabs .btn-primary i { margin-right:4px;font-size:10px; }
.admin-content { flex:1;overflow-y:auto;padding:12px 20px; }
/* Admin Dashboard */
.stats-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-bottom:16px; }
.stat-card { background:rgba(17,17,17,0.8);border:1px solid rgba(255,255,255,0.04);border-radius:10px;padding:12px; }
.stat-card .stat-value { font-size:22px;font-weight:700;color:var(--gold);font-family:'Orbitron'; }
.stat-card .stat-label { font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-top:2px; }
/* Admin Table */
.admin-table { width:100%;border-collapse:collapse;font-size:12px; }
.admin-table th { text-align:left;padding:6px 8px;color:var(--text-dim);font-weight:600;border-bottom:1px solid rgba(255,255,255,0.06);font-size:10px;text-transform:uppercase;letter-spacing:1px; }
.admin-table td { padding:6px 8px;border-bottom:1px solid rgba(255,255,255,0.03); }
.admin-table tr:hover { background:rgba(255,255,255,0.02); }
.admin-order-actions { display:flex;gap:4px;align-items:center;flex-wrap:nowrap; }
.admin-order-actions select { padding:2px 6px;font-size:11px;background:#111;color:#fff;border-radius:4px;border:1px solid rgba(255,255,255,0.1)!important; }
.admin-order-actions .btn-primary { padding:2px 8px;font-size:10px;width:auto;margin:0;border-radius:20px; }
.admin-section-title { font-size:13px;color:var(--gold);margin:16px 0 8px;font-family:'Orbitron';letter-spacing:1px; }
.admin-card { background:rgba(17,17,17,0.8);border:1px solid rgba(255,255,255,0.04);border-radius:12px;padding:14px;margin-bottom:12px; }
.admin-card-row { display:flex;gap:12px;align-items:center;flex-wrap:wrap; }
.admin-card-row .btn-primary { width:auto;padding:4px 12px;font-size:11px;margin:0; }
.admin-inline-input { background:#111;border:1px solid rgba(255,255,255,0.06)!important;border-radius:6px;padding:4px 8px;color:#fff;font-size:12px;font-family:'Exo 2';width:auto;min-width:60px; }
.admin-inline-input:focus { border-color:rgba(255,204,0,0.3)!important; }

/* Footer Dialogue */
.footer-dialogue { position:fixed;bottom:120px;left:50%;transform:translateX(-50%) translateY(30px);background:rgba(0,0,0,0.96);border:1px solid rgba(255,204,0,0.15);border-radius:24px;padding:24px 28px;z-index:150;max-width:520px;width:90%;text-align:center;backdrop-filter:blur(20px);opacity:0;visibility:hidden;transition:opacity 1.2s ease,visibility 1.2s ease,transform 1.2s var(--transition-smooth);box-shadow:0 20px 60px rgba(0,0,0,0.8); }
.footer-dialogue.show { opacity:1;visibility:visible;transform:translateX(-50%) translateY(0); }
.footer-dialogue h4 { color:var(--gold);font-family:'Orbitron';font-size:14px;margin-bottom:8px;letter-spacing:1px; }
.footer-dialogue p { color:var(--text-dim);font-size:12px;line-height:1.6;margin-bottom:12px; }
.dialogue-close { position:absolute;top:8px;right:12px;background:none;color:var(--text-dim);border:none;cursor:pointer;font-size:18px;padding:4px; }
.dialogue-close:hover { color:var(--gold); }
.dialogue-links { display:flex;gap:8px;flex-wrap:wrap;justify-content:center; }
.dialogue-links a { display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:rgba(255,255,255,0.04);border-radius:40px;font-size:11px;color:var(--text-primary);transition:all 0.3s;text-decoration:none; }
.dialogue-links a:hover { background:rgba(255,204,0,0.15);color:var(--gold);transform:translateY(-2px); }

/* Systems */
.device-card { background:rgba(0,0,0,0.8);border:1px solid rgba(255,255,255,0.04);border-radius:20px;padding:16px;margin-bottom:16px; }
.device-card-header { display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none; }
.device-collapse-icon { font-size:20px;color:var(--gold);width:24px;text-align:center; }
.systems-check { display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-top:12px; }
@media (min-width:768px) { .systems-check { grid-template-columns:repeat(3,1fr); } }
.sys-check { background:rgba(17,17,17,0.8);border:1px solid rgba(255,255,255,0.04);border-radius:40px;padding:8px 14px;cursor:pointer;transition:all 0.2s;display:inline-flex;align-items:center;gap:6px;font-size:13px; }
.sys-check:hover { border-color:rgba(255,204,0,0.2); }
.sys-check.selected { background:rgba(255,204,0,0.15);color:var(--gold);border-color:rgba(255,204,0,0.3); }
.enterprise-tag { background:var(--red);color:#000;padding:1px 6px;border-radius:40px;font-size:9px;font-weight:700;margin-left:4px; }

/* Paid Systems */
.paid-systems-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:16px 0; }
@media (min-width:768px) { .paid-systems-grid { grid-template-columns:repeat(4,1fr); } }
.paid-system-card { background:rgba(17,17,17,0.8);border:1px solid rgba(255,255,255,0.04);border-radius:16px;padding:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px; }
.paid-system-card i { font-size:24px;color:var(--gold); }

/* Creative Grid */
.creative-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:16px 0; }
@media (min-width:768px) { .creative-grid { grid-template-columns:repeat(3,1fr); } }
.creative-card { background:rgba(0,0,0,0.8);border:1px solid rgba(255,255,255,0.04);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:8px; }
.creative-card-img { width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:repeating-linear-gradient(45deg,#ff8800,#ff8800 4px,#111 4px,#111 8px);display:flex;align-items:center;justify-content:center; }
.creative-card-img img { width:100%;height:100%;object-fit:cover; }
.physhell-placeholder { width:100%;height:100%;display:flex;align-items:center;justify-content:center; }
.physhell-placeholder i { font-size:36px;color:var(--text-dim); }

/* Collections */
.collections-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:16px 0; }
@media (min-width:768px) { .collections-grid { grid-template-columns:repeat(3,1fr); } }
.collection-card { background:rgba(0,0,0,0.8);border:1px solid rgba(255,255,255,0.04);border-radius:20px;padding:16px; }
.collection-card-header { display:flex;align-items:center;gap:8px;cursor:pointer; }
.collection-card-header i { font-size:24px;color:var(--gold); }
.collection-images { display:flex;gap:6px;margin:8px 0;flex-wrap:wrap;cursor:pointer; }
.collection-thumb { width:56px;height:56px;object-fit:cover;border-radius:8px;background:repeating-linear-gradient(45deg,#ff8800,#ff8800 4px,#111 4px,#111 8px);cursor:pointer;transition:transform 0.2s; }
.collection-thumb:hover { transform:scale(1.1); }
.collection-placeholder { width:56px;height:56px;border-radius:8px;background:repeating-linear-gradient(45deg,#ff8800,#ff8800 4px,#111 4px,#111 8px);display:flex;align-items:center;justify-content:center;cursor:pointer; }

/* Collection Browser */
.collection-browse-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin:16px 0; }
.collection-browse-item { position:relative;cursor:pointer;border-radius:12px;overflow:hidden;border:2px solid transparent!important;transition:all 0.2s; }
.collection-browse-item:hover { border-color:rgba(255,204,0,0.3)!important; }
.collection-browse-item.selected { border-color:var(--gold)!important;box-shadow:0 0 20px rgba(255,204,0,0.3); }
.collection-browse-img { width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:repeating-linear-gradient(45deg,#ff8800,#ff8800 4px,#111 4px,#111 8px); }
.collection-browse-check { position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:var(--gold);color:#000;display:none;align-items:center;justify-content:center;font-size:12px; }
.collection-browse-item.selected .collection-browse-check { display:flex; }

/* Order Password */
.order-password-box { background:rgba(255,204,0,0.1);border:1px solid rgba(255,204,0,0.2)!important;border-radius:16px;padding:16px;margin:12px 0;text-align:center;color:var(--gold); }

/* Discovery */
.discovery-radar { width:120px;height:120px;background:radial-gradient(circle,rgba(255,204,0,0.1) 0%,transparent 70%);border-radius:50%;margin:20px auto;position:relative;animation:pulse 2s infinite; }
.discovery-radar::after { content:'';position:absolute;top:50%;left:50%;width:2px;height:60px;background:var(--gold);transform-origin:top;animation:spin 4s linear infinite; }
@keyframes pulse { 0%{box-shadow:0 0 0 0 rgba(255,204,0,0.4)} 70%{box-shadow:0 0 0 20px rgba(255,204,0,0)} 100%{box-shadow:0 0 0 0 rgba(255,204,0,0)} }
@keyframes spin { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
.discovery-text { font-family:'Orbitron';text-align:center;color:var(--gold);margin:20px 0; }

.demo-banner { background:rgba(17,17,17,0.9);color:var(--gold);text-align:center;padding:10px;border-radius:40px;margin-bottom:16px;display:none;border:1px solid rgba(255,204,0,0.1); }
.demo-banner.show { display:block; }
textarea.json-area { width:100%;background:#111;color:var(--gold);border-radius:16px;padding:12px;font-family:monospace;resize:vertical;border:1px solid rgba(255,204,0,0.1)!important; }
.form-input { width:100%;background:rgba(17,17,17,0.8);padding:12px;border-radius:40px;color:white;font-family:'Exo 2';margin:8px 0;border:1px solid rgba(255,255,255,0.04)!important;transition:border-color 0.2s; }
.form-input:focus { border-color:rgba(255,204,0,0.3)!important; }
select.form-input { appearance:none; }
.coming-soon-tag { background:var(--gold);color:#000;padding:2px 10px;border-radius:40px;font-size:12px;font-weight:700;margin-left:8px; }
.oro-notice { text-align:center;padding:20px; }

/* Particles */
.particle-burst { position:fixed;pointer-events:none;z-index:9998; }
.particle { position:absolute;width:4px;height:4px;background:var(--gold);border-radius:50%;animation:particleFly 1s ease-out forwards; }
@keyframes particleFly { 0%{transform:translate(0,0) scale(1);opacity:1} 100%{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0} }

.reveal { opacity:0;transform:translateY(30px);transition:all 0.6s var(--transition-smooth); }
.reveal.visible { opacity:1;transform:translateY(0); }

.toast { position:fixed;bottom:120px;left:30px;background:rgba(30,42,47,0.95);color:#ffcc00;padding:8px 18px;border-radius:40px;z-index:999;backdrop-filter:blur(8px);border:1px solid rgba(255,204,0,0.15);animation:toastIn 0.3s ease; }
@keyframes toastIn { from{transform:translateY(20px);opacity:0} to{transform:translateY(0);opacity:1} }

/* Print Styles */
@media print {
  body { background:#fff!important;color:#000!important; }
  .modal-overlay { position:static!important;opacity:1!important;visibility:visible!important;background:#fff!important;backdrop-filter:none!important; }
  .modal-panel { box-shadow:none!important;border:1px solid #ccc!important;max-width:100%!important;transform:none!important; }
  .omnicard-display { border:2px solid #000!important;color:#000!important; }
  .btn-primary,.menu-orb,.portfolio-cart,#bootOverlay,.nav-top-bar,.footer-dialogue,.ambient-mesh { display:none!important; }
  .bill-table th,.bill-table td { border-bottom:1px solid #ccc!important;color:#000!important; }
  #paymentStepsContainer, #paymentInstructions { color:#333!important; }
}

@media (max-width:768px) {
  .app-wrapper { padding:0 16px; }
  .menu-items-container { width:260px; }
  .menu-item { font-size:18px; }
  .menu-item.active-item { font-size:26px; }
  .portfolio-cart { padding:10px 16px;gap:12px;font-size:12px; }
  .portfolio-cart span:last-child { display:none; }
  .footer-dialogue { max-width:90%;padding:20px 16px;bottom:80px; }
  .flagship-banner { padding:20px; }
  .video-section { padding:80px 16px 40px; }
  .payment-method { flex-direction:column; }
  .nav-top-bar { gap:6px; }
  .nav-top-btn { padding:6px 12px;font-size:12px; }
  .add-to-cart-row { flex-wrap:wrap; }
  .systems-check { grid-template-columns:1fr; }
}

.shipping-prompt { text-align:center;padding:16px;background:rgba(255,136,0,0.08);border-radius:16px;font-size:13px;color:var(--orange);margin:8px 0; }