@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=DM+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#07090f;--bg2:#0d1120;--surface:#111827;--surface2:#1a2235;--surface3:#1f2d45;--border:hsla(0,0%,100%,.08);--border2:hsla(0,0%,100%,.14);--text:#e8eaf2;--text-dim:#8b95b0;--text-faint:#4b5472;--gold:#f59e0b;--gold-dim:#92400e;--gold-light:rgba(245,158,11,.12);--gold-glow:0 0 24px rgba(245,158,11,.35);--green:#10b981;--green-light:rgba(16,185,129,.12);--red:#ef4444;--red-light:rgba(239,68,68,.12);--blue:#3b82f6;--radius:14px;--radius-lg:20px;--nav-h:64px;--shadow-card:0 4px 24px rgba(0,0,0,.5),0 1px 0 hsla(0,0%,100%,.04) inset;--shadow-glow:0 0 40px rgba(245,158,11,.15)}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(245,158,11,.07) 0,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(99,102,241,.05) 0,transparent 50%)}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(1px 1px at 10% 15%,hsla(0,0%,100%,.6) 0,transparent 100%),radial-gradient(1px 1px at 25% 40%,hsla(0,0%,100%,.4) 0,transparent 100%),radial-gradient(1px 1px at 40% 8%,hsla(0,0%,100%,.5) 0,transparent 100%),radial-gradient(1px 1px at 55% 60%,hsla(0,0%,100%,.3) 0,transparent 100%),radial-gradient(1px 1px at 70% 25%,hsla(0,0%,100%,.5) 0,transparent 100%),radial-gradient(1px 1px at 85% 70%,hsla(0,0%,100%,.4) 0,transparent 100%),radial-gradient(1px 1px at 92% 12%,hsla(0,0%,100%,.6) 0,transparent 100%),radial-gradient(1.5px 1.5px at 5% 80%,hsla(0,0%,100%,.3) 0,transparent 100%),radial-gradient(1.5px 1.5px at 35% 90%,hsla(0,0%,100%,.35) 0,transparent 100%),radial-gradient(1.5px 1.5px at 65% 85%,hsla(0,0%,100%,.25) 0,transparent 100%),radial-gradient(1px 1px at 78% 45%,rgba(245,158,11,.5) 0,transparent 100%),radial-gradient(1px 1px at 18% 55%,rgba(129,140,248,.5) 0,transparent 100%);pointer-events:none;z-index:0}body>*{position:relative;z-index:1}a{color:inherit;text-decoration:none}.nav{background:rgba(7,9,15,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-logo{font-family:Cinzel,serif;font-weight:700;letter-spacing:1px;color:var(--text);gap:10px;text-decoration:none}.nav-logo,.nav-logo .logo-emblem{font-size:16px;display:flex;align-items:center}.nav-logo .logo-emblem{width:34px;height:34px;background:linear-gradient(135deg,var(--gold),#d97706);border-radius:8px;justify-content:center;box-shadow:0 0 12px rgba(245,158,11,.4);flex-shrink:0}.nav-links{gap:2px}.nav-link,.nav-links{display:flex;align-items:center}.nav-link{font-size:13px;font-weight:500;color:var(--text-dim);padding:7px 14px;border-radius:8px;transition:background .15s,color .15s;gap:6px}.nav-link:hover{background:var(--surface2);color:var(--text)}.nav-link.active{background:var(--gold-light);color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border:none;border-radius:10px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;text-decoration:none;white-space:nowrap;letter-spacing:.2px}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-gold{background:linear-gradient(135deg,#f59e0b,#d97706);color:#0d0a00;font-weight:700;box-shadow:0 2px 12px rgba(245,158,11,.4)}.btn-gold:hover{box-shadow:0 4px 20px rgba(245,158,11,.5);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-dim);border:1px solid var(--border2)}.btn-ghost:hover{border-color:var(--border2)}.btn-ghost:hover,.btn-surface{background:var(--surface2);color:var(--text)}.btn-surface{border:1px solid var(--border)}.btn-surface:hover{background:var(--surface3)}.btn-danger{background:var(--red-light);color:var(--red);border:1px solid rgba(239,68,68,.2)}.btn-full{width:100%}.btn-lg{padding:14px 28px;font-size:15px;border-radius:12px}.btn-sm{padding:7px 14px;font-size:12px}.form-group{margin-bottom:18px}.form-label{display:block;font-size:13px;font-weight:500;margin-bottom:7px;color:var(--text-dim);letter-spacing:.3px}.form-input{width:100%;padding:11px 14px;background:var(--bg2);border:1px solid var(--border2);border-radius:10px;font-family:DM Sans,sans-serif;font-size:14px;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.form-input::placeholder{color:var(--text-faint)}.form-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(245,158,11,.12)}.form-input.error{border-color:var(--red)}.form-hint{color:var(--text-faint)}.form-error,.form-hint{font-size:12px;margin-top:5px}.form-error{color:var(--red)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);border-color:var(--border2)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.badge-gold{background:var(--gold-light);color:var(--gold);border:1px solid rgba(245,158,11,.25)}.badge-green{background:var(--green-light);color:var(--green);border:1px solid rgba(16,185,129,.2)}.badge-red{background:var(--red-light);color:var(--red);border:1px solid rgba(239,68,68,.2)}.badge-gray{background:hsla(0,0%,100%,.05);color:var(--text-dim);border:1px solid var(--border)}.badge-purple{background:rgba(167,139,250,.12);color:#a78bfa;border:1px solid rgba(167,139,250,.2)}.badge-blue{background:rgba(59,130,246,.1);color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.spinner{width:40px;height:40px;border:3px solid var(--border2);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:15px;height:15px;border:2px solid hsla(0,0%,100%,.2);border-top-color:currentcolor;border-radius:50%;animation:spin .7s linear infinite;display:inline-block;vertical-align:middle}.divider{height:1px;background:var(--border);margin:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(245,158,11,.3)}50%{box-shadow:0 0 40px rgba(245,158,11,.6)}}.animate-fadeIn{animation:fadeIn .2s ease forwards}.animate-slideUp{animation:slideUp .25s ease forwards}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .15s ease}.modal{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:0 24px 80px rgba(0,0,0,.7),0 0 0 1px hsla(0,0%,100%,.04);overflow:hidden;animation:slideUp .22s ease}.modal-header{padding:24px 24px 0;display:flex;align-items:flex-start;justify-content:space-between}.modal-body{padding:20px 24px}.modal-footer{padding:0 24px 24px}.modal-close{background:var(--surface2);border:1px solid var(--border);width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);transition:all .15s;flex-shrink:0}.modal-close:hover{background:var(--surface3);color:var(--text)}.mono{font-family:JetBrains Mono,monospace}.text-gold{color:var(--gold)}.text-dim{color:var(--text-dim)}.text-faint{color:var(--text-faint)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-sm{font-size:13px}.text-xs{font-size:11px}.fw-600{font-weight:600}.fw-700{font-weight:700}.cinzel{font-family:Cinzel,serif}.page-wrap{max-width:1100px}.page-wrap,.page-wrap-sm{margin:0 auto;padding:48px 24px 96px}.page-wrap-sm{max-width:580px}.section-label{font-family:Cinzel,serif;font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--text-faint);margin-bottom:24px;display:flex;align-items:center;gap:12px}.section-label:after{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,var(--border2),transparent)}.cat-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.cat-tab{display:flex;align-items:center;gap:6px;padding:8px 18px;background:var(--surface2);border:1px solid var(--border);border-radius:99px;font-size:13px;font-weight:500;color:var(--text-dim);cursor:pointer;transition:all .15s;white-space:nowrap}.cat-tab:hover{border-color:var(--border2);color:var(--text);background:var(--surface3)}.cat-tab.active{background:var(--gold-light);border-color:rgba(245,158,11,.3);color:var(--gold);font-weight:600}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-card);display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative}.product-card:hover{transform:translateY(-4px);border-color:var(--border2)}.product-card-glow{position:absolute;top:0;left:0;right:0;height:120px;pointer-events:none;opacity:.4;transition:opacity .2s}.product-card:hover .product-card-glow{opacity:.7}.product-card-badge{position:absolute;top:14px;right:14px;z-index:2}.product-card-body{padding:22px;flex:1 1;position:relative}.product-card-footer{padding:16px 22px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(0,0,0,.2)}.invoice-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-card);margin-bottom:20px}.invoice-row{padding:14px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.invoice-row:last-child{border-bottom:none}.invoice-total{padding:18px 22px;background:rgba(245,158,11,.05);border-top:1px solid rgba(245,158,11,.15);justify-content:space-between}.invoice-total,.sandbox-banner{display:flex;align-items:center}.sandbox-banner{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);border-radius:10px;padding:10px 16px;gap:10px;font-size:13px;color:var(--gold);font-weight:500;margin-bottom:24px}.history-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;transition:border-color .15s,transform .15s,box-shadow .15s;cursor:pointer}.history-item:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.4)}@media print{.cat-tabs,.no-print,nav{display:none!important}body{background:#fff;color:#000}body:before{display:none}.invoice-card{box-shadow:none;border:1px solid #ccc;background:#fff;color:#000}}@media (max-width:640px){.nav{padding:0 16px}.nav-logo span.logo-text{display:none}.page-wrap,.page-wrap-sm{padding:32px 16px 80px}.product-grid{grid-template-columns:1fr}.cat-tabs{gap:6px}.cat-tab{padding:7px 14px;font-size:12px}}