@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary-50:#f6f0f9;--primary-100:#ecddf2;--primary-200:#d9bbe5;--primary-300:#bf8dd3;--primary-400:#9f5fb8;--primary-500:#7f3f98;--primary-600:#6b3580;--primary-700:#572a68;--primary-800:#432050;--primary-900:#301638;--secondary-50:#e6f3f9;--secondary-100:#b3dced;--secondary-200:#80c5e1;--secondary-300:#4daed5;--secondary-400:#2697c9;--secondary-500:#01609b;--secondary-600:#015283;--secondary-700:#01446b;--secondary-800:#013653;--secondary-900:#00283b;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--info:#3b82f6;--info-light:#dbeafe;--sidebar-width:260px;--sidebar-collapsed:80px;--topbar-height:72px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--bg-body:var(--gray-50);--bg-surface:#fff;--bg-card:#fff;--bg-surface-hover:var(--gray-50);--bg-surface-raised:#fff;--border-color:var(--gray-100);--text-primary:var(--gray-800);--text-secondary:var(--gray-500);--text-muted:var(--gray-400);--primary:var(--primary-500);--primary-light:#f6f0f9}[data-theme=dark]{--gray-50:#0f1117;--gray-100:#1a1d27;--gray-200:#252836;--gray-300:#363a4a;--gray-400:#6b7280;--gray-500:#9ca3af;--gray-600:#c4c8d4;--gray-700:#d4d8e4;--gray-800:#e8eaf0;--gray-900:#f3f4f8;--bg-body:#0b0d12;--bg-surface:#13151d;--bg-card:#13151d;--bg-surface-hover:#1a1d27;--bg-surface-raised:#1e2130;--border-color:#252836;--text-primary:#e8eaf0;--text-secondary:#9ca3af;--text-muted:#6b7280;--primary-light:#1e1528;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #00000040;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #0009, 0 10px 10px -5px #0006;--success-light:#052e16;--warning-light:#451a03;--danger-light:#450a0a;--info-light:#172554}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:var(--text-primary);background:var(--bg-body);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input{font-family:inherit;font-size:inherit;border:none;outline:none}ul,ol{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.page-title{color:var(--gray-900);font-size:1.75rem;font-weight:700}.card{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:box-shadow var(--transition-normal);padding:24px}.card:hover{box-shadow:var(--shadow-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.4s forwards fadeIn}.animate-slide-in{animation:.3s forwards slideInLeft}.animate-scale-in{animation:.3s forwards scaleIn}@media (width<=1400px){.dashboard-content{padding:20px 24px}.page-title{font-size:1.5rem}}@media (width<=1200px){:root{--sidebar-width:220px;--topbar-height:60px}.page-title{font-size:1.35rem}.dashboard-content{padding:16px 20px}}@media (width<=1024px){:root{--sidebar-width:200px}.page-title{font-size:1.2rem}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast-item{pointer-events:all;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;align-items:center;gap:12px;min-width:320px;max-width:480px;padding:14px 18px;font-size:.88rem;font-weight:500;line-height:1.4;animation:.35s cubic-bezier(.21,1.02,.73,1) forwards toastSlideIn;display:flex;box-shadow:0 8px 30px #0000001f,0 2px 8px #00000014}.toast-exit{animation:.3s forwards toastSlideOut}.toast-success{color:#15803d;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac}.toast-success .toast-icon{color:#16a34a}.toast-error{color:#b91c1c;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5}.toast-error .toast-icon{color:#dc2626}.toast-info{color:#6d28d9;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #c4b5fd}.toast-info .toast-icon{color:#7c3aed}.toast-icon{flex-shrink:0;align-items:center;display:flex}.toast-message{flex:1}.toast-close{width:28px;height:28px;color:inherit;opacity:.5;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.toast-close:hover{opacity:1;background:#0000000f}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(100%)scale(.9)}}.sidebar{width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--gray-100);z-index:100;transition:width var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-header{border-bottom:1px solid var(--gray-100);height:var(--topbar-height);box-sizing:border-box;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.sidebar-brand{align-items:center;gap:12px;display:flex;overflow:hidden}.sidebar-brand-icon{background:linear-gradient(135deg, var(--primary-500), var(--primary-700));border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;min-width:40px;height:40px;display:flex;box-shadow:0 2px 8px #7f3f984d}.sidebar-brand span{color:var(--gray-900);white-space:nowrap;font-size:1.25rem;font-weight:800}.sidebar-toggle{border-radius:var(--radius-sm);min-width:32px;height:32px;color:var(--gray-400);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{background:var(--gray-100);color:var(--gray-600)}.sidebar.collapsed .sidebar-brand span,.sidebar.collapsed .sidebar-toggle,.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-user-info{display:none}.sidebar.collapsed .sidebar-header{justify-content:center;padding:20px 0 16px}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex;overflow-y:auto}.nav-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);white-space:nowrap;padding:16px 12px 8px;font-size:.7rem;font-weight:700}.sidebar.collapsed .nav-section-label{text-align:center;padding:16px 4px 8px;font-size:.6rem}.nav-item{border-radius:var(--radius-md);color:var(--gray-500);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;align-items:center;gap:12px;padding:11px 14px;font-size:.9rem;font-weight:500;display:flex}.nav-item:hover{background:var(--gray-50);color:var(--gray-700)}.nav-item.active{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;box-shadow:0 4px 12px #7f3f984d}.nav-item.active:hover{background:linear-gradient(135deg, var(--primary-600), var(--primary-700))}.nav-item-icon{justify-content:center;align-items:center;min-width:20px;display:flex}.nav-item-parent{position:relative}.nav-chevron{color:var(--gray-400);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);cursor:pointer;justify-content:center;align-items:center;margin:-4px -6px -4px auto;padding:4px 6px;display:flex}.nav-chevron:hover{background:#00000014}.nav-item-parent:hover .nav-chevron{color:var(--gray-500)}.nav-item.section-active{color:var(--primary-600);background:var(--primary-50)}.nav-item.section-active .nav-chevron{color:var(--primary-400)}.nav-submenu{border-left:2px solid var(--gray-100);flex-direction:column;gap:4px;margin-top:4px;margin-bottom:4px;margin-left:26px;padding-left:18px;animation:.2s fadeIn;display:flex}.nav-subitem{border-radius:var(--radius-sm);color:var(--gray-500);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.88rem;font-weight:500;display:flex}.nav-subitem:hover{background:var(--gray-50);color:var(--gray-700)}.nav-subitem.active{background:var(--primary-100);color:var(--primary-700);font-weight:600}.nav-subitem.section-active{color:var(--primary-600)}.nav-chevron-sm{color:var(--gray-400);align-items:center;display:flex}.nav-subitem-parent{cursor:pointer}.nav-sub-submenu{border-left:2px solid var(--gray-100);flex-direction:column;gap:4px;margin-top:4px;margin-bottom:4px;margin-left:14px;padding-left:12px;animation:.15s fadeIn;display:flex}.nav-sub-subitem{border-radius:var(--radius-sm);color:var(--gray-500);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;align-items:center;gap:10px;padding:9px 12px;font-size:.85rem;font-weight:500;display:flex}.nav-sub-subitem:hover{background:var(--gray-50);color:var(--gray-700)}.nav-sub-subitem.active{background:var(--primary-50);color:var(--primary-600);font-weight:600}.country-code-badge{color:var(--gray-500);background:var(--gray-100);text-align:center;border-radius:4px;min-width:28px;padding:2px 6px;font-size:.65rem;font-weight:700}.nav-sub-subitem.active .country-code-badge{background:var(--primary-100);color:var(--primary-600)}.sidebar.collapsed .nav-item{justify-content:center;padding:11px}.sidebar.collapsed .nav-label{display:none}.sidebar-footer{border-top:1px solid var(--gray-100);padding:16px}.sidebar-user{border-radius:var(--radius-md);transition:background var(--transition-fast);cursor:pointer;align-items:center;gap:12px;padding:10px;display:flex}.sidebar-user:hover{background:var(--gray-50)}.sidebar-user-avatar{background:linear-gradient(135deg, var(--primary-200), var(--primary-400));width:38px;min-width:38px;height:38px;color:var(--primary-700);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}.sidebar-user-info{overflow:hidden}.sidebar-user-name{color:var(--gray-800);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--gray-400);white-space:nowrap;font-size:.75rem}.sidebar.collapsed .sidebar-user{justify-content:center;padding:10px 0}@media (width<=1200px){.sidebar{width:220px;padding:0 10px}.nav-item{padding:9px 12px;font-size:.85rem}.nav-subitem{padding:8px 12px;font-size:.82rem}.nav-sub-subitem{padding:7px 10px;font-size:.8rem}.sidebar-brand span{font-size:1.1rem}}@media (width<=1024px){.sidebar{width:200px;padding:0 8px}.nav-item{gap:10px;padding:8px 10px;font-size:.82rem}.sidebar-brand-icon{width:30px;height:30px}}[data-theme=dark] .nav-sub-subitem.active{color:#c4a3d9;background:#7f3f9826}[data-theme=dark] .nav-sub-subitem.active .country-code-badge{color:#c4a3d9;background:#7f3f9840}[data-theme=dark] .nav-sub-subitem:hover{background:var(--gray-100);color:var(--text-primary)}[data-theme=dark] .nav-subitem.section-active{color:#c4a3d9}[data-theme=dark] .nav-subitem.active{color:#c4a3d9;background:#7f3f9826}.topbar{top:0;right:0;left:var(--sidebar-width);height:var(--topbar-height);background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-100);z-index:50;transition:left var(--transition-normal);justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:fixed}.topbar.sidebar-collapsed{left:var(--sidebar-collapsed)}.topbar-left{align-items:center;gap:16px;display:flex}.topbar-search{align-items:center;display:flex;position:relative}.topbar-search-icon{color:var(--gray-400);pointer-events:none;position:absolute;left:14px}.topbar-search input{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);width:300px;color:var(--gray-700);transition:all var(--transition-fast);padding:10px 14px 10px 42px;font-size:.9rem}.topbar-search input:focus{background:var(--bg-surface);border-color:var(--primary-300);width:360px;box-shadow:0 0 0 3px #7f3f9814}.topbar-search input::placeholder{color:var(--gray-400)}.topbar-right{align-items:center;gap:8px;display:flex}.topbar-icon-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--gray-500);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--gray-100);color:var(--gray-700)}.topbar-badge{background:var(--danger);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:6px;right:6px}.topbar-user{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:10px;margin-left:8px;padding:6px 12px 6px 6px;display:flex}.topbar-user:hover{background:var(--bg-surface-hover)}.topbar-user-avatar{background:linear-gradient(135deg, var(--primary-200), var(--primary-400));width:36px;height:36px;color:var(--primary-700);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.topbar-user-info{flex-direction:column;display:flex}.topbar-user-name{color:var(--gray-800);font-size:.85rem;font-weight:600;line-height:1.2}.topbar-user-role{color:var(--gray-400);font-size:.7rem}.topbar-user-wrapper{position:relative}.topbar-user.active{background:var(--gray-100)}.topbar-user-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.topbar-chevron{color:var(--gray-400);transition:transform var(--transition-fast)}.topbar-chevron.rotated{transform:rotate(180deg)}.topbar-dropdown{background:var(--bg-surface-raised);border-radius:var(--radius-lg);width:260px;box-shadow:0 10px 40px #0000001f, 0 0 0 1px var(--border-color);transform-origin:100% 0;z-index:200;animation:.15s scaleIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.topbar-dropdown-header{align-items:center;gap:12px;padding:16px;display:flex}.topbar-dropdown-avatar{background:linear-gradient(135deg, var(--primary-200), var(--primary-400));width:40px;min-width:40px;height:40px;color:var(--primary-700);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}.topbar-dropdown-name{color:var(--gray-800);font-size:.9rem;font-weight:700;line-height:1.3}.topbar-dropdown-email{color:var(--gray-400);font-size:.75rem}.topbar-dropdown-divider{background:var(--gray-100);height:1px;margin:0}.topbar-dropdown-item{width:100%;color:var(--gray-600);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:10px;padding:12px 16px;font-size:.85rem;font-weight:500;display:flex}.topbar-dropdown-item:hover{background:var(--gray-50)}.topbar-dropdown-logout{color:var(--danger)}.topbar-dropdown-logout:hover{background:var(--danger-light)}.dashboard-layout{background:var(--gray-50);min-height:100vh}.dashboard-main{margin-left:var(--sidebar-width);padding-top:var(--topbar-height);transition:margin-left var(--transition-normal);min-height:100vh}.dashboard-main.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}.dashboard-content{padding:28px 32px;animation:.4s fadeIn}.login-container{background:linear-gradient(135deg, var(--primary-600) 0%, var(--primary-900) 50%, #1e1b4b 100%);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";background:radial-gradient(circle at 30%,#7f3f9826 0%,#0000 50%),radial-gradient(circle at 70% 80%,#7f3f981a 0%,#0000 40%);width:200%;height:200%;animation:15s infinite alternate gradientMove;position:absolute;top:-50%;left:-50%}@keyframes gradientMove{0%{transform:translate(0)rotate(0)}to{transform:translate(-5%,-5%)rotate(3deg)}}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);background:#fffffff7;width:100%;max-width:420px;padding:48px 40px;animation:.5s scaleIn;position:relative;box-shadow:0 25px 60px #0000004d,0 0 0 1px #ffffff1a}.login-logo{justify-content:center;align-items:center;gap:12px;margin-bottom:28px;display:flex}.login-logo-icon{background:linear-gradient(135deg, var(--primary-500), var(--primary-700));border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #7f3f9866}.login-logo h1{background:linear-gradient(135deg, var(--primary-600), var(--primary-800));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800}.login-subtitle{text-align:center;color:var(--gray-500);margin-bottom:36px;font-size:.9rem}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--gray-700);font-size:.85rem;font-weight:600}.form-input-wrapper{align-items:center;display:flex;position:relative}.form-input-icon{color:var(--gray-400);pointer-events:none;transition:color var(--transition-fast);position:absolute;left:14px}.form-input-wrapper:focus-within .form-input-icon{color:var(--primary-500)}.form-input{border:2px solid var(--gray-200);border-radius:var(--radius-md);width:100%;color:var(--gray-800);background:var(--gray-50);transition:all var(--transition-fast);padding:12px 14px 12px 44px;font-size:.95rem}.form-input:focus{border-color:var(--primary-400);background:var(--bg-surface);box-shadow:0 0 0 4px #7f3f981a}.form-input::placeholder{color:var(--gray-400)}.login-error{background:var(--danger-light);color:var(--danger);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;font-weight:500;animation:.3s fadeIn;display:flex}.login-btn{background:linear-gradient(135deg, var(--primary-500), var(--primary-700));color:#fff;border-radius:var(--radius-md);width:100%;transition:all var(--transition-fast);margin-top:4px;padding:14px;font-size:1rem;font-weight:600;box-shadow:0 4px 14px #7f3f9866}.login-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7f3f9880}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-footer{text-align:center;color:var(--gray-400);margin-top:24px;font-size:.8rem}.template-renderer{--tr-primary:#00629a;--tr-background:#fff;--tr-text-light:#fff;--tr-text-dark:#000;--tr-text-secondary:gray;--tr-secondary:#2b2b2b;--tr-warning-box:#fdf4e9;--tr-input-border:#d1d5db;--tr-focus:#2b2b2b;--tr-choice:#2b2b2b;--tr-container-padding:1rem;color:var(--tr-secondary);background:var(--tr-background);cursor:default;-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1;overflow-x:hidden}.template-renderer *,.template-renderer :before,.template-renderer :after{box-sizing:border-box}.template-renderer *{margin:0}.template-renderer img,.template-renderer picture,.template-renderer video,.template-renderer canvas,.template-renderer svg{max-width:100%;display:block}.template-renderer p,.template-renderer h1,.template-renderer h2,.template-renderer h3,.template-renderer h4,.template-renderer h5,.template-renderer h6{overflow-wrap:break-word;letter-spacing:.2px;margin:0}.template-renderer h1{font-size:2rem;font-weight:600;line-height:unset}.template-renderer p{font-size:unset;line-height:unset;margin:0}.template-renderer ol,.template-renderer ul{padding-inline-start:0;list-style:none}.template-renderer ::selection{background:var(--tr-focus);color:#f5f5f5}.template-renderer a{cursor:pointer;color:var(--tr-primary);background-color:#0000;text-decoration:none}.template-renderer a:hover{color:var(--tr-focus)}.template-renderer a:focus-visible{outline:2px solid var(--tr-focus);outline-offset:2px}.template-renderer.mode-preview{font-size:11px}.template-renderer.mode-full{font-size:16px}.tr-notify{background-color:var(--tr-primary);height:4rem;color:var(--tr-text-light);letter-spacing:.3px;justify-content:center;align-items:center;gap:1rem;font-size:1rem;font-weight:700;display:flex}.tr-notify p>span{margin:0 1rem}@media (width<=768px){.tr-notify{color:#fff;text-align:center;flex-direction:column;gap:.5rem;height:auto;padding:1rem 0;font-size:.9rem;font-weight:600;display:flex}}.mode-preview .tr-notify{height:auto;padding:.5rem 0;font-size:.7rem}.tr-header{background-color:#fff;justify-content:center;align-items:center;padding:1.25rem 0 0;display:flex}.tr-header-logo{object-fit:contain;height:35px}.mode-preview .tr-header-logo{height:24px}.tr-header-placeholder{color:var(--tr-primary);font-size:1.1em;font-weight:700}.tr-hero{background-color:#fff;margin-top:0;padding:0 1rem}.tr-hero-wrapper{gap:0;max-width:1200px;margin:0 auto;display:flex}@media (width<=768px){.tr-hero-wrapper{text-align:center;flex-direction:column-reverse}}.tr-hero-content{flex-direction:column;justify-content:center;gap:1rem;padding:5rem 0 2rem;display:flex}@media (width<=768px){.tr-hero-content{align-items:center;padding:1.5rem 0 .5rem}}.tr-hero-content h1{margin-bottom:0;font-size:1.4rem;font-weight:800;line-height:2.35rem}.tr-hero-content p{margin-bottom:1rem;line-height:1.5}.tr-hero-btn{text-align:center;color:#fff;cursor:pointer;background-color:#03629a;border-width:2px;border-color:#624899;border-radius:10px;width:fit-content;min-width:4.5rem;padding:10px 20px;font-size:18px;font-weight:700;display:block}.tr-hero-btn:hover{background-color:#2b2b2b}.tr-hero-btn:active{background-color:#2b2b2b;border-color:#000;transform:translateY(2px);box-shadow:0 -2px #000}.tr-hero-image{border-radius:15px;align-self:center;margin:0 auto}@media (width<=768px){.tr-hero-image{border-radius:15px;width:auto;height:350px;margin-top:1.5rem;margin-bottom:.5rem}}.tr-hero-image-placeholder{color:#9ca3af;background:#f3f4f6;border-radius:15px;justify-content:center;align-self:center;align-items:center;width:360px;height:360px;margin:0 auto;font-size:.85em;display:flex}@media (width<=768px){.tr-hero-image-placeholder{width:100%;height:250px;margin-top:1.5rem}}.tr-hero-grid{background-color:#efefef;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0 3rem;padding:1rem;display:grid}@media (width<=768px){.tr-hero-grid{gap:1rem;padding:1.5rem 1rem}}.tr-hero-icon{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin:0 auto;display:flex}.tr-hero-icon-symbol{justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5em;display:flex}.tr-hero-grid p{color:var(--tr-secondary);text-align:center;font-weight:700;line-height:1.2}.mode-preview .tr-hero{padding:0 .5rem}.mode-preview .tr-hero-content{padding:1rem 0 .5rem}.mode-preview .tr-hero-content h1{font-size:1rem;line-height:1.4rem}.mode-preview .tr-hero-btn{padding:6px 14px;font-size:11px}.mode-preview .tr-hero-image-placeholder{width:100%;height:120px}.mode-preview .tr-hero-grid{gap:.3rem;margin:.5rem 0 1rem;padding:.5rem}.mode-preview .tr-hero-icon-symbol{width:24px;height:24px;font-size:.9em}.mode-preview .tr-hero-grid p{font-size:.65em}.tr-look{padding:.5rem 1rem}.tr-look h1{font-size:1.6rem}@media (width<=768px){.tr-look h1{margin-bottom:1rem;font-size:1.3rem}}.tr-look-wrapper{gap:1rem;max-width:1024px;margin:0 auto;display:grid}.tr-look-wrapper>h1{text-align:center;margin-bottom:2rem;line-height:2.5rem}@media (width<=768px){.tr-look-wrapper>h1{line-height:2rem}}.tr-look-container{display:block}@media (width<=768px){.tr-look-container{gap:3rem;display:grid}}.tr-look-section{grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.tr-look-section{grid-template-columns:1fr}.tr-look-reverse>div:first-child{order:1}.tr-look-reverse>div:last-child{order:0}}.tr-look-section img{border-radius:35px;width:100%;max-width:500px;height:auto;margin:0 auto;display:block}@media (width<=768px){.tr-look-section img{border-radius:10px;margin-bottom:1.5rem}}.tr-look-img-placeholder{aspect-ratio:1;color:#9ca3af;background:#f3f4f6;border-radius:35px;justify-content:center;align-items:center;width:100%;max-width:500px;margin:0 auto;font-size:.85em;display:flex}.tr-look-item{height:min-content;margin:auto 0;padding:0 1rem}@media (width<=768px){.tr-look-item{padding:0}}.tr-look-item h1{text-transform:uppercase;text-align:left;margin-bottom:1rem;font-size:1.3rem;line-height:1.75rem}.tr-look-item h1+div{text-align:left;line-height:1.8rem}.tr-look-btn{background-color:var(--tr-primary);color:#fff;cursor:pointer;border:none;border-radius:1rem;margin-top:1rem;padding:.75rem 1.25rem;font-family:inherit;font-size:1rem;font-weight:800}.tr-look-btn:hover{background-color:#2b2b2b}.tr-look-slider-section{text-align:center;background:#2b2b2b;border-radius:1rem;margin:3rem 0 2.5rem;padding:2rem;box-shadow:0 4px 24px #00000014}.tr-look-slider-title{color:#fff;letter-spacing:.02em;margin-bottom:1.5rem;font-size:1.6rem;font-weight:800}.tr-look-slider-bar-wrapper{justify-content:center;display:flex}.tr-look-slider-bar-line{align-items:center;width:100%;max-width:280px;height:48px;margin:0 auto 1.5rem;display:flex;position:relative}.tr-look-slider-bar-line:before{content:"";z-index:0;background:#03629a;border-radius:2px;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.tr-look-slider-bar-steps{z-index:1;justify-content:space-between;width:100%;display:flex;position:relative}.tr-look-slider-step{color:#fff;background:#03629a;border:3px solid #03629a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;font-weight:700;display:flex;box-shadow:0 2px 8px #0000001a}.tr-look-slider-step.active{color:#2b2b2b;background:#fff;border:3px solid #03629a}.tr-look-slides-wrapper{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:1024px;margin:0 auto;display:flex}.tr-look-slide-card{background:0 0;border-radius:24px;align-items:stretch;width:100%;max-width:340px;min-height:370px;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000001a}.tr-look-slide-image{aspect-ratio:1;object-fit:cover;background:#eee;border:3px solid #03629a;border-radius:24px;width:100%;height:340px;display:block}.tr-look-slide-placeholder{background:#444}.tr-look-slide-overlay{color:#fff;text-align:left;background:linear-gradient(.5deg,#000c 80%,#0003 100%,#0000 100%);border-bottom-right-radius:24px;border-bottom-left-radius:24px;flex-direction:column;align-items:flex-start;width:100%;padding:1.5rem 1.5rem 1.4rem;display:flex;position:absolute;bottom:0;left:0;right:0}.tr-look-slide-step{color:#fff;background:#03629a;border-radius:12px;margin-bottom:1rem;padding:.2rem .8rem;font-size:1.1rem;font-weight:700;display:inline-block;box-shadow:0 2px 8px #0000001a}.tr-look-slide-title{color:#fff;text-shadow:0 2px 8px #0000002e;margin-bottom:.4rem;font-size:1.15rem;font-weight:800}.tr-look-slide-desc{color:#fff;text-shadow:0 2px 8px #0000002e;font-size:1rem;font-weight:400}@media (width<=700px){.tr-look-slider-section{padding:1.5rem .9rem .9rem}.tr-look-slider-title{font-size:1.2rem}.tr-look-slide-card{border-radius:12px;max-width:95vw;min-height:220px}.tr-look-slide-image{aspect-ratio:1;border-radius:12px;height:auto;min-height:220px;max-height:95vw}}.mode-preview .tr-look{padding:.3rem}.mode-preview .tr-look h1{font-size:.9rem}.mode-preview .tr-look-item h1{font-size:.8rem}.mode-preview .tr-look-btn{padding:.5rem 1rem;font-size:.7rem}.mode-preview .tr-look-slider-section{margin:.5rem 0;padding:.5rem}.mode-preview .tr-look-slider-title{font-size:.8rem}.tr-trust{background-color:var(--tr-secondary);color:var(--tr-text-light);padding:3rem 1rem}.tr-trust h1{font-size:1.6rem}.tr-trust-wrapper{gap:1rem;max-width:1024px;margin:0 auto;display:grid}.tr-trust-wrapper>h1{text-align:center}.tr-trust-wrapper>h1 span{color:var(--tr-primary)}.tr-trust-images{justify-content:center;gap:2rem;display:flex}@media (width<=768px){.tr-trust-images{flex-direction:column;align-items:center;gap:1rem}}.tr-trust-images img{border-radius:10px;max-width:100%;height:auto}.tr-trust-img-placeholder{color:#888;background:#3a3a3a;border-radius:10px;justify-content:center;align-items:center;width:380px;max-width:100%;height:250px;font-size:.85em;display:flex}.mode-preview .tr-trust{padding:1.5rem .5rem}.mode-preview .tr-trust h1{font-size:.9rem}.mode-preview .tr-trust-img-placeholder{width:100%;height:80px}.tr-consequences{padding:3rem 1rem}.tr-consequences h1{font-size:1.75rem}@media (width<=768px){.tr-consequences h1{font-size:1.35rem}}.tr-consequences-wrapper{gap:1rem;max-width:1024px;margin:0 auto;display:grid}.tr-consequences-section{gap:3rem;margin-bottom:1rem;display:flex}@media (width<=768px){.tr-consequences-section{flex-direction:column;gap:1.5rem}}.tr-consequences-item h1{margin-bottom:1rem}.tr-consequences-item img{border-radius:10px;height:340px}.tr-consequences-item-placeholder{color:#9ca3af;background:#f3f4f6;border-radius:10px;justify-content:center;align-items:center;width:400px;max-width:100%;height:240px;font-size:.85em;display:flex}.tr-consequences-wrapper>h1{text-align:center}@media (width<=768px){.tr-consequences-wrapper>h1{font-size:1.2rem;line-height:1.3}}.tr-consequences-wrapper>button,.tr-consequences-btn{background-color:var(--tr-primary);color:#fff;cursor:pointer;border:none;border-radius:1rem;margin:0 auto;padding:.75rem 1.25rem;font-size:1rem;font-weight:700;display:block}.tr-consequences-list{flex-direction:column;justify-content:center;gap:.6rem;display:flex}.tr-consequences-list>div{align-items:center;gap:.75rem;display:flex}.tr-consequences-list>div h1{word-break:break-word;white-space:normal;flex:1;margin:0;line-height:1.4}@media (width<=768px){.tr-consequences-list>div h1{font-size:1rem}}.tr-tick-icon{color:#4fb335;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.5rem;display:flex}.mode-preview .tr-consequences{padding:1rem .5rem}.mode-preview .tr-consequences h1{font-size:.85rem}.mode-preview .tr-consequences-section{flex-direction:column;gap:.5rem}.mode-preview .tr-consequences-item img{height:auto}.mode-preview .tr-consequences-item-placeholder{height:100px}.mode-preview .tr-consequences-btn{padding:.5rem 1rem;font-size:.7rem}.tr-form{padding:0 0 1.5rem}.tr-info-section{border:3px solid #d1e7dd;border-radius:1.5rem;justify-content:center;align-items:center;gap:3rem;max-width:80%;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:2rem 1rem;display:flex}.tr-info-item-group{display:contents}@media (width<=700px){.tr-info-section{flex-direction:column;gap:1.5rem;max-width:90%;padding:1.5rem .5rem}.tr-info-item-group{flex-direction:row;justify-content:center;gap:1.5rem;display:flex}}.tr-info-item{text-align:center;color:#2b2b2b;flex-direction:column;align-items:center;gap:.5rem;font-size:20px;font-weight:600;display:flex}.tr-info-item img{object-fit:cover;background:#fff;border:2px solid #d1e7dd;border-radius:50%;width:48px;height:48px;margin-bottom:.5rem;display:block}@media (width<=700px){.tr-info-item{font-size:16px}}.tr-form-wrapper{grid-template-columns:.5fr 1fr .5fr;gap:1rem;max-width:1024px;margin:0 auto;display:grid}@media (width<=768px){.tr-form-wrapper{grid-template-columns:1fr}}.tr-form-container{z-index:1;background-color:var(--tr-background);border:1px solid #d1d5db;border-radius:1rem;margin:0 .6rem;padding:1rem .85rem}.tr-form h1{font-size:1.4rem}.tr-form-container>h1{text-transform:uppercase;text-align:center;margin-bottom:1rem}.tr-form-container form{gap:1rem;display:grid}.tr-form-container form>button{background-color:#4ca237;margin:0 auto;font-weight:700}.tr-text-input{flex-direction:column;width:100%;display:flex}.tr-text-input input{border:1px solid var(--tr-input-border);color:#000;cursor:text;background-color:#fff;border-radius:.75rem;padding:.65rem .75rem;font-family:inherit;font-size:1rem;line-height:1.25;transition:border-color .3s,box-shadow .3s,background-color .3s,transform .3s;box-shadow:0 1px 3px #0000000f}.tr-text-input input:hover{border-color:var(--tr-primary);transform:translateY(-1px);box-shadow:0 2px 8px #00629a14,0 1px 3px #0000000f}.tr-text-input input:focus{border-color:var(--tr-primary);background-color:#fafbff;outline:none;transform:translateY(-2px);box-shadow:0 0 0 4px #00629a1f,0 8px 25px #00629a26,0 4px 10px #00000014}.tr-text-input input:focus::placeholder{opacity:.6;transform:translate(2px)}.tr-input-error{letter-spacing:.2px;color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;align-items:center;gap:.375rem;margin-top:.5rem;margin-bottom:.25rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600;line-height:1.3;display:flex;box-shadow:0 1px 3px #dc26261a}.tr-input-error:before{content:"⚠";color:#dc2626;flex-shrink:0;font-size:.875rem}.tr-form-options{border-top:1px solid var(--tr-input-border);margin-top:1rem;padding-top:1rem;position:relative}.tr-form-options>p{background-color:var(--tr-background);padding:0 .5rem;position:absolute;top:-.6rem;left:calc(50% - 60px - 1rem)}.tr-radio-root{grid-template-columns:1fr;gap:.4rem;width:100%;margin-top:.5rem;display:grid}@media (width<=768px){.tr-radio-root{flex-direction:column;gap:.4rem;display:flex}}.tr-radio-item{align-items:center;max-height:80px;margin-top:.5rem;padding:1rem;font-size:14px;transition:background .2s,border-color .2s;display:flex;position:relative}@media (width<=768px){.tr-radio-item{max-height:65px;padding:2.8rem 1.2rem}}.tr-radio-item b,.tr-radio-item span{font-weight:700}.tr-radio-item:first-child{flex:1;margin-bottom:calc(2px + .4rem)}.tr-radio-bg{border:2px dashed var(--tr-input-border);cursor:pointer;background-color:#f6f6f6;border-radius:.75rem;width:100%;height:100%;position:absolute;top:0;left:0}.tr-radio-bg.checked{z-index:0;background-color:#3898ff21;border:none;outline:3px solid #2c5f96;box-shadow:0 0 0 2px #2c5f96}.tr-radio-bg:hover{box-shadow:0 0 0 3px var(--tr-input-border);border:none}.tr-radio-bg1{cursor:pointer;background-color:#f6f6f6;border:2px dashed #2c6097bb;border-radius:.75rem;width:100%;height:100%;position:absolute;top:0;left:0}.tr-radio-bg1.checked{z-index:0;background-color:#3898ff21;border:none;outline:3px solid #2c5f96;box-shadow:0 0 0 2px #2c5f96}.tr-radio-item.checked{background:#eaf3fa;border-color:#2c5f96}.tr-radio-item.checked .tr-discount-label{color:#fff;background:#2c5f96}.tr-radio-label{z-index:1;cursor:pointer;justify-content:space-between;align-items:center;width:100%;display:flex}.tr-radio-label>span{flex-direction:column;align-items:flex-end;margin-left:auto;display:flex}.tr-radio-label img{object-fit:contain;width:50px;height:50px;margin-left:-.5rem;margin-right:.5rem}.tr-radio-naslov{text-align:left;box-sizing:border-box;font-size:15.5px;font-weight:700;display:inline-block}.tr-radio-naslov2{text-align:center;margin-top:.5rem;font-size:12.5px;font-weight:700;display:inline-block}.tr-discount-label{color:#fff;text-align:center;box-sizing:border-box;background-color:#2c5f96;border-radius:4px;margin-top:6%;padding:2.5%;font-size:13.5px;display:inline-block}.tr-discount-label2{text-align:center;margin-top:5%;margin-bottom:2%;font-size:13px;display:inline-block}.tr-discount-label3{text-decoration:underline;-webkit-text-decoration-color:var(--tr-primary);text-decoration-color:var(--tr-primary);color:var(--tr-primary);margin-top:5%;font-size:11px;font-weight:600;position:relative}.tr-sale-price{color:#aaa;font-size:12.5px;text-decoration:none;position:relative}.tr-sale-price:after{content:"";transform-origin:50%;background:linear-gradient(135deg,#e30613 0%,#ff4757 100%);height:2px;animation:.6s ease-out forwards tr-strikeThrough;position:absolute;top:50%;left:-2px;right:-2px;transform:translateY(-50%)rotate(-8deg);box-shadow:0 0 4px #e3061366}.tr-current-price{color:var(--tr-primary);text-shadow:0 0 5px #00629a4d,0 0 10px #00629a33,0 0 15px #00629a1a;font-size:15px;font-weight:700;animation:2s ease-in-out infinite alternate tr-priceGlow}.tr-discount-tag{color:#fff;z-index:2;letter-spacing:.5px;background:#e30613;border-radius:5px;padding:4px 6px;font-size:13px;font-weight:700;animation:2s ease-in-out infinite tr-discountTagPulse;position:absolute;top:-13px;right:-7px;box-shadow:0 2px 6px #00000014}.tr-special-wrapper{gap:.1rem;width:100%;margin-top:.5rem;display:grid}.tr-best-option{width:100%;margin:.5rem 0}.tr-best-option>h2{color:var(--tr-primary);border:2px solid var(--tr-primary);text-align:center;letter-spacing:.5px;box-sizing:border-box;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:20px;width:100%;margin:0;padding:.5rem 1rem;font-size:15px;font-weight:700;animation:2s ease-in-out infinite alternate tr-bestOptionGlow;display:block;box-shadow:0 2px 8px #00629a26}.tr-special-wrapper .tr-radio-item{width:100%;max-height:300px;display:grid}@media (width<=768px){.tr-special-wrapper .tr-radio-item{max-height:275px;padding-top:1rem;padding-bottom:1rem}}.tr-pokloni{text-align:center;z-index:1;border:2px dotted #2c5f96;border-radius:8px;grid-template-columns:1fr 1fr;gap:.5rem;width:100%;margin-top:1rem;padding:1rem;display:grid;position:relative}.tr-pokloni:before{content:"+";color:#2b2b2b;z-index:1;font-size:20px;font-weight:700;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.tr-pokloni:after{content:"BESPLATNO";color:#2b2b2b;z-index:1;font-size:12px;font-weight:700;position:absolute;top:12%;left:50%;transform:translate(-50%,-50%)}.tr-pokloni>div{flex-direction:column;justify-content:center;align-items:center;display:flex}.tr-pokloni>div:first-child{padding-right:.4rem}.tr-pokloni>div:last-child{padding-left:.4rem}.tr-pokloni-image{object-fit:cover;border-radius:15%;width:45px;height:45px;margin-top:.6rem;display:block}.tr-upsell-list{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.tr-upsell-item{cursor:pointer;background-color:#fafafa;border:1px dashed red;border-radius:.5rem;align-items:center;gap:1rem;padding:1rem;display:flex;position:relative}.tr-upsell-item:hover{background-color:#f0f0f0}.tr-upsell-label{cursor:pointer;justify-content:space-between;align-items:center;width:100%;display:flex}.tr-upsell-label span{font-size:.8rem;line-height:1.5}.tr-upsell-label strong{font-weight:700}.tr-upsell-text{flex-direction:column;gap:.25rem;display:flex}.tr-upsell-red{color:red;font-size:.7rem;font-weight:600}.tr-upsell-emoji{margin-left:1rem;font-size:2rem}.tr-checkbox{cursor:pointer;background-color:#f7f7f7;border:2px solid #e0e0e0;border-radius:.4rem;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-right:.5rem;padding:0;transition:all .2s ease-in-out;display:flex}.tr-checkbox.checked{background-color:#5bb33d;border-color:#5bb33d}.tr-checkbox:hover{border-color:#5bb33d}.tr-checkbox-indicator{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.tr-checkbox-indicator svg{stroke-width:3px}.tr-form-total{text-align:center}.tr-form-total>h1{font-weight:400}.tr-form-total>h1>span{font-weight:700}.tr-form-dostava{text-align:center}.tr-submit-btn{-webkit-user-select:none;user-select:none;text-align:center;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;width:100%;min-width:4.5rem;height:min-content;color:var(--tr-text-light);background-color:#4ca237;border:none;border-radius:.75rem;padding:.75rem 1.25rem;font-family:inherit;font-size:1rem;font-weight:700;line-height:1;transition:background-color .3s,box-shadow .15s,color .3s,border .3s;display:block;position:relative;overflow:hidden}.tr-submit-btn:hover{opacity:.9}.tr-submit-btn:focus-visible{box-shadow:0 0 0 4px var(--tr-focus);outline-offset:2px;outline:2px solid #0000}.tr-submit-btn.loading{opacity:.7;cursor:not-allowed}.tr-loading-content{justify-content:center;align-items:center;gap:.5rem;display:flex}.tr-loading-text{white-space:normal;word-wrap:break-word;font-size:.9em;line-height:1.2}.tr-spinner{flex-shrink:0;animation:1s linear infinite tr-spin}.tr-form-price-side{text-transform:uppercase;margin:auto 0}@media (width<=768px){.tr-form-price-side{overflow:hidden}}.mode-preview .tr-form{padding:0 0 .5rem}.mode-preview .tr-form h1{font-size:.85rem}.mode-preview .tr-form-wrapper{grid-template-columns:1fr}.mode-preview .tr-form-container{margin:0 .3rem;padding:.5rem}.mode-preview .tr-info-section{gap:.5rem;max-width:95%;margin-bottom:.5rem;padding:.5rem}.mode-preview .tr-info-item{font-size:9px}.mode-preview .tr-info-item img{width:24px;height:24px}.mode-preview .tr-text-input input{border-radius:.5rem;padding:.4rem .5rem;font-size:.75rem}.mode-preview .tr-radio-item{max-height:50px;padding:.5rem}.mode-preview .tr-radio-naslov{font-size:9px}.mode-preview .tr-radio-label img{width:25px;height:25px}.mode-preview .tr-sale-price{font-size:7px}.mode-preview .tr-current-price{font-size:10px}.mode-preview .tr-discount-tag{padding:2px 3px;font-size:7px;top:-8px;right:-4px}.mode-preview .tr-discount-label,.mode-preview .tr-discount-label2{font-size:7px}.mode-preview .tr-upsell-item{gap:.3rem;padding:.4rem}.mode-preview .tr-upsell-label span{font-size:.55rem}.mode-preview .tr-upsell-emoji{margin-left:.3rem;font-size:1rem}.mode-preview .tr-checkbox{width:14px;height:14px}.mode-preview .tr-submit-btn{padding:.4rem .75rem;font-size:.65rem}.mode-preview .tr-form-total h1{font-size:.8rem}.mode-preview .tr-best-option>h2{padding:.3rem .5rem;font-size:8px}.mode-preview .tr-pokloni{margin-top:.3rem;padding:.4rem}.mode-preview .tr-pokloni-image{width:20px;height:20px}.mode-preview .tr-radio-naslov2{font-size:7px}.tr-reviews{padding:1rem}.tr-reviews h1{font-size:1.25rem}.tr-reviews-wrapper{gap:1rem;max-width:1024px;margin:0 auto;display:grid}.tr-reviews-wrapper>h1{text-align:center}.tr-reviews-wrapper>h1 span{color:#ffc21f}.tr-reviews-wrapper img{border-radius:10px;margin:0 auto}@media (width<=768px){.tr-reviews-wrapper img{border-radius:10px;height:auto}}.tr-reviews-img-placeholder{color:#9ca3af;background:#f3f4f6;border-radius:10px;justify-content:center;align-items:center;width:380px;max-width:100%;height:250px;margin:0 auto;font-size:.85em;display:flex}.mode-preview .tr-reviews{padding:.5rem}.mode-preview .tr-reviews h1{font-size:.75rem}.mode-preview .tr-reviews-img-placeholder{height:100px}.tr-faq{padding:1rem}.tr-faq-wrapper{gap:1rem;max-width:1024px;margin:0 auto;display:grid}.tr-faq-root{border:1px solid #d1d5db;border-radius:.75rem;width:100%}.tr-faq-item{border-bottom:1px solid #d1d5db;margin:0 1rem;overflow:hidden}.tr-faq-item:first-child{border-radius:.75rem .75rem 0 0;margin-top:0}.tr-faq-item:last-child{border:none;border-radius:.75rem}.tr-faq-header{display:flex}.tr-faq-trigger{color:#6c47b8;background-color:var(--tr-background);cursor:pointer;text-align:left;border:none;flex:1;justify-content:space-between;align-items:center;height:45px;padding:0;font-family:inherit;font-size:15px;line-height:1;display:flex;box-shadow:0 1px #e8e8ec}.tr-faq-trigger:hover{background-color:#faf9fb}.tr-faq-chevron{color:#65636d;flex-shrink:0;transition:transform .3s cubic-bezier(.87,0,.13,1)}.tr-faq-trigger[data-state=open] .tr-faq-chevron{transform:rotate(180deg)}.tr-faq-content{color:#65636d;background-color:#faf9fb;font-size:15px;overflow:hidden}.tr-faq-content-text{padding:0 0 1rem;line-height:1.6rem}.mode-preview .tr-faq{padding:.5rem}.mode-preview .tr-faq-trigger{height:28px;font-size:9px}.mode-preview .tr-faq-content-text{padding:0 0 .5rem;font-size:8px;line-height:1.2}.mode-preview .tr-faq-item{margin:0 .3rem}.tr-footer{color:#2d2926;background:#e2effc;padding:2rem 1.5rem}.tr-footer-wrapper{max-width:1200px;margin:0 auto}.tr-footer-top{border-bottom:1px solid #d0e1f0;margin-bottom:2rem;padding-bottom:2rem}.tr-footer-logo{margin-bottom:2rem}.tr-footer-logo img{object-fit:contain;height:35px}.tr-footer-contact{text-align:left;margin-bottom:2rem}.tr-footer-links-label{text-transform:uppercase;margin-bottom:1rem;font-size:1.1rem;font-weight:700}.tr-footer-link-item{color:inherit;margin-bottom:1rem;font-size:1rem;font-weight:400;text-decoration:none;display:block}.tr-footer-link-item[href]:hover{color:#ec5a99}.tr-footer-socials{gap:1rem;display:flex}.tr-footer-social-icon{width:48px;height:48px;color:inherit;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;text-decoration:none;transition:box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000012}.tr-footer-social-icon img{width:40px;height:40px;display:block}.tr-footer-social-icon:hover{box-shadow:0 4px 16px #f47cb42e}.tr-footer-bottom{text-align:center;padding-top:1rem}.tr-footer-copyright{margin-bottom:1rem;font-size:.8rem;font-weight:700}.tr-footer-disclaimer{color:#555;max-width:800px;margin:0 auto;font-size:.7rem;line-height:1.4}@media (width>=768px){.tr-footer-top{grid-template:"logo contact""socials contact"/1fr 1fr;align-items:start;gap:1rem 3rem;display:grid}.tr-footer-logo{grid-area:logo;justify-self:end;margin-bottom:0}.tr-footer-contact{grid-area:contact;justify-self:start;margin-bottom:0}.tr-footer-socials{grid-area:socials;justify-self:end}}.mode-preview .tr-footer{padding:1rem .5rem}.mode-preview .tr-footer-logo img{height:20px}.mode-preview .tr-footer-links-label{margin-bottom:.3rem;font-size:.65rem}.mode-preview .tr-footer-link-item{margin-bottom:.3rem;font-size:.55rem}.mode-preview .tr-footer-social-icon{width:24px;height:24px}.mode-preview .tr-footer-social-icon img{width:20px;height:20px}.mode-preview .tr-footer-copyright{font-size:.5rem}.mode-preview .tr-footer-disclaimer{font-size:.45rem}.tr-floating-btn{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-top:1px solid #00629a1a;width:100vw;height:auto;padding:0;transition:transform .2s ease-out;position:fixed;bottom:0;left:0;right:0;transform:translateZ(0)}.tr-floating-btn.visible{pointer-events:auto;transform:translateY(0)translateZ(0)}.tr-floating-btn.hidden{pointer-events:none;transform:translateY(100%)translateZ(0)}.tr-floating-btn-inner{background:linear-gradient(135deg, var(--tr-primary) 0%, #004a7a 100%);box-shadow:none;color:#fff;cursor:pointer;text-align:center;border:none;border-radius:0;width:100%;padding:20px 16px;font-family:inherit;font-size:1.1rem;font-weight:600;display:block;position:relative;overflow:hidden}.tr-floating-btn-inner:after{content:"";background:#fffc;height:3px;animation:2s ease-in-out infinite tr-pulse-border;position:absolute;top:0;left:0;right:0}.tr-floating-btn-inner:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.tr-floating-btn-inner:hover:before{left:100%}.tr-floating-btn-inner:hover{background:linear-gradient(135deg,#0070b8 0%,#003d5c 100%);transform:none}.tr-floating-btn-inner:active{transform:scale(.98)}@media (width>=769px){.tr-floating-btn{display:none}}.mode-preview .tr-floating-btn{pointer-events:auto;position:sticky;transform:none}.mode-preview .tr-floating-btn.hidden{pointer-events:auto;transform:none}.mode-preview .tr-floating-btn-inner{padding:10px 8px;font-size:.65rem}.tr-thankyou{background:#fff;justify-content:center;align-items:flex-start;min-height:100vh;padding:4rem 1rem 2rem;display:flex;position:relative}@media (height>=800px){.tr-thankyou{align-items:center;padding:2rem 1rem}}.tr-thankyou:before{content:"";background:radial-gradient(circle at 30% 70%,#00629a08,#0000 50%);animation:8s ease-in-out infinite tr-subtle-breathe;position:absolute;inset:0}.tr-ty-container{text-align:center;z-index:1;width:100%;max-width:500px;position:relative}.tr-ty-success-icon{justify-content:center;margin:0 auto 2rem;display:flex}.tr-ty-check-image{object-fit:contain;filter:drop-shadow(0 8px 25px #00629a26);width:120px;height:120px;animation:3s ease-in-out infinite tr-gentle-float}.tr-ty-content{animation:.8s ease-out tr-fade-in-up}.tr-ty-title{color:var(--tr-primary);margin-bottom:1rem;font-size:2.2rem;font-weight:700}@media (width<=768px){.tr-ty-title{font-size:1.8rem}}.tr-ty-subtitle{justify-content:center;align-items:center;gap:.75rem;margin-bottom:3rem;display:flex}.tr-ty-subtitle p{color:#666;margin:0;font-size:.95rem}.tr-ty-breathing-dot{background:var(--tr-primary);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite tr-breathe-dot}.tr-ty-progress-steps{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:3rem;display:flex}@media (width<=768px){.tr-ty-progress-steps{gap:.25rem}}.tr-ty-step{text-align:center;opacity:.7;flex-direction:column;flex:1;align-items:center;padding:1rem .5rem;transition:all .6s;display:flex}@media (width<=768px){.tr-ty-step{padding:.75rem .25rem}}.tr-ty-step.active{opacity:1}.tr-ty-step.active .tr-ty-step-number{background:var(--tr-primary);color:#fff;animation:.5s ease-out tr-gentle-bounce}.tr-ty-step.active .tr-ty-step-title{color:var(--tr-primary);font-weight:700}.tr-ty-step.completed{opacity:1}.tr-ty-step.completed .tr-ty-step-number{color:#fff;background:#4caf50}.tr-ty-step.completed .tr-ty-step-title{color:#4caf50;font-weight:600}.tr-ty-step:not(.active):not(.completed) .tr-ty-step-number{color:#495057;background:#f8f9fa;border:2px solid #dee2e6}.tr-ty-step:not(.active):not(.completed) .tr-ty-step-title{color:#495057;font-weight:500}.tr-ty-step:not(.active):not(.completed) .tr-ty-step-desc{color:#6c757d}.tr-ty-step-number{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:.75rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}@media (width<=768px){.tr-ty-step-number{width:35px;height:35px;margin-bottom:.5rem;font-size:.9rem}}.tr-ty-step-info{flex-direction:column;align-items:center;gap:.25rem;display:flex}.tr-ty-step-title{font-size:1rem;font-weight:600;transition:all .3s}@media (width<=768px){.tr-ty-step-title{font-size:.9rem}}.tr-ty-step-desc{font-size:.8rem;transition:all .3s}@media (width<=768px){.tr-ty-step-desc{font-size:.75rem;line-height:1.3}}.tr-ty-product-info{margin-bottom:2.5rem}.tr-ty-product-box{background:#fffc;border:1px solid #00629a1a;border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;animation:4s ease-in-out infinite tr-subtle-float;display:flex}.tr-ty-product-icon{flex-shrink:0;font-size:2rem}.tr-ty-product-details{text-align:left}.tr-ty-product-details p{color:#666;margin:0;font-size:.9rem;line-height:1.4}.tr-ty-final-text p{color:var(--tr-secondary);margin-bottom:.75rem;line-height:1.6}@media (width<=768px){.tr-ty-step-number{width:30px;height:30px;font-size:.8rem}.tr-ty-product-box{gap:.75rem;padding:1rem}}@keyframes tr-priceGlow{0%{text-shadow:0 0 5px #00629a4d,0 0 10px #00629a33,0 0 15px #00629a1a}to{text-shadow:0 0 8px #00629a80,0 0 15px #00629a4d,0 0 20px #00629a33}}@keyframes tr-strikeThrough{0%{opacity:0;width:0;left:50%;right:50%}50%{opacity:1}to{opacity:1;width:calc(100% + 4px);left:-2px;right:-2px}}@keyframes tr-discountTagPulse{0%,to{transform:scale(1);box-shadow:0 2px 6px #00000014}50%{transform:scale(1.05);box-shadow:0 4px 12px #e306134d,0 0 20px #e3061333}}@keyframes tr-bestOptionGlow{0%{transform:scale(1);box-shadow:0 2px 8px #00629a26}to{transform:scale(1.01);box-shadow:0 4px 12px #00629a4d}}@keyframes tr-pulse-border{0%{opacity:.3;transform:scaleX(.5)}50%{opacity:1;transform:scaleX(1)}to{opacity:.3;transform:scaleX(.5)}}@keyframes tr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tr-subtle-breathe{0%,to{opacity:.7}50%{opacity:1}}@keyframes tr-gentle-pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}@keyframes tr-breathe-dot{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes tr-gentle-bounce{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes tr-gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes tr-subtle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes tr-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes tr-faq-slideDown{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes tr-faq-slideUp{0%{height:var(--radix-accordion-content-height)}to{height:0}}@media (prefers-reduced-motion:reduce){.tr-submit-btn,.tr-text-input input,.tr-floating-btn-inner{transition:none}.tr-spinner{animation:none}}.live-preview-wrapper{flex-direction:column;height:100%;display:flex}.live-preview-phone{background:#fff;border:14px solid #1f2937;border-radius:40px;flex-direction:column;flex:1;min-height:600px;max-height:800px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.live-preview-notch{z-index:10;background:#1f2937;border-bottom-right-radius:15px;border-bottom-left-radius:15px;width:150px;height:25px;position:absolute;top:0;left:50%;transform:translate(-50%)}.live-preview-screen{-webkit-overflow-scrolling:touch;flex:1;padding-top:25px;overflow:hidden auto}.live-preview-screen::-webkit-scrollbar{width:3px}.live-preview-screen::-webkit-scrollbar-track{background:0 0}.live-preview-screen::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.live-preview-home-indicator{background:#fff;flex-shrink:0;justify-content:center;align-items:center;height:20px;display:flex}.live-preview-home-bar{opacity:.3;background:#1f2937;border-radius:2px;width:120px;height:4px}@media (width<=1100px){.live-preview-phone{min-height:500px;max-height:700px}}.section-editor{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:box-shadow var(--transition-normal);margin-bottom:12px;overflow:hidden}.section-editor:hover{box-shadow:var(--shadow-sm)}.section-editor.disabled .section-editor-body{opacity:.4;pointer-events:none}.section-editor-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-surface);transition:background var(--transition-fast);align-items:center;gap:12px;padding:14px 18px;display:flex}.section-editor-header:hover{background:var(--bg-surface-hover)}.section-editor-title{color:var(--text-primary);flex:1;font-size:.92rem;font-weight:600}.section-editor-arrow{width:20px;height:20px;color:var(--text-muted);transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.section-editor-arrow.open{transform:rotate(180deg)}.toggle-switch{flex-shrink:0;width:38px;height:22px;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{background:var(--gray-300);cursor:pointer;transition:background var(--transition-fast);border-radius:11px;position:absolute;inset:0}.toggle-slider:after{content:"";width:16px;height:16px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.toggle-switch input:checked+.toggle-slider{background:var(--primary)}.toggle-switch input:checked+.toggle-slider:after{transform:translate(16px)}.section-editor-body{transition:opacity var(--transition-fast);padding:4px 18px 18px}.editor-field{margin-bottom:14px}.editor-field:last-child{margin-bottom:0}.editor-field label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:5px;font-size:.72rem;font-weight:600;display:block}.editor-field input,.editor-field textarea,.editor-field select{width:100%;color:var(--text-primary);background:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:9px 12px;font-family:inherit;font-size:.88rem}.editor-field input:focus,.editor-field textarea:focus,.editor-field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.editor-field textarea{resize:vertical;min-height:80px;line-height:1.5}.editor-row{gap:12px;display:flex}.editor-row>.editor-field{flex:1;min-width:0}.editor-list{margin-bottom:14px}.editor-list-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:8px;font-size:.72rem;font-weight:600;display:block}.editor-list-item{background:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:box-shadow var(--transition-fast);align-items:flex-start;gap:8px;margin-bottom:8px;padding:10px 12px;display:flex}.editor-list-item:hover{box-shadow:var(--shadow-sm)}.editor-list-item .editor-field{flex:1;margin-bottom:0}.editor-list-item .editor-field+.editor-field{margin-top:0}.editor-list-item-fields{flex-direction:column;flex:1;gap:8px;display:flex}.editor-list-item-fields .editor-field{margin-bottom:0}.editor-list-item-row{gap:8px;display:flex}.editor-list-item-row>.editor-field{flex:1;min-width:0}.editor-delete-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--gray-400);transition:color var(--transition-fast), background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.editor-delete-btn:hover{color:var(--danger);background:var(--danger-light)}.editor-add-btn{color:var(--primary);background:var(--primary-light);border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:500;display:inline-flex}.editor-add-btn:hover{background:var(--primary-200);color:var(--primary-700)}.editor-inline-toggle{align-items:center;gap:8px;margin-bottom:8px;display:flex}.editor-inline-toggle span{color:var(--text-secondary);font-size:.82rem}.editor-divider{background:var(--border-color);height:1px;margin:16px 0}.editor-subtitle{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-top:4px;margin-bottom:12px;font-size:.78rem;font-weight:600}.image-upload{flex-direction:column;gap:6px;display:flex}.image-upload-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.image-upload-zone{border:2px dashed var(--gray-300);border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;min-height:160px;display:flex;position:relative;overflow:hidden}.image-upload-zone:hover{border-color:var(--primary);background:var(--primary-light)}.image-upload-zone.dragging{border-color:var(--primary);background:var(--primary-light);border-style:solid}.image-upload-zone.has-image{border-style:solid;border-color:var(--border-color)}.image-upload-zone.has-image:hover{border-color:var(--primary)}.image-upload-input{display:none}.image-upload-placeholder{color:var(--text-muted);pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;display:flex}.image-upload-placeholder svg{color:var(--gray-300)}.image-upload-placeholder-text{color:var(--text-secondary);font-size:.85rem;font-weight:500}.image-upload-placeholder-hint{color:var(--text-muted);font-size:.75rem}.image-upload-preview{object-fit:cover;width:100%;height:100%;display:block}.image-upload-overlay{opacity:0;transition:opacity var(--transition-fast);pointer-events:none;background:#00000073;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.image-upload-zone.has-image:hover .image-upload-overlay{opacity:1;pointer-events:auto}.image-upload-overlay-btn{border-radius:var(--radius-sm);color:#fff;transition:background var(--transition-fast);align-items:center;gap:4px;padding:6px 14px;font-size:.8rem;font-weight:500;display:flex}.image-upload-overlay-btn.replace{background:#fff3}.image-upload-overlay-btn.replace:hover{background:#ffffff59}.image-upload-overlay-btn.remove{background:#ef4444b3}.image-upload-overlay-btn.remove:hover{background:#ef4444e6}.image-upload-loading{color:var(--text-secondary);pointer-events:none;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;display:flex}.image-upload-spinner{border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.image-upload-loading-text{font-size:.82rem;font-weight:500}.image-upload-error{color:var(--danger);margin-top:2px;font-size:.78rem}.product-edit-page{gap:30px;height:calc(100vh - 60px);display:flex}.product-edit-left{flex:1;min-width:0;padding-bottom:60px;padding-right:10px;overflow-y:auto}.product-edit-topbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.product-edit-back{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;align-items:center;gap:8px;font-size:.9rem;display:flex}.product-edit-back:hover{color:var(--primary)}.product-edit-actions{gap:10px;display:flex}.btn-draft{border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);padding:9px 20px;font-size:.88rem;font-weight:600}.btn-draft:hover{background:var(--bg-surface-hover);border-color:var(--gray-400)}.btn-publish{border-radius:var(--radius-sm);background:var(--primary);color:#fff;cursor:pointer;transition:background var(--transition-fast);border:none;padding:9px 20px;font-size:.88rem;font-weight:600}.btn-publish:hover{filter:brightness(1.1)}.btn-publish:disabled,.btn-draft:disabled{opacity:.6;cursor:not-allowed}.btn-preview{border-radius:var(--radius-sm);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;align-items:center;gap:6px;padding:9px 16px;font-size:.88rem;font-weight:600;display:flex}.btn-preview:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--gray-400)}.btn-live-link{border-radius:var(--radius-sm);color:var(--info);border:1px solid var(--info);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;align-items:center;gap:6px;padding:9px 16px;font-size:.88rem;font-weight:600;display:flex}.btn-live-link:hover{background:var(--info);color:#fff}.product-edit-title{color:var(--text-primary);margin-bottom:20px;font-size:1.5rem;font-weight:700}.product-status-bar{border-radius:var(--radius-md);border:1px solid var(--border-color);transition:background var(--transition-fast), border-color var(--transition-fast);justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px 15px;display:flex}.product-status-bar.draft{background:#f1f5f9;border-color:#cbd5e1}.product-status-bar.published{background:#ecfdf5;border-color:#10b981}.product-status-bar .status-label{font-weight:700}.product-status-bar.draft .status-label{color:#475569}.product-status-bar.published .status-label{color:#047857}.product-status-buttons{gap:10px;display:flex}.status-btn{cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:700}.status-btn.draft-btn{color:#64748b;background:0 0;border:1px solid #cbd5e1}.status-btn.draft-btn.active{color:#fff;background:#64748b;border:none}.status-btn.published-btn{color:#10b981;background:0 0;border:1px solid #10b981}.status-btn.published-btn.active{color:#fff;background:#10b981;border:none}.product-info-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:20px;padding:24px}.product-info-card h3{color:var(--primary);margin-bottom:15px;font-size:1rem}.product-info-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.product-info-grid .field-group{flex-direction:column;gap:5px;display:flex}.product-info-grid .field-group.full-width{grid-column:1/span 2}.product-info-grid .field-group label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.product-info-grid .field-group input,.product-info-grid .field-group select{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-body);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:10px;font-size:.88rem}.product-info-grid .field-group input:focus,.product-info-grid .field-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.color-picker-field{align-items:center;gap:12px;display:flex}.color-picker-field input[type=color]{border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:44px;height:44px;padding:2px}.color-picker-field input[type=text]{flex:1}.product-pricing-divider{border:none;border-top:1px solid var(--border-color);margin:20px 0}.product-pricing-title{color:var(--text-primary);margin-bottom:15px;font-size:1rem}.product-pricing-grid{border-radius:var(--radius-md);background:#f8fafc;grid-template-columns:1fr 1fr 1fr;gap:15px;padding:15px;display:grid}.pricing-tier{flex-direction:column;gap:10px;display:flex}.pricing-tier-header{border-bottom:1px solid var(--border-color);align-items:center;gap:5px;padding-bottom:10px;font-weight:700;display:flex}.pricing-tier-badge{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex}.pricing-tier label{color:var(--text-muted);font-size:.75rem;font-weight:600}.pricing-tier input{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-body);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:8px;font-size:.88rem}.pricing-tier input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.product-cms-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:20px;padding:24px}.product-cms-card h3{color:var(--primary);margin-bottom:15px;font-size:1rem}.product-edit-right{flex-direction:column;flex-shrink:0;gap:10px;width:380px;height:calc(100vh - 60px);display:flex;position:sticky;top:0}.preview-label{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}@media (width<=1100px){.product-edit-page{flex-direction:column;height:auto}.product-edit-right{width:100%;max-width:400px;height:auto;margin:0 auto;position:static}.phone-mockup{min-height:500px;max-height:700px}}@media (width<=600px){.product-info-grid{grid-template-columns:1fr}.product-info-grid .field-group.full-width{grid-column:1}.product-pricing-grid{grid-template-columns:1fr}.product-edit-topbar{flex-direction:column;align-items:flex-start;gap:12px}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{content:"";border:3px solid #ccc;border-width:3px 3px 0 0;width:9px;height:9px;display:block;position:absolute;top:6px}.react-datepicker__sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker-wrapper{border:0;padding:0;display:inline-block}.react-datepicker{color:#000;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:initial;background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-right-radius:.375em;border-bottom-left-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-top:1px solid #aeaeae;border-bottom:none;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{margin:0 15px;display:inline-block}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;background-color:#0000;border:1px solid #aeaeae;border-radius:.3rem;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:1px auto}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;margin-top:0;font-size:.944rem;font-weight:700}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{text-align:center;cursor:pointer;z-index:1;text-indent:-999em;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:2px;overflow:hidden}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{margin-left:auto;margin-right:auto;display:block;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{width:0;font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{text-align:center;margin:.5em}.react-datepicker__year-wrapper{flex-wrap:wrap;max-width:180px;display:flex}.react-datepicker__year .react-datepicker__year-text{width:5em;margin:2px;display:inline-block}.react-datepicker__month{text-align:center;margin:.5em}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{width:5em;margin:2px;display:inline-block}.react-datepicker__input-time-container{clear:both;float:left;text-align:left;width:100%;margin:5px 0 10px 15px}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{margin-left:10px;display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.375em;display:inline;position:absolute;top:0;right:-87px}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.375em;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{text-align:center;border-bottom-right-radius:.375em;width:85px;margin:0 auto;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;width:100%;height:calc(195px + 1.0625em);margin:0;padding-left:0;padding-right:0;list-style:none;overflow-y:scroll}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{white-space:nowrap;height:30px;padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{color:#fff;background-color:#216ba5;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:#0000}.react-datepicker__week-number{color:#ccc;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{color:#fff;background-color:#3dcc4a;border-radius:.3rem}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{color:#fff;background-color:#ff6803;border-radius:.3rem;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{color:#000;background-color:#bad9f1;border-radius:.3rem}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{color:#fff;background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){color:#000;background-color:#f0f0f0}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.react-datepicker__input-container{width:100%;display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.625em;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{top:0;right:-16px;transform:rotate(135deg)}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{z-index:1;text-align:center;background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;width:50%;position:absolute;top:30px;left:25%}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{width:100%;margin-left:auto;margin-right:auto;line-height:20px;display:block}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;user-select:none;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;vertical-align:middle;background-color:#0000;border:0;outline:0;height:100%;padding:0 6px 0 0;display:table-cell;position:absolute;top:0;right:0}.react-datepicker__close-icon:after{cursor:pointer;color:#fff;text-align:center;vertical-align:middle;content:"×";background-color:#216ba5;border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;display:table-cell}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{cursor:pointer;text-align:center;clear:left;background:#f0f0f0;border-top:1px solid #aeaeae;padding:5px 0;font-weight:700}.react-datepicker__portal{z-index:2147483647;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.react-datepicker__children-container{width:17.25em;height:auto;margin:.5em;padding-left:.25em;padding-right:.25em}.react-datepicker__aria-live{clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker__calendar-icon{vertical-align:-.125em;width:1em;height:1em}.react-datepicker-popper-offset{margin-top:-.7em}.orders-status-pills{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.status-pill{border:1px solid var(--gray-200);background:var(--bg-surface);color:var(--gray-600);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.status-pill:hover{border-color:var(--gray-300);background:var(--gray-50)}.status-pill.active{background:var(--gray-700);color:#fff;border-color:var(--gray-700)}.status-pill.active.pill-new{background:#7c3aed;border-color:#7c3aed}.status-pill.active.pill-kreirana{background:#3b82f6;border-color:#3b82f6}.status-pill.active.pill-poslato{background:#2563eb;border-color:#2563eb}.status-pill.active.pill-dostavljena{background:#f59e0b;border-color:#f59e0b}.status-pill.active.pill-vraćen{background:#dc2626;border-color:#dc2626}.status-pill.active.pill-otkazan{background:#991b1b;border-color:#991b1b}.pill-count{text-align:center;background:#0000001a;border-radius:10px;min-width:18px;padding:1px 7px;font-size:.72rem}.status-pill.active .pill-count{background:#ffffff40}.orders-filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.filter-search{border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--bg-surface);min-width:180px;max-width:320px;color:var(--gray-400);flex:1;align-items:center;gap:8px;padding:7px 14px;display:flex}.filter-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.84rem}.filter-search input::placeholder{color:var(--gray-400)}.filter-select{border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;box-sizing:border-box;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;min-width:120px;height:38px;padding:7px 32px 7px 12px;font-size:.84rem}.filter-select:focus{border-color:var(--primary);outline:none}.filter-date-range{align-items:center;gap:4px;display:flex}.filter-date-range .datepicker-wrapper{min-width:130px}.filter-date-range .datepicker-wrapper .datepicker-input{box-sizing:border-box;height:38px;padding:6px 10px 6px 30px;font-size:.82rem}.filter-date-sep{color:var(--gray-400);font-size:.9rem}.filter-clear{border-radius:var(--radius-sm);color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;align-items:center;gap:4px;padding:7px 14px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.filter-clear:hover{background:#fee2e2;border-color:#f87171}.orders-table-container{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);overflow-x:auto}.orders-table{border-collapse:collapse;width:100%;min-width:900px}.orders-table th{text-align:center;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);border-bottom:2px solid var(--gray-200);white-space:nowrap;padding:12px 14px;font-size:.75rem;font-weight:700}.orders-table td{color:var(--gray-700);border-bottom:1px solid var(--gray-50);white-space:nowrap;text-align:center;padding:14px;font-size:.85rem}.orders-table tbody tr{transition:background var(--transition-fast)}.orders-table tbody tr:hover{background:var(--gray-50)}.order-status-badge{letter-spacing:.02em;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.payment-new{color:#fff;background:#7c3aed;border-radius:20px;padding:4px 14px;font-size:.75rem;font-weight:600;display:inline-block}.payment-kreirana{color:#3b82f6;font-weight:600}.payment-poslato{color:#2563eb;font-weight:600}.payment-dostavljena{color:#16a34a;font-weight:600}.payment-vraćen{color:#dc2626;font-weight:600}.payment-otkazan{color:#991b1b;font-weight:600}.orders-pagination{justify-content:center;align-items:center;gap:15px;margin-top:20px;padding-bottom:10px;display:flex}.orders-pagination button{border-radius:var(--radius-sm);border:1px solid var(--gray-200);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;padding:8px 18px;font-size:.85rem;font-weight:600;transition:all .15s}.orders-pagination button:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.orders-pagination button:disabled{opacity:.4;cursor:not-allowed}.orders-pagination .page-info{color:var(--gray-500);font-size:.85rem;font-weight:500}.sync-btn{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 22px;font-size:.88rem;font-weight:600;display:flex;box-shadow:0 4px 14px #7f3f984d}.sync-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #7f3f9866}.sync-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.orders-loading,.orders-empty{color:var(--gray-400);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px;display:flex}.orders-empty-icon{background:var(--gray-100);width:56px;height:56px;color:var(--gray-400);border-radius:50%;justify-content:center;align-items:center;display:flex}.orders-empty h3{color:var(--gray-600);font-size:1rem}.orders-empty p{max-width:320px;font-size:.85rem}.orders-total{color:var(--gray-500);margin-left:10px;font-size:.8rem;font-weight:500}.datepicker-wrapper{position:relative}.datepicker-icon{color:var(--gray-400);pointer-events:none;z-index:1;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.datepicker-input{cursor:pointer;padding-left:40px!important}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%}.react-datepicker__close-icon{padding:0;right:8px}.react-datepicker__close-icon:after{transition:background .15s;background:var(--gray-200)!important;color:var(--gray-500)!important;border-radius:6px!important;width:20px!important;height:20px!important;padding:0!important;font-size:14px!important;line-height:18px!important}.react-datepicker__close-icon:hover:after{background:var(--gray-300)!important;color:var(--text-primary)!important}.react-datepicker{overflow:hidden;border:1px solid var(--gray-200)!important;border-radius:12px!important;font-family:inherit!important;box-shadow:0 12px 40px #0000001f!important}.react-datepicker__header{background:linear-gradient(135deg, var(--primary-500), var(--primary-600))!important;border-bottom:none!important;border-radius:0!important;padding:14px 12px 10px!important}.react-datepicker__current-month{color:#fff!important;margin-bottom:6px!important;font-size:.95rem!important;font-weight:700!important}.react-datepicker__day-names{margin-top:4px!important}.react-datepicker__day-name{text-transform:uppercase;color:#fffc!important;width:36px!important;font-size:.72rem!important;font-weight:600!important;line-height:28px!important}.react-datepicker__navigation{justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;display:flex!important;top:14px!important}.react-datepicker__navigation--previous{left:12px!important}.react-datepicker__navigation--next{right:12px!important}.react-datepicker__navigation-icon:before{border-color:#fff!important}.react-datepicker__month{margin:8px 10px!important}.react-datepicker__day{width:36px!important;color:var(--gray-700)!important;border-radius:8px!important;font-size:.85rem!important;font-weight:500!important;line-height:36px!important;transition:all .15s!important}.react-datepicker__day:hover{background:var(--primary-100)!important;color:var(--primary-600)!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--primary-500)!important;color:#fff!important;font-weight:700!important}.react-datepicker__day--selected:hover,.react-datepicker__day--keyboard-selected:hover{background:var(--primary-600)!important;color:#fff!important}.react-datepicker__day--today{color:var(--primary-500)!important;font-weight:700!important}.react-datepicker__day--today.react-datepicker__day--selected,.react-datepicker__day--today.react-datepicker__day--keyboard-selected{color:#fff!important;background:var(--primary-500)!important}.react-datepicker__day--outside-month{color:var(--gray-300)!important}.react-datepicker__triangle{display:none!important}.overview-stat-cards{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px;display:grid}@media (width<=1000px){.overview-stat-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.overview-stat-cards{grid-template-columns:1fr}}.overview-stat-card{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);padding:22px 24px;transition:box-shadow .2s;position:relative}.overview-stat-card:hover{box-shadow:var(--shadow-md)}.overview-stat-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.overview-stat-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}.overview-stat-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.overview-stat-value{color:var(--gray-900);font-variant-numeric:tabular-nums;margin-bottom:6px;font-size:1.55rem;font-weight:700}.overview-stat-pct{border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:.78rem;font-weight:600;display:inline-flex}.pct-up{color:#16a34a;background:#e8faf0}.pct-down{color:#dc2626;background:#fef2f2}.overview-chart-container{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);margin-bottom:24px;overflow:hidden}.overview-chart-tabs-bar{justify-content:center;align-items:center;padding:20px 24px 0;display:flex}.overview-chart-tabs{background:var(--gray-100);border-radius:14px;gap:0;padding:4px;display:flex}.overview-chart-tab{color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-radius:11px;padding:10px 32px;font-size:.88rem;font-weight:600;transition:all .15s}.overview-chart-tab.active{background:var(--bg-surface);color:var(--primary-600);box-shadow:0 2px 8px #00000014}.overview-chart-tab:hover:not(.active){color:var(--gray-700)}.overview-chart-divider{border:none;border-top:2px dashed var(--gray-200);margin:18px 24px 0}.overview-chart-title{color:var(--gray-800);padding:20px 24px 0;font-size:1.1rem;font-weight:700}.overview-chart-legend{flex-wrap:wrap;gap:32px;padding:14px 24px 0;display:flex}.chart-legend-item{align-items:center;gap:10px;display:flex}.chart-legend-icon{border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.chart-legend-label{color:var(--gray-400);font-size:.75rem;font-weight:500}.chart-legend-value{color:var(--gray-800);margin-top:-2px;font-size:1.15rem;font-weight:700}.overview-chart-body{padding:8px 8px 12px 0}.online-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.online-title-row{flex-wrap:wrap;flex:1;align-items:center;gap:16px;display:flex}.online-filters{flex-wrap:wrap;gap:10px;margin-left:auto;display:flex}.online-select{border:2px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-700);background:var(--bg-surface);cursor:pointer;transition:all var(--transition-fast);appearance:none;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;min-width:130px;height:38px;padding:9px 32px 9px 14px;font-family:inherit;font-size:.85rem;font-weight:500}.online-select:focus{border-color:var(--primary-400);box-shadow:0 0 0 4px #7f3f981a}.online-select-sm{min-width:110px}.online-breadcrumb{color:var(--gray-400);align-items:center;gap:8px;margin-bottom:6px;font-size:.85rem;display:flex}.online-breadcrumb span{color:var(--gray-600);font-weight:500}.online-add-btn{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;box-sizing:border-box;align-items:center;gap:8px;height:38px;padding:0 22px;font-size:.88rem;font-weight:600;display:flex;box-shadow:0 4px 14px #7f3f984d}.online-add-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7f3f9866}.online-table-container{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);overflow-x:auto}.online-table{border-collapse:collapse;width:100%;min-width:900px}.overview-table thead th{background:var(--bg-surface);z-index:1;position:sticky;top:0}.overview-header-row{background:var(--gray-50)}.overview-header-row th{color:var(--gray-800);border-bottom:2px solid var(--gray-200);padding:14px 16px;font-size:.95rem;font-weight:700}.overview-month-cell{letter-spacing:.08em;text-align:left!important;color:var(--gray-600)!important}.overview-country-cell{text-align:center!important;color:var(--primary-600)!important;font-size:1.05rem!important}.overview-table thead tr:first-child th{text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);border-bottom:1px solid var(--gray-200);white-space:nowrap;text-align:center;padding:10px 12px;font-size:.75rem;font-weight:700}.overview-totals-row{background:linear-gradient(135deg,#f3edf7,#ebe0f3)}.overview-totals-row td{color:var(--gray-800);border-bottom:2px solid var(--primary-400);white-space:nowrap;text-align:center;padding:12px;font-size:.82rem;font-weight:700}.overview-table tbody tr{transition:background var(--transition-fast)}.overview-table tbody tr:hover{background:var(--gray-50)}.overview-table tbody td{color:var(--gray-700);border-bottom:1px solid var(--gray-50);white-space:nowrap;text-align:center;padding:9px 12px;font-size:.82rem}.overview-table tbody tr.row-empty td{color:var(--gray-300)}.col-date{min-width:60px;font-weight:600;color:var(--gray-600)!important}.col-num{text-align:right;font-variant-numeric:tabular-nums}.online-loading{color:var(--gray-400);justify-content:center;align-items:center;padding:64px;font-size:.9rem;display:flex}.online-empty{color:var(--gray-400);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px;display:flex}.online-empty-icon{background:var(--gray-100);width:56px;height:56px;color:var(--gray-400);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.online-empty h3{color:var(--gray-600);font-size:1rem}.online-empty p{max-width:320px;font-size:.85rem}.sort-icon{opacity:.4;vertical-align:middle;margin-left:4px}th.sorted .sort-icon{opacity:1;color:var(--primary-500)}.cell-positive{color:var(--success);font-weight:500}.cell-negative{color:var(--danger);font-weight:500}.cell-neutral{color:var(--gray-600)}.cell-currency{color:var(--gray-700);font-weight:500}.cell-country{align-items:center;gap:8px;display:flex}.country-flag{color:var(--gray-500);background:var(--gray-100);border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.row-actions{gap:4px;display:flex}.row-action-btn{border-radius:var(--radius-sm);color:var(--gray-400);transition:all var(--transition-fast);padding:6px}.row-action-btn:hover{background:var(--gray-100);color:var(--gray-600)}.row-action-btn.danger:hover{background:var(--danger-light);color:var(--danger)}.delete-confirm-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.delete-confirm-card{background:var(--bg-surface);border-radius:var(--radius-lg);width:90%;max-width:400px;box-shadow:var(--shadow-xl);padding:28px}.delete-confirm-card h3{margin-bottom:8px;font-size:1.1rem}.delete-confirm-card p{color:var(--gray-500);margin-bottom:20px;font-size:.88rem}.delete-confirm-actions{justify-content:flex-end;gap:10px;display:flex}.delete-cancel-btn{border-radius:var(--radius-sm);background:var(--gray-100);color:var(--gray-600);padding:8px 18px;font-size:.85rem;font-weight:500}.delete-confirm-btn{border-radius:var(--radius-sm);background:var(--danger);color:#fff;padding:8px 18px;font-size:.85rem;font-weight:600}@media (width<=1200px){.online-filters{gap:8px}.online-select{min-width:100px;font-size:.82rem}}@media (width<=768px){.online-header{flex-direction:column}.online-filters{width:100%}.online-select{flex:1}}[data-theme=dark] .pct-up{color:#4ade80;background:#16a36a26}[data-theme=dark] .pct-down{color:#f87171;background:#dc262626}[data-theme=dark] .overview-totals-row{background:linear-gradient(135deg,#7f3f981f,#7f3f9814)}[data-theme=dark] .overview-totals-row td{color:var(--text-primary)}.settings-tabs{border-bottom:2px solid var(--gray-200);gap:0;margin-bottom:24px;display:flex}.settings-tab{cursor:pointer;color:var(--gray-500);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .15s}.settings-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.settings-tab:hover:not(.active){color:var(--gray-700)}.settings-add-btn{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:6px;padding:10px 20px;font-size:.85rem;font-weight:600;display:flex;box-shadow:0 4px 14px #7f3f984d}.settings-add-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7f3f9866}.settings-card{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);overflow:hidden}.settings-table{border-collapse:collapse;width:100%}.settings-table th{text-align:center;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);border-bottom:2px solid var(--gray-200);white-space:nowrap;padding:12px 14px;font-size:.75rem;font-weight:700}.settings-table td{color:var(--gray-700);border-bottom:1px solid var(--gray-50);white-space:nowrap;text-align:center;padding:14px;font-size:.85rem}.settings-table tbody tr{transition:background var(--transition-fast)}.settings-table tbody tr:hover{background:var(--gray-50)}.role-badge{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.settings-action-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.settings-action-btn.edit{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff}.settings-action-btn.edit:hover{box-shadow:0 2px 8px #7f3f984d}.settings-action-btn.delete{color:#fff;background:#dc2626;padding:4px 8px}.settings-action-btn.delete:hover{background:#b91c1c}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-surface);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-xl);max-height:90vh;padding:32px;animation:.25s scaleIn;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-title{color:var(--gray-900);font-size:1.25rem;font-weight:700}.modal-close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--gray-400);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--gray-100);color:var(--gray-600)}.modal-form{flex-direction:column;gap:18px;display:flex}.modal-form-group{flex-direction:column;gap:6px;display:flex}.modal-form-group label{color:var(--gray-700);font-size:.82rem;font-weight:600}.modal-form-input{border:2px solid var(--gray-200);border-radius:var(--radius-md);width:100%;color:var(--gray-800);background:var(--gray-50);transition:all var(--transition-fast);box-sizing:border-box;padding:10px 14px;font-size:.9rem}.modal-form-input:focus{border-color:var(--primary-400);background:var(--bg-surface);outline:none;box-shadow:0 0 0 4px #7f3f981a}.modal-form-select{border:2px solid var(--gray-200);border-radius:var(--radius-md);width:100%;color:var(--gray-800);background:var(--gray-50);transition:all var(--transition-fast);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:10px 36px 10px 14px;font-size:.9rem}.modal-form-select:focus{border-color:var(--primary-400);background-color:#fff;outline:none;box-shadow:0 0 0 4px #7f3f981a}.modal-actions{gap:12px;margin-top:8px;display:flex}.modal-btn{border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:none;flex:1;padding:12px;font-size:.9rem;font-weight:600}.modal-btn-primary{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;box-shadow:0 4px 14px #7f3f984d}.modal-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7f3f9866}.modal-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-btn-secondary{background:var(--gray-100);color:var(--gray-600)}.modal-btn-secondary:hover{background:var(--gray-200)}.modal-error{color:#dc2626;border-radius:var(--radius-sm);background:#fef2f2;padding:10px 14px;font-size:.85rem;font-weight:500}.user-avatar-circle{background:linear-gradient(135deg, var(--primary-200), var(--primary-400));width:48px;height:48px;color:var(--primary-700);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.retail-page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.retail-add-btn{background:var(--primary,#8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:6px;padding:10px 20px;font-size:.88rem;font-weight:600;transition:all .15s;display:flex;box-shadow:0 2px 10px #8b5cf640}.retail-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf659}.retail-table-container{background:var(--bg-card,#fff);border:2px solid var(--border-color,#e5e7eb);border-radius:16px;overflow-x:auto;box-shadow:0 4px 16px #0000000f}.retail-table{border-collapse:collapse;width:100%;font-size:.85rem}.retail-table thead th{text-align:left;letter-spacing:.05em;color:var(--gray-400,#9ca3af);border-bottom:2px solid var(--border-color,#e5e7eb);background:var(--bg-surface,#f9fafb);white-space:nowrap;text-transform:uppercase;padding:14px 16px;font-size:.72rem;font-weight:700}.retail-table tbody td{border-bottom:1px solid var(--border-color,#e5e7eb);color:var(--text-primary,#111827);white-space:nowrap;padding:12px 16px}.retail-table tbody tr:hover{background:var(--primary-light,#f5f3ff)}.retail-table tbody tr:last-child td{border-bottom:none}.finance-action-btn-edit,.finance-action-btn-delete{border:1px solid var(--border-color,#e5e7eb);cursor:pointer;width:30px;height:30px;color:var(--gray-400,#9ca3af);background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.finance-action-btn-edit:hover{color:var(--primary,#8b5cf6);border-color:var(--primary,#8b5cf6);background:var(--primary-light,#f5f3ff)}.finance-action-btn-delete:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.retail-loading{text-align:center;color:var(--gray-400,#9ca3af);padding:40px;font-size:.92rem}.retail-analytics-card{background:var(--bg-card,#fff);border:2px solid var(--border-color,#e5e7eb);border-radius:16px;padding:20px 24px;transition:all .15s;box-shadow:0 4px 16px #0000000f}.retail-analytics-card:hover{border-color:var(--primary,#8b5cf6);box-shadow:0 4px 20px #8b5cf614}.analytics-card-title{color:var(--text-primary,#111827);margin:0 0 16px;font-size:.92rem;font-weight:700}.analytics-table{border-collapse:collapse;width:100%;font-size:.85rem}.analytics-table thead th{text-align:left;letter-spacing:.03em;color:var(--gray-400,#9ca3af);border-bottom:1px solid var(--border-color,#e5e7eb);text-transform:uppercase;padding:8px 0;font-size:.72rem;font-weight:700}.analytics-table tbody td{border-bottom:1px solid var(--border-color,#e5e7eb);color:var(--text-primary,#111827);padding:8px 0}.analytics-table tbody tr:last-child td{border-bottom:none}.analytics-empty{text-align:center;color:var(--gray-400,#9ca3af);padding:32px;font-size:.85rem}.modal-form-label{color:var(--gray-500,#6b7280);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}.modal-close-btn{border:1px solid var(--border-color,#e5e7eb);cursor:pointer;width:32px;height:32px;color:var(--gray-400,#9ca3af);background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.modal-close-btn:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}@media (width<=768px){.retail-page-header{flex-direction:column;align-items:flex-start;gap:12px}}