:root{--color-bg-dark: #0F172A;--color-surface-dim: #1E293B;--color-surface-hover: #334155;--color-surface-border: rgba(148, 163, 184, .1);--color-text-main: #F8FAFC;--color-text-muted: #94A3B8;--color-text-dim: #64748B;--color-surface-main: #0F172A;--color-surface-soft: rgba(255, 255, 255, .02);--color-surface-strong: rgba(255, 255, 255, .05);--color-header-bg: rgba(30, 41, 59, .6);--color-gold: #F59E0B;--color-silver: #94A3B8;--color-success: #10B981;--color-danger: #EF4444;--color-warning: #F59E0B;--color-prime-pos: #3B82F6;--color-prime-neg: #F43F5E;--color-premium-gold: #EAB308;--color-premium-teal: #2DD4BF;--halo-glow-gold: 0 0 30px rgba(234, 179, 8, .2);--halo-glow-silver: 0 0 30px rgba(148, 163, 184, .15);--bg-gradient: radial-gradient(circle at 50% 0%, #1E293B 0%, #0F172A 100%);--shadow-card: 0 20px 25px -5px rgba(0, 0, 0, .2), 0 10px 10px -5px rgba(0, 0, 0, .1);--glass-bg: rgba(30, 41, 59, .7);--accent-glow: 0 0 15px rgba(59, 130, 246, .3)}:root{--spacing-xs: clamp(2px, .4vw, 4px);--spacing-sm: clamp(4px, 1vw, 8px);--spacing-md: clamp(10px, 2vw, 16px);--spacing-lg: clamp(16px, 3vw, 24px);--spacing-xl: clamp(20px, 4vw, 32px);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--font-size-base: clamp(14px, 1.1vw, 16px);--font-size-lg: clamp(16px, 1.3vw, 20px);--font-size-xl: clamp(20px, 1.5vw, 24px);--font-size-2xl: clamp(24px, 2.5vw, 32px);--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}html[data-theme=light]{--color-bg-dark: #F8FAFC;--color-surface-dim: #FFFFFF;--color-surface-hover: #F1F5F9;--color-surface-border: rgba(15, 23, 42, .08);--color-text-main: #0F172A;--color-text-muted: #475569;--color-text-dim: #64748B;--color-surface-main: #F1F5F9;--color-surface-soft: rgba(15, 23, 42, .02);--color-surface-strong: rgba(15, 23, 42, .05);--color-header-bg: rgba(255, 255, 255, .7);--bg-gradient: radial-gradient(circle at 50% 0%, #F1F5F9 0%, #F8FAFC 100%);--shadow-card: 0 20px 25px -5px rgba(0, 0, 0, .05), 0 10px 10px -5px rgba(0, 0, 0, .03);--glass-bg: rgba(255, 255, 255, .85);--accent-glow: 0 0 15px rgba(59, 130, 246, .15)}html[data-theme=black-grey]{--color-bg-dark: #000000;--color-surface-dim: #121212;--color-surface-hover: #1E1E1E;--color-surface-border: rgba(255, 255, 255, .08);--color-text-main: #F8FAFC;--color-text-muted: #A0A0A0;--color-text-dim: #707070;--color-surface-main: #000000;--color-surface-soft: rgba(255, 255, 255, .01);--color-surface-strong: rgba(255, 255, 255, .03);--color-header-bg: rgba(18, 18, 18, .6);--bg-gradient: radial-gradient(circle at 50% 0%, #121212 0%, #000000 100%);--shadow-card: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .4);--glass-bg: rgba(18, 18, 18, .8);--accent-glow: 0 0 15px rgba(255, 255, 255, .05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);background-color:var(--color-bg-dark);background-attachment:fixed;color:var(--color-text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:var(--font-size-base);line-height:1.6;transition:background .3s ease,color .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-surface-dim);border:2px solid var(--color-bg-dark);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-base)}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-text-main)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-panel:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:.5s}.glass-panel:hover:after{left:100%}.glass-panel:hover{transform:translateY(-4px);border-color:#f59e0b4d;box-shadow:0 25px 50px -12px #0006}[data-theme=light] .glass-panel:hover{box-shadow:0 10px 15px -3px #0000001a;border-color:#0f172a1a}.text-premium{font-family:var(--font-display);letter-spacing:-.02em}.text-gradient-gold{background:linear-gradient(135deg,#fde68a,#f59e0b,#b45309);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.text-gradient-silver{background:linear-gradient(135deg,#f8fafc,#94a3b8,#475569);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.table-row{transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .2s ease,border-color .2s ease;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);background:#ffffff05}[data-theme=light] .table-row{background:var(--color-surface-soft)}.table-row:hover{background:var(--color-surface-hover);transform:scale(1.005) translateZ(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.animate-premium-fade{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards}.gpu-accel{will-change:transform,opacity;transform:translateZ(0)}input,select{background:var(--color-surface-dim);border:1px solid var(--color-surface-border);color:var(--color-text-main);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:all .2s ease}input:focus,select:focus{border-color:var(--color-gold);box-shadow:var(--accent-glow);outline:none}input:disabled{opacity:.5;cursor:not-allowed;background:#0000001a}.product-halo{position:relative;width:auto;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;gap:15px}.coin-face-wrapper{position:relative;width:clamp(60px,10vw,100px);height:clamp(60px,10vw,100px);display:flex;align-items:center;justify-content:center}.coin-face-wrapper:before{content:"";position:absolute;width:90%;height:90%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 75%);box-shadow:inset 0 0 15px #ffffff14;z-index:0}.coin-face-wrapper img{width:95%;height:95%;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.6));position:relative;z-index:1;transition:transform .3s ease}.product-halo:hover img{transform:scale(1.05)}.gold-theme .coin-face-wrapper:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:1px solid rgba(234,179,8,.3);box-shadow:var(--halo-glow-gold)}.silver-theme .coin-face-wrapper:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:1px solid rgba(148,163,184,.2);box-shadow:var(--halo-glow-silver)}.price-box{display:flex;justify-content:space-between;width:100%;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.05)}.price-item{display:flex;flex-direction:column;gap:2px}.price-label{font-size:.65rem;font-weight:800;color:var(--color-text-dim);letter-spacing:.05em;text-transform:uppercase}.price-value{font-family:var(--font-display);font-weight:700;font-size:1.05rem}.price-achat{color:#2dd4bf}.price-vente{color:#eab308;font-size:1.3rem}.category-badge{font-size:.65rem;font-weight:800;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);vertical-align:middle;margin-left:12px}.badge-gold{color:#eab308;background:#eab3081a;border-color:#eab30833}.badge-silver{color:#94a3b8;background:#94a3b81a;border-color:#94a3b833}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}@media(max-width:768px){.purchase-calculator-page,.inventory-entry-page,.sales-quote-page,.store-tracking-container,.dashboard-page,.settings-page{padding:16px 12px!important}.page-header{margin-bottom:20px!important}h1,.page-header h1{font-size:1.4rem!important;margin-bottom:4px!important}p,.page-header p{font-size:.8rem!important}.tabs-container{width:100%!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;justify-content:flex-start!important;padding:6px!important;gap:6px!important;scrollbar-width:none;-ms-overflow-style:none}.tabs-container::-webkit-scrollbar{display:none}.tab-item{padding:8px 12px!important;font-size:.75rem!important;white-space:nowrap!important;gap:6px!important;flex-shrink:0}.tab-item svg{width:16px!important;height:16px!important}.coin-grid,.sales-grid,.catalog-grid,.jewelry-grid,.summary-grid{grid-template-columns:1fr!important;gap:12px!important}.modern-table-wrapper,.table-container{display:block!important;width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;border-radius:8px!important;max-width:100vw;position:relative}table th,table td{padding:6px 8px!important;font-size:.7rem!important;white-space:nowrap}.inventory-entry-page table th:first-child,.inventory-entry-page table td:first-child,.inventory-entry-page table th:nth-child(2),.inventory-entry-page table td:nth-child(2),.tracking-page table th:first-child,.tracking-page table td:first-child,.sales-quote-page table th:first-child,.sales-quote-page table td:first-child{position:sticky;left:0;z-index:10;background:var(--color-bg-dark)!important;box-shadow:2px 0 5px #0000004d}@media(max-width:500px){.inventory-entry-page table th:nth-child(5),.inventory-entry-page table td:nth-child(5),.inventory-entry-page table th:nth-child(6),.inventory-entry-page table td:nth-child(6){display:none!important}}.coin-icon{width:20px!important;height:20px!important;font-size:.55rem!important}.stock-direct-input{width:50px!important;font-size:.9rem!important;padding:4px!important}.purchase-help-container,.calc-row,.form-row,.controls-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.actions-bar,.sales-actions,.quick-actions,.modal-actions{flex-direction:column!important;width:100%!important;gap:8px!important}.actions-bar button,.sales-actions button,.modal-actions button,.btn-action{width:100%!important;justify-content:center!important}.total-box,.summary-total-box,.jewelry-total-box,.total-display{flex-direction:column!important;text-align:center!important;padding:16px!important;gap:8px!important}.total-amount{font-size:1.5rem!important}.input-group,.form-group,input[type=text],input[type=number],select{width:100%;max-width:none!important}.product-card,.item-card,.summary-card{padding:12px!important}}