*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1d4ed8;--primary-dark:#0f224a;--primary-deep:#0a1733;--primary-light:#3b82f6;--primary-subtle:#eff6ff;--brand-orange:#ea580c;--brand-orange-hover:#c2410c;--brand-orange-light:#fff7ed;--brand-orange-border:#fed7aa;--brand-orange-text:#9a3412;--secondary:#059669;--secondary-subtle:#ecfdf5;--danger:#dc2626;--danger-subtle:#fef2f2;--warning:#d97706;--warning-subtle:#fffbeb;--info:#2563eb;--info-subtle:#eff6ff;--success:#059669;--success-subtle:#ecfdf5;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--white:#fff;--black:#000;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0f172a0a;--shadow-sm:0 1px 3px 0 #0f172a0f,0 1px 2px -1px #0f172a0a;--shadow-md:0 4px 6px -1px #0f172a12,0 2px 4px -2px #0f172a0d;--shadow-lg:0 10px 15px -3px #0f172a14,0 4px 6px -4px #0f172a0a;--shadow-xl:0 20px 25px -5px #0f172a17,0 8px 10px -6px #0f172a0d;--shadow-orange:0 4px 14px 0 #ea580c52;--transition-fast:150ms cubic-bezier(0.16,1,0.3,1);--transition-normal:250ms cubic-bezier(0.16,1,0.3,1)}body,html{overflow:hidden}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f1f5f9;background:var(--gray-100);color:#0f172a;color:var(--gray-900);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5}.tabular-nums,code{font-feature-settings:"tnum";font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-variant-numeric:tabular-nums}.container{margin:0 auto;max-width:1440px;padding:0 1.5rem;padding:0 var(--spacing-lg)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--gray-300);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--gray-400)}.text-center{text-align:center}.mt-1{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-2{margin-top:1rem;margin-top:var(--spacing-md)}.mt-3{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-4{margin-top:2rem;margin-top:var(--spacing-xl)}.mb-1{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.flex{display:flex}.flex-1{flex:1 1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:1rem;gap:var(--spacing-md)}.filters-bar{align-items:flex-end;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.filters-bar.filters-bar--stacked{align-items:stretch;flex-direction:column;flex-wrap:nowrap;gap:1rem}.filters-bar-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;width:100%}.filters-bar-row--filters{flex-wrap:nowrap}.filters-bar-row--filters .filter-group{flex:1 1;min-width:0}.filters-bar-row--filters .filter-group--per-page{flex:0 0 auto;max-width:9rem;min-width:7.5rem}.filters-bar-row--search{border-top:1px solid var(--gray-100);padding-top:.875rem}.filters-bar-row--search .filter-group--search{flex:1 1 100%;max-width:none;min-width:100%;width:100%}.filter-group{display:flex;flex-direction:column;gap:.35rem;min-width:180px}.filter-group.flex-1{flex:1 1;min-width:260px}.filter-group label{color:var(--gray-600);font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:.15rem;text-transform:uppercase}.filter-group .form-input,.filter-group .form-select{background:var(--white);border:1.5px solid var(--gray-300);border-radius:var(--radius-lg);color:var(--gray-900);font-family:inherit;font-size:.875rem;line-height:1.35;padding:.625rem .875rem;transition:all var(--transition-fast);width:100%}.filter-group .form-input:focus,.filter-group .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f;outline:none}.filter-group .form-input:hover:not(:focus),.filter-group .form-select:hover:not(:focus){border-color:var(--gray-400)}.filter-group .form-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-position:.875rem;background-repeat:no-repeat;background-size:.95rem;padding-left:2.5rem}.filter-group .form-input::placeholder{color:var(--gray-400)}.filter-group .form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' 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 .75rem center;background-repeat:no-repeat;background-size:.85rem;cursor:pointer;padding-right:2.25rem}@media (max-width:1200px){.filters-bar-row--filters{flex-wrap:wrap}.filters-bar-row--filters .filter-group{flex:1 1 11rem;min-width:11rem}.filters-bar-row--filters .filter-group--per-page{flex:1 1 11rem;max-width:none}}@media (max-width:768px){.filters-bar{padding:1rem}.filters-bar-row--filters .filter-group,.filters-bar-row--filters .filter-group--per-page{flex:1 1 100%;max-width:none;min-width:100%}}.login-page{align-items:center;background:linear-gradient(135deg,#091734,#0f224a 45%,#182e5d);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow-y:auto;padding:1.5rem;position:relative}.login-page:before{background:radial-gradient(circle,#2563eb2e 0,#ea580c14 50%,#0000 70%);border-radius:50%;content:"";height:600px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px}.login-container{max-width:480px;position:relative;width:100%;z-index:10}.login-card{background:var(--white);border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #0f172a66,0 0 0 1px #fff3;overflow:hidden}.login-header{background:#fbfcfd;border-bottom:1px solid var(--gray-100);padding:2.25rem 2rem 1.25rem;text-align:center}.login-logo-wrap{display:flex;justify-content:center;margin-bottom:.75rem}.login-urdu-tag{color:var(--brand-orange);font-size:1.05rem;font-weight:700;letter-spacing:.02em;margin-bottom:.4rem}.login-subtitle{color:var(--gray-500);font-size:.8125rem;line-height:1.45;margin:0}.login-form{padding:1.75rem 2rem 2rem}.login-form .form-label{color:var(--gray-700);font-size:.8125rem;font-weight:600;margin-bottom:.35rem}.login-form .form-input{border-color:var(--gray-300);border-radius:var(--radius-lg);font-size:.9375rem;padding:.75rem 1rem}.password-input-wrapper{position:relative}.password-toggle{align-items:center;background:none;border:none;color:var(--gray-400);cursor:pointer;display:flex;font-size:1.125rem;justify-content:center;padding:.25rem;position:absolute;right:.875rem;top:50%;transform:translateY(-50%);transition:color var(--transition-fast)}.password-toggle:hover{color:var(--primary)}.login-error-alert{align-items:center;animation:slideDown .25s ease-out;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);color:#991b1b;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1.25rem;padding:.75rem 1rem}.login-error-alert svg{flex-shrink:0;font-size:1.1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.login-demo-box{background:var(--brand-orange-light);border:1px solid var(--brand-orange-border);border-radius:var(--radius-xl);margin-bottom:1.5rem;padding:.875rem 1rem}.demo-box-top{justify-content:space-between;margin-bottom:.5rem}.demo-badge,.demo-box-top{align-items:center;display:flex}.demo-badge{color:var(--brand-orange-text);font-size:.6875rem;font-weight:700;gap:.35rem;letter-spacing:.06em}.demo-badge-dot{background:var(--brand-orange);border-radius:50%;height:6px;width:6px}.btn-fill-demo{background:var(--brand-orange);border:none;border-radius:var(--radius-full);color:var(--white);cursor:pointer;font-family:inherit;font-size:.6875rem;font-weight:600;padding:.2rem .625rem;transition:all var(--transition-fast)}.btn-fill-demo:hover{background:var(--brand-orange-hover);transform:translateY(-1px)}.demo-credentials-text{color:var(--gray-700);display:flex;flex-direction:column;font-size:.75rem;gap:.25rem}.demo-credentials-text code{background:#fffc;border:1px solid #ea580c33;border-radius:4px;color:#1e3a8a;font-weight:600;padding:.1rem .35rem}.btn-block{font-size:.9375rem;padding:.8125rem 1.5rem;width:100%}.login-footer{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;text-align:center}.back-to-store-link{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:var(--radius-full);color:#cbd5e1;display:inline-flex;font-size:.8125rem;font-weight:600;gap:.4rem;padding:.35rem .75rem;text-decoration:none;transition:all var(--transition-fast)}.back-to-store-link:hover{background:#ffffff1f;border-color:#ffffff40;color:var(--white);transform:translateY(-1px)}.copyright-text{color:#ffffff80;font-size:.75rem;margin:0}@media (max-width:480px){.login-header{padding:1.75rem 1.25rem 1rem}.login-form{padding:1.25rem}.login-ticker-bar{font-size:.6875rem}}.dashboard-layout{background:var(--gray-100);flex-direction:column}.dashboard-layout,.layout-body{display:flex;height:100vh;overflow:hidden}.layout-body{flex:1 1;position:relative}.sidebar{background:var(--white);border-right:1px solid var(--gray-200);bottom:0;box-shadow:2px 0 8px #0f172a08;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:width var(--transition-normal);width:260px;z-index:100}.sidebar.closed{width:76px}.sidebar-header{border-bottom:1px solid var(--gray-100);padding:1.25rem 1.25rem 1rem}.sidebar-logo{align-items:center;display:flex;overflow:hidden}.sidebar.closed .sidebar-header{align-items:center;display:flex;justify-content:center;padding:1.25rem .5rem}.sidebar.closed .sidebar-logo{justify-content:center}.sidebar-section-label{color:var(--gray-400);font-size:.6875rem;font-weight:700;letter-spacing:.08em;padding:.875rem 1.5rem .375rem}.sidebar.closed .sidebar-section-label{display:none}.sidebar-nav{flex:1 1;overflow-y:auto;padding:.5rem .75rem}.nav-list{display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:0;padding:0}.nav-link{align-items:center;border-radius:var(--radius-lg);color:var(--gray-600);display:flex;font-size:.9375rem;font-weight:500;gap:.875rem;padding:.625rem .875rem;position:relative;text-decoration:none;transition:all var(--transition-fast)}.nav-link:hover{background:var(--gray-50);color:var(--primary)}.nav-link.active{background:#eff6ff;color:var(--primary);font-weight:600}.nav-link.active:after{background:var(--brand-orange);border-bottom-left-radius:4px;border-top-left-radius:4px;content:"";height:20px;position:absolute;right:-.75rem;top:50%;transform:translateY(-50%);width:4px}.nav-icon{color:currentColor;font-size:1.25rem;min-width:22px;opacity:.85}.nav-link.active .nav-icon{color:var(--primary);opacity:1}.sidebar.closed .nav-link{justify-content:center;padding:.75rem 0}.sidebar.closed .nav-label{display:none}.nav-icon-wrapper{align-items:center;display:inline-flex;justify-content:center;position:relative}.nav-badge-dot{background:#f59e0b;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d97706;height:8px;position:absolute;right:-3px;top:-2px;width:8px}.nav-badge{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:9999px;box-shadow:0 1px 2px #f59e0b14;color:#b45309;display:inline-flex;font-size:.6875rem;font-weight:700;letter-spacing:.02em;line-height:1.1;margin-left:auto;padding:.18rem .55rem;white-space:nowrap}.nav-link.active .nav-badge{background:#f59e0b;border-color:#d97706;color:#fff}.sidebar.closed .nav-badge{display:none}.sidebar-footer{background:#fafbfe;border-top:1px solid var(--gray-200);display:flex;flex-direction:column;gap:.75rem;padding:1rem .875rem}.user-card{gap:.75rem}.user-avatar,.user-card{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#1d4ed8,#0f224a);border-radius:var(--radius-full);box-shadow:0 2px 4px #1d4ed833;color:var(--white);flex-shrink:0;font-size:.875rem;font-weight:700;height:36px;justify-content:center;width:36px}.user-details{flex:1 1;overflow:hidden}.user-name{color:var(--gray-900);font-size:.875rem;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-badge{color:var(--brand-orange);display:inline-block;font-size:.625rem;font-weight:700;letter-spacing:.05em;margin-top:2px}.sidebar.closed .user-details{display:none}.logout-btn{align-items:center;background:#0000;border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;display:flex;font-family:inherit;font-size:.8125rem;font-weight:600;gap:.5rem;justify-content:center;padding:.5rem .75rem;transition:all var(--transition-fast);width:100%}.logout-btn:hover{background:#fef2f2;border-color:#fecaca;color:var(--danger)}.sidebar.closed .logout-btn span{display:none}.sidebar.closed .logout-btn{padding:.5rem 0}.main-content{display:flex;flex:1 1;flex-direction:column;height:100%;margin-left:260px;overflow:hidden;transition:margin-left var(--transition-normal)}.sidebar.closed+.main-content{margin-left:76px}.top-bar{background:var(--white);border-bottom:1px solid var(--gray-200);flex-shrink:0;height:60px;justify-content:space-between;padding:.75rem 1.75rem;position:relative;z-index:50}.top-bar,.top-bar-left{align-items:center;display:flex}.top-bar-left{gap:1rem}.sidebar-toggle{align-items:center;background:none;border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;display:flex;font-size:1.125rem;justify-content:center;padding:.4rem;transition:all var(--transition-fast)}.sidebar-toggle:hover{background:var(--gray-100);border-color:var(--gray-300);color:var(--primary)}.mobile-menu-toggle{display:none}.breadcrumb-wrapper{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.breadcrumb-root{color:var(--gray-400);font-weight:500}.breadcrumb-divider{color:var(--gray-300)}.breadcrumb-current{color:var(--gray-900);font-weight:700;letter-spacing:-.01em}.top-bar-right{align-items:center;display:flex;gap:1rem}.visit-site-btn{align-items:center;background:var(--brand-orange-light);border:1px solid var(--brand-orange-border);border-radius:var(--radius-full);color:var(--brand-orange-text);display:inline-flex;font-size:.8125rem;font-weight:600;gap:.35rem;padding:.375rem .875rem;text-decoration:none;transition:all var(--transition-fast)}.visit-site-btn:hover{background:#ffedd5;box-shadow:0 2px 6px #ea580c26;color:var(--brand-orange-hover);transform:translateY(-1px)}.visit-site-btn svg{font-size:.875rem}.user-menu{position:relative}.user-profile-trigger{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--gray-800);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;padding:.3rem .625rem .3rem .35rem;transition:all var(--transition-fast)}.user-profile-trigger:hover{background:var(--gray-100);border-color:var(--gray-300)}.user-trigger-avatar{align-items:center;background:var(--primary);border-radius:var(--radius-full);color:var(--white);display:flex;font-size:.75rem;font-weight:700;height:28px;justify-content:center;width:28px}.user-profile-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-chevron{color:var(--gray-400);font-size:.95rem;transition:transform var(--transition-fast)}.user-profile-chevron.is-open{transform:rotate(180deg)}.user-dropdown{animation:modalSlideUp .15s ease-out;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);min-width:220px;padding:.5rem 0;position:absolute;right:0;top:calc(100% + 8px);z-index:200}.user-dropdown-header{padding:.625rem 1rem}.dropdown-user-name{color:var(--gray-900);font-size:.875rem;font-weight:700;line-height:1.2}.dropdown-user-email{color:var(--gray-500);font-size:.75rem;margin-top:2px}.user-dropdown-divider{background:var(--gray-100);height:1px;margin:.35rem 0}.user-dropdown-item{align-items:center;background:none;border:none;color:var(--gray-700);cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.75rem;padding:.5rem 1rem;text-align:left;text-decoration:none;transition:background var(--transition-fast);width:100%}.user-dropdown-item:hover{background:var(--gray-50);color:var(--primary)}.user-dropdown-item svg{color:var(--gray-500);font-size:1.1rem}.user-dropdown-item--danger{color:var(--danger)}.user-dropdown-item--danger:hover{background:#fef2f2;color:var(--danger)}.user-dropdown-item--danger svg{color:var(--danger)}.page-content{background:#f8fafc;flex:1 1;min-height:0;overflow-y:auto;padding:1.75rem 2rem}.mobile-overlay{display:none}@media (max-width:992px){.sidebar{transform:translateX(-100%);width:260px!important}.sidebar.mobile-open{transform:translateX(0)}.main-content{margin-left:0!important}.sidebar-toggle{display:none}.mobile-menu-toggle{align-items:center;background:none;border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.4rem}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a80;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:99}.logout-btn span,.sidebar .nav-label,.sidebar .user-details{display:block!important}.hidden-mobile{display:none!important}}@media (max-width:640px){.page-content{padding:1rem}.top-bar{padding:.625rem 1rem}.breadcrumb-divider,.breadcrumb-root,.user-profile-name{display:none}}.dashboard-home{margin:0 auto;max-width:1400px}.page-header h1{font-size:1.75rem;margin:0 0 .25rem}.page-header p{margin:0}.stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);display:flex;gap:1.125rem;padding:1.375rem 1.5rem;transition:all var(--transition-fast)}.stat-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:1.5rem;height:54px;justify-content:center;width:54px}.stat-primary .stat-icon{background:#eff6ff;border:1px solid #bfdbfe;color:var(--primary)}.stat-success .stat-icon{background:#ecfdf5;border:1px solid #a7f3d0;color:var(--success)}.stat-orange .stat-icon{background:var(--brand-orange-light);border:1px solid var(--brand-orange-border);color:var(--brand-orange)}.stat-info .stat-icon{background:#eff6ff;border:1px solid #bfdbfe;color:var(--info)}.stat-warning .stat-icon{background:#fffbeb;border:1px solid #fde68a;color:var(--warning)}.stat-details{flex:1 1;min-width:0}.stat-title{color:var(--gray-500);font-size:.8125rem;font-weight:600;letter-spacing:.04em;margin-bottom:.25rem;text-transform:uppercase}.stat-value{font-feature-settings:"tnum";color:var(--gray-900);font-size:1.625rem;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:.25rem}.stat-meta{color:var(--gray-500);display:block;font-size:.75rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-loading{align-items:center;color:var(--gray-600);display:flex;font-size:.9375rem;gap:.75rem;justify-content:center;padding:3rem}.dashboard-spinner{animation:dashboard-spin .9s linear infinite;color:var(--primary);font-size:1.5rem}@keyframes dashboard-spin{to{transform:rotate(1turn)}}.dashboard-banner{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.875rem;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:.875rem 1.25rem}.dashboard-banner--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.btn-text{background:none;border:none;color:var(--primary);cursor:pointer;font-family:inherit;font-weight:600;padding:0;text-decoration:underline}.dashboard-secondary{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.secondary-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);padding:1.375rem 1.5rem}.secondary-card h4{align-items:center;color:var(--gray-900);display:flex;font-size:.9375rem;font-weight:700;gap:.5rem;letter-spacing:-.01em;margin:0 0 1rem}.secondary-list{color:var(--gray-600);display:flex;flex-direction:column;font-size:.875rem;gap:.625rem;list-style:none;margin:0;padding:0}.secondary-list li{align-items:center;display:flex;gap:.5rem}.secondary-list li:before{background:var(--primary);border-radius:50%;content:"";display:inline-block;flex-shrink:0;height:6px;width:6px}.secondary-list strong{font-feature-settings:"tnum";color:var(--gray-900);font-variant-numeric:tabular-nums;font-weight:700}.quick-actions{margin-bottom:2rem}.quick-actions h2{color:var(--gray-900);font-size:1.125rem;font-weight:700;letter-spacing:-.01em;margin-bottom:1rem}.actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.action-card{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);color:var(--gray-800);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:.875rem;font-weight:600;gap:.625rem;justify-content:center;padding:1.25rem 1rem;text-align:center;transition:all var(--transition-fast)}.action-card:hover{background:#f8fafc;border-color:var(--primary);box-shadow:var(--shadow-md);color:var(--primary);transform:translateY(-2px)}.action-card svg{color:var(--primary);font-size:1.5rem;transition:transform var(--transition-fast)}.action-card:hover svg{color:var(--brand-orange);transform:scale(1.1)}.recent-activity{margin-bottom:2rem}.recent-activity .card{padding:1.5rem}.card-sub{color:var(--gray-500);font-size:.8125rem;font-weight:400;margin:.2rem 0 0}.activity-list{display:flex;flex-direction:column;gap:.5rem}.activity-item{align-items:center;border:1px solid #0000;border-radius:var(--radius-lg);display:flex;gap:1rem;padding:.75rem .875rem;transition:background var(--transition-fast)}.activity-item:hover{background:var(--gray-50);border-color:var(--gray-200)}.activity-icon{align-items:center;border-radius:var(--radius-full);display:flex;flex-shrink:0;font-size:1.125rem;height:38px;justify-content:center;width:38px}.activity-icon.success{background:#ecfdf5;border:1px solid #a7f3d0;color:var(--success)}.activity-icon.info{background:#eff6ff;border:1px solid #bfdbfe;color:var(--info)}.activity-icon.warning{background:#fffbeb;border:1px solid #fde68a;color:var(--warning)}.activity-details{flex:1 1;min-width:0}.activity-title{color:var(--gray-900);font-size:.875rem;font-weight:600;margin:0 0 .15rem}.activity-sub{color:var(--gray-500);overflow:hidden;text-overflow:ellipsis}.activity-sub,.activity-time{font-size:.75rem;margin:0;white-space:nowrap}.activity-time{font-feature-settings:"tnum";color:var(--gray-400);font-variant-numeric:tabular-nums}.activity-empty{color:var(--gray-500);font-size:.875rem;padding:1.5rem;text-align:center}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}.hero-heading{font-size:1.625rem}}.suppliers-page{max-width:1400px}.suppliers-page .empty-state .empty-icon{color:var(--gray-400);font-size:3rem;margin-bottom:var(--spacing-md)}.page-header{gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.empty-state,.loading-state{color:var(--gray-600);padding:var(--spacing-2xl)}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column}.action-buttons{flex-direction:column;width:100%}.action-buttons .btn{width:100%}.table-container{overflow-x:auto}.table{min-width:800px}}.categories-page{max-width:1400px}.category-name-cell{align-items:center;display:flex;gap:var(--spacing-sm)}.category-icon{color:var(--primary);font-size:1.25rem}.subcategory-icon{color:var(--secondary);font-size:1.125rem;margin-left:var(--spacing-md)}.parent-badge{background:var(--gray-100);border-radius:var(--radius-md);color:var(--gray-700);font-size:.875rem;font-weight:500;padding:.375rem .75rem}@media (max-width:768px){.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{min-width:700px}.action-buttons{flex-direction:column;width:100%}.action-buttons .btn{width:100%}.pagination-container{align-items:stretch;flex-direction:column}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-pages{justify-content:center;margin-bottom:var(--spacing-sm);order:-1;width:100%}}.searchable-select{position:relative;width:100%}.searchable-select-trigger{align-items:center;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-900);cursor:pointer;display:flex;font-size:.9375rem;justify-content:space-between;min-height:42px;padding:.75rem 1rem;transition:all var(--transition-fast);width:100%}.searchable-select-trigger:hover:not(.disabled){border-color:var(--gray-300)}.searchable-select-trigger.open{border-color:var(--primary);box-shadow:0 0 0 3px #1e40af1a}.searchable-select-trigger.disabled{background:var(--gray-50);cursor:not-allowed;opacity:.6}.searchable-select-value{color:var(--gray-900);flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.searchable-select-value:empty:before{color:var(--gray-400);content:attr(data-placeholder)}.searchable-select-actions{align-items:center;display:flex;gap:.5rem;margin-left:.5rem}.searchable-select-clear{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--gray-500);cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;transition:all var(--transition-fast);width:20px}.searchable-select-clear:hover{background:var(--gray-200);color:var(--gray-700)}.searchable-select-arrow{color:var(--gray-500);font-size:1.25rem;transition:transform var(--transition-fast)}.searchable-select-trigger.open .searchable-select-arrow{transform:rotate(180deg)}.searchable-select-dropdown{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;left:0;max-height:300px;overflow:hidden;position:absolute;right:0;top:calc(100% + .25rem);z-index:1000}.searchable-select-search{border-bottom:1px solid var(--gray-200);padding:.5rem}.searchable-select-search-input{border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:.875rem;outline:none;padding:.5rem .75rem;transition:all var(--transition-fast);width:100%}.searchable-select-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #1e40af1a}.searchable-select-options{max-height:250px;overflow-y:auto;padding:.25rem 0}.searchable-select-option{color:var(--gray-900);cursor:pointer;font-size:.9375rem;padding:.75rem 1rem;transition:background-color var(--transition-fast)}.searchable-select-option:hover{background-color:var(--gray-50)}.searchable-select-option.selected{background-color:#1e40af1a;color:var(--primary);font-weight:500}.searchable-select-loading,.searchable-select-no-results{color:var(--gray-500);font-size:.875rem;padding:1rem;text-align:center}.searchable-select-loading{align-items:center;display:flex;gap:.5rem;justify-content:center}.searchable-select-loading .spinner{animation:spin 1s linear infinite}.searchable-select-loading-more{align-items:center;color:var(--gray-500);display:flex;font-size:.875rem;gap:.5rem;justify-content:center;padding:.75rem;text-align:center}.searchable-select-loading-more .spinner{animation:spin 1s linear infinite;font-size:.875rem}.searchable-select-no-more{border-top:1px solid var(--gray-200);color:var(--gray-400);font-size:.75rem;font-style:italic;padding:.75rem;text-align:center}.products-page{max-width:1400px}.products-page .modal.modal-large{max-width:1040px;width:min(1040px,94vw)}.installment-plans-group{margin-bottom:var(--spacing-xl)}.installment-plans-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:.45rem}.installment-plans-label{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.5rem;margin-bottom:0!important}.installment-plans-label code{font-size:.75rem;padding:.15rem .45rem}.optional-tag{align-items:center;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-600);display:inline-flex;font-size:.72rem;font-weight:600;letter-spacing:.01em;padding:.125rem .5rem}.installment-plans-clear{background:#0000;border:1px solid #ef44444d;border-radius:var(--radius-sm);color:var(--danger);cursor:pointer;font-size:.78rem;font-weight:600;padding:.25rem .65rem;transition:all var(--transition-fast)}.installment-plans-clear:hover:not(:disabled){background:#ef444414;border-color:var(--danger)}.installment-plans-clear:disabled{cursor:not-allowed;opacity:.5}.installment-disabled-box{align-items:center;background:var(--gray-50);border:1px dashed var(--gray-300);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem 1.15rem}.installment-disabled-copy{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:240px}.installment-disabled-copy strong{color:var(--gray-800);font-size:.875rem}.installment-disabled-copy span{color:var(--gray-600);font-size:.8125rem;line-height:1.45}.installment-disabled-copy code{font-size:.75rem;padding:.1rem .35rem}.installment-plans-intro{color:var(--gray-600);font-size:.84rem;line-height:1.55;margin-bottom:var(--spacing-md)}.installment-plans-intro strong{color:var(--gray-800);font-weight:600}.installment-tiers-shell{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f172a0a;overflow:hidden}.installment-tiers-head{grid-gap:.75rem;align-items:end;background:linear-gradient(180deg,#f8fafcf5,#f1f5f9e0);border-bottom:1px solid var(--gray-200);display:grid;gap:.75rem;grid-template-columns:minmax(105px,.85fr) minmax(105px,.85fr) minmax(115px,.9fr) minmax(260px,2.15fr) 2.6rem;padding:.75rem 1rem .65rem}.installment-tiers-head-cell{color:var(--gray-800);font-size:.8rem;font-weight:700;line-height:1.3}.installment-tiers-head-muted{color:var(--gray-500);display:block;font-size:.6875rem;font-weight:500;line-height:1.3;margin-top:.18rem}.installment-tiers-head-spacer{pointer-events:none}.installment-tiers-body{background:var(--white)}.installment-tiers-empty{align-items:center;background:var(--gray-50);color:var(--gray-700);display:flex;flex-direction:column;font-size:.85rem;font-weight:600;gap:.25rem;justify-content:center;padding:1.25rem 1rem;text-align:center}.installment-tiers-empty small{color:var(--gray-500);font-size:.775rem;font-weight:400;line-height:1.45;max-width:560px}.installment-tier-item{border-bottom:1px solid var(--gray-100);transition:background-color var(--transition-fast)}.installment-tier-item:last-child{border-bottom:none}.installment-tier-item:hover{background:rgba(30,64,175,.025)}.installment-tier-item--invalid{background:snow}.installment-tier-item--invalid:hover{background:#fef2f2}.installment-tier-row{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:minmax(105px,.85fr) minmax(105px,.85fr) minmax(115px,.9fr) minmax(260px,2.15fr) 2.6rem;padding:.65rem 1rem}.installment-tier-field{display:flex;flex-direction:column;gap:.25rem}.installment-mobile-field-label{color:var(--gray-600);display:none;font-size:.72rem;font-weight:600}.installment-tier-input{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-bottom:0!important;min-height:2.65rem;width:100%}.installment-tier-input--error{background:#fff5f5!important;border-color:var(--danger)!important}.installment-tier-preview{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);display:flex;min-height:2.65rem;padding:.4rem .65rem}.tier-calc-grid{grid-gap:.5rem;font-feature-settings:"tnum";display:grid;font-variant-numeric:tabular-nums;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.tier-calc-metric{display:flex;flex-direction:column;gap:.05rem}.tier-calc-label{color:var(--gray-500);font-size:.68rem;font-weight:600;white-space:nowrap}.tier-calc-value{color:var(--gray-900);font-size:.825rem;font-weight:700;white-space:nowrap}.tier-calc-metric--highlight .tier-calc-label{color:#047857}.tier-calc-metric--highlight .tier-calc-value{color:#047857;font-weight:800}.tier-calc-placeholder{color:var(--gray-500);font-size:.76rem}.installment-tier-inline-error{align-items:center;color:var(--danger);display:flex;font-size:.78rem;font-weight:600;gap:.4rem;padding:0 1rem .6rem}.installment-tier-actions{align-items:center;display:flex;justify-content:center}.installment-tier-remove{align-items:center;background:var(--danger);border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:inline-flex;flex-shrink:0;height:2.5rem;justify-content:center;padding:0;transition:background-color var(--transition-fast),transform .08s ease;width:2.5rem}.installment-tier-remove:hover:not(:disabled){background:#b91c1c}.installment-tier-remove:active:not(:disabled){transform:scale(.96)}.installment-tier-remove:disabled{cursor:not-allowed;opacity:.45}.installment-tier-remove svg{height:1.05rem;width:1.05rem}.installment-plans-footer-actions{align-items:center;display:flex;gap:.75rem;margin-top:.85rem}.installment-plans-add{margin-top:0}.installment-promo-box{border-top:1px solid var(--gray-200);margin-top:1rem;padding-top:.9rem}.installment-channel-note{color:#b45309;display:block;font-weight:500;margin-top:.35rem}.installment-tiers-badge{background:#1e40af14;border:1px solid #1e40af2e;border-radius:var(--radius-sm);color:var(--primary);font-size:.78rem}.installment-tiers-badge,.installment-tiers-promo{align-items:center;display:inline-flex;font-weight:600;padding:.2rem .55rem;white-space:nowrap}.installment-tiers-promo{background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-sm);color:#b45309;font-size:.75rem}.installment-tiers-none{align-items:center;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-500);display:inline-flex;font-size:.75rem;font-weight:500;padding:.15rem .45rem;white-space:nowrap}@media (max-width:860px){.installment-tiers-head{display:none}.installment-mobile-field-label{display:block}.installment-tier-row{align-items:end;grid-template-columns:repeat(3,minmax(0,1fr))}.installment-tier-preview{grid-column:1/-1}.installment-tier-actions{grid-column:1/-1;justify-content:flex-end}}@media (max-width:540px){.installment-tier-row,.tier-calc-grid{grid-template-columns:1fr}.tier-calc-grid{gap:.35rem}.tier-calc-metric{align-items:center;flex-direction:row;justify-content:space-between}}.products-page .form-row{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.products-page .form-row-checkboxes{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}.products-page .form-row-checkboxes .checkbox-label{margin-bottom:0}.product-name-cell{display:flex;flex-direction:column;gap:var(--spacing-xs)}.product-name-cell strong{display:block}.model-number{color:var(--gray-500);font-size:.8125rem;font-weight:400}.product-image-thumbnail{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-md);height:60px;object-fit:cover;width:60px}.product-image-placeholder{align-items:center;background:var(--gray-100);border:2px dashed var(--gray-300);border-radius:var(--radius-md);color:var(--gray-500);display:flex;font-size:.75rem;height:60px;justify-content:center;padding:.25rem;text-align:center;width:60px}.image-preview{max-height:200px;max-width:200px}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.empty-state p{font-size:1.1rem}@media (max-width:768px){.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{min-width:1200px}.action-buttons{flex-direction:column;width:100%}.action-buttons .btn{width:100%}.pagination-container{align-items:stretch;flex-direction:column}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-pages{justify-content:center;margin-bottom:var(--spacing-sm);order:-1;width:100%}}.product-mrp-cell{align-items:flex-start;display:flex;flex-direction:column;gap:.35rem}.product-mrp-main{color:var(--gray-900);font-weight:600}.cash-discount-badge{align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:var(--radius-full);color:#065f46;display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.01em;padding:.2rem .55rem;white-space:nowrap}.cash-discount-none{align-items:center;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-500);display:inline-flex;font-size:.72rem;font-weight:500;padding:.15rem .45rem}.form-row--discount{align-items:flex-start;margin-bottom:var(--spacing-md)}.calculation-preview-group{display:flex;flex-direction:column}.cash-price-preview-card{align-items:center;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1.5px solid #a7f3d0;border-radius:var(--radius-lg);box-shadow:0 1px 3px #05966914;display:flex;min-height:48px;padding:.85rem 1.15rem}.cash-preview-result{display:flex;flex-direction:column;gap:.25rem;width:100%}.cash-preview-line{color:#065f46;font-size:.9375rem;font-weight:500}.cash-preview-line strong{color:#047857;font-size:1.0625rem;font-weight:800}.cash-preview-savings{align-self:flex-start;background:#fff7ed;border:1px solid #fed7aa;border-radius:var(--radius-full);color:#ea580c;display:inline-block;font-size:.8125rem;font-weight:700;padding:.15rem .5rem}.cash-preview-idle{color:var(--gray-700);font-size:.875rem}.cash-preview-idle strong{color:var(--gray-900);font-weight:700}.cash-preview-muted{color:var(--gray-500);font-size:.8125rem;margin-left:.35rem}.cash-preview-empty{color:var(--gray-400);font-size:.8125rem;font-style:italic}.inventory-page{max-width:1400px}.error-banner{background:var(--danger);color:var(--white)}.error-banner,.loading-state{text-align:center}.modal-body .error-message{background:var(--danger);border-radius:var(--radius-md);color:var(--white);font-weight:500;margin-bottom:var(--spacing-md);padding:var(--spacing-md);text-align:center}.modal-body .spinner{animation:spin 1s linear infinite;margin-right:.5rem}.category-badge{word-wrap:break-word;background:#1e40af1a;border:1px solid #1e40af33;border-radius:var(--radius-md);color:var(--primary);display:inline-block;font-size:.875rem;font-weight:500;line-height:1.4;max-width:200px;overflow-wrap:break-word;padding:.375rem .75rem;text-align:center;vertical-align:middle;white-space:normal}.pagination-container{border-top:2px solid var(--gray-200);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.form-hint{margin-top:var(--spacing-xs)}@media (max-width:768px){.pagination-container{align-items:stretch;flex-direction:column}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-pages{justify-content:center;margin-bottom:var(--spacing-sm);order:-1;width:100%}}.stock-info{align-items:center;display:flex;gap:.5rem}.low-stock{color:var(--danger);font-weight:600}.warning-icon{animation:pulse 2s infinite;color:var(--warning);font-size:1.25rem}.form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.checkbox-label{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:background var(--transition-fast)}.checkbox-label:hover{background:var(--gray-50)}.checkbox-label input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:1.25rem;width:1.25rem}code{background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--primary);display:inline-block;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.8125rem;font-weight:600;padding:.375rem .75rem}.table-container{box-shadow:var(--shadow-sm)}.table{background:var(--white)}.table thead{background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%)}.table thead th{border-bottom:2px solid var(--gray-200);color:var(--gray-700);font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.table tbody tr{border-bottom:1px solid var(--gray-100);transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--gray-50)}.table tbody td{color:var(--gray-700);font-size:.9375rem;padding:1rem;vertical-align:middle}.badge{display:inline-block;font-size:.8125rem;letter-spacing:.3px;padding:.375rem .75rem;text-transform:capitalize}.badge-success{background:#10b9811a;border:1px solid #10b98133;color:var(--success)}.badge-danger{background:#ef44441a;border:1px solid #ef444433;color:var(--danger)}.action-buttons{gap:var(--spacing-sm)}.inventory-page .page-header{margin-bottom:var(--spacing-2xl)}@media (max-width:768px){.filters-bar{align-items:stretch;flex-direction:column}.filter-group,.filter-group.flex-1{min-width:100%}.form-row{grid-template-columns:1fr}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{min-width:1000px}.table tbody td,.table thead th{font-size:.875rem;padding:.75rem .5rem}.action-buttons{flex-direction:column;width:100%}.action-buttons .btn{width:100%}}@media (max-width:480px){.filters-bar{padding:var(--spacing-md)}.filter-group label{font-size:.75rem}.filter-group .form-input,.filter-group .form-select{font-size:.875rem;padding:.625rem .875rem}}.users-page{max-width:1400px}.status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.875rem;font-weight:600;gap:.25rem;padding:.25rem .75rem}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.status-badge svg{font-size:1rem}.error-banner{background:#fee2e2;border-left:4px solid #dc2626;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.loading-state{align-items:center;color:var(--gray-600);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-2xl)}.loading-state .spinner{font-size:2rem}.empty-state{color:var(--gray-600);padding:var(--spacing-2xl)}.pagination-container{margin-top:var(--spacing-md);padding:var(--spacing-lg)}.pagination-info{font-size:.875rem}.pagination-controls{gap:var(--spacing-sm)}.pagination-pages{gap:var(--spacing-xs)}.pagination-page{border:2px solid var(--gray-300);border-radius:var(--radius-md);display:flex;font-weight:500;height:36px;min-width:36px;padding:.5rem}.pagination-page:hover:not(:disabled){background:var(--gray-50);border-color:var(--primary);color:var(--primary)}.pagination-page.active{background:var(--primary);border-color:var(--primary)}.pagination-page:disabled{opacity:.5}.pagination-ellipsis{color:var(--gray-500);padding:0 .5rem}.form-hint{color:var(--gray-500);display:block;font-size:.875rem;margin-top:.25rem}@media (max-width:768px){.table-container{overflow-x:auto}.table{min-width:1100px}.pagination-container{align-items:stretch;flex-direction:column}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-pages{justify-content:center;margin-bottom:var(--spacing-sm);order:-1;width:100%}}.empty-state .empty-icon{color:var(--gray-400);font-size:3rem;margin-bottom:var(--spacing-md)}.modal.modal-large{max-width:640px}.image-preview-container{display:flex;justify-content:center;margin-top:var(--spacing-md)}.image-preview{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-md);max-height:220px;max-width:220px;object-fit:contain;padding:var(--spacing-sm)}.orders-page{margin:0 auto;max-width:1400px;padding-bottom:3rem;position:relative}.ord-toast{align-items:center;animation:ord-toast-in .25s cubic-bezier(.16,1,.3,1);background:var(--white);border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #0f172a26,0 8px 10px -6px #0f172a1a;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;line-height:1.4;max-width:440px;padding:.85rem 1.25rem;position:fixed;right:1.5rem;top:1.5rem;z-index:9999}@keyframes ord-toast-in{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ord-toast--success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.ord-toast--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.ord-toast-icon{flex-shrink:0;font-size:1.25rem}.ord-toast--success .ord-toast-icon{color:#059669}.ord-toast--error .ord-toast-icon{color:#dc2626}.ord-toast-message{flex:1 1}.ord-toast-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:flex;font-size:1.1rem;opacity:.6;padding:.2rem;transition:opacity var(--transition-fast)}.ord-toast-close:hover{opacity:1}.ord-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:space-between;margin-bottom:1.5rem}.ord-header-left{max-width:680px}.ord-page-title{align-items:center;color:var(--gray-900);display:flex;font-size:1.75rem;font-weight:800;gap:.65rem;letter-spacing:-.02em;margin-bottom:.35rem}.ord-page-title-icon{color:var(--brand-orange);font-size:1.6rem}.ord-page-subtitle{color:var(--gray-500);font-size:.925rem;line-height:1.5}.ord-header-actions{align-items:center;display:flex;gap:.75rem}.btn-refresh-orders{align-items:center;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);color:var(--gray-700);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.6rem 1rem;transition:all var(--transition-fast)}.btn-refresh-orders:hover{background:var(--gray-50);border-color:var(--gray-400);color:var(--gray-900)}.ord-metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-bottom:1.5rem}.ord-metric-card{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);display:flex;gap:1rem;padding:1.1rem 1.25rem;transition:border-color var(--transition-fast),transform var(--transition-fast)}.ord-metric-card:hover{border-color:var(--gray-300);transform:translateY(-2px)}.ord-metric-icon-box{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.35rem;height:46px;justify-content:center;width:46px}.ord-metric-icon-box--blue{background:var(--primary-subtle);color:var(--primary)}.ord-metric-icon-box--amber{background:#fffbeb;color:#d97706}.ord-metric-icon-box--green{background:#ecfdf5;color:#059669}.ord-metric-icon-box--orange{background:var(--brand-orange-light);color:var(--brand-orange)}.ord-metric-content{display:flex;flex-direction:column}.ord-metric-label{color:var(--gray-500);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.ord-metric-value{color:var(--gray-900);font-size:1.45rem;font-weight:800;line-height:1.2}.ord-toolbar{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.ord-toolbar-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.ord-search-wrap{flex:1 1;max-width:420px;min-width:260px;position:relative}.ord-search-icon{color:var(--gray-400);font-size:1rem;left:.85rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ord-search-input{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-800);font-size:.875rem;padding:.55rem 2rem .55rem 2.35rem;transition:all var(--transition-fast);width:100%}.ord-search-input:focus{background:var(--white);border-color:var(--primary);box-shadow:0 0 0 3px #1d4ed81f;outline:none}.ord-search-clear{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--gray-400);cursor:pointer;display:flex;font-size:.85rem;justify-content:center;padding:.2rem;position:absolute;right:.65rem;top:50%;transform:translateY(-50%)}.ord-search-clear:hover{color:var(--gray-600)}.ord-date-pills{background:var(--gray-100);border-radius:var(--radius-md);display:inline-flex;gap:.2rem;padding:.25rem}.ord-date-pill{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;display:flex;font-size:.785rem;font-weight:600;gap:.35rem;padding:.4rem .75rem;transition:all var(--transition-fast)}.ord-date-pill:hover{color:var(--gray-900)}.ord-date-pill.active{background:var(--white);box-shadow:var(--shadow-xs);color:var(--primary)}.ord-status-tabs{border-top:1px solid var(--gray-100);display:flex;flex-wrap:wrap;gap:.4rem;padding-top:.85rem}.ord-status-tab{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--gray-600);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.35rem .75rem;transition:all var(--transition-fast)}.ord-status-tab:hover{background:var(--gray-100);color:var(--gray-900)}.ord-status-tab.active{background:var(--gray-900);border-color:var(--gray-900);color:#fff}.ord-status-tab-dot{border-radius:50%;height:8px;width:8px}.ord-status-tab-dot--pending{background:#f59e0b}.ord-status-tab-dot--confirmed{background:#3b82f6}.ord-status-tab-dot--dispatched{background:#8b5cf6}.ord-status-tab-dot--delivered{background:#10b981}.ord-status-tab-dot--cancelled{background:#ef4444}.ord-table-wrapper{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow-x:auto}.ord-table{border-collapse:collapse;min-width:980px;text-align:left;width:100%}.ord-table th{background:var(--gray-50);border-bottom:1px solid var(--gray-200);color:var(--gray-600);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.85rem 1.15rem;text-transform:uppercase}.ord-table td{border-bottom:1px solid var(--gray-100);font-size:.875rem;padding:1rem 1.15rem;vertical-align:middle}.ord-table tr:last-child td{border-bottom:none}.ord-table tr:hover td{background:#f8fafc}.ord-ref-box{display:flex;flex-direction:column;gap:.2rem}.ord-ref-code-row{align-items:center;display:flex;gap:.35rem}.ord-ref-code{color:var(--primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;font-weight:700;letter-spacing:-.01em}.ord-copy-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--gray-400);cursor:pointer;display:inline-flex;font-size:.8rem;padding:.2rem;transition:color var(--transition-fast)}.ord-copy-btn:hover{color:var(--primary)}.ord-time-muted{color:var(--gray-400);font-size:.75rem}.ord-customer-box{display:flex;flex-direction:column;gap:.15rem}.ord-customer-name{color:var(--gray-900);font-size:.925rem;font-weight:700}.ord-customer-contact{align-items:center;color:var(--gray-600);display:flex;font-size:.785rem;gap:.4rem}.ord-customer-location{align-items:center;color:var(--gray-500);display:flex;font-size:.75rem;gap:.25rem}.ord-items-box{display:flex;flex-direction:column;gap:.2rem;max-width:250px}.ord-item-line{color:var(--gray-800);font-size:.825rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ord-item-more-badge{color:var(--primary);font-size:.725rem;font-weight:600}.ord-amount-box{display:flex;flex-direction:column;gap:.15rem}.ord-amount-value{font-feature-settings:"tnum";color:var(--gray-900);font-size:.95rem;font-variant-numeric:tabular-nums;font-weight:800}.ord-payment-badges{display:flex;flex-wrap:wrap;gap:.25rem}.ord-pill-badge{border-radius:var(--radius-sm);font-size:.675rem;font-weight:700;padding:.15rem .45rem;text-transform:uppercase}.ord-pill-badge--cod{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.ord-pill-badge--pickup{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.ord-pill-badge--bank{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.ord-pill-badge--installment{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}.ord-status-select-wrap{display:inline-block;position:relative}.ord-status-select{appearance:none;-webkit-appearance:none;border:1px solid #0000;border-radius:var(--radius-full);cursor:pointer;font-size:.8rem;font-weight:700;padding:.35rem 1.8rem .35rem .75rem;text-transform:capitalize;transition:all var(--transition-fast)}.ord-status-select-arrow{font-size:.75rem;pointer-events:none;position:absolute;right:.65rem;top:50%;transform:translateY(-50%)}.ord-status--pending{background:#fffbeb;border-color:#fde68a;color:#b45309}.ord-status--confirmed{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.ord-status--dispatched{background:#f5f3ff;border-color:#ddd6fe;color:#6d28d9}.ord-status--delivered{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.ord-status--cancelled{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.ord-actions-group{gap:.35rem}.ord-action-btn,.ord-actions-group{align-items:center;display:inline-flex}.ord-action-btn{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;font-size:.95rem;height:32px;justify-content:center;text-decoration:none;transition:all var(--transition-fast);width:32px}.ord-action-btn:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.ord-action-btn--whatsapp{color:#16a34a}.ord-action-btn--whatsapp:hover{background:#dcfce7;border-color:#86efac;color:#15803d}.ord-action-btn--call{color:#2563eb}.ord-action-btn--call:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.ord-action-btn--view:hover{background:var(--brand-orange-light);border-color:var(--brand-orange-border);color:var(--brand-orange)}.ord-modal-backdrop{align-items:center;animation:ord-modal-fade .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172aa6;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:1.25rem;position:fixed;z-index:9990}@keyframes ord-modal-fade{0%{opacity:0}to{opacity:1}}.ord-modal{animation:ord-modal-pop .25s cubic-bezier(.16,1,.3,1);background:var(--white);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #0f172a40;display:flex;flex-direction:column;max-height:92vh;max-width:940px;overflow:hidden;width:100%}@keyframes ord-modal-pop{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.ord-modal-header{align-items:center;background:var(--white);border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.ord-modal-title-wrap{align-items:center;display:flex;gap:.75rem}.ord-modal-title{color:var(--gray-900);font-size:1.25rem;font-weight:800}.ord-modal-header-actions{align-items:center;display:flex;gap:.75rem}.btn-print-slip{align-items:center;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-800);cursor:pointer;display:inline-flex;font-size:.825rem;font-weight:600;gap:.4rem;padding:.45rem .85rem;transition:all var(--transition-fast)}.btn-print-slip:hover{background:var(--gray-200)}.ord-modal-body{display:flex;flex:1 1;flex-direction:column;gap:1.25rem;overflow-y:auto;padding:1.5rem}.ord-detail-cards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.ord-info-box{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.5rem;padding:1.15rem}.ord-info-box-title{align-items:center;color:var(--gray-500);display:flex;font-size:.75rem;font-weight:700;gap:.4rem;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.ord-contact-cta-row{display:flex;gap:.5rem;margin-top:.5rem}.btn-contact-whatsapp{align-items:center;background:#16a34a;border-radius:var(--radius-md);color:#fff;display:inline-flex;flex:1 1;font-size:.8rem;font-weight:700;gap:.4rem;justify-content:center;padding:.5rem .85rem;text-decoration:none;transition:background var(--transition-fast)}.btn-contact-whatsapp:hover{background:#15803d}.btn-contact-call{align-items:center;background:#2563eb;border-radius:var(--radius-md);color:#fff;display:inline-flex;flex:1 1;font-size:.8rem;font-weight:700;gap:.4rem;justify-content:center;padding:.5rem .85rem;text-decoration:none;transition:background var(--transition-fast)}.btn-contact-call:hover{background:#1d4ed8}.ord-detail-items-table{border:1px solid var(--gray-200);border-collapse:collapse;border-radius:var(--radius-md);overflow:hidden;width:100%}.ord-detail-items-table th{background:var(--gray-100);border-bottom:1px solid var(--gray-200);color:var(--gray-600);font-size:.75rem;font-weight:700;padding:.65rem .85rem;text-transform:uppercase}.ord-detail-items-table td{border-bottom:1px solid var(--gray-100);font-size:.85rem;padding:.85rem;vertical-align:middle}.ord-item-thumb{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-md);height:48px;object-fit:cover;width:48px}.ord-breakdown-box{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.45rem;margin-left:auto;padding:1rem 1.25rem;width:320px}.ord-breakdown-row{color:var(--gray-600);display:flex;font-size:.85rem;justify-content:space-between}.ord-breakdown-row--total{border-top:2px solid var(--gray-200);color:var(--gray-900);font-size:1.05rem;font-weight:800;padding-top:.5rem}@media print{body *{visibility:hidden}.ord-modal,.ord-modal *{visibility:visible}.ord-modal{border:none;box-shadow:none;left:0;max-width:100%;position:absolute;top:0;width:100%}.btn-print-slip,.ord-contact-cta-row,.ord-modal-close-btn,.ord-status-select-wrap{display:none!important}}.settings-page{margin:0 auto;max-width:680px}.settings-tabs{border-bottom:2px solid var(--gray-200);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:0}.settings-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--gray-500);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.5rem;margin-bottom:-2px;padding:.75rem 1.25rem;transition:color var(--transition-fast),border-color var(--transition-fast)}.settings-tab:hover{color:var(--primary)}.settings-tab.active{border-bottom-color:var(--brand-orange);color:var(--primary)}.settings-tab svg{font-size:1.125rem}.settings-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:2rem}.settings-form{max-width:100%}.settings-hint{color:var(--gray-500);font-size:.875rem;line-height:1.5;margin:0 0 1.5rem}.settings-loading{align-items:center;color:var(--gray-600);display:flex;gap:var(--spacing-md);padding:var(--spacing-xl) 0}.settings-spinner{animation:settings-spin .9s linear infinite;color:var(--primary);font-size:1.5rem}@keyframes settings-spin{to{transform:rotate(1turn)}}.btn-spinner{animation:settings-spin .9s linear infinite}.password-field{position:relative}.password-field .form-input{padding-right:3rem}.password-reveal{align-items:center;background:none;border:none;color:var(--gray-400);cursor:pointer;display:flex;font-size:1.125rem;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:color var(--transition-fast)}.password-reveal:hover{color:var(--gray-800)}.settings-banner{border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;margin-bottom:1.25rem;padding:.875rem 1.25rem}.settings-banner--success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.settings-banner--error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.brand-partners-page{margin:0 auto;max-width:1400px;position:relative}.bp-toast{align-items:center;animation:bp-toast-slide-in .25s cubic-bezier(.16,1,.3,1);background:var(--white);border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #0f172a26,0 8px 10px -6px #0f172a1a;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;line-height:1.4;max-width:420px;padding:.85rem 1.25rem;position:fixed;right:1.5rem;top:1.5rem;z-index:9999}@keyframes bp-toast-slide-in{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.bp-toast--success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.bp-toast--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.bp-toast-icon{flex-shrink:0;font-size:1.25rem}.bp-toast--success .bp-toast-icon{color:#059669}.bp-toast--error .bp-toast-icon{color:#dc2626}.bp-toast-message{flex:1 1}.bp-toast-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:flex;font-size:1.1rem;opacity:.6;padding:.2rem;transition:opacity var(--transition-fast)}.bp-toast-close:hover{opacity:1}.btn-add-partner{align-items:center;display:inline-flex;gap:.5rem}.bp-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.bp-search-box{flex:1 1;max-width:450px;min-width:260px;position:relative}.bp-search-icon{color:var(--gray-400);font-size:1.05rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.bp-search-input{padding-left:2.65rem!important;padding-right:2.25rem!important}.bp-search-clear{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--gray-400);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.bp-search-clear:hover{color:var(--gray-700)}.bp-status-filters{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);display:flex;gap:.5rem;padding:.25rem}.bp-filter-pill{background:none;border:none;border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;font-size:.8125rem;font-weight:600;padding:.45rem .95rem;transition:all var(--transition-fast)}.bp-filter-pill:hover{background:var(--gray-50);color:var(--gray-900)}.bp-filter-pill.active{background:var(--primary);color:var(--white)}.bp-filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.bp-per-page-selector{align-items:center;color:var(--gray-600);display:flex;font-size:.8125rem;font-weight:600;gap:.5rem}.bp-limit-select{border-radius:var(--radius-md)!important;font-size:.8125rem!important;height:36px;min-width:65px;padding:.35rem 1.75rem .35rem .65rem!important}.bp-table-card{overflow:hidden;padding:0}.bp-table{border-collapse:initial;border-spacing:0;width:100%}.bp-table th{background:var(--gray-50);border-bottom:1px solid var(--gray-200);color:var(--gray-700);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.85rem 1.25rem;text-transform:uppercase}.bp-table td{border-bottom:1px solid var(--gray-100);color:var(--gray-800);font-size:.875rem;padding:1rem 1.25rem;vertical-align:middle}.bp-table tbody tr{transition:background-color var(--transition-fast)}.bp-table tbody tr:hover{background-color:var(--gray-50)}.bp-table tbody tr.row-inactive{background-color:#fafafa;opacity:.78}.bp-logo-thumb-wrapper{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:0 1px 2px #0f172a0a;display:flex;height:40px;justify-content:center;padding:4px;width:68px}.bp-logo-thumb{max-height:100%;max-width:100%;object-fit:contain}.bp-logo-fallback{align-items:center;color:var(--gray-500);display:flex;font-size:.75rem;font-weight:700;gap:4px}.bp-fallback-icon{color:var(--gray-400);font-size:.95rem}.bp-brand-cell{align-items:center;display:flex;gap:.65rem}.bp-brand-name{color:var(--gray-900);font-size:.9375rem;font-weight:700}.bp-hidden-badge{background:var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-600);font-size:.6875rem;font-weight:600;letter-spacing:.04em;padding:.15rem .45rem;text-transform:uppercase}.bp-website-link{align-items:center;color:var(--primary);display:inline-flex;font-size:.8125rem;font-weight:600;gap:.4rem;text-decoration:none;transition:color var(--transition-fast)}.bp-website-link:hover{color:var(--brand-orange);text-decoration:underline}.bp-external-icon{font-size:.85rem;opacity:.8}.bp-website-plain{color:var(--gray-600);font-size:.8125rem}.bp-text-muted{color:var(--gray-400)}.bp-order-badge{align-items:center;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--radius-full);color:var(--gray-700);display:inline-flex;font-size:.8125rem;font-weight:700;justify-content:center;min-width:2.2rem;padding:.2rem .5rem}.bp-status-toggle-wrapper{align-items:center;display:flex;gap:.65rem}.bp-toggle-btn{align-items:center;background:none;border:none;color:var(--gray-400);cursor:pointer;display:inline-flex;font-size:1.6rem;justify-content:center;padding:0;transition:color var(--transition-fast),transform var(--transition-fast)}.bp-toggle-btn:hover{transform:scale(1.05)}.bp-toggle-btn.is-active{color:#059669}.bp-toggle-spinner{animation:bp-spin .8s linear infinite;color:var(--primary);font-size:1.15rem}@keyframes bp-spin{to{transform:rotate(1turn)}}.badge-inactive{background:#f1f5f9;border:1px solid #cbd5e1;color:#64748b}.bp-modal-backdrop{align-items:center;animation:bpModalFadeIn .2s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172aa6;bottom:0;display:flex;justify-content:center;left:0;padding:1.25rem;position:fixed;right:0;top:0;z-index:1050}@keyframes bpModalFadeIn{0%{opacity:0}to{opacity:1}}.bp-modal-dialog{animation:bpModalSlideUp .25s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #0f172a40,0 0 0 1px #0f172a14;display:flex;flex-direction:column;max-height:calc(100vh - 3.5rem);max-width:95vw;overflow:hidden;width:620px}@keyframes bpModalSlideUp{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.bp-modal-header{align-items:center;background:#fff;border-bottom:1px solid var(--gray-200);display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;padding:1.25rem 1.75rem}.bp-modal-header-content{align-items:center;display:flex;gap:.875rem}.bp-modal-header-icon{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-lg);color:var(--primary);display:flex;flex-shrink:0;font-size:1.25rem;height:44px;justify-content:center;width:44px}.bp-modal-title{color:var(--gray-900);font-size:1.2rem;font-weight:800;letter-spacing:-.01em;line-height:1.25;margin:0}.bp-modal-subtitle{color:var(--gray-500);font-size:.8125rem;line-height:1.35;margin:.25rem 0 0}.bp-modal-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--gray-400);cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.bp-modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.bp-modal-form{display:flex;flex:1 1;flex-direction:column;margin:0;min-height:0;overflow:hidden}.bp-modal-body{background:#fff;display:flex;flex:1 1;flex-direction:column;gap:1.25rem;overflow-y:auto;padding:1.5rem 1.75rem}.bp-modal-body::-webkit-scrollbar{width:6px}.bp-modal-body::-webkit-scrollbar-track{background:#f8fafc}.bp-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}.bp-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.bp-modal-alert{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.875rem;font-weight:500;gap:.625rem;padding:.75rem 1rem}.bp-modal-alert--error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.bp-form-group{display:flex;flex-direction:column;margin-bottom:0}.bp-form-label{color:var(--gray-800);font-size:.875rem;font-weight:600;gap:.35rem}.bp-form-label,.bp-form-label-row{align-items:center;display:flex;margin-bottom:.4rem}.bp-form-label-row{justify-content:space-between}.bp-form-label-row .bp-form-label{margin-bottom:0}.bp-required{color:#dc2626;font-weight:700}.bp-label-tip,.bp-optional{color:var(--gray-500);font-size:.75rem;font-weight:500}.bp-form-input{background:#fff;border:1.5px solid var(--gray-300);border-radius:var(--radius-lg);color:var(--gray-900);font-family:inherit;font-size:.9375rem;padding:.6875rem .95rem;transition:all var(--transition-fast);width:100%}.bp-form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb24;outline:none}.bp-form-input:hover:not(:focus){border-color:var(--gray-400)}.bp-form-hint{color:var(--gray-500);font-size:.75rem;line-height:1.4;margin-top:.35rem}.bp-input-icon-wrap{align-items:center;display:flex;position:relative}.bp-input-icon{color:var(--gray-400);font-size:1rem;left:.95rem;pointer-events:none;position:absolute}.bp-form-input--icon{padding-left:2.6rem!important}.bp-dropzone{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:var(--radius-xl);cursor:pointer;padding:1.35rem 1rem;position:relative;text-align:center;transition:all var(--transition-fast)}.bp-dropzone.is-drag-over,.bp-dropzone:hover{background-color:#eff6ff;border-color:var(--primary)}.bp-dropzone.has-preview{background:#fff;border:1.5px solid var(--gray-200);cursor:default;padding:1rem 1.15rem}.bp-dropzone-content{align-items:center;display:flex;flex-direction:column;gap:.4rem}.bp-dropzone-icon-circle{align-items:center;background:#eff6ff;border-radius:50%;display:flex;height:48px;justify-content:center;margin-bottom:.2rem;width:48px}.bp-dropzone-icon{color:var(--primary);font-size:1.5rem}.bp-dropzone-text{color:var(--gray-700);font-size:.875rem}.bp-dropzone-text strong{color:var(--primary);font-weight:700}.bp-dropzone-hint{color:var(--gray-500);font-size:.75rem;line-height:1.35;margin:0;max-width:400px}.bp-preview-wrapper{align-items:center;display:flex;gap:1.25rem}.bp-preview-box{align-items:center;background:#f8fafc;border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0f172a0f;display:flex;flex-shrink:0;height:70px;justify-content:center;padding:.5rem;width:110px}.bp-preview-img{max-height:100%;max-width:100%;object-fit:contain}.bp-preview-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.bp-preview-title{color:var(--gray-900);font-size:.875rem;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-preview-size{color:var(--gray-500);font-size:.75rem;font-weight:500}.bp-preview-actions{align-items:center;display:flex;gap:.5rem;margin-top:.35rem}.bp-settings-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:var(--radius-xl);padding:1.15rem 1.25rem}.bp-settings-row{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 1.35fr}.bp-settings-item{display:flex;flex-direction:column}.bp-order-input{background:#fff;max-width:100%}.bp-toggle-box{align-items:center;display:flex;min-height:42px}.bp-switch-label{align-items:center;cursor:pointer;display:inline-flex;gap:.75rem;margin:0;-webkit-user-select:none;user-select:none}.bp-switch-checkbox{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.bp-switch-slider{background-color:var(--gray-300);border-radius:var(--radius-full);display:inline-block;flex-shrink:0;height:24px;position:relative;transition:background-color var(--transition-fast);width:44px}.bp-switch-slider:after{background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #00000040;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform var(--transition-fast);width:18px}.bp-switch-checkbox:checked+.bp-switch-slider{background-color:#059669}.bp-switch-checkbox:checked+.bp-switch-slider:after{transform:translateX(20px)}.bp-status-pill-badge{border-radius:var(--radius-full);font-size:.8125rem;font-weight:700;line-height:1.2;padding:.25rem .65rem;white-space:nowrap}.bp-status-pill-badge.is-active{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.bp-status-pill-badge.is-inactive{background:#f1f5f9;border:1px solid #cbd5e1;color:#64748b}.bp-modal-footer{align-items:center;background:var(--gray-50);border-top:1px solid var(--gray-200);display:flex;flex-shrink:0;gap:.85rem;justify-content:flex-end;padding:1.15rem 1.75rem}.bp-delete-dialog{animation:bpModalSlideUp .2s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #0f172a40;max-width:92vw;padding:2rem;width:440px}.bp-delete-modal-content{align-items:center;display:flex;flex-direction:column;text-align:center}.bp-delete-warning-icon{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:50%;color:#dc2626;display:flex;font-size:1.75rem;height:56px;justify-content:center;margin-bottom:1.25rem;width:56px}.bp-delete-modal-content h3{color:var(--gray-900);font-size:1.25rem;font-weight:800;margin-bottom:.5rem}.bp-delete-modal-content p{color:var(--gray-600);font-size:.9375rem;margin-bottom:.5rem}.bp-delete-subtext{color:var(--gray-500)!important;font-size:.8125rem!important;line-height:1.4;margin-bottom:1.5rem!important}.bp-delete-actions{align-items:center;display:flex;gap:.75rem;justify-content:center;width:100%}.bp-delete-actions .btn{flex:1 1}@media (max-width:768px){.bp-filter-bar{align-items:stretch;flex-direction:column}.bp-search-box{max-width:100%}.bp-status-filters{justify-content:space-between}.bp-status-filters .bp-filter-pill{flex:1 1;text-align:center}.bp-settings-row{gap:1rem;grid-template-columns:1fr}.bp-preview-wrapper{align-items:center;flex-direction:column;text-align:center}.bp-preview-info{align-items:center}.bp-modal-dialog{max-height:calc(100vh - 2rem)}.bp-modal-header{padding:1rem 1.25rem}.bp-modal-body{padding:1.25rem}.bp-modal-footer{padding:1rem 1.25rem}}.video-shorts-page{margin:0 auto;max-width:1400px;padding-bottom:3rem;position:relative}.vs-toast{align-items:center;animation:vs-toast-in .25s cubic-bezier(.16,1,.3,1);background:var(--white);border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #0f172a26,0 8px 10px -6px #0f172a1a;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;line-height:1.4;max-width:440px;padding:.85rem 1.25rem;position:fixed;right:1.5rem;top:1.5rem;z-index:9999}@keyframes vs-toast-in{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.vs-toast--success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.vs-toast--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.vs-toast-icon{flex-shrink:0;font-size:1.25rem}.vs-toast--success .vs-toast-icon{color:#059669}.vs-toast--error .vs-toast-icon{color:#dc2626}.vs-toast-message{flex:1 1}.vs-toast-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:flex;font-size:1.1rem;opacity:.6;padding:.2rem;transition:opacity var(--transition-fast)}.vs-toast-close:hover{opacity:1}.vs-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:space-between;margin-bottom:1.5rem}.vs-header-left{max-width:680px}.vs-page-title{align-items:center;color:var(--gray-900);display:flex;font-size:1.75rem;font-weight:800;gap:.65rem;letter-spacing:-.02em;margin-bottom:.35rem}.vs-page-title-icon{color:var(--brand-orange);font-size:1.6rem}.vs-page-subtitle{color:var(--gray-500);font-size:.925rem;line-height:1.5}.vs-header-actions{align-items:center;display:flex;gap:.75rem}.btn-primary-orange{align-items:center;background:linear-gradient(135deg,var(--brand-orange) 0,#c2410c 100%);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #ea580c40;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.65rem 1.2rem;transition:all var(--transition-fast)}.btn-primary-orange:hover{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 6px 16px #ea580c59;transform:translateY(-1px)}.vs-metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem}.vs-metric-card{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);display:flex;gap:1rem;padding:1rem 1.25rem;transition:border-color var(--transition-fast),transform var(--transition-fast)}.vs-metric-card:hover{border-color:var(--gray-300);transform:translateY(-2px)}.vs-metric-icon-box{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.25rem;height:44px;justify-content:center;width:44px}.vs-metric-icon-box--blue{background:var(--primary-subtle);color:var(--primary)}.vs-metric-icon-box--green{background:#ecfdf5;color:#059669}.vs-metric-icon-box--amber{background:#fffbeb;color:#d97706}.vs-metric-icon-box--orange{background:var(--brand-orange-light);color:var(--brand-orange)}.vs-metric-content{display:flex;flex-direction:column}.vs-metric-label{color:var(--gray-500);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.vs-metric-value{color:var(--gray-900);font-size:1.45rem;font-weight:800;line-height:1.2}.vs-toolbar{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:.85rem 1.15rem}.vs-toolbar,.vs-toolbar-left{align-items:center;display:flex;flex-wrap:wrap}.vs-toolbar-left{flex:1 1;gap:.85rem;min-width:280px}.vs-search-wrap{flex:1 1;max-width:380px;min-width:220px;position:relative}.vs-search-icon{color:var(--gray-400);font-size:1rem;left:.85rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.vs-search-input{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-800);font-size:.875rem;padding:.55rem 2rem .55rem 2.35rem;transition:all var(--transition-fast);width:100%}.vs-search-input:focus{background:var(--white);border-color:var(--primary);box-shadow:0 0 0 3px #1d4ed81f;outline:none}.vs-search-clear{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--gray-400);cursor:pointer;display:flex;font-size:.85rem;justify-content:center;padding:.2rem;position:absolute;right:.65rem;top:50%;transform:translateY(-50%)}.vs-search-clear:hover{color:var(--gray-600)}.vs-status-pills{background:var(--gray-100);border-radius:var(--radius-md);display:inline-flex;gap:.2rem;padding:.25rem}.vs-status-pill{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.4rem .75rem;transition:all var(--transition-fast)}.vs-status-pill:hover{color:var(--gray-900)}.vs-status-pill.active{background:var(--white);box-shadow:var(--shadow-xs);color:var(--primary-dark)}.vs-status-count{background:var(--gray-200);border-radius:var(--radius-full);color:var(--gray-700);font-size:.7rem;padding:.1rem .4rem}.vs-status-pill.active .vs-status-count{background:var(--primary-subtle);color:var(--primary)}.vs-toolbar-right{align-items:center;display:flex;gap:.75rem}.vs-view-toggle{background:var(--gray-100);border-radius:var(--radius-md);display:inline-flex;gap:.2rem;padding:.25rem}.vs-view-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.35rem;padding:.4rem .65rem;transition:all var(--transition-fast)}.vs-view-btn.active{color:var(--primary)}.vs-table-wrapper,.vs-view-btn.active{background:var(--white);box-shadow:var(--shadow-xs)}.vs-table-wrapper{border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden}.vs-table{border-collapse:collapse;text-align:left;width:100%}.vs-table th{background:var(--gray-50);border-bottom:1px solid var(--gray-200);color:var(--gray-600);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.85rem 1.15rem;text-transform:uppercase}.vs-table td{border-bottom:1px solid var(--gray-100);font-size:.875rem;padding:1rem 1.15rem;vertical-align:middle}.vs-table tr:last-child td{border-bottom:none}.vs-table tr:hover td{background:#f8fafc}.vs-col-thumb{width:80px}.vs-thumb-box{background:var(--gray-900);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);cursor:pointer;height:96px;overflow:hidden;position:relative;width:64px}.vs-thumb-img{display:block;height:100%;object-fit:cover;transition:transform var(--transition-fast);width:100%}.vs-thumb-box:hover .vs-thumb-img{transform:scale(1.08)}.vs-thumb-play-overlay{align-items:center;background:#0f172a66;color:#fff;display:flex;font-size:1.1rem;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--transition-fast)}.vs-thumb-box:hover .vs-thumb-play-overlay{opacity:1}.vs-thumb-fallback{align-items:center;background:var(--gray-100);color:var(--gray-400);display:flex;flex-direction:column;font-size:1.3rem;height:100%;justify-content:center;width:100%}.vs-col-details{min-width:260px}.vs-details-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.vs-item-title{color:var(--gray-900);font-size:.95rem;font-weight:700;line-height:1.3}.vs-badge-tag{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.675rem;font-weight:700;letter-spacing:.04em;padding:.15rem .55rem;text-transform:uppercase}.vs-badge-tag--showroom-tour{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.vs-badge-tag--inverter-demo{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.vs-badge-tag--genuine-unboxing{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}.vs-badge-tag--tech-review{background:#f5f3ff;border:1px solid #ddd6fe;color:#6d28d9}.vs-badge-tag--customer-guide{background:#fdf2f8;border:1px solid #fbcfe8;color:#be185d}.vs-badge-tag--default{background:var(--gray-100);border:1px solid var(--gray-300);color:var(--gray-700)}.vs-item-caption{color:var(--gray-600);font-size:.825rem;line-height:1.4;margin-bottom:.2rem}.vs-item-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--gray-400);display:-webkit-box;font-size:.775rem;line-height:1.4;max-width:500px;overflow:hidden}.vs-col-source{min-width:170px}.vs-source-pill{align-items:center;background:var(--gray-100);border-radius:var(--radius-md);color:var(--gray-700);display:inline-flex;font-size:.75rem;font-weight:600;gap:.4rem;margin-bottom:.25rem;padding:.25rem .65rem}.vs-source-pill--yt-shorts{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.vs-source-pill--uploaded{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.vs-source-pill--external{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.vs-source-meta-sub{color:var(--gray-500);display:block;font-size:.72rem;margin-bottom:.2rem;margin-top:.1rem}.vs-source-link,.vs-source-meta-sub{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs-source-link{align-items:center;color:var(--primary);display:inline-flex;font-size:.775rem;font-weight:500;gap:.35rem;text-decoration:none}.vs-source-link:hover{text-decoration:underline}.vs-col-order{width:140px}.vs-order-control{align-items:center;display:inline-flex;gap:.35rem}.vs-order-badge{background:var(--gray-100);border-radius:var(--radius-sm);color:var(--gray-800);font-weight:700;height:30px;min-width:34px;padding:0 .35rem}.vs-order-badge,.vs-order-btn{align-items:center;border:1px solid var(--gray-200);display:inline-flex;font-size:.85rem;justify-content:center}.vs-order-btn{background:var(--white);border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;height:28px;transition:all var(--transition-fast);width:28px}.vs-order-btn:hover:not(:disabled){background:var(--gray-100);border-color:var(--gray-300);color:var(--gray-900)}.vs-order-btn:disabled{cursor:not-allowed;opacity:.35}.vs-col-status{width:140px}.vs-status-switch-wrap{align-items:center;display:flex;gap:.6rem}.vs-switch-btn{align-items:center;background:none;border:none;color:var(--gray-300);cursor:pointer;display:flex;font-size:1.75rem;padding:0;transition:color var(--transition-fast)}.vs-switch-btn.active{color:#059669}.vs-switch-btn:disabled{cursor:wait;opacity:.5}.vs-status-badge{border-radius:var(--radius-full);font-size:.75rem;font-weight:600;padding:.2rem .55rem}.vs-status-badge--active{background:#ecfdf5;color:#047857}.vs-status-badge--inactive{background:var(--gray-100);color:var(--gray-500)}.vs-col-actions{text-align:right;width:120px}.vs-actions-group{gap:.35rem}.vs-action-btn,.vs-actions-group{align-items:center;display:inline-flex}.vs-action-btn{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;font-size:.9rem;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.vs-action-btn:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.vs-action-btn--play:hover{background:var(--primary-subtle);border-color:var(--primary-light);color:var(--primary)}.vs-action-btn--edit:hover{background:var(--brand-orange-light);border-color:var(--brand-orange-border);color:var(--brand-orange)}.vs-action-btn--delete:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.vs-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.vs-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.vs-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.vs-card-media{aspect-ratio:9/13;background:#0f172a;cursor:pointer;overflow:hidden;position:relative;width:100%}.vs-card-img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.vs-card:hover .vs-card-img{transform:scale(1.05)}.vs-card-gradient-top{background:linear-gradient(180deg,#0f172abf,#0000);height:80px;top:0}.vs-card-gradient-bottom,.vs-card-gradient-top{left:0;pointer-events:none;position:absolute;right:0}.vs-card-gradient-bottom{background:linear-gradient(0deg,#0f172ae6,#0f172a66 60%,#0000);bottom:0;height:120px}.vs-card-top-badges{align-items:center;display:flex;justify-content:space-between;left:.85rem;position:absolute;right:.85rem;top:.85rem;z-index:2}.vs-card-order-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab3;border:1px solid #fff3;border-radius:var(--radius-sm);color:#fff;font-size:.75rem;font-weight:700;padding:.2rem .5rem}.vs-card-play-btn{align-items:center;background:#ea580ce6;border-radius:var(--radius-full);box-shadow:0 4px 14px #ea580c80;color:#fff;display:flex;font-size:1.4rem;height:52px;justify-content:center;left:50%;opacity:.9;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all var(--transition-fast);width:52px;z-index:2}.vs-card:hover .vs-card-play-btn{background:var(--brand-orange);opacity:1;transform:translate(-50%,-50%) scale(1.1)}.vs-card-media-bottom{bottom:.85rem;left:.85rem;position:absolute;right:.85rem;z-index:2}.vs-card-media-title{color:#fff;font-size:.95rem;font-weight:700;line-height:1.3;margin-bottom:.2rem;text-shadow:0 1px 3px #0009}.vs-card-media-caption{color:#e2e8f0;font-size:.8rem;line-height:1.35;text-shadow:0 1px 2px #0009}.vs-card-body{display:flex;flex:1 1;flex-direction:column;gap:.75rem;padding:1rem 1.15rem}.vs-card-source-row{color:var(--gray-500);font-size:.8rem}.vs-card-footer,.vs-card-source-row{align-items:center;display:flex;justify-content:space-between}.vs-card-footer{border-top:1px solid var(--gray-100);padding-top:.75rem}.vs-empty-state{background:var(--white);border:1px dashed var(--gray-300);border-radius:var(--radius-lg);padding:4rem 1.5rem;text-align:center}.vs-empty-icon{color:var(--gray-300);font-size:3rem;margin-bottom:1rem}.vs-empty-title{color:var(--gray-800);font-size:1.25rem;font-weight:700;margin-bottom:.4rem}.vs-empty-desc{color:var(--gray-500);font-size:.875rem;margin:0 auto 1.5rem;max-width:420px}.vs-modal-backdrop{align-items:center;animation:vs-modal-fade .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172aa6;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:1.25rem;position:fixed;z-index:9990}@keyframes vs-modal-fade{0%{opacity:0}to{opacity:1}}.vs-modal{animation:vs-modal-pop .25s cubic-bezier(.16,1,.3,1);background:var(--white);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #0f172a40;display:flex;flex-direction:column;max-height:90vh;max-width:880px;overflow:hidden;width:100%}@keyframes vs-modal-pop{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.vs-modal-header{align-items:center;background:var(--white);border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.vs-modal-title{align-items:center;color:var(--gray-900);display:flex;font-size:1.25rem;font-weight:800;gap:.5rem}.vs-modal-close-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--gray-400);cursor:pointer;display:flex;font-size:1.3rem;justify-content:center;padding:.35rem;transition:all var(--transition-fast)}.vs-modal-close-btn:hover{background:var(--gray-100);color:var(--gray-700)}.vs-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.vs-modal-columns{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1.2fr .8fr}@media (max-width:768px){.vs-modal-columns{grid-template-columns:1fr}}.vs-form-group{margin-bottom:1.2rem}.vs-form-label{color:var(--gray-700);display:block;font-size:.825rem;font-weight:700;margin-bottom:.4rem}.vs-form-label-required{color:#dc2626;margin-left:.2rem}.vs-input,.vs-select,.vs-textarea{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-800);font-family:inherit;font-size:.875rem;padding:.65rem .85rem;transition:all var(--transition-fast);width:100%}.vs-input:focus,.vs-select:focus,.vs-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1d4ed81f;outline:none}.vs-input-error{border-color:#dc2626!important}.vs-field-error{align-items:center;color:#dc2626;display:flex;font-size:.775rem;font-weight:500;gap:.3rem;margin-top:.35rem}.vs-field-hint{color:var(--gray-500);font-size:.75rem;line-height:1.4;margin-top:.35rem}.vs-preset-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}.vs-chip-btn{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--gray-600);cursor:pointer;font-size:.7rem;font-weight:700;padding:.25rem .55rem;transition:all var(--transition-fast)}.vs-chip-btn:hover{background:var(--gray-200);color:var(--gray-800)}.vs-chip-btn.active{background:var(--brand-orange-light);border-color:var(--brand-orange-border);color:var(--brand-orange-text)}.vs-source-tabs{grid-gap:.25rem;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-md);display:grid;gap:.25rem;grid-template-columns:1fr 1fr;margin-bottom:.75rem;padding:.25rem}.vs-source-tab{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:700;gap:.45rem;justify-content:center;padding:.5rem .75rem;transition:all var(--transition-fast)}.vs-source-tab:hover:not(:disabled){color:var(--gray-900)}.vs-source-tab.active{background:var(--white);box-shadow:var(--shadow-xs);color:var(--brand-orange)}.vs-source-tab:disabled{cursor:not-allowed;opacity:.55}.vs-video-dropzone{background:var(--gray-50);border:2px dashed var(--gray-300);border-radius:var(--radius-lg);cursor:pointer;padding:1.35rem 1rem;text-align:center;transition:all var(--transition-fast)}.vs-video-dropzone.drag-over,.vs-video-dropzone:hover{background:#fff7ed;border-color:var(--brand-orange)}.vs-video-dropzone--error{background:#fef2f2;border-color:#dc2626}.vs-video-dropzone--disabled{opacity:.6;pointer-events:none}.vs-video-dropzone-icon{color:var(--brand-orange);font-size:2rem;margin-bottom:.4rem}.vs-video-dropzone-title{color:var(--gray-800);font-size:.85rem;font-weight:700;margin-bottom:.2rem}.vs-video-dropzone-sub{color:var(--gray-500);font-size:.74rem;line-height:1.4}.vs-video-file-card{background:#f8fafc;border:1px solid var(--gray-200);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.65rem;padding:.85rem 1rem}.vs-video-file-card--new{background:#fffaf5;border-color:#fed7aa}.vs-video-file-card--existing{background:#f0fdf4;border-color:#a7f3d0}.vs-video-file-main{align-items:flex-start;display:flex;gap:.75rem}.vs-video-file-icon{align-items:center;background:var(--brand-orange-light);border-radius:var(--radius-md);color:var(--brand-orange);display:flex;flex-shrink:0;font-size:1.15rem;height:38px;justify-content:center;width:38px}.vs-video-file-card--existing .vs-video-file-icon{background:#d1fae5;color:#059669}.vs-video-file-info{flex:1 1;min-width:0}.vs-video-file-badge-row{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.2rem}.vs-video-file-state-pill{background:#ffedd5;border-radius:var(--radius-full);color:#c2410c;font-size:.65rem;font-weight:800;letter-spacing:.04em;padding:.1rem .45rem;text-transform:uppercase}.vs-video-file-card--existing .vs-video-file-state-pill{background:#d1fae5;color:#047857}.vs-video-file-format-pill{background:var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-700);font-size:.65rem;font-weight:700;padding:.1rem .4rem;text-transform:uppercase}.vs-video-file-name{color:var(--gray-900);font-size:.84rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs-video-file-meta{color:var(--gray-500);font-size:.74rem;margin-top:.1rem}.vs-video-file-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.vs-file-action-btn{align-items:center;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-sm);color:var(--gray-700);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.35rem;padding:.35rem .7rem;transition:all var(--transition-fast)}.vs-file-action-btn:hover:not(:disabled){background:var(--gray-100);border-color:var(--gray-400);color:var(--gray-900)}.vs-file-action-btn--danger{background:#fff;border-color:#fecaca;color:#dc2626}.vs-file-action-btn--danger:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.vs-file-action-btn:disabled{cursor:not-allowed;opacity:.5}.vs-upload-progress-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-lg);margin-top:.75rem;padding:.85rem 1rem}.vs-upload-progress-header{align-items:center;color:#1e40af;display:flex;font-size:.78rem;font-weight:700;gap:.5rem;justify-content:space-between;margin-bottom:.45rem}.vs-upload-progress-status{align-items:center;display:inline-flex;gap:.4rem}.vs-upload-progress-bytes{color:#3b82f6;font-size:.72rem;font-weight:600}.vs-upload-progress-track{background:#dbeafe;border-radius:var(--radius-full);height:8px;overflow:hidden;width:100%}.vs-upload-progress-fill{background:linear-gradient(90deg,#2563eb,#ea580c);border-radius:var(--radius-full);height:100%;transition:width .2s ease}.vs-upload-progress-footer{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-top:.55rem}.vs-upload-progress-hint{color:#1e3a8a;font-size:.71rem}.vs-cancel-upload-btn{align-items:center;background:#fff;border:1px solid #fca5a5;border-radius:var(--radius-sm);color:#dc2626;cursor:pointer;display:inline-flex;font-size:.73rem;font-weight:700;gap:.3rem;padding:.28rem .65rem;transition:all var(--transition-fast)}.vs-cancel-upload-btn:hover{background:#fef2f2;border-color:#ef4444}.vs-thumb-tabs{background:var(--gray-100);border-radius:var(--radius-md);display:flex;gap:.2rem;margin-bottom:.75rem;padding:.2rem}.vs-thumb-tab{background:none;border:none;border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;flex:1 1;font-size:.75rem;font-weight:600;padding:.35rem .5rem;transition:all var(--transition-fast)}.vs-thumb-tab.active{background:var(--white);box-shadow:var(--shadow-xs);color:var(--primary)}.vs-upload-dropzone{background:var(--gray-50);border:2px dashed var(--gray-300);border-radius:var(--radius-lg);cursor:pointer;padding:1.25rem;text-align:center;transition:all var(--transition-fast)}.vs-upload-dropzone.drag-over,.vs-upload-dropzone:hover{background:var(--primary-subtle);border-color:var(--primary)}.vs-upload-dropzone-icon{color:var(--primary);font-size:1.8rem;margin-bottom:.35rem}.vs-upload-dropzone-text{color:var(--gray-600);font-size:.8rem}.vs-upload-dropzone-sub{color:var(--gray-400);font-size:.7rem;margin-top:.2rem}.vs-preview-panel{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:1rem;text-align:center}.vs-preview-panel-title{align-items:center;color:var(--gray-700);display:flex;font-size:.825rem;font-weight:700;gap:.4rem;margin-bottom:.75rem}.vs-shorts-mockup{background:#000;border:4px solid #1e293b;border-radius:28px;box-shadow:0 10px 25px -5px #0f172a4d;display:flex;flex-direction:column;height:360px;overflow:hidden;position:relative;width:220px}.vs-mockup-screen{background:#0f172a;height:100%;overflow:hidden;position:relative;width:100%}.vs-mockup-embed{border:none;height:100%;width:100%}.vs-mockup-img,.vs-mockup-video{background:#000;display:block;height:100%;object-fit:cover;width:100%}.vs-mockup-overlay{background:linear-gradient(0deg,#000000d9,#0000);bottom:0;color:#fff;left:0;padding:1rem .75rem .75rem;pointer-events:none;position:absolute;right:0;text-align:left}.vs-mockup-overlay--above-controls{background:linear-gradient(0deg,#000000c7,#00000052 70%,#0000);bottom:44px;padding:.75rem .75rem .5rem}.vs-mockup-badge{background:var(--brand-orange);border-radius:4px;color:#fff;display:inline-block;font-size:.6rem;font-weight:800;margin-bottom:.25rem;padding:.1rem .4rem}.vs-mockup-title{font-size:.8rem;font-weight:700;line-height:1.25;margin-bottom:.15rem;max-height:2.5em;overflow:hidden}.vs-mockup-caption{color:#cbd5e1;font-size:.7rem;line-height:1.2}.vs-mockup-placeholder{color:#64748b;flex-direction:column;height:100%;padding:1.5rem}.vs-mockup-placeholder,.vs-preview-controls-bar{align-items:center;display:flex;gap:.5rem;justify-content:center}.vs-preview-controls-bar{flex-wrap:wrap;margin-top:.65rem}.vs-preview-toggle-btn{align-items:center;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-full);color:var(--gray-700);cursor:pointer;display:inline-flex;font-size:.72rem;font-weight:600;gap:.3rem;padding:.28rem .6rem;transition:all var(--transition-fast)}.vs-preview-toggle-btn:hover{border-color:var(--primary);color:var(--primary)}.vs-player-error-state{align-items:center;background:#0f172a;color:#cbd5e1;display:flex;flex-direction:column;gap:.6rem;height:100%;justify-content:center;padding:1.5rem;text-align:center;width:100%}.vs-modal-footer{align-items:center;background:var(--gray-50);border-top:1px solid var(--gray-200);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.btn-secondary{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;font-size:.875rem;font-weight:600;padding:.6rem 1.15rem;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--gray-100);color:var(--gray-900)}.vs-delete-modal{max-width:480px}.vs-delete-warning-box{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);display:flex;gap:1rem;margin-bottom:1.25rem;padding:1.25rem}.vs-delete-warning-icon{color:#dc2626;flex-shrink:0;font-size:1.75rem}.btn-danger-red{align-items:center;background:#dc2626;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.4rem;padding:.6rem 1.2rem;transition:background var(--transition-fast)}.btn-danger-red:hover{background:#b91c1c}.vs-player-modal{background:#0f172a;color:#fff;max-width:720px}.vs-player-modal .vs-modal-header{background:#0f172a;border-bottom:1px solid #1e293b}.vs-player-modal .vs-modal-title{color:#fff}.vs-player-modal .vs-modal-close-btn{color:#94a3b8}.vs-player-modal .vs-modal-close-btn:hover{background:#1e293b;color:#fff}.vs-player-container{aspect-ratio:9/16;background:#000;border-radius:var(--radius-lg);margin:0 auto;max-height:65vh;overflow:hidden;position:relative;width:100%}.vs-player-iframe{border:none;height:100%;width:100%}.vs-player-info{padding:1rem 0 .5rem}.vs-player-info-title{font-size:1.15rem;font-weight:700;margin-bottom:.35rem}.vs-player-info-desc{color:#94a3b8;font-size:.85rem;line-height:1.5}@media (max-width:900px){.vs-header{align-items:stretch;flex-direction:column}.vs-table-wrapper{overflow-x:auto}.vs-table{min-width:800px}}.sl-page{margin:0 auto;max-width:1400px;padding-bottom:3rem;position:relative}.sl-toast{align-items:center;animation:sl-toast-in .25s cubic-bezier(.16,1,.3,1);background:var(--white);border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #0f172a26,0 8px 10px -6px #0f172a1a;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;line-height:1.4;max-width:440px;padding:.85rem 1.25rem;position:fixed;right:1.5rem;top:1.5rem;z-index:9999}@keyframes sl-toast-in{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sl-toast--success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.sl-toast--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.sl-toast-icon{flex-shrink:0;font-size:1.25rem}.sl-toast--success .sl-toast-icon{color:#059669}.sl-toast--error .sl-toast-icon{color:#dc2626}.sl-toast-message{flex:1 1}.sl-toast-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:flex;font-size:1.1rem;opacity:.6;padding:.2rem;transition:opacity var(--transition-fast)}.sl-toast-close:hover{opacity:1}.sl-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:space-between;margin-bottom:1.5rem}.sl-header-left{max-width:700px}.sl-page-title{align-items:center;color:var(--gray-900);display:flex;font-size:1.75rem;font-weight:800;gap:.65rem;letter-spacing:-.02em;margin-bottom:.35rem}.sl-page-title-icon{color:var(--brand-orange);font-size:1.6rem}.sl-page-subtitle{color:var(--gray-500);font-size:.925rem;line-height:1.5}.sl-header-actions{align-items:center;display:flex;gap:.75rem}.sl-metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem}.sl-metric-card{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);display:flex;gap:1rem;padding:1rem 1.25rem;transition:border-color var(--transition-fast),transform var(--transition-fast)}.sl-metric-card:hover{border-color:var(--gray-300);transform:translateY(-2px)}.sl-metric-icon-box{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.25rem;height:44px;justify-content:center;width:44px}.sl-metric-icon-box--blue{background:var(--primary-subtle);color:var(--primary)}.sl-metric-icon-box--green{background:#ecfdf5;color:#059669}.sl-metric-icon-box--amber{background:#fffbeb;color:#d97706}.sl-metric-icon-box--orange{background:var(--brand-orange-light);color:var(--brand-orange)}.sl-metric-content{display:flex;flex-direction:column}.sl-metric-label{color:var(--gray-500);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.sl-metric-value{color:var(--gray-900);font-size:1.45rem;font-weight:800;line-height:1.2}.sl-toolbar{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:.85rem 1.15rem}.sl-toolbar,.sl-toolbar-left{align-items:center;display:flex;flex-wrap:wrap}.sl-toolbar-left{flex:1 1;gap:.85rem;min-width:300px}.sl-search-wrap{flex:1 1;max-width:360px;min-width:200px;position:relative}.sl-search-icon{color:var(--gray-400);font-size:1rem;left:.85rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.sl-search-input{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-800);font-size:.875rem;padding:.55rem 2rem .55rem 2.35rem;transition:all var(--transition-fast);width:100%}.sl-search-input:focus{background:var(--white);border-color:var(--primary);box-shadow:0 0 0 3px #1d4ed81f;outline:none}.sl-search-clear{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--gray-400);cursor:pointer;display:flex;font-size:.85rem;justify-content:center;padding:.2rem;position:absolute;right:.65rem;top:50%;transform:translateY(-50%)}.sl-search-clear:hover{color:var(--gray-600)}.sl-select-filter{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;font-size:.85rem;font-weight:600;padding:.52rem .85rem;transition:all var(--transition-fast)}.sl-select-filter:focus{background:var(--white);border-color:var(--primary);outline:none}.sl-status-pills{background:var(--gray-100);border-radius:var(--radius-md);display:inline-flex;gap:.2rem;padding:.25rem}.sl-status-pill{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.4rem .75rem;transition:all var(--transition-fast)}.sl-status-pill:hover{color:var(--gray-900)}.sl-status-pill.active{background:var(--white);box-shadow:var(--shadow-xs);color:var(--primary-dark)}.sl-status-count{background:var(--gray-200);border-radius:var(--radius-full);color:var(--gray-700);font-size:.7rem;padding:.1rem .4rem}.sl-status-pill.active .sl-status-count{background:var(--primary-subtle);color:var(--primary)}.sl-toolbar-right{align-items:center;display:flex;gap:.75rem}.sl-view-toggle{background:var(--gray-100);border-radius:var(--radius-md);display:inline-flex;gap:.2rem;padding:.25rem}.sl-view-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.35rem;padding:.4rem .65rem;transition:all var(--transition-fast)}.sl-view-btn.active{background:var(--white);box-shadow:var(--shadow-xs);color:var(--primary)}.sl-type-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.725rem;font-weight:700;gap:.35rem;letter-spacing:.03em;padding:.22rem .65rem;text-transform:uppercase}.sl-type-badge--store{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.sl-type-badge--warehouse{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}.sl-type-badge--store-warehouse{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.sl-table-wrapper{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.sl-table{border-collapse:collapse;text-align:left;width:100%}.sl-table th{background:var(--gray-50);border-bottom:1px solid var(--gray-200);color:var(--gray-600);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.85rem 1.15rem;text-transform:uppercase}.sl-table td{border-bottom:1px solid var(--gray-100);font-size:.875rem;padding:1rem 1.15rem;vertical-align:middle}.sl-table tr:last-child td{border-bottom:none}.sl-table tr:hover td{background:#f8fafc}.sl-col-name{min-width:220px}.sl-name-title{align-items:center;color:var(--gray-900);display:flex;font-size:.95rem;font-weight:700;gap:.45rem;line-height:1.3}.sl-name-city{color:var(--gray-500);font-size:.8rem;margin-top:.2rem}.sl-col-type{width:160px}.sl-col-address{min-width:240px}.sl-address-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--gray-700);display:-webkit-box;font-size:.825rem;line-height:1.4;margin-bottom:.3rem;overflow:hidden}.sl-copy-btn{align-items:center;background:none;border:none;color:var(--primary);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.3rem;padding:0;transition:color var(--transition-fast)}.sl-copy-btn:hover{color:var(--primary-dark);text-decoration:underline}.sl-col-contact{font-size:.8rem;min-width:170px}.sl-contact-phone{color:var(--gray-800);font-weight:600;margin-bottom:.25rem}.sl-contact-hours,.sl-contact-phone{align-items:center;display:flex;gap:.4rem}.sl-contact-hours{color:var(--gray-500);font-size:.775rem}.sl-col-map{width:130px}.sl-map-link-btn{align-items:center;background:var(--primary-subtle);border:1px solid #bfdbfe;border-radius:var(--radius-md);color:var(--primary);cursor:pointer;display:inline-flex;font-size:.775rem;font-weight:600;gap:.4rem;padding:.3rem .65rem;text-decoration:none;transition:all var(--transition-fast)}.sl-map-link-btn:hover{background:#dbeafe;color:var(--primary-dark)}.sl-col-order{width:130px}.sl-order-control{align-items:center;display:inline-flex;gap:.35rem}.sl-order-badge{background:var(--gray-100);border-radius:var(--radius-sm);color:var(--gray-800);font-weight:700;height:30px;min-width:34px;padding:0 .35rem}.sl-order-badge,.sl-order-btn{align-items:center;border:1px solid var(--gray-200);display:inline-flex;font-size:.85rem;justify-content:center}.sl-order-btn{background:var(--white);border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;height:28px;transition:all var(--transition-fast);width:28px}.sl-order-btn:hover:not(:disabled){background:var(--gray-100);border-color:var(--gray-300);color:var(--gray-900)}.sl-order-btn:disabled{cursor:not-allowed;opacity:.35}.sl-col-status{width:130px}.sl-status-switch-wrap{align-items:center;display:flex;gap:.6rem}.sl-switch-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:1.75rem;padding:0}.sl-status-badge{border-radius:var(--radius-full);font-size:.75rem;font-weight:600;padding:.2rem .55rem}.sl-status-badge--active{background:#ecfdf5;color:#047857}.sl-status-badge--inactive{background:var(--gray-100);color:var(--gray-500)}.sl-col-actions{text-align:right;width:120px}.sl-actions-group{gap:.35rem}.sl-action-btn,.sl-actions-group{align-items:center;display:inline-flex}.sl-action-btn{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;font-size:.9rem;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.sl-action-btn:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.sl-action-btn--map:hover{background:var(--primary-subtle);border-color:var(--primary-light);color:var(--primary)}.sl-action-btn--edit:hover{background:var(--brand-orange-light);border-color:var(--brand-orange-border);color:var(--brand-orange)}.sl-action-btn--delete:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.sl-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.sl-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.sl-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.sl-card-header{align-items:flex-start;border-bottom:1px solid var(--gray-100);display:flex;gap:.75rem;justify-content:space-between;padding:1.15rem 1.25rem .85rem}.sl-card-order-tag{background:var(--gray-100);border-radius:var(--radius-sm);color:var(--gray-600);font-size:.75rem;font-weight:700;padding:.2rem .5rem}.sl-card-title{color:var(--gray-900);font-size:1.05rem;font-weight:700;line-height:1.3;margin-bottom:.25rem}.sl-card-city{align-items:center;color:var(--gray-500);display:flex;font-size:.8rem;gap:.35rem}.sl-card-body{display:flex;flex:1 1;flex-direction:column;gap:.75rem;padding:1.15rem 1.25rem}.sl-card-info-item{align-items:flex-start;color:var(--gray-700);display:flex;font-size:.825rem;gap:.6rem;line-height:1.4}.sl-card-info-icon{color:var(--primary);flex-shrink:0;font-size:1rem;margin-top:.15rem}.sl-card-map-embed{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-md);height:140px;overflow:hidden;position:relative;width:100%}.sl-card-map-iframe{border:none;height:100%;pointer-events:none;width:100%}.sl-card-footer{align-items:center;background:var(--gray-50);border-top:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:.85rem 1.25rem}.sl-modal-backdrop{align-items:center;animation:sl-modal-fade .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172aa6;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:1.25rem;position:fixed;z-index:9990}@keyframes sl-modal-fade{0%{opacity:0}to{opacity:1}}.sl-modal{animation:sl-modal-pop .25s cubic-bezier(.16,1,.3,1);background:var(--white);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #0f172a40;display:flex;flex-direction:column;max-height:90vh;max-width:860px;overflow:hidden;width:100%}@keyframes sl-modal-pop{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.sl-modal-header{align-items:center;background:var(--white);border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.sl-modal-title{align-items:center;color:var(--gray-900);display:flex;font-size:1.25rem;font-weight:800;gap:.5rem}.sl-modal-close-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--gray-400);cursor:pointer;display:flex;font-size:1.3rem;justify-content:center;padding:.35rem;transition:all var(--transition-fast)}.sl-modal-close-btn:hover{background:var(--gray-100);color:var(--gray-700)}.sl-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.sl-modal-grid-2{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.sl-modal-grid-2{grid-template-columns:1fr}}.sl-form-group{margin-bottom:1.2rem}.sl-form-label{color:var(--gray-700);display:block;font-size:.825rem;font-weight:700;margin-bottom:.4rem}.sl-form-label-required{color:#dc2626;margin-left:.2rem}.sl-input,.sl-select,.sl-textarea{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-800);font-family:inherit;font-size:.875rem;padding:.65rem .85rem;transition:all var(--transition-fast);width:100%}.sl-input:focus,.sl-select:focus,.sl-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1d4ed81f;outline:none}.sl-input-error{border-color:#dc2626!important}.sl-field-error{align-items:center;color:#dc2626;display:flex;font-size:.775rem;font-weight:500;gap:.3rem;margin-top:.35rem}.sl-field-hint{color:var(--gray-500);font-size:.75rem;line-height:1.4;margin-top:.35rem}.sl-timing-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}.sl-timing-chip{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--gray-600);cursor:pointer;font-size:.7rem;font-weight:600;padding:.25rem .55rem;transition:all var(--transition-fast)}.sl-timing-chip:hover{background:var(--gray-200);color:var(--gray-800)}.sl-timing-chip.active{background:var(--brand-orange-light);border-color:var(--brand-orange-border);color:var(--brand-orange-text)}.sl-modal-map-preview{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-lg);height:180px;margin-top:.75rem;overflow:hidden;position:relative}.sl-modal-map-iframe{border:none;height:100%;width:100%}.sl-modal-map-empty{align-items:center;color:var(--gray-400);display:flex;flex-direction:column;font-size:.825rem;gap:.4rem;height:100%;justify-content:center}.sl-modal-footer{align-items:center;background:var(--gray-50);border-top:1px solid var(--gray-200);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.sl-map-viewer-modal{max-width:800px}.sl-map-viewer-iframe{border:none;border:1px solid var(--gray-200);border-radius:var(--radius-lg);height:380px;width:100%}.sl-map-viewer-info{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}@media (max-width:900px){.sl-header{align-items:stretch;flex-direction:column}.sl-table-wrapper{overflow-x:auto}.sl-table{min-width:860px}}.banners-page{margin:0 auto;max-width:1400px;padding-bottom:3rem;position:relative}.banner-toast{animation:banner-toast-in .25s cubic-bezier(.16,1,.3,1)}@keyframes banner-toast-in{0%{opacity:0;transform:translateY(-14px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.banner-toast--info{background:#eff6ff;border:1.5px solid #bfdbfe;color:#1e40af}.banner-toast--info .banner-toast-icon{color:#2563eb}.banners-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:space-between;margin-bottom:1.5rem}.banners-header-left{display:flex;flex-direction:column;gap:.35rem}.banners-title-row{align-items:center;display:flex;gap:.75rem}.banners-page-title{color:var(--gray-900);font-size:1.75rem;font-weight:800;letter-spacing:-.025em;margin:0}.banners-count-badge{align-items:center;background:var(--brand-orange-light);border:1px solid var(--brand-orange-border);border-radius:var(--radius-full);color:var(--brand-orange-text);display:inline-flex;font-size:.8rem;font-weight:700;padding:.2rem .65rem}.banners-page-subtitle{color:var(--gray-600);font-size:.9375rem;margin:0}.banners-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.btn-save-order{background:#0f172a;border:1.5px solid #0f172a;box-shadow:0 2px 6px #0f172a33;color:var(--white)}.btn-save-order:hover:not(:disabled){background:#1e293b;border-color:#1e293b;transform:translateY(-1px)}.banners-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-bottom:1.5rem}.banner-stat-card{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);display:flex;gap:1rem;padding:1rem 1.25rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.banner-stat-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.banner-stat-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:1.35rem;height:44px;justify-content:center;width:44px}.banner-stat-icon--total{background:#eff6ff;color:var(--primary)}.banner-stat-icon--active{background:#ecfdf5;color:#059669}.banner-stat-icon--scheduled{background:#fef3c7;color:#d97706}.banner-stat-icon--inactive{background:#f1f5f9;color:var(--gray-500)}.banner-stat-info{display:flex;flex-direction:column}.banner-stat-label{color:var(--gray-500);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.banner-stat-value{color:var(--gray-900);font-size:1.5rem;font-weight:800;line-height:1.2}.banners-filter-bar{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.25rem}.banners-search-box{align-items:center;background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-full);display:flex;flex:1 1;gap:.65rem;max-width:480px;min-width:260px;padding:.5rem 1rem;transition:all var(--transition-fast)}.banners-search-box:focus-within{background:var(--white);border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.banners-search-icon{color:var(--gray-400);flex-shrink:0;font-size:1.1rem}.banners-search-input{background:#0000;border:none;color:var(--gray-900);font-family:inherit;font-size:.9rem;outline:none;width:100%}.banners-search-clear{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--gray-400);cursor:pointer;display:flex;padding:.2rem;transition:color var(--transition-fast)}.banners-search-clear:hover{color:var(--gray-700)}.banners-filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.banners-filter-select{background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-full);color:var(--gray-800);cursor:pointer;font-size:.875rem;font-weight:600;outline:none;padding:.5rem 1rem;transition:border-color var(--transition-fast)}.banners-filter-select:focus{border-color:var(--primary)}.reorder-hint{align-items:center;color:var(--gray-500);display:inline-flex;font-size:.8125rem;font-weight:500;gap:.4rem}.banners-table-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden}.banners-table-wrapper{overflow-x:auto;width:100%}.banners-table{border-collapse:collapse;font-size:.875rem;text-align:left;width:100%}.banners-table th{background:var(--gray-50);border-bottom:1.5px solid var(--gray-200);color:var(--gray-600);font-size:.75rem;font-weight:800;letter-spacing:.05em;padding:.875rem 1rem;text-transform:uppercase;white-space:nowrap}.banners-table td{border-bottom:1px solid var(--gray-100);color:#2d3748;color:var(--gray-750,#2d3748);padding:1rem;vertical-align:middle}.banners-table tbody tr{transition:background-color var(--transition-fast)}.banners-table tbody tr:hover{background:#f8fafc}.banners-table tbody tr.is-dragged{background:var(--primary-subtle);opacity:.4}.banners-table tbody tr.is-drag-over{background:#f0f7ff;border-top:2px dashed var(--primary)}.order-cell-content{gap:.5rem}.drag-grip,.order-cell-content{align-items:center;display:flex}.drag-grip{border-radius:var(--radius-sm);color:var(--gray-400);cursor:grab;font-size:1.15rem;padding:.25rem;transition:color var(--transition-fast),background var(--transition-fast)}.drag-grip:hover{background:var(--gray-100);color:var(--gray-700)}.drag-grip:active{cursor:grabbing}.order-badge-pill{font-feature-settings:"tnum";align-items:center;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-800);display:inline-flex;font-size:.8125rem;font-variant-numeric:tabular-nums;font-weight:800;height:28px;justify-content:center;min-width:28px;padding:0 .35rem}.order-arrows{display:flex;flex-direction:column;gap:2px}.order-arrow-btn{align-items:center;background:none;border:none;border-radius:2px;color:var(--gray-400);cursor:pointer;display:flex;font-size:.75rem;padding:1px;transition:color var(--transition-fast),background var(--transition-fast)}.order-arrow-btn:hover:not(:disabled){background:var(--primary-subtle);color:var(--primary)}.order-arrow-btn:disabled{cursor:not-allowed;opacity:.3}.banner-thumbs-wrapper{align-items:center;display:flex;gap:.5rem;position:relative}.banner-desktop-thumb{background:#0f172a;border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:0 1px 3px #00000014;cursor:pointer;height:48px;object-fit:contain;transition:transform var(--transition-fast),box-shadow var(--transition-fast);width:130px}.banner-desktop-thumb--cover{object-fit:cover}.banner-desktop-thumb:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.banner-mobile-indicator{align-items:center;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;display:flex;font-size:.85rem;height:28px;justify-content:center;position:relative;transition:all var(--transition-fast);width:28px}.banner-mobile-indicator:hover{background:var(--primary-subtle);border-color:var(--primary-light);color:var(--primary)}.thumb-fallback{align-items:center;background:var(--gray-100);border:1px dashed var(--gray-300);border-radius:var(--radius-md);color:var(--gray-400);display:flex;font-size:1.25rem;height:48px;justify-content:center;width:130px}.banner-info-cell{max-width:280px}.banner-title-text{color:var(--gray-900);font-size:.9375rem;font-weight:700;line-height:1.3;margin-bottom:.2rem}.banner-subtitle-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--gray-500);display:-webkit-box;font-size:.8125rem;line-height:1.35;overflow:hidden}.banner-alt-tag{background:var(--gray-100);border-radius:var(--radius-sm);color:var(--gray-400);display:inline-block;font-size:.72rem;margin-top:.25rem;max-width:240px;overflow:hidden;padding:.1rem .4rem;text-overflow:ellipsis;white-space:nowrap}.banner-cta-cell{display:flex;flex-direction:column;gap:.25rem;max-width:200px}.banner-cta-pill{background:var(--brand-orange-light);border:1px solid var(--brand-orange-border);border-radius:var(--radius-full);color:var(--brand-orange-text);font-size:.785rem;font-weight:700;gap:.35rem;padding:.25rem .65rem;width:-webkit-fit-content;width:fit-content}.banner-cta-link,.banner-cta-pill{align-items:center;display:inline-flex}.banner-cta-link{color:var(--primary);font-family:ui-monospace,SFMono-Regular,monospace;font-size:.75rem;gap:.25rem;text-decoration:none;word-break:break-all}.banner-cta-link:hover{text-decoration:underline}.banner-no-cta{color:var(--gray-400);font-size:.8125rem;font-style:italic}.banner-schedule-cell{display:flex;flex-direction:column;gap:.25rem;min-width:150px}.schedule-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:700;gap:.35rem;padding:.2rem .6rem;width:-webkit-fit-content;width:fit-content}.schedule-badge--always{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.schedule-badge--live{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.schedule-badge--scheduled{background:#fef3c7;border:1px solid #fde68a;color:#b45309}.schedule-badge--expired{background:#f1f5f9;border:1px solid #cbd5e1;color:#64748b}.schedule-dates-text{color:var(--gray-500);font-size:.75rem;line-height:1.3}.status-toggle-wrapper{align-items:center;display:inline-flex;gap:.5rem}.status-toggle-btn{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;font-size:1.75rem;line-height:1;padding:0;transition:transform var(--transition-fast)}.status-toggle-btn:hover:not(:disabled){transform:scale(1.08)}.status-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.status-toggle-btn--active{color:#059669}.status-toggle-btn--inactive{color:var(--gray-400)}.status-label-badge{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.status-label-badge--active{color:#059669}.status-label-badge--inactive{color:var(--gray-500)}.table-actions{gap:.4rem}.action-btn,.table-actions{align-items:center;display:flex}.action-btn{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;font-size:.95rem;height:34px;justify-content:center;text-decoration:none;transition:all var(--transition-fast);width:34px}.action-btn:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.action-btn--edit:hover{background:var(--primary-subtle);border-color:var(--primary-light);color:var(--primary)}.action-btn--delete:hover{background:var(--danger-subtle);border-color:#fca5a5;color:var(--danger)}.action-btn--preview:hover{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.banners-empty-card{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:4rem 2rem;text-align:center}.empty-icon-wrap{align-items:center;background:var(--brand-orange-light);border-radius:var(--radius-full);color:var(--brand-orange);display:flex;font-size:2.25rem;height:72px;justify-content:center;width:72px}.empty-title{color:var(--gray-900);font-size:1.25rem;font-weight:800;margin:0}.empty-desc{color:var(--gray-500);font-size:.9375rem;margin:0;max-width:420px}.banners-loading-state{align-items:center;color:var(--gray-500);display:flex;flex-direction:column;font-weight:600;gap:1rem;justify-content:center;padding:5rem 2rem}.spin{animation:banner-spin 1s linear infinite}@keyframes banner-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-overlay{animation:modal-fade-in .2s ease-out;background:#0f172a8c;inset:0;padding:1.5rem;z-index:9999}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.delete-modal-card{animation:modal-pop-in .25s cubic-bezier(.16,1,.3,1);background:var(--white);border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;max-width:480px;overflow:hidden;width:100%}@keyframes modal-pop-in{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.delete-modal-header{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.delete-modal-title{align-items:center;color:var(--danger);display:flex;font-size:1.15rem;gap:.65rem;margin:0}.modal-close-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--gray-400);cursor:pointer;display:flex;font-size:1.25rem;padding:.25rem;transition:color var(--transition-fast)}.modal-close-btn:hover{color:var(--gray-700)}.delete-modal-body{padding:1.5rem}.delete-warning-text{color:var(--gray-700);font-size:.9375rem;line-height:1.5;margin-bottom:1.25rem}.delete-banner-preview-box{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);display:flex;gap:1rem;padding:.85rem}.delete-thumb{border:1px solid var(--gray-200);border-radius:var(--radius-md);height:45px;object-fit:cover;width:90px}.delete-banner-name{color:var(--gray-900);font-size:.9rem;font-weight:700}.delete-modal-footer{align-items:center;background:var(--gray-50);border-top:1px solid var(--gray-100);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.preview-modal-card{background:var(--white);border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000059;display:flex;flex-direction:column;max-height:90vh;max-width:960px;overflow:hidden;width:100%}.preview-modal-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1rem 1.5rem}.preview-tabs{background:var(--gray-100);border-radius:var(--radius-full);display:flex;gap:.5rem;padding:.25rem}.preview-tab-btn{background:none;border:none;border-radius:var(--radius-full);color:var(--gray-600);cursor:pointer;font-size:.8125rem;font-weight:700;padding:.4rem 1rem;transition:all var(--transition-fast)}.preview-tab-btn.active{background:var(--white);box-shadow:var(--shadow-xs);color:var(--gray-900)}.preview-modal-subheader{align-items:center;background:#131d33;border-bottom:1px solid #1e293b;color:#cbd5e1;display:flex;flex-wrap:wrap;font-size:.785rem;gap:1rem;justify-content:space-between;padding:.65rem 1.5rem}.preview-modal-meta-text strong{color:#f8fafc}.preview-modal-overlay-btn{align-items:center;background:#ffffff0f;border:1px solid #334155;border-radius:var(--radius-md);color:#cbd5e1;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.35rem;padding:.3rem .7rem;transition:all var(--transition-fast)}.preview-modal-overlay-btn:hover{background:#ffffff24;color:#fff}.preview-modal-overlay-btn.active{background:#ea580c2e;border-color:#ea580c99;color:#fed7aa}.preview-modal-body{align-items:center;background:#0f172a;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:1.5rem}.preview-modal-desktop-stage{background:#090f1d;border:1px solid #1e293b;border-radius:16px;box-shadow:0 20px 40px #00000080;display:flex;max-width:860px;overflow:hidden;position:relative;width:100%}.preview-modal-desktop-stage--contain{justify-content:center;min-height:200px;padding:0}.preview-modal-desktop-stage--cover{align-items:center;aspect-ratio:3/1;min-height:220px;padding:2rem 3rem}.preview-modal-contain-img{display:block;height:auto;max-height:460px;object-fit:contain;position:relative;width:100%;z-index:0}.preview-modal-cover-img{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:0}.preview-modal-fallback-bg{background:linear-gradient(135deg,#1e3a8a,#0f172a);inset:0;position:absolute;z-index:0}.preview-modal-desktop-overlay{background:linear-gradient(90deg,#0a1733d9,#0a173385 55%,#0a17331a);inset:0;pointer-events:none;position:absolute;z-index:1}.preview-modal-overlay-copy{color:#fff;position:relative;z-index:2}.preview-modal-overlay-copy--desktop{max-width:75%}.preview-modal-desktop-stage--contain .preview-modal-overlay-copy--desktop{left:2.25rem;position:absolute;top:50%;transform:translateY(-50%)}.preview-modal-kicker{border-radius:var(--radius-sm);display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.04em;margin-bottom:8px;padding:2px 8px}.preview-modal-cta,.preview-modal-kicker{background:var(--brand-orange);color:#fff}.preview-modal-cta{align-items:center;border-radius:999px;display:inline-flex;font-size:.9rem;font-weight:700;gap:6px;padding:8px 18px}.preview-modal-cta--sm{font-size:.8rem;padding:6px 14px}.preview-modal-mobile-shell{align-items:center;background:#0b1120;border:4px solid #334155;border-radius:32px;display:flex;flex-direction:column;gap:6px;padding:10px;width:300px}.preview-modal-mobile-notch{background:#334155;border-radius:999px;height:4px;width:60px}.preview-modal-mobile-stage{background:#090f1d;border-radius:22px;display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%}.preview-modal-mobile-stage--contain{min-height:240px;padding:0}.preview-modal-mobile-stage--cover{aspect-ratio:4/5;justify-content:flex-end;padding:1.25rem}.preview-modal-mobile-overlay{background:linear-gradient(180deg,#0a173326,#0a1733eb);inset:0;pointer-events:none;position:absolute;z-index:1}.preview-modal-mobile-stage--contain .preview-modal-overlay-copy--mobile{inset-inline:1rem;bottom:1rem;position:absolute}@media (max-width:768px){.banners-header{align-items:flex-start;flex-direction:column}.banners-header-actions{width:100%}.banners-header-actions .btn{flex:1 1}.banners-filter-bar{align-items:stretch;flex-direction:column}.banners-search-box{max-width:none}}.cropper-modal-overlay{align-items:center;animation:fadeInCropper .25s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172abf;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:1200}@keyframes fadeInCropper{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.cropper-modal-dialog{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #0f172a59;display:flex;flex-direction:column;max-height:92vh;max-width:980px;overflow:hidden;width:100%}.cropper-modal-header{align-items:center;background:var(--gray-50);border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.cropper-modal-title-group{align-items:center;display:flex;gap:var(--spacing-md)}.cropper-title-icon{align-items:center;background:var(--primary-subtle);border-radius:var(--radius-lg);color:var(--primary);display:flex;font-size:1.35rem;height:44px;justify-content:center;width:44px}.cropper-modal-title{color:var(--gray-900);font-size:1.25rem;font-weight:800;letter-spacing:-.02em;margin:0}.cropper-modal-subtitle{color:var(--gray-500);font-size:.8125rem;margin:.2rem 0 0}.cropper-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--gray-400);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.375rem;transition:all var(--transition-fast)}.cropper-close-btn:hover{background:var(--gray-200);color:var(--gray-800)}.cropper-modal-body{grid-gap:var(--spacing-xl);background:var(--gray-100);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 280px;overflow-y:auto;padding:var(--spacing-xl)}@media (max-width:860px){.cropper-modal-body{grid-template-columns:1fr}}.cropper-workspace-col{display:flex;flex-direction:column;gap:var(--spacing-md)}.cropper-viewport-card{background:#0a0f1d;border-radius:var(--radius-xl);box-shadow:inset 0 2px 10px #00000080;flex-direction:column;min-height:360px;padding:var(--spacing-lg);-webkit-user-select:none;user-select:none}.cropper-frame-box,.cropper-viewport-card{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative}.cropper-frame-box{border:2px dashed var(--brand-orange);border-radius:var(--radius-md);box-shadow:0 0 0 9999px #0a0f1dbf;width:100%}.cropper-grid-overlay{background-image:linear-gradient(90deg,#fff3 1px,#0000 0),linear-gradient(180deg,#fff3 1px,#0000 0);background-size:33.333% 33.333%;inset:0;pointer-events:none;position:absolute;z-index:10}.cropper-source-img{flex-shrink:0;max-height:none;max-width:none;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform}.cropper-source-img--fit-width{height:auto;width:100%}.cropper-source-img--fit-height{height:100%;width:auto}.cropper-loading-state{align-items:center;color:#cbd5e1;display:flex;flex-direction:column;font-size:.85rem;gap:.5rem;padding:2.5rem 1.5rem;text-align:center}.cropper-cors-banner{align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-lg);color:#92400e;display:flex;font-size:.8rem;gap:.6rem;line-height:1.45;padding:.75rem 1rem}.cropper-instruction-hint{align-items:center;background:#ffffff14;border-radius:var(--radius-full);color:var(--gray-400);display:flex;font-size:.75rem;gap:.375rem;margin-top:.75rem;padding:.3rem .75rem}.cropper-toolbar-bar{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;padding:.625rem 1rem}.cropper-toolbar-group{align-items:center;display:flex;gap:.5rem}.toolbar-group-label{color:var(--gray-600);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.toolbar-btn{align-items:center;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;gap:.375rem;padding:.375rem .625rem;transition:all var(--transition-fast)}.toolbar-btn:hover{background:var(--gray-100)}.toolbar-btn.active,.toolbar-btn:hover{border-color:var(--primary);color:var(--primary)}.toolbar-btn.active{background:var(--primary-subtle)}.cropper-zoom-slider{accent-color:var(--primary);cursor:pointer;width:100px}.zoom-val-text{color:var(--gray-700);font-size:.75rem;font-weight:700;width:38px}.cropper-aspect-bar{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-sm);padding:.625rem 1rem}.cropper-aspect-label{color:var(--gray-600);font-size:.75rem;font-weight:700;white-space:nowrap}.cropper-aspect-pills{display:flex;gap:.375rem;overflow-x:auto}.aspect-pill-btn{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;font-size:.75rem;font-weight:600;padding:.25rem .625rem;transition:all var(--transition-fast);white-space:nowrap}.aspect-pill-btn:hover{border-color:var(--primary);color:var(--primary)}.aspect-pill-btn.active{background:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-xs);color:var(--white)}.cropper-preview-col,.preview-panel-card{display:flex;flex-direction:column}.preview-panel-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);height:100%;padding:var(--spacing-lg)}.preview-panel-title{align-items:center;color:var(--gray-900);display:flex;font-size:.875rem;font-weight:800;gap:.375rem;letter-spacing:.04em;margin:0 0 var(--spacing-md) 0;text-transform:uppercase}.preview-card-viewport{align-items:center;background:#0f172a;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;justify-content:center;margin-bottom:var(--spacing-md);min-height:140px;overflow:hidden}.preview-result-img{height:100%;object-fit:contain;width:100%}.preview-placeholder{color:var(--gray-400);font-size:.8125rem}.preview-spec-list{border-top:1px solid var(--gray-200);display:flex;flex-direction:column;gap:.5rem;margin-top:auto;padding-top:var(--spacing-md)}.spec-row{color:var(--gray-600);display:flex;font-size:.75rem;justify-content:space-between}.spec-row span:last-child,.spec-row strong{color:var(--gray-800);font-weight:600}.cropper-modal-footer{background:var(--gray-50);border-top:1px solid var(--gray-200);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-xl)}.banner-form-page{margin:0 auto;max-width:1400px;padding-bottom:4rem;position:relative}.banner-toast{align-items:center;animation:banner-form-toast-in .25s cubic-bezier(.16,1,.3,1);background:var(--white);border-radius:var(--radius-xl);box-shadow:0 12px 30px -6px #0f172a2e,0 4px 12px #0f172a14;display:flex;font-size:.9rem;font-weight:600;gap:.75rem;line-height:1.4;max-width:440px;padding:.9rem 1.25rem;position:fixed;right:1.5rem;top:1.5rem;z-index:9999}@keyframes banner-form-toast-in{0%{opacity:0;transform:translateY(-14px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.banner-toast--success{background:#ecfdf5;border:1.5px solid #a7f3d0;color:#065f46}.banner-toast--error{background:#fef2f2;border:1.5px solid #fecaca;color:#991b1b}.banner-toast-icon{flex-shrink:0;font-size:1.25rem}.banner-toast--success .banner-toast-icon{color:#059669}.banner-toast--error .banner-toast-icon{color:#dc2626}.banner-toast-message{flex:1 1}.banner-toast-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:flex;font-size:1.1rem;opacity:.6;padding:.2rem;transition:opacity var(--transition-fast)}.banner-toast-close:hover{opacity:1}.banner-form-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:space-between;margin-bottom:1.75rem;padding-bottom:1.25rem}.banner-form-header-left{align-items:center;display:flex;gap:1rem}.back-link-btn{align-items:center;background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);color:var(--gray-700);display:inline-flex;flex-shrink:0;font-size:1.25rem;height:42px;justify-content:center;text-decoration:none;transition:all var(--transition-fast);width:42px}.back-link-btn:hover{background:var(--gray-100);border-color:var(--gray-300);color:var(--gray-900);transform:translateX(-2px)}.banner-form-title{color:var(--gray-900);font-size:1.625rem;font-weight:800;letter-spacing:-.02em;margin:0}.banner-form-subtitle{color:var(--gray-500);font-size:.875rem;margin:.2rem 0 0}.banner-form-actions-top{align-items:center;display:flex;gap:.75rem}.banner-form-grid{grid-gap:1.75rem;align-items:start;display:grid;gap:1.75rem;grid-template-columns:1.18fr .82fr}@media (max-width:1120px){.banner-form-grid{grid-template-columns:1fr}}.form-section-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;overflow:hidden}.form-section-header{align-items:center;background:var(--gray-50);border-bottom:1px solid var(--gray-200);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:1.15rem 1.5rem}.form-section-title{align-items:center;color:var(--gray-900);display:flex;font-size:1rem;font-weight:800;gap:.6rem;margin:0}.form-section-icon{color:var(--primary);font-size:1.15rem}.form-section-badge{color:var(--gray-500);font-size:.75rem;font-weight:600}.form-section-body{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.form-group-custom{display:flex;flex-direction:column;gap:.45rem}.form-label-custom{align-items:center;color:var(--gray-700);display:flex;flex-wrap:wrap;font-size:.8125rem;font-weight:700;gap:.5rem;justify-content:space-between}.form-label-custom code{color:var(--gray-500);font-size:.75rem;font-weight:600}.form-label-req{color:var(--danger);margin-left:.2rem}.form-label-hint{color:var(--gray-400);font-size:.75rem;font-weight:500}.form-input-custom,.form-select-custom,.form-textarea-custom{background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--gray-900);font-family:inherit;font-size:.9375rem;outline:none;padding:.6875rem .95rem;transition:all var(--transition-fast);width:100%}.form-input-custom:focus,.form-select-custom:focus,.form-textarea-custom:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.form-input-custom.is-invalid{background:snow;border-color:var(--danger)}.form-error-text{align-items:center;color:var(--danger);display:flex;font-size:.785rem;font-weight:600;gap:.35rem}.image-upload-wrapper{display:flex;flex-direction:column;gap:.75rem}.upload-header-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.upload-title-stack{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:240px}.upload-dimension-guide{color:var(--gray-500);font-size:.765rem;line-height:1.45}.upload-dimension-guide strong{color:var(--gray-700);font-weight:700}.url-input-stack{display:flex;flex-direction:column;gap:.35rem}.upload-helper-note{color:var(--gray-500);font-size:.75rem;line-height:1.4}.media-section-divider{background:var(--gray-200);height:1px;margin:.35rem 0}.image-mode-tabs{background:var(--gray-100);border-radius:var(--radius-lg);display:flex;flex-shrink:0;gap:.25rem;padding:.25rem;width:-webkit-fit-content;width:fit-content}.image-mode-tab{background:none;border:none;border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;font-size:.785rem;font-weight:700;padding:.35rem .85rem;transition:all var(--transition-fast)}.image-mode-tab.active{background:var(--white);box-shadow:var(--shadow-xs);color:var(--primary)}.dropzone-box{align-items:center;background:var(--gray-50);border:2px dashed var(--gray-300);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;gap:.55rem;padding:1.65rem 1.25rem;text-align:center;transition:all var(--transition-fast)}.dropzone-box--optional{background:#fcfdff}.dropzone-box.is-drag-over,.dropzone-box:hover{background:var(--primary-subtle);border-color:var(--primary)}.dropzone-icon{color:var(--primary);font-size:2.15rem}.dropzone-title{color:var(--gray-800);font-size:.925rem;font-weight:700;margin:0}.dropzone-title span{color:var(--primary);text-decoration:underline}.dropzone-specs{color:var(--gray-500);font-size:.765rem;line-height:1.45;margin:0;max-width:540px}.dropzone-specs strong{color:var(--gray-700);font-weight:700}.image-preview-card{background:#0b1221;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:0 4px 12px #0f172a1a;display:flex;flex-direction:column;overflow:hidden;width:100%}.image-preview-stage{align-items:center;background-color:#0f172a;background-image:linear-gradient(45deg,#ffffff08 25%,#0000 0),linear-gradient(-45deg,#ffffff08 25%,#0000 0),linear-gradient(45deg,#0000 75%,#ffffff08 0),linear-gradient(-45deg,#0000 75%,#ffffff08 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;display:flex;justify-content:center;max-height:280px;min-height:150px;padding:.75rem;width:100%}.image-preview-stage--mobile{max-height:300px}.image-preview-img{border-radius:var(--radius-sm);display:block;height:auto;max-height:256px;max-width:100%;object-fit:contain;width:auto}.image-preview-toolbar{align-items:center;background:#131d33;border-top:1px solid #ffffff14;color:var(--white);display:flex;flex-wrap:wrap;font-size:.8rem;gap:.65rem;justify-content:space-between;padding:.65rem 1rem}.image-preview-info{font-feature-settings:"tnum";align-items:center;color:#e2e8f0;display:flex;font-variant-numeric:tabular-nums;font-weight:600;gap:.45rem}.image-preview-sep{color:#64748b}.image-preview-state{color:#94a3b8;font-size:.76rem;font-weight:500}.image-preview-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.45rem}.image-action-btn{align-items:center;background:#ffffff1f;border:1px solid #ffffff38;border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.35rem;padding:.35rem .65rem;transition:all var(--transition-fast)}.image-action-btn:hover{background:#ffffff3d;border-color:#ffffff6b}.image-action-btn--restore{background:#0ea5e933;border-color:#38bdf873;color:#e0f2fe}.image-action-btn--restore:hover{background:#0ea5e959;border-color:#7dd3fca6}.image-remove-btn{align-items:center;background:#dc2626d9;border:1px solid #ef444466;border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.35rem;padding:.35rem .65rem;transition:background var(--transition-fast)}.image-remove-btn:hover{background:var(--danger)}.fit-controls-block{display:flex;flex-direction:column;gap:1.15rem}.fit-mode-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}@media (max-width:680px){.fit-mode-grid{grid-template-columns:1fr}}.fit-option-card{align-items:flex-start;background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:.7rem;padding:.9rem 1rem;transition:all var(--transition-fast)}.fit-option-card:hover{background:var(--gray-50);border-color:var(--primary-light)}.fit-option-card.active{background:var(--primary-subtle);border-color:var(--primary)}.fit-option-card input[type=radio]{accent-color:var(--primary);cursor:pointer;margin-top:.2rem}.fit-option-content{display:flex;flex-direction:column;gap:.2rem}.fit-option-title{color:var(--gray-900);font-size:.85rem;font-weight:700;margin:0}.fit-option-desc{color:var(--gray-500);font-size:.75rem;line-height:1.4;margin:0}.focal-point-selector{background:var(--gray-100);border-radius:var(--radius-lg);display:inline-flex;flex-wrap:wrap;gap:.35rem;padding:.3rem;width:-webkit-fit-content;width:fit-content}.focal-point-btn{background:#0000;border:none;border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;font-size:.8125rem;font-weight:600;padding:.45rem .95rem;transition:all var(--transition-fast)}.focal-point-btn:hover{color:var(--gray-900)}.focal-point-btn.active{background:var(--white);box-shadow:var(--shadow-xs);color:var(--primary);font-weight:700}.image-error-fallback{align-items:center;background:#0f172a;color:#cbd5e1;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:180px;padding:1.5rem;text-align:center;width:100%}.image-error-icon{color:#f59e0b;font-size:2.25rem}.image-error-text{color:#f1f5f9;font-size:.875rem;font-weight:700;margin:0}.image-error-subtext{color:#94a3b8;font-size:.75rem;margin:0;max-width:90%;word-break:break-all}.suggestion-pills{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.suggestion-pill{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;font-size:.75rem;font-weight:600;padding:.25rem .65rem;transition:all var(--transition-fast)}.suggestion-pill:hover{background:var(--primary-subtle);border-color:var(--primary-light);color:var(--primary)}.schedule-mode-toggle{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.schedule-option-card{align-items:flex-start;border:1.5px solid var(--gray-200);border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all var(--transition-fast)}.schedule-option-card:hover{background:var(--gray-50);border-color:var(--primary-light)}.schedule-option-card.active{background:var(--primary-subtle);border-color:var(--primary)}.schedule-option-card input[type=radio]{accent-color:var(--primary);margin-top:.2rem}.schedule-opt-title{color:var(--gray-900);font-size:.875rem;font-weight:700;margin:0}.schedule-opt-desc{color:var(--gray-500);font-size:.75rem;margin:.15rem 0 0}.schedule-dates-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:.5rem}@media (max-width:600px){.schedule-dates-grid,.schedule-mode-toggle{grid-template-columns:1fr}}.status-order-row{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}@media (max-width:600px){.status-order-row{grid-template-columns:1fr}}.status-switch-card{align-items:center;background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-xl);display:flex;justify-content:space-between;padding:1rem}.status-switch-text{display:flex;flex-direction:column}.status-switch-title{color:var(--gray-900);font-size:.875rem;font-weight:800}.status-switch-desc{color:var(--gray-500);font-size:.75rem}.preview-sticky-card{background:#0f172a;border:1px solid #1e293b;border-radius:var(--radius-2xl);box-shadow:0 20px 40px -10px #0006;color:var(--white);overflow:hidden;position:-webkit-sticky;position:sticky;top:1.5rem}.preview-card-header{align-items:center;background:#1e293b;border-bottom:1px solid #334155;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:.95rem 1.25rem}.preview-card-title{align-items:center;color:var(--white);display:flex;font-size:.875rem;font-weight:800;gap:.5rem;margin:0}.preview-device-tabs{background:#0f172a;border-radius:var(--radius-lg);display:flex;gap:.25rem;padding:.22rem}.preview-device-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:#94a3b8;cursor:pointer;display:flex;font-size:.75rem;font-weight:700;gap:.35rem;padding:.35rem .75rem;transition:all var(--transition-fast)}.preview-device-btn.active{background:var(--brand-orange);color:var(--white)}.preview-card-subheader{align-items:center;background:#131d33;border-bottom:1px solid #1e293b;display:flex;font-size:.75rem;gap:.75rem;justify-content:space-between;padding:.6rem 1.25rem}.preview-overlay-toggle-btn,.preview-source-caption{color:#cbd5e1;font-weight:600}.preview-overlay-toggle-btn{align-items:center;background:#ffffff0f;border:1px solid #334155;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.72rem;gap:.35rem;padding:.25rem .6rem;transition:all var(--transition-fast);white-space:nowrap}.preview-overlay-toggle-btn:hover{background:#ffffff24;color:#fff}.preview-overlay-toggle-btn.active{background:#ea580c2e;border-color:#ea580c99;color:#fed7aa}.preview-card-body{align-items:center;display:flex;flex-direction:column;gap:1.25rem;min-height:280px;padding:1.35rem}.live-banner-desktop-mock{background:#090f1d;border:1px solid #1e293b;border-radius:var(--radius-xl);box-shadow:0 10px 25px #00000059;display:flex;overflow:hidden;position:relative;width:100%}.live-banner-desktop-mock--contain{justify-content:center;min-height:170px;padding:0}.live-banner-desktop-mock--cover{align-items:center;aspect-ratio:3/1;min-height:185px;padding:1.5rem 1.75rem}.live-banner-contain-img{display:block;height:auto;max-height:360px;object-fit:contain;position:relative;width:100%;z-index:0}.live-banner-bg-img{display:block;object-fit:cover;object-position:center}.live-banner-bg-img,.live-banner-fallback-gradient{height:100%;inset:0;position:absolute;width:100%;z-index:0}.live-banner-fallback-gradient{background:linear-gradient(135deg,#1e3a8a,#0f172a)}.live-banner-overlay{background:linear-gradient(90deg,#0a1733d6,#0a17337a 55%,#0a173314);inset:0;pointer-events:none;position:absolute;z-index:1}.live-banner-content{color:var(--white);display:flex;flex-direction:column;gap:.45rem;max-width:78%;position:relative;z-index:2}.live-banner-desktop-mock--contain .live-banner-content--overlay{left:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.live-banner-badge{align-items:center;background:#ea580ceb;border-radius:var(--radius-sm);color:var(--white);display:inline-flex;font-size:.68rem;font-weight:700;gap:.35rem;letter-spacing:.03em;padding:.18rem .55rem;width:-webkit-fit-content;width:fit-content}.live-banner-title{color:#fff;font-size:1.25rem;font-weight:800;line-height:1.2;margin:0;text-shadow:0 2px 4px #00000080}.live-banner-subtitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#e2e8f0;display:-webkit-box;font-size:.82rem;line-height:1.35;margin:0;overflow:hidden;text-shadow:0 1px 3px #0006}.live-banner-cta-btn{align-items:center;background:var(--brand-orange);border-radius:var(--radius-full);box-shadow:0 4px 10px #ea580c66;color:var(--white);display:inline-flex;font-size:.8rem;font-weight:700;gap:.4rem;margin-top:.3rem;padding:.45rem 1.05rem;width:-webkit-fit-content;width:fit-content}.live-banner-mobile-frame{align-items:center;background:#0b1120;border:3px solid #334155;border-radius:28px;box-shadow:0 15px 30px #00000080;display:flex;flex-direction:column;gap:6px;padding:8px;width:276px}.live-banner-mobile-notch{background:#334155;border-radius:999px;height:4px;margin-top:2px;width:56px}.live-banner-mobile-mock{background:#090f1d;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%}.live-banner-mobile-mock--contain{min-height:220px;padding:0}.live-banner-mobile-mock--cover{aspect-ratio:4/5;justify-content:flex-end;padding:1rem}.live-banner-mobile-overlay{background:linear-gradient(180deg,#0a17331a,#0a1733e6);inset:0;pointer-events:none;position:absolute;z-index:1}.live-banner-mobile-mock .live-banner-content{max-width:100%}.live-banner-mobile-mock--contain .live-banner-content--mobile-overlay{inset-inline:.9rem;bottom:.9rem;position:absolute}.live-banner-mobile-mock .live-banner-title{font-size:1rem}.live-banner-mobile-mock .live-banner-subtitle{font-size:.74rem}.preview-footer-meta{font-feature-settings:"tnum";border-top:1px solid #1e293b;color:#94a3b8;display:flex;flex-direction:column;font-size:.785rem;font-variant-numeric:tabular-nums;gap:.45rem;padding-top:1rem;width:100%}.preview-meta-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.preview-meta-val{color:#f1f5f9;font-weight:700;text-align:right}.form-bottom-bar{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);bottom:0;box-shadow:0 -4px 16px #0f172a0f;display:flex;justify-content:space-between;margin-top:1.5rem;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;z-index:10}.team-page{margin:0 auto;max-width:1400px;padding:var(--spacing-xl)}.team-page .page-header{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl)}.team-page .page-header h1{align-items:center;color:var(--gray-900);display:flex;font-size:1.75rem;font-weight:800;gap:var(--spacing-sm);letter-spacing:-.025em}.team-page .page-header p{color:var(--gray-500);font-size:.9375rem;margin-top:.25rem}.team-header-actions{align-items:center;display:flex;gap:var(--spacing-md)}.realtime-indicator{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-full);color:#166534;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem}.realtime-indicator.offline{background:#fef2f2;border-color:#fecaca;color:#991b1b}.realtime-dot{animation:pulse 2s infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 0 2px #22c55e33;height:7px;width:7px}.realtime-indicator.offline .realtime-dot{animation:none;background:#ef4444;box-shadow:none}@keyframes pulse{0%{box-shadow:0 0 0 0 #22c55eb3;transform:scale(.95)}70%{box-shadow:0 0 0 6px #22c55e00;transform:scale(1)}to{box-shadow:0 0 0 0 #22c55e00;transform:scale(.95)}}.view-mode-toggle{background:var(--gray-200);border-radius:var(--radius-md);display:flex;gap:.25rem;padding:.25rem}.view-mode-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;padding:.4rem .6rem;transition:all var(--transition-fast)}.view-mode-btn.active{background:var(--white);box-shadow:var(--shadow-xs);color:var(--primary)}.btn-add-member{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--white);cursor:pointer;display:inline-flex;font-weight:600;gap:var(--spacing-xs);padding:.625rem 1.25rem;transition:all var(--transition-normal)}.btn-add-member:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.team-filter-bar{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.team-search-box{flex:1 1;min-width:280px;position:relative}.team-search-icon{color:var(--gray-400);font-size:1.1rem;left:.875rem;position:absolute;top:50%;transform:translateY(-50%)}.team-search-input{background:var(--gray-50);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.875rem;padding:.625rem 2.25rem .625rem 2.625rem;transition:all var(--transition-fast);width:100%}.team-search-input:focus{background:var(--white);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle);outline:none}.team-search-clear{align-items:center;background:none;border:none;border-radius:50%;color:var(--gray-400);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.team-search-clear:hover{background:var(--gray-200);color:var(--gray-700)}.team-filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.team-status-filters{background:var(--gray-100);border-radius:var(--radius-md);display:flex;gap:.375rem;padding:.25rem}.team-filter-pill{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;font-size:.8125rem;font-weight:600;padding:.375rem .875rem;transition:all var(--transition-fast)}.team-filter-pill.active{background:var(--white);box-shadow:var(--shadow-xs);color:var(--primary)}.team-per-page-selector{align-items:center;color:var(--gray-600);display:flex;font-size:.8125rem;font-weight:500;gap:.5rem}.team-limit-select{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;font-size:.8125rem;padding:.375rem .625rem}.team-content-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.team-table{border-collapse:collapse;text-align:left;width:100%}.team-table th{background:var(--gray-50);color:var(--gray-500);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.875rem 1.25rem;text-transform:uppercase}.team-table td,.team-table th{border-bottom:1px solid var(--gray-200)}.team-table td{color:var(--gray-800);font-size:.875rem;padding:1rem 1.25rem;vertical-align:middle}.team-table tr.row-inactive{background-color:var(--gray-50);opacity:.8}.team-table tr:last-child td{border-bottom:none}.team-member-cell{align-items:center;display:flex;gap:var(--spacing-md)}.team-photo-thumb-wrapper{background:var(--gray-100);border:2px solid var(--gray-200);border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;position:relative;width:48px}.team-photo-thumb{height:100%;object-fit:cover;width:100%}.team-photo-fallback{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:var(--white);display:flex;font-size:.9375rem;font-weight:700;height:100%;justify-content:center;width:100%}.team-member-info{display:flex;flex-direction:column}.team-member-name{align-items:center;color:var(--gray-900);display:flex;font-size:.9375rem;font-weight:700;gap:.5rem}.team-badge-pill{align-items:center;background:var(--primary-subtle);border:1px solid #bfdbfe;border-radius:var(--radius-full);color:var(--primary);display:inline-flex;font-size:.7rem;font-weight:600;padding:.125rem .5rem}.team-member-designation{color:var(--gray-600);font-size:.8125rem;font-weight:500}.team-exp-cell{font-weight:500}.team-exp-cell,.team-order-badge{color:var(--gray-700);font-size:.8125rem}.team-order-badge{font-feature-settings:"tnum";background:var(--gray-100);border-radius:var(--radius-md);display:inline-block;font-variant-numeric:tabular-nums;font-weight:700;padding:.25rem .625rem}.team-status-wrapper{align-items:center;display:flex;gap:.5rem}.team-toggle-btn{align-items:center;background:#0000;border:none;color:var(--gray-400);cursor:pointer;display:inline-flex;font-size:1.5rem;justify-content:center;padding:0;transition:color var(--transition-fast)}.team-toggle-btn.is-active{color:var(--secondary)}.team-toggle-btn:hover{opacity:.8}.team-toggle-spinner{animation:spin 1s linear infinite;color:var(--primary);font-size:1.1rem}@keyframes spin{to{transform:rotate(1turn)}}.badge-success{background:var(--secondary-subtle);color:var(--secondary)}.badge-inactive{background:var(--gray-200);color:var(--gray-600)}.team-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.team-card,.team-grid{padding:var(--spacing-lg)}.team-card{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;position:relative;text-align:center;transition:all var(--transition-normal)}.team-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.team-card.card-inactive{background:var(--gray-50);opacity:.75}.team-card-top-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);width:100%}.team-card-photo-wrapper{background:var(--gray-100);border:3px solid var(--white);border-radius:50%;box-shadow:var(--shadow-md);flex-shrink:0;height:88px;margin-bottom:var(--spacing-md);overflow:hidden;width:88px}.team-card-photo{height:100%;object-fit:cover;width:100%}.team-card-fallback{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:var(--white);display:flex;font-size:1.5rem;font-weight:800;height:100%;justify-content:center;width:100%}.team-card-name{color:var(--gray-900);font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.team-card-role{color:var(--brand-orange);font-size:.875rem;font-weight:600;margin-bottom:.375rem}.team-card-exp{align-items:center;color:var(--gray-500);display:flex;font-size:.8125rem;gap:.375rem;margin-bottom:.75rem}.team-card-bio{-webkit-line-clamp:3;-webkit-box-orient:vertical;background:var(--gray-50);border-radius:var(--radius-md);color:var(--gray-600);display:-webkit-box;font-size:.8125rem;line-height:1.5;margin-bottom:1rem;overflow:hidden;padding:.625rem .875rem;text-overflow:ellipsis;width:100%}.team-card-actions{align-items:center;border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-top:auto;padding-top:var(--spacing-md);width:100%}.action-buttons{gap:.375rem}.team-modal-backdrop{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.team-modal-dialog{animation:slideUp .25s cubic-bezier(.16,1,.3,1);background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:680px;overflow:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.team-modal-header{align-items:center;background:var(--gray-50);border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.team-modal-header-content{align-items:center;display:flex;gap:var(--spacing-md)}.team-modal-header-icon{align-items:center;background:var(--primary-subtle);border-radius:var(--radius-md);color:var(--primary);display:flex;font-size:1.25rem;height:42px;justify-content:center;width:42px}.team-modal-title{color:var(--gray-900);font-size:1.25rem;font-weight:800}.team-modal-subtitle{color:var(--gray-500);font-size:.8125rem}.team-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--gray-400);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.375rem}.team-modal-close:hover{background:var(--gray-200);color:var(--gray-700)}.team-modal-body{display:flex;flex-direction:column;gap:var(--spacing-lg);overflow-y:auto;padding:var(--spacing-xl)}.team-modal-alert{align-items:center;border-radius:var(--radius-md);display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-md)}.team-modal-alert--error{background:var(--danger-subtle);border:1px solid #fecaca;color:var(--danger)}.team-form-row{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}@media (max-width:640px){.team-form-row{grid-template-columns:1fr}}.team-form-group{display:flex;flex-direction:column;gap:.375rem}.team-form-label{color:var(--gray-800);font-size:.84375rem;font-weight:700}.team-required{color:var(--danger)}.team-form-input,.team-form-select,.team-form-textarea{border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-900);font-family:inherit;font-size:.875rem;padding:.625rem .875rem;transition:all var(--transition-fast);width:100%}.team-form-input:focus,.team-form-select:focus,.team-form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle);outline:none}.team-form-textarea{min-height:90px;resize:vertical}.team-form-hint{color:var(--gray-500);font-size:.75rem}.team-dropzone{background:var(--gray-50);border:2px dashed var(--gray-300);border-radius:var(--radius-lg);cursor:pointer;padding:var(--spacing-lg);text-align:center;transition:all var(--transition-fast)}.team-dropzone.is-drag-over,.team-dropzone:hover{background:var(--primary-subtle);border-color:var(--primary)}.team-dropzone-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs)}.team-dropzone-icon{color:var(--primary);font-size:2rem}.team-dropzone-title{color:var(--gray-800);font-size:.875rem;font-weight:600}.team-dropzone-desc{color:var(--gray-500);font-size:.75rem}.team-preview-wrapper{align-items:center;display:flex;gap:var(--spacing-md)}.team-preview-box{background:var(--gray-100);border:2px solid var(--primary);border-radius:50%;flex-shrink:0;height:72px;overflow:hidden;width:72px}.team-preview-img{height:100%;object-fit:cover;width:100%}.team-preview-info{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem}.team-preview-title{color:var(--gray-900);font-size:.875rem;font-weight:700}.team-preview-size{color:var(--gray-500);font-size:.75rem}.team-preview-actions{display:flex;gap:.5rem;margin-top:.25rem}.team-checkbox-label{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-md);padding:.625rem;-webkit-user-select:none;user-select:none}.team-checkbox-input{accent-color:var(--primary);cursor:pointer;height:18px;width:18px}.team-checkbox-text{color:var(--gray-800);font-size:.875rem;font-weight:600}.team-modal-footer{background:var(--gray-50);border-top:1px solid var(--gray-200);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-xl)}.team-toast{align-items:center;animation:toastIn .3s cubic-bezier(.16,1,.3,1);background:var(--gray-900);border-radius:var(--radius-lg);bottom:2rem;box-shadow:var(--shadow-xl);color:var(--white);display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.875rem 1.25rem;position:fixed;right:2rem;z-index:1100}.team-toast--success{border-left:4px solid var(--secondary)}.team-toast--error{border-left:4px solid var(--danger)}.team-toast-icon{font-size:1.25rem}.team-toast--success .team-toast-icon{color:var(--secondary)}.team-toast--error .team-toast-icon{color:var(--danger)}.team-toast-close{align-items:center;background:none;border:none;color:var(--gray-400);cursor:pointer;display:flex;font-size:1.1rem;margin-left:.5rem}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.delete-modal-body{align-items:center;display:flex;flex-direction:column;padding:var(--spacing-xl);text-align:center}.delete-icon-wrapper{align-items:center;background:var(--danger-subtle);border-radius:50%;color:var(--danger);display:flex;font-size:1.75rem;height:60px;justify-content:center;margin-bottom:var(--spacing-md);width:60px}.delete-modal-title{color:var(--gray-900);font-size:1.25rem;font-weight:800;margin-bottom:var(--spacing-xs)}.delete-modal-desc{color:var(--gray-600);font-size:.875rem;max-width:420px}.delete-modal-desc strong{color:var(--gray-900)}.empty-state,.loading-state{align-items:center;color:var(--gray-500);display:flex;flex-direction:column;justify-content:center;padding:3rem var(--spacing-xl);text-align:center}.loading-state .spinner{animation:spin 1s linear infinite;color:var(--primary);font-size:2.25rem}.empty-icon,.loading-state .spinner{margin-bottom:var(--spacing-md)}.empty-state h3{color:var(--gray-800);font-size:1.125rem;font-weight:700;margin-bottom:.375rem}.empty-state p{font-size:.875rem;margin-bottom:var(--spacing-lg);max-width:400px}.app{min-height:100vh}.btn{align-items:center;border:1.5px solid #0000;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;line-height:1.25;padding:.6875rem 1.375rem;text-decoration:none;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.55}.btn-primary{background:var(--brand-orange);border-color:var(--brand-orange);box-shadow:0 2px 6px #ea580c40;color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--brand-orange-hover);border-color:var(--brand-orange-hover);box-shadow:var(--shadow-orange);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--primary);border-color:var(--primary);box-shadow:0 2px 6px #1d4ed833;color:var(--white)}.btn-secondary:hover:not(:disabled){background:#1e40af;border-color:#1e40af;box-shadow:0 4px 12px #1d4ed847;transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-outline{background:var(--white);border:1.5px solid var(--primary);color:var(--primary);font-weight:600}.btn-outline:hover:not(:disabled){background:var(--primary-subtle);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.btn-ghost{background:#0000;border:1px solid var(--gray-300);color:var(--gray-700)}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--gray-900)}.btn-danger{background:var(--danger);border-color:var(--danger);box-shadow:0 2px 6px #dc262633;color:var(--white)}.btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c;box-shadow:0 4px 12px #dc262647;transform:translateY(-1px)}.btn-sm{font-size:.8125rem;padding:.4375rem .875rem}.btn-lg,.btn-sm{border-radius:var(--radius-full)}.btn-lg{font-size:1.0625rem;padding:.875rem 1.75rem}.form-group{margin-bottom:var(--spacing-lg)}.form-label{align-items:center;color:var(--gray-800);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:var(--spacing-xs)}.form-input,.form-select,.form-textarea{background:var(--white);border:1.5px solid var(--gray-300);border-radius:var(--radius-lg);color:var(--gray-900);font-family:inherit;font-size:.9375rem;padding:.6875rem .9375rem;transition:all var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb24;outline:none}.form-input:hover:not(:focus),.form-select:hover:not(:focus),.form-textarea:hover:not(:focus){border-color:var(--gray-400)}.form-input::placeholder,.form-textarea::placeholder{color:var(--gray-400)}.form-textarea{min-height:100px;resize:vertical}.form-error{color:var(--danger);font-size:.8125rem;font-weight:500;margin-top:var(--spacing-xs)}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.card-title{color:var(--gray-900);font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.table-container{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow-x:auto}.table{border-collapse:initial;border-spacing:0;font-size:.875rem;width:100%}.table th{background:var(--gray-50);border-bottom:1px solid var(--gray-200);color:var(--gray-700);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.875rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.table td{border-bottom:1px solid var(--gray-100);color:var(--gray-800);padding:.9375rem 1rem;text-align:left;vertical-align:middle}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:hover{background-color:#f8fafc}.table tbody tr:last-child td{border-bottom:none}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;gap:.35rem;letter-spacing:.02em;line-height:1.2;padding:.25rem .625rem;white-space:nowrap}.badge-success{background:var(--success-subtle);border:1px solid #a7f3d0;color:#047857}.badge-warning{background:var(--warning-subtle);border:1px solid #fde68a;color:#b45309}.badge-danger{background:var(--danger-subtle);border:1px solid #fecaca;color:#b91c1c}.badge-info{background:var(--info-subtle);border:1px solid #bfdbfe;color:#1d4ed8}.badge-brand{background:var(--brand-orange-light);border:1px solid var(--brand-orange-border);color:var(--brand-orange-text)}.modal-overlay{align-items:center;animation:modalFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172aa6;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:620px;overflow-y:auto;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:#fcfdfe;border-bottom:1px solid var(--gray-200);border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl);display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.modal-title{color:var(--gray-900);font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--gray-400);cursor:pointer;display:flex;font-size:1.375rem;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.modal-body{padding:var(--spacing-xl)}.modal-footer{background:var(--gray-50);border-bottom-left-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl);border-top:1px solid var(--gray-200);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-xl)}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.75rem}.page-header h1{color:#0f224a;font-size:1.625rem;font-weight:800;letter-spacing:-.02em;margin:0}.page-header p{color:var(--gray-500);font-size:.9375rem;margin-top:.25rem}.pagination-container{align-items:center;background:#fafbfe;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-top:1px solid var(--gray-200);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:1rem 1.25rem}.pagination-info{color:var(--gray-600);font-size:.8125rem;font-weight:500}.pagination-controls{align-items:center;display:flex;gap:.35rem}.pagination-pages{align-items:center;display:flex;gap:.25rem}.pagination-page{align-items:center;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-full);color:var(--gray-700);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8125rem;font-weight:600;height:32px;justify-content:center;min-width:32px;padding:0 .5rem;transition:all var(--transition-fast)}.pagination-page:hover:not(:disabled){background:var(--brand-orange-light);border-color:var(--brand-orange-border);color:var(--brand-orange-text)}.pagination-page.active{background:var(--brand-orange);border-color:var(--brand-orange);box-shadow:0 2px 6px #ea580c4d;color:var(--white)}.pagination-page:disabled{cursor:not-allowed;opacity:.45}.pagination-ellipsis{color:var(--gray-400);font-size:.8125rem;padding:0 .35rem}.error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);color:#991b1b;font-size:.875rem;font-weight:500;margin-bottom:1.5rem;padding:.875rem 1.25rem}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3.5rem 1.5rem;text-align:center}.empty-icon{color:var(--gray-300);font-size:3rem;margin-bottom:1rem}.empty-state p{color:var(--gray-500);font-size:.9375rem;margin:0}.action-buttons{align-items:center;display:flex;gap:.5rem}.action-buttons .btn{border-radius:var(--radius-full);font-size:.8125rem}
/*# sourceMappingURL=main.4436fe7c.css.map*/