.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;background-color:var(--bg-card);border-right:1px solid var(--border-medium);display:flex;flex-direction:column;z-index:40;transition:width .3s ease}.sidebar.collapsed{width:var(--current-sidebar-width, 80px)}.sidebar.collapsed .brand-title,.sidebar.collapsed .nav-section-title,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-count,.sidebar.collapsed .accordion-toggle,.sidebar.collapsed .toggle-label,.sidebar.collapsed .toggle-sublabel,.sidebar.collapsed .toggle-info,.sidebar.collapsed .status-text,.sidebar.collapsed .price-filter{display:none}.sidebar.collapsed .sidebar-brand{justify-content:center;padding:0}.sidebar.collapsed .nav-item,.sidebar.collapsed .nav-link,.sidebar.collapsed .nav-link-parent,.sidebar.collapsed .nav-sub-link{justify-content:center;padding:var(--sp-3) 0}.sidebar.collapsed .nav-icon{margin:0}.sidebar.collapsed .nav-sub-list{margin-left:0;padding-left:0;border-left:none}.sidebar.collapsed .stock-toggle-btn,.sidebar.collapsed .system-status{justify-content:center;padding:var(--sp-3) 0!important}.sidebar-brand{height:var(--header-height);padding:0 var(--sp-6);display:flex;align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--border-light)}.brand-icon{width:32px;height:32px;background:var(--accent-indigo);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.clickable-logo{cursor:pointer;transition:opacity .2s ease,transform .2s ease}.clickable-logo:hover{opacity:.8;transform:scale(1.05)}.brand-icon svg{width:20px;height:20px}.brand-text{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.5px}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--sp-6)}.nav-section-title{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--sp-3);padding-left:var(--sp-2)}.nav-list{display:flex;flex-direction:column;gap:var(--sp-1);list-style:none;padding:0;margin:0}.nav-link,.nav-sub-link{width:100%;background:none;border:none;outline:none;font-family:inherit;text-align:left;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:var(--weight-medium);font-size:var(--text-sm);transition:var(--transition-fast);cursor:pointer;border:1px solid transparent}.nav-link:hover,.nav-sub-link:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.nav-link.active,.nav-sub-link.active{background-color:var(--accent-indigo-glow);color:var(--accent-indigo);border-color:#6366f133}.nav-icon{font-size:14px;opacity:.8}.nav-count{margin-left:auto;font-family:var(--font-mono);font-size:11px;background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-full)}.nav-link.active .nav-count,.nav-sub-link.active .nav-count{background:var(--accent-indigo);color:#fff}.nav-item-accordion{display:flex;flex-direction:column;gap:var(--sp-1)}.nav-link-parent{display:flex;align-items:center;position:relative}.nav-link.parent-btn{flex:1}.accordion-toggle{position:absolute;right:var(--sp-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);font-size:10px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.accordion-toggle:hover{color:var(--text-primary)}.accordion-toggle.expanded{transform:translateY(-50%) rotate(180deg)}.nav-sub-list{display:flex;flex-direction:column;list-style:none;padding:0;margin:0;gap:var(--sp-1);margin-top:var(--sp-1);border-left:1px solid var(--border-medium);margin-left:20px;padding-left:var(--sp-3)}.sub-icon{display:flex;align-items:center;justify-content:center;opacity:.9}.sub-icon svg{width:14px;height:14px}.sub-icon.instagram{color:var(--color-instagram)}.sub-icon.tiktok{color:var(--color-tiktok)}.sub-icon.gmail{color:var(--color-gmail)}.sidebar-footer{padding:var(--sp-6);border-top:1px solid var(--border-light);background-color:var(--bg-secondary)}.filter-toggle-container{margin-bottom:var(--sp-4)}.toggle-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.toggle-sublabel{font-size:11px;color:var(--text-muted)}.stock-toggle-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3);background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);transition:var(--transition-fast)}.stock-toggle-btn:hover{background:var(--bg-secondary)}.toggle-switch{width:36px;height:20px;background:var(--bg-tertiary);border-radius:10px;position:relative;transition:var(--transition-fast)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.stock-toggle-btn.active .toggle-switch{background:var(--accent-indigo)}.stock-toggle-btn.active .toggle-switch:after{transform:translate(16px)}.price-filter{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4);padding-left:var(--sp-2)}.price-input{flex:1;width:100%;padding:var(--sp-2);border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);font-size:var(--text-sm);outline:none;transition:var(--transition-fast)}.price-input:focus{border-color:var(--accent-indigo);box-shadow:0 0 0 2px var(--accent-indigo-glow)}.price-separator{color:var(--text-muted);font-weight:var(--weight-bold)}.theme-toggle-btn{width:100%;display:flex;align-items:center;justify-content:center;padding:var(--sp-2) var(--sp-4);margin-bottom:var(--sp-4);background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-weight:var(--weight-medium);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-fast)}.theme-toggle-btn:hover{background:var(--border-medium)}.system-status{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2);background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-md);margin-top:var(--sp-2)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.green{background-color:var(--accent-success)}.animate-breathe{animation:breathe 2s infinite ease-in-out}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.status-text{font-size:10px;font-weight:var(--weight-semibold);color:var(--accent-success);letter-spacing:.3px}.filter-header{min-height:var(--header-height);padding:var(--sp-4) var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-4);background-color:var(--bg-card);border-bottom:1px solid var(--border-medium);position:sticky;top:0;z-index:30;box-shadow:0 1px 3px #00000005}.filter-top-row{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-6);width:100%}.filter-bottom-row{display:flex;justify-content:flex-start;align-items:center;width:100%}.search-container{flex:1;max-width:600px;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--sp-4);color:var(--text-muted);width:18px;height:18px}.search-input{width:100%;padding:var(--sp-3) var(--sp-4) var(--sp-3) var(--sp-10);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-primary);transition:var(--transition-fast)}.search-input:focus{background:var(--bg-card);border-color:var(--accent-indigo);box-shadow:0 0 0 3px var(--accent-indigo-glow)}.search-clear{position:absolute;right:var(--sp-4);color:var(--text-muted)}.header-meta-group{display:flex;align-items:center;gap:var(--sp-6)}.results-count{display:flex;align-items:center;gap:var(--sp-2);color:var(--text-secondary);font-size:var(--text-sm)}.cart-trigger-btn{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--accent-indigo);color:#fff;border-radius:var(--radius-md);font-weight:var(--weight-bold)}.platform-chips-container{display:flex;align-items:center;gap:var(--sp-4)}.chips-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.platform-chips{display:inline-flex;gap:.5rem;align-items:center}.platform-chip{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);background:var(--bg-primary);border:1px solid var(--border-medium);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);transition:var(--transition-fast)}.platform-chip:hover{background:var(--bg-secondary);color:var(--text-primary)}.platform-chip.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.platform-chip-indicator{width:8px;height:8px;border-radius:50%}.flow-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;position:relative;cursor:pointer}.flow-card:hover{transform:translateY(-4px);border-color:var(--color-geelark);box-shadow:0 20px 25px -5px #6366f126,0 10px 10px -5px #6366f10a;z-index:10}.geelark-gradient{background:linear-gradient(135deg,#e0e7ff,#a5b4fc)}.platform-icon-floating{position:absolute;bottom:-16px;left:var(--sp-4);width:32px;height:32px;background:var(--color-geelark);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;border:4px solid var(--bg-card);box-shadow:var(--shadow-sm);z-index:10}.card-header{padding:24px var(--sp-3) var(--sp-3) var(--sp-3);display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--border-light);background-color:var(--bg-card);position:relative;z-index:2}.card-header-main{display:flex;flex-direction:column;gap:var(--sp-1)}.card-title-wrap{display:flex;flex-direction:column}.card-subtitle{font-size:11px;color:var(--text-secondary);margin-top:2px}.flow-pipeline-container{padding:var(--sp-4) var(--sp-3);background:var(--bg-secondary);border-bottom:1px solid var(--border-light);position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.flow-pipeline{display:flex;align-items:center;gap:8px;width:100%}.pipeline-node{width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid var(--border-medium);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);z-index:2;position:relative;transition:var(--transition-fast)}.pipeline-node svg{width:12px;height:12px}.pipeline-node.active{border-color:var(--color-geelark);color:var(--color-geelark);box-shadow:0 0 0 3px #6366f11a}.pipeline-line{flex:1;height:2px;background:var(--border-light);position:relative;overflow:hidden}.pipeline-line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-geelark),transparent);animation:data-flow 2s infinite linear}@keyframes data-flow{0%{left:-100%}to{left:100%}}.card-metrics{padding:var(--sp-3);display:flex;gap:var(--sp-2);flex-wrap:wrap}.metric-tag{display:inline-flex;align-items:center;padding:var(--sp-1) var(--sp-2);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);font-weight:var(--weight-medium)}.metric-tag.success-rate{background:#10b9811a;color:var(--accent-success);border-color:#10b98133}.card-footer{padding:var(--sp-4);margin-top:auto;border-top:1px solid var(--border-light);display:flex;gap:var(--sp-3)}.card-footer .btn-primary,.card-footer .btn-secondary{flex:1;padding:var(--sp-2) 0}.account-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;position:relative;cursor:pointer}.account-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:10}.account-card.platform-instagram:hover{border-color:var(--color-instagram);box-shadow:0 20px 25px -5px #e1306c26}.account-card.platform-tiktok:hover{border-color:var(--color-tiktok);box-shadow:0 20px 25px -5px #00000026}.account-card.platform-gmail:hover{border-color:var(--color-gmail);box-shadow:0 20px 25px -5px #ea433526}.card-cover{height:60px;position:relative}.instagram-gradient{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.tiktok-gradient{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.gmail-gradient{background:linear-gradient(135deg,#fee2e2,#fecaca)}.platform-icon-floating{position:absolute;bottom:-16px;left:var(--sp-4);width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;border:4px solid var(--bg-card);box-shadow:var(--shadow-sm);z-index:10}.platform-icon-floating.instagram,.platform-instagram .platform-icon-floating{background-color:var(--color-instagram)}.platform-icon-floating.tiktok,.platform-tiktok .platform-icon-floating{background-color:var(--color-tiktok)}.platform-icon-floating.gmail,.platform-gmail .platform-icon-floating{background-color:var(--color-gmail)}.card-header{padding:24px var(--sp-3) var(--sp-3) var(--sp-3);display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--border-light);background-color:var(--bg-card)}.card-title-wrap{display:flex;flex-direction:column;gap:2px}.card-title{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-primary);line-height:1.2}.card-subtitle{font-size:11px;color:var(--text-secondary)}.price-tag{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary)}.account-metrics-grid{padding:var(--sp-3);display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);background:var(--bg-card)}.metric-item{display:flex;flex-direction:column;background:var(--bg-secondary);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--border-light)}.metric-item .lbl{font-size:10px;color:var(--text-secondary);text-transform:uppercase;font-weight:var(--weight-semibold)}.metric-item .val{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-primary);margin-top:2px}.account-features{padding:0 var(--sp-4) var(--sp-4) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2)}.feature-line{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:var(--text-secondary)}.feature-line svg{color:var(--accent-success);width:14px;height:14px}.card-footer{padding:var(--sp-4);margin-top:auto;border-top:1px solid var(--border-light);display:flex;background-color:var(--bg-secondary)}.card-footer .btn-primary{width:100%;padding:var(--sp-2) 0}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-6);padding:var(--sp-6) var(--sp-8);flex:1;background-color:var(--bg-primary)}@media(max-width:1200px){.product-grid{padding:var(--sp-4) var(--sp-5);gap:var(--sp-4)}}@media(max-width:768px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:var(--sp-3) var(--sp-4)}}.empty-grid-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-16) var(--sp-8);text-align:center;flex:1;grid-column:1 / -1}.terminal-box{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;text-align:left;max-width:460px;width:100%}.terminal-header{background:var(--bg-tertiary);padding:var(--sp-2) var(--sp-4);display:flex;align-items:center;gap:var(--sp-2);border-bottom:1px solid var(--border-medium)}.terminal-dot{width:10px;height:10px;border-radius:var(--radius-full)}.terminal-dot.red{background-color:var(--accent-danger)}.terminal-dot.yellow{background-color:#f59e0b}.terminal-dot.green{background-color:var(--accent-success)}.terminal-title{font-size:var(--text-xs);color:var(--text-secondary);margin-left:var(--sp-2)}.terminal-body{padding:var(--sp-4);font-size:var(--text-sm);line-height:1.6}.empty-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-top:var(--sp-6);margin-bottom:var(--sp-2)}.empty-description{font-size:var(--text-base);color:var(--text-secondary);max-width:440px;margin-bottom:var(--sp-6)}.reset-filters-btn{background:var(--accent-indigo);color:var(--text-inverse);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-md);transition:var(--transition-fast)}.reset-filters-btn:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:var(--shadow-hover)}.cart-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;opacity:0;pointer-events:none;transition:opacity .3s ease}.cart-drawer-overlay.open{opacity:1;pointer-events:auto}.cart-drawer{position:fixed;top:0;right:0;width:24rem;height:100vh;background:var(--bg-card);box-shadow:0 25px 50px -12px #00000040;z-index:50;display:flex;flex-direction:column;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);border-left:1px solid var(--border-medium)}.cart-drawer-overlay.open .cart-drawer{transform:translate(0)}.cart-header{height:var(--header-height);padding:0 var(--sp-6);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.cart-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);display:flex;align-items:center;gap:var(--sp-2)}.cart-count-badge{background:var(--accent-indigo);color:#fff;font-family:var(--font-mono);font-size:11px;padding:2px 8px;border-radius:var(--radius-full)}.close-btn{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition-fast)}.close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.cart-body{flex:1;overflow-y:auto;padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center;gap:var(--sp-4)}.empty-cart svg{width:48px;height:48px;opacity:.5}.cart-item{display:flex;gap:var(--sp-4);padding:var(--sp-4);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md)}.item-visual{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);border:1px solid var(--border-medium)}.item-details{flex:1;display:flex;flex-direction:column;gap:var(--sp-1)}.item-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.item-type{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.item-price-row{display:flex;align-items:center;justify-content:space-between;margin-top:var(--sp-2)}.item-price{font-family:var(--font-mono);font-weight:var(--weight-bold);font-size:var(--text-base);color:var(--text-primary)}.remove-btn{color:var(--accent-danger);font-size:var(--text-xs);font-weight:var(--weight-medium)}.remove-btn:hover{text-decoration:underline}.cart-footer{padding:var(--sp-6);border-top:1px solid var(--border-medium);background:var(--bg-secondary)}.summary-row{display:flex;justify-content:space-between;margin-bottom:var(--sp-2);font-size:var(--text-sm);color:var(--text-secondary)}.summary-row.total{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-top:var(--sp-4);margin-bottom:var(--sp-6);padding-top:var(--sp-4);border-top:1px dashed var(--border-medium)}.total .price-val{font-family:var(--font-mono)}.crypto-indicators{display:flex;justify-content:center;gap:var(--sp-4);margin-bottom:var(--sp-6)}.crypto-badge{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);background:var(--bg-secondary);padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-light);cursor:pointer;transition:var(--transition-fast)}.crypto-badge:hover{border-color:var(--border-medium);background:var(--bg-tertiary)}.crypto-badge.selected{border-color:var(--accent-indigo);color:var(--accent-indigo);background:#6366f11a;font-weight:var(--weight-bold)}.crypto-badge svg{width:14px;height:14px}.checkout-btn{width:100%;padding:var(--sp-4);background:var(--accent-indigo);color:#fff;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-bold);display:flex;align-items:center;justify-content:center;gap:var(--sp-2);transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.checkout-btn:hover{background:#4f46e5;box-shadow:0 4px 12px var(--accent-indigo-glow)}.floating-cart-fab{position:fixed;bottom:var(--sp-6);right:var(--sp-6);width:56px;height:56px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent-indigo),var(--accent-neon));box-shadow:0 8px 32px #6366f166,0 0 16px #6366f133;display:flex;align-items:center;justify-content:center;z-index:80;transition:var(--transition-spring);border:1px solid rgba(255,255,255,.15)}.floating-cart-fab:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 12px 40px #6366f199,0 0 24px #6366f14d}.floating-cart-fab:active{transform:scale(1) translateY(0)}.fab-icon{font-size:var(--text-lg);color:#fff}.fab-badge{position:absolute;top:-2px;right:-2px;background-color:var(--accent-danger);color:#fff;font-size:10px;font-weight:var(--weight-extrabold);min-width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-primary);box-shadow:0 4px 12px #ef444480;padding:0 4px}@media(min-width:1024px){.floating-cart-fab{display:none}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--sp-6);animation:modalFadeIn .2s ease-out}.modal-content{position:relative;background:var(--bg-card);width:90%;max-width:600px;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{transform:translateY(20px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-close{position:absolute;top:var(--sp-4);right:var(--sp-4);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--text-muted);font-size:18px;transition:var(--transition-fast);z-index:10}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-header{padding:var(--sp-6);border-bottom:1px solid var(--border-light);background:var(--bg-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-platform-badge{display:inline-block;padding:4px 10px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:11px;font-weight:var(--weight-bold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--sp-3)}.modal-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);line-height:1.2;margin-bottom:var(--sp-2)}.modal-price{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--accent-indigo)}.modal-body{padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-6)}.modal-section h3{font-size:14px;font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--sp-2);text-transform:uppercase;letter-spacing:.5px}.modal-section p{font-size:15px;color:var(--text-secondary);line-height:1.6}.modal-feature-list{list-style:none;display:flex;flex-direction:column;gap:var(--sp-2)}.modal-feature-list li{font-size:14px;color:var(--text-secondary);display:flex;align-items:center;gap:var(--sp-2)}.modal-feature-list li:before{content:"✓";color:var(--accent-success);font-weight:700}.modal-feature-list li strong{color:var(--text-primary)}.modal-code-preview{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--sp-4);border:1px solid var(--border-light)}.modal-code-preview h4{font-size:12px;color:var(--text-muted);margin-bottom:var(--sp-2);text-transform:uppercase}.code-block{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);white-space:pre-wrap;background:var(--bg-card);padding:var(--sp-3);border-radius:var(--radius-sm);border:1px solid var(--border-medium)}.modal-footer{padding:var(--sp-5) var(--sp-6);border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:var(--sp-3);background:var(--bg-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.modal-buy-btn{padding:var(--sp-3) var(--sp-6);font-size:15px;box-shadow:var(--shadow-md)}.custom-request-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:var(--sp-4);animation:modalFadeIn var(--transition-smooth)}.custom-request-container{display:flex;width:100%;max-width:900px;height:600px;background-color:var(--bg-card);border-radius:20px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 40px #6366f11a;animation:modalSlideUp var(--transition-smooth);border:1px solid var(--border-medium);position:relative}.visual-panel{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--sp-10);color:#fff;transition:var(--transition-smooth)}.visual-panel.theme-flow .dynamic-bg{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.visual-panel.theme-consulting .dynamic-bg{background:linear-gradient(135deg,#0f172a,#334155)}.dynamic-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;transition:background .8s ease}.floating-shape{position:absolute;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;z-index:2;animation:float 20s infinite ease-in-out alternate}.shape-1{width:300px;height:300px;top:-100px;left:-50px;animation-delay:0s}.shape-2{width:200px;height:200px;bottom:100px;right:-50px;background:linear-gradient(135deg,#fff3,#fff0);animation-delay:-5s}.shape-3{width:150px;height:150px;top:40%;left:20%;border:1px solid rgba(255,255,255,.2);background:transparent;animation-delay:-10s}.visual-content{position:relative;z-index:10;animation:fadeIn .8s ease forwards}.visual-content .badge{display:inline-block;padding:4px 12px;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--sp-4);border:1px solid rgba(255,255,255,.3)}.visual-content h2{font-size:2.5rem;font-weight:800;line-height:1.1;margin-bottom:var(--sp-4);letter-spacing:-.02em}.visual-content p{font-size:var(--text-base);color:#ffffffe6;line-height:1.6;max-width:90%}.form-panel{flex:1.2;background:var(--bg-card);position:relative;display:flex;flex-direction:column}.panel-close-btn{position:absolute;top:var(--sp-4);right:var(--sp-4);width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);z-index:10}.panel-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:rotate(90deg)}.form-content-wrapper{flex:1;overflow-y:auto;padding:var(--sp-10) var(--sp-8);display:flex;flex-direction:column;justify-content:center}.form-header{margin-bottom:var(--sp-8);animation:slideInRight .4s cubic-bezier(.16,1,.3,1) both}.form-header h3{font-size:var(--text-2xl);color:var(--text-primary);font-weight:var(--weight-bold);margin-bottom:var(--sp-2)}.form-header p{color:var(--text-secondary);font-size:var(--text-sm)}.premium-form{display:flex;flex-direction:column;gap:var(--sp-6)}.form-row{display:flex;gap:var(--sp-4)}.form-row .input-group{flex:1}.input-group{position:relative;background:var(--bg-secondary);border-radius:var(--radius-md);padding:8px 16px 0;border:1px solid var(--border-light);transition:background .3s ease;animation:slideInRight .4s cubic-bezier(.16,1,.3,1) both}.input-group:nth-child(2){animation-delay:.1s}.input-group:nth-child(3){animation-delay:.2s}.input-group.textarea-group{animation-delay:.3s}.input-group:hover{background:var(--bg-tertiary)}.input-group.active{background:transparent;border-color:transparent}.input-group label{position:absolute;top:18px;left:16px;font-size:var(--text-base);color:var(--text-muted);pointer-events:none;transition:.2s ease all;font-weight:var(--weight-medium)}.input-group.active label{top:6px;font-size:11px;color:var(--accent-indigo);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em}.input-group input,.input-group textarea{width:100%;padding:16px 0 8px;border:none;background:transparent;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);outline:none}.input-group textarea{resize:none;min-height:80px;line-height:1.5;margin-top:4px}.input-line{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--border-medium);border-radius:2px}.input-line:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--accent-indigo);transition:.3s ease all;transform:translate(-50%)}.input-group.active .input-line:after{width:100%}.select-group{padding:0;background:transparent;border:none}.select-group label{position:relative;top:0;left:0;display:block;font-size:11px;color:var(--text-secondary);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sp-2)}.select-group select{width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .2s ease}.select-group select:focus{border-color:var(--accent-indigo);box-shadow:0 0 0 3px var(--accent-indigo-glow)}.select-arrow{position:absolute;right:16px;bottom:14px;color:var(--text-secondary);pointer-events:none}.premium-submit-btn{margin-top:var(--sp-2);width:100%;padding:16px;background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-md);font-weight:var(--weight-bold);font-size:var(--text-base);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s cubic-bezier(.16,1,.3,1);overflow:hidden;animation:slideInRight .4s cubic-bezier(.16,1,.3,1) both;animation-delay:.4s}.premium-submit-btn .btn-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.premium-submit-btn:hover:not(:disabled){transform:translateY(-2px);background:var(--accent-indigo);color:#fff;box-shadow:0 10px 20px -10px var(--accent-indigo)}.premium-submit-btn:hover:not(:disabled) .btn-icon{transform:translate(4px)}.premium-submit-btn.submitting{opacity:.8;cursor:wait}.success-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;animation:fadeIn .5s ease}.success-icon-wrapper{width:80px;height:80px;border-radius:50%;background:#10b9811a;color:var(--accent-success);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-6);animation:bounceIn .6s cubic-bezier(.175,.885,.32,1.275)}.success-state h3{font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--sp-2)}.success-state p{color:var(--text-secondary);line-height:1.6;max-width:80%}@keyframes float{0%{transform:translate(0) rotate(0)}50%{transform:translate(10px,-20px) rotate(10deg)}to{transform:translate(-10px,20px) rotate(-5deg)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.dark-theme .input-group.active{background:#ffffff05}.dark-theme .premium-submit-btn{background:#fff;color:#000}.dark-theme .premium-submit-btn:hover:not(:disabled){background:var(--accent-indigo);color:#fff}@media(max-width:768px){.custom-request-container{height:auto;max-height:90vh}.visual-panel{display:none}.form-row{flex-direction:column;gap:var(--sp-6)}.form-content-wrapper{padding:var(--sp-6)}}.app-container{display:flex;min-height:100vh;position:relative;background-color:var(--bg-secondary);--current-sidebar-width: var(--sidebar-width);transition:--current-sidebar-width .3s ease}.app-container.sidebar-collapsed{--current-sidebar-width: 80px}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;margin-left:var(--current-sidebar-width);transition:margin-left .3s cubic-bezier(.4,0,.2,1)}:root{--bg-primary: #f9fafb;--bg-secondary: #f3f4f6;--bg-tertiary: #e5e7eb;--bg-card: #ffffff;--bg-overlay: rgba(0, 0, 0, .3);--accent-indigo: #6366f1;--accent-indigo-glow: rgba(99, 102, 241, .2);--accent-success: #10b981;--accent-danger: #ef4444;--color-instagram: #E1306C;--color-tiktok: #000000;--color-gmail: #EA4335;--color-geelark: #6366f1;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--text-inverse: #ffffff;--border-light: rgba(0, 0, 0, .06);--border-medium: rgba(0, 0, 0, .1);--border-focus: rgba(99, 102, 241, .3);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--font-body: "Inter", "SF Pro Display", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 12px rgba(0, 0, 0, .04);--shadow-hover: 0 12px 24px rgba(0, 0, 0, .06);--sidebar-width: 280px;--header-height: 72px;--cart-width: 400px;--transition-fast: all .15s ease;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;overflow-x:hidden}a{color:var(--accent-indigo);text-decoration:none}button{cursor:pointer;font-family:var(--font-body);border:none;background:none}input{font-family:var(--font-body);border:none;outline:none;background:none;color:var(--text-primary)}.btn-primary{background:var(--accent-indigo);color:#fff!important;border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-4);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:var(--transition-fast);text-align:center;display:inline-flex;align-items:center;justify-content:center}.btn-primary:hover{background:#4f46e5;box-shadow:var(--shadow-sm)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-4);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:var(--transition-fast);text-align:center;display:inline-flex;align-items:center;justify-content:center}.btn-secondary:hover{background:var(--bg-secondary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.mono{font-family:var(--font-mono)}body.dark-theme{--bg-primary: #0a0a0f;--bg-secondary: #13131a;--bg-tertiary: #1f1f2e;--bg-card: #181822;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-inverse: #0a0a0f;--border-light: rgba(255, 255, 255, .05);--border-medium: rgba(255, 255, 255, .1);--border-focus: rgba(99, 102, 241, .5);--color-tiktok: #ffffff}