@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-primary: #080B14;--bg-surface: #0F1629;--bg-elevated: #161D35;--bg-overlay: rgba(8, 11, 20, .85);--bg-nav: rgba(13, 18, 38, .95);--accent: #00D9A3;--accent-hover: #00C494;--accent-dim: rgba(0, 217, 163, .12);--accent-glow: rgba(0, 217, 163, .25);--gold: #F0B429;--gold-dim: rgba(240, 180, 41, .12);--danger: #FF4D6D;--danger-dim: rgba(255, 77, 109, .12);--text-primary: #F0F4FF;--text-secondary: #8892AA;--text-muted: #4A5568;--border: rgba(255, 255, 255, .07);--border-focus: rgba(0, 217, 163, .5);--shadow-card: 0 4px 24px rgba(0, 0, 0, .45);--shadow-float: 0 8px 40px rgba(0, 0, 0, .6);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--transition: .18s ease;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-height: 64px;--sidebar-width: 240px}[data-theme=light]{--bg-primary: #F0F4FA;--bg-surface: #FFFFFF;--bg-elevated: #E8EDF6;--bg-overlay: rgba(240, 244, 250, .92);--bg-nav: rgba(255, 255, 255, .96);--text-primary: #0D1B2A;--text-secondary: #4A5568;--text-muted: #9BA3B0;--border: rgba(0, 0, 0, .08);--border-focus: rgba(0, 217, 163, .5);--shadow-card: 0 4px 24px rgba(0, 0, 0, .06);--shadow-float: 0 8px 40px rgba(0, 0, 0, .1)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg-primary: #F0F4FA;--bg-surface: #FFFFFF;--bg-elevated: #E8EDF6;--bg-overlay: rgba(240, 244, 250, .92);--bg-nav: rgba(255, 255, 255, .96);--text-primary: #0D1B2A;--text-secondary: #4A5568;--text-muted: #9BA3B0;--border: rgba(0, 0, 0, .08);--border-focus: rgba(0, 217, 163, .5);--shadow-card: 0 4px 24px rgba(0, 0, 0, .06);--shadow-float: 0 8px 40px rgba(0, 0, 0, .1)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;min-height:100dvh;overscroll-behavior:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em;color:var(--text-primary);line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.15rem}h4{font-size:1rem}p{color:var(--text-secondary);line-height:1.6}.font-tabular{font-variant-numeric:tabular-nums}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card-surface{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md)}.input{width:100%;height:52px;padding:0 16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.9375rem;transition:border-color var(--transition),box-shadow var(--transition);outline:none}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 24px;border-radius:var(--radius-md);font-family:inherit;font-size:.9375rem;font-weight:600;cursor:pointer;border:none;transition:opacity var(--transition),transform var(--transition),box-shadow var(--transition);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,#0099FF 100%);color:#080b14}.btn-primary:hover:not(:disabled){box-shadow:0 4px 20px var(--accent-glow)}.btn-ghost{background:var(--accent-dim);color:var(--accent)}.btn-surface{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary)}.btn-danger{background:var(--danger-dim);color:var(--danger)}.btn-gold{background:var(--gold-dim);color:var(--gold)}.btn-sm{min-height:36px;padding:0 14px;font-size:.8125rem;border-radius:var(--radius-sm)}.btn-lg{min-height:58px;padding:0 32px;font-size:1rem;border-radius:var(--radius-lg)}.btn-full{width:100%}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:.75rem;font-weight:600;letter-spacing:.01em}.badge-default{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border)}.badge-accent{background:var(--accent-dim);color:var(--accent)}.badge-gold{background:var(--gold-dim);color:var(--gold)}.badge-danger{background:var(--danger-dim);color:var(--danger)}.badge-success{background:var(--accent-dim);color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-surface) 50%,var(--bg-elevated) 75%);background-size:800px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}.progress-track{width:100%;height:6px;background:var(--bg-surface);border-radius:99px;overflow:hidden}.progress-fill{height:100%;border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1)}.gradient-accent{background:linear-gradient(135deg,var(--accent) 0%,#0099FF 100%)}.gradient-gold{background:linear-gradient(135deg,var(--gold) 0%,#E09110 100%)}.gradient-danger{background:linear-gradient(135deg,var(--danger) 0%,#C62A47 100%)}.nav-spacer{height:calc(var(--nav-height) + var(--safe-bottom))}.page{padding-top:calc(16px + var(--safe-top));padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 16px);padding-left:16px;padding-right:16px;min-height:100dvh}.scroll-x{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.scroll-x::-webkit-scrollbar{display:none}.divider{width:100%;height:1px;background:var(--border)}@media(min-width:768px){.page{padding-top:32px;padding-bottom:32px;padding-left:calc(var(--sidebar-width) + 40px);padding-right:40px;min-height:100dvh}.hide-desktop{display:none!important}.hide-mobile{display:flex!important}.product-sheet{inset:50% auto auto 50%!important;transform:translate(-50%) translateY(-50%)!important;width:90%!important;max-width:560px!important;border-radius:var(--radius-xl)!important;max-height:85dvh!important}}@media(max-width:767px){.hide-mobile{display:none!important}}.text-gradient{background:linear-gradient(135deg,var(--accent),#0099FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-gold{background:linear-gradient(135deg,var(--gold),#E09110);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:768px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.product-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.product-desc p{margin:0 0 10px;color:var(--text-secondary)}.product-desc p:last-child{margin-bottom:0}.product-desc strong,.product-desc b{font-weight:700;color:var(--text-primary)}.product-desc em,.product-desc i{font-style:italic}.product-desc ul,.product-desc ol{margin:0 0 10px 18px}.product-desc li{margin-bottom:4px;color:var(--text-secondary)}.product-desc a{color:var(--accent);text-decoration:none}.product-desc a:hover{text-decoration:underline}