*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-dark:#1e40af;--primary-light:#eff6ff;--success:#10b981;--success-hover:#059669;--success-light:#d1fae5;--warning:#f59e0b;--warning-hover:#d97706;--warning-light:#fef3c7;--danger:#ef4444;--danger-hover:#dc2626;--danger-light:#fee2e2;--success-bg:#ecfdf5;--warning-bg:#fffbeb;--danger-bg:#fef2f2;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--hover-light-bg:var(--gray-200);--hover-light-text:#1a1a1a;--hover-light-icon:#1a1a1a;--hover-secondary-bg:var(--gray-100);--hover-secondary-border:var(--gray-300);--hover-secondary-text:var(--gray-700);--active-bg:var(--primary);--active-text:#ffffff;--active-hover-bg:var(--primary-dark);--high-contrast-text:#1a1a1a;--high-contrast-icon:#1a1a1a;--transition-fast:150ms ease-in-out;--transition-normal:200ms ease-in-out;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--sidebar-width:260px;--header-height:64px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:var(--gray-900);background:var(--gray-50);-webkit-font-smoothing:antialiased}.admin-layout{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:white;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;z-index:40;transition:transform .3s ease}.sidebar-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-100);justify-content:space-between}.sidebar-header,.sidebar-logo{display:flex;align-items:center}.sidebar-logo{gap:.75rem;text-decoration:none;color:var(--gray-900);font-weight:700;font-size:1.125rem}.logo-icon{font-size:1.5rem}.sidebar-close{display:none;background:none;border:none;padding:.5rem;cursor:pointer;color:var(--gray-500)}.sidebar-nav{flex:1 1;padding:1rem .75rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;color:var(--gray-600);text-decoration:none;font-weight:500;font-size:.9375rem;transition:all .15s ease;margin-bottom:.25rem}.nav-item:hover{background:var(--gray-50);color:var(--gray-900)}.nav-item-active,.nav-item-active:hover{background:var(--primary-light);color:var(--primary)}.nav-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.sidebar-footer{padding:1rem 1.25rem;border-top:1px solid var(--gray-100)}.user-info{gap:.75rem}.user-avatar,.user-info{display:flex;align-items:center}.user-avatar{width:2.5rem;height:2.5rem;background:var(--primary);color:white;border-radius:50%;justify-content:center;font-weight:600;font-size:.875rem}.user-details{flex:1 1;min-width:0}.user-email{font-size:.8125rem;color:var(--gray-700);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sign-out-btn{background:none;border:none;color:var(--gray-500);font-size:.75rem;cursor:pointer;padding:0}.sign-out-btn:hover{color:var(--danger)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:30}.main-wrapper{flex:1 1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}.mobile-header{display:none;position:-webkit-sticky;position:sticky;top:0;height:var(--header-height);background:white;border-bottom:1px solid var(--gray-200);padding:0 1rem;align-items:center;justify-content:space-between;z-index:20}.menu-btn{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--gray-600);justify-content:center}.menu-btn,.mobile-logo{display:flex;align-items:center}.mobile-logo{gap:.5rem;text-decoration:none;color:var(--gray-900);font-weight:700;font-size:1rem}.main-content{flex:1 1;padding:2rem;max-width:1400px;width:100%;margin:0 auto}@media (max-width:1024px){.sidebar{transform:translateX(-100%)}.sidebar-open{transform:translateX(0)}.sidebar-close,.sidebar-overlay{display:block}.main-wrapper{margin-left:0}.mobile-header{display:flex}.main-content{padding:1.5rem 1rem}}.page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem;position:-webkit-sticky;position:sticky;left:0;z-index:10;background:var(--gray-50);margin-left:-1rem;margin-right:-1rem;padding:0 1rem}.page-title{font-size:1.75rem;font-weight:700;color:var(--gray-900)}.page-description{color:var(--gray-500);font-size:.9375rem;margin-top:.25rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-500);margin-bottom:1rem}.breadcrumb a{color:var(--primary);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.card{background:white;border:1px solid var(--gray-200);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.card-header{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-100)}.card-title{font-size:1.125rem;color:var(--gray-900)}.card-description{font-size:.875rem;color:var(--gray-500);margin-top:.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;border:none;white-space:nowrap}.btn-primary{color:var(--active-text)}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:white;color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover{background:var(--hover-secondary-bg);border-color:var(--hover-secondary-border);color:var(--hover-secondary-text)}.btn-danger{background:var(--danger);color:var(--active-text)}.btn-danger:hover{background:var(--danger-hover)}.btn-success{background:var(--success);color:var(--active-text)}.btn-success:hover{background:var(--success-hover)}.btn-sm{padding:.5rem .875rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed}[data-tooltip]{position:relative}[data-tooltip]:after,[data-tooltip]:before{position:absolute;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-normal),visibility var(--transition-normal);z-index:1000}[data-tooltip]:after{content:attr(data-tooltip);bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:.5rem .75rem;background:var(--gray-900);color:white;font-size:.75rem;font-weight:500;white-space:nowrap;border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,.15)}[data-tooltip]:before{content:"";bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);border:4px solid transparent;border-top:4px solid var(--gray-900)}[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1;visibility:visible}[data-tooltip-position=bottom]:after{bottom:auto;top:calc(100% + 8px)}[data-tooltip-position=bottom]:before{bottom:auto;top:calc(100% + 4px);border-top-color:transparent;border-bottom-color:var(--gray-900)}[data-tooltip-position=left]:after{bottom:auto;left:auto;right:calc(100% + 8px);top:50%;transform:translateY(-50%)}[data-tooltip-position=left]:before{bottom:auto;left:auto;right:calc(100% + 4px);top:50%;transform:translateY(-50%);border-top-color:transparent;border-left-color:var(--gray-900)}[data-tooltip-position=right]:after{bottom:auto;left:calc(100% + 8px);top:50%;transform:translateY(-50%)}[data-tooltip-position=right]:before{bottom:auto;left:calc(100% + 4px);top:50%;transform:translateY(-50%);border-top-color:transparent;border-right-color:var(--gray-900)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-700);margin-bottom:.5rem}.form-label-required:after{content:" *";color:var(--danger)}.form-hint{font-size:.75rem;color:var(--gray-500);margin-top:.375rem}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],select,textarea{width:100%;padding:.625rem .875rem;font-size:.9375rem;border:1px solid var(--gray-300);border-radius:var(--radius-lg);background:white;color:var(--gray-900);transition:all var(--transition-normal)}input:hover:not(:focus):not(:disabled),select:hover:not(:focus):not(:disabled),textarea:hover:not(:focus):not(:disabled){border-color:var(--gray-400)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}input:disabled,select:disabled,textarea:disabled{background:var(--gray-100);color:var(--gray-500);cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--gray-400)}.table-container{overflow-x:auto;border-radius:.5rem;border:1px solid var(--gray-200)}table{width:100%;border-collapse:collapse;font-size:.9375rem}thead{background:var(--gray-50)}th{padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-600);border-bottom:1px solid var(--gray-200)}td{padding:1rem;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--gray-50)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:9999px}.badge-success{background:var(--success-light);color:#065f46}.badge-warning{background:var(--warning-light);color:#92400e}.badge-danger{background:var(--danger-light);color:#991b1b}.badge-primary{background:var(--primary-light);color:var(--primary)}.badge-gray,.badge-secondary{background:var(--gray-100);color:var(--gray-600)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.stat-card{border-radius:.75rem;padding:1.25rem}.stat-label{font-size:.8125rem;font-weight:500}.stat-value{font-size:1.75rem;margin-top:.25rem}.stat-hint{font-size:.6875rem;color:var(--gray-400);margin-top:.125rem}.order-tabs{display:flex;gap:.5rem;background:var(--gray-100);padding:.25rem;border-radius:.5rem;width:-moz-fit-content;width:fit-content}.order-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;color:var(--gray-600);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal)}.order-tab:hover{color:var(--hover-light-text);background:var(--gray-200)}.order-tab-active{color:var(--gray-900);background:white;box-shadow:0 1px 2px rgba(0,0,0,.05)}.order-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;font-size:.6875rem;font-weight:600;border-radius:9999px;background:var(--gray-200);color:var(--gray-600)}.order-tab-badge-success{background:#DEF7EC;color:#046C4E}.order-tab-badge-warning{background:#FDF6B2;color:#8E4B10}.dark .order-tabs{background:var(--gray-800)}.dark .order-tab{color:var(--gray-400)}.dark .order-tab:hover{color:var(--gray-200);background:var(--gray-700)}.dark .order-tab-active{color:white;background:var(--gray-700)}.dark .order-tab-badge{background:var(--gray-700);color:var(--gray-300)}.dark .order-tab-badge-success{background:rgba(4,108,78,.3);color:#31C48D}.dark .order-tab-badge-warning{background:rgba(142,75,16,.3);color:#FACA15}.dashboard-controls-wrapper{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;overflow-x:auto;padding:4px 0;margin-bottom:1rem;white-space:nowrap}.dashboard-controls-wrapper .view-toggle{display:inline-flex;align-items:center;height:40px;padding:0 4px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:2px;flex-shrink:0}.dashboard-controls-wrapper .view-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#64748b;transition:all .15s ease;flex-shrink:0}.dashboard-controls-wrapper .view-toggle-btn:hover{background:#f8fafc;color:#1e293b}.dashboard-controls-wrapper .view-toggle-btn:hover svg{color:#1e293b!important}.dashboard-controls-wrapper .view-toggle-btn.active{background:var(--primary);color:#fff;box-shadow:0 1px 3px rgba(37,99,235,.3)}.dashboard-controls-wrapper .view-toggle-btn.active svg{color:#fff!important}.dashboard-controls-wrapper .view-toggle-btn.active:hover{background:var(--primary-dark)}.per-page-pill{display:inline-flex;align-items:center;height:40px;padding:0 12px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:6px;font-size:14px;color:#64748b;flex-shrink:0;white-space:nowrap;transition:all .15s ease}.per-page-pill:hover{background-color:#f8fafc;border-color:#cbd5e1}.per-page-pill span{color:#64748b;font-size:14px;font-weight:400;white-space:nowrap}.per-page-pill select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;font-size:14px;font-weight:700;color:#1e293b;padding:0 16px 0 0;cursor:pointer;outline:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 0 center;background-repeat:no-repeat;background-size:12px 12px}.per-page-pill select:hover{color:var(--primary)}.per-page-pill select:focus{outline:none}.dark .dashboard-controls-wrapper .view-toggle{background:var(--gray-800);border-color:var(--gray-700)}.dark .dashboard-controls-wrapper .view-toggle-btn{color:var(--gray-400)}.dark .dashboard-controls-wrapper .view-toggle-btn:hover{background:var(--gray-700);color:var(--gray-200)}.dark .per-page-pill{background:var(--gray-800);border-color:var(--gray-700)}.dark .per-page-pill span{color:var(--gray-400)}.dark .per-page-pill select{color:var(--gray-200)}.table-orders{width:100%;border-collapse:collapse;font-size:.875rem}.table-orders thead th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);background:var(--gray-50);border-bottom:1px solid var(--gray-200);white-space:nowrap}.table-orders tbody td{padding:.75rem 1rem;border-bottom:1px solid var(--gray-100);vertical-align:middle}.table-orders tbody tr:hover{background:var(--gray-50)}.table-orders tbody tr.table-row-selected{background:#eff6ff}.order-number{font-weight:600;color:var(--gray-900);font-size:.9375rem}.line-items-cell{align-items:center;gap:.5rem}.line-items-cell.expandable{cursor:pointer}.line-item-preview{font-size:.8125rem;color:var(--gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.expand-toggle{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;padding:.125rem .375rem;border-radius:4px;cursor:pointer;color:var(--primary);font-size:.75rem;transition:all .15s ease}.expand-toggle:hover{background:var(--primary-light)}.expand-badge{font-weight:600;font-size:.6875rem;background:var(--gray-100);padding:.125rem .375rem;border-radius:9999px;color:var(--gray-600)}.expand-icon{transition:transform .2s ease}.expand-icon.expanded{transform:rotate(180deg)}.customer-info{display:flex;flex-direction:column;gap:.125rem}.customer-name{font-weight:500;color:var(--gray-900);font-size:.875rem}.customer-city{font-size:.75rem;color:var(--gray-500)}.date-text{font-size:.8125rem;color:var(--gray-500)}.order-total{font-weight:600;color:var(--gray-900);white-space:nowrap}.tracking-link{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:var(--gray-100);border-radius:6px;color:var(--gray-700);text-decoration:none;font-size:.75rem;transition:all .15s ease}.tracking-link:hover{background:var(--primary-light);color:var(--primary)}.tracking-link svg{opacity:.6}.tracking-link:hover svg{opacity:1}.carrier-badge{font-size:.625rem;letter-spacing:.03em;padding:.125rem .25rem;border-radius:3px}.carrier-dpd{background:#dc2626;color:white}.carrier-omniva{background:#f97316;color:white}.carrier-venipak{background:#0ea5e9;color:white}.carrier-lp_express{background:#22c55e;color:white}.carrier-smartpost{background:#8b5cf6;color:white}.tracking-number{font-family:ui-monospace,monospace;font-size:.75rem}.no-action,.no-tracking{color:var(--gray-300)}.action-buttons{display:flex;gap:.25rem;justify-content:flex-end}.action-buttons .btn{display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}.action-buttons .btn svg{flex-shrink:0}.expanded-row{background:var(--gray-50)}.expanded-row>td{padding:0!important}.line-items-expanded{padding:.75rem 1rem .75rem 3.5rem;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.line-items-table{width:100%;border-collapse:collapse;font-size:.8125rem;background:white;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08)}.line-items-table thead th{padding:.5rem .75rem;text-align:left;font-weight:500;font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);background:var(--gray-100);border-bottom:1px solid var(--gray-200)}.line-items-table tbody td{padding:.5rem .75rem;border-bottom:1px solid var(--gray-100)}.line-items-table tbody tr:last-child td{border-bottom:none}.line-items-table code{font-size:.75rem;background:var(--gray-100);padding:.125rem .375rem;border-radius:3px;color:var(--gray-600)}.dark .table-orders thead th{background:var(--gray-800);color:var(--gray-400);border-color:var(--gray-700)}.dark .table-orders tbody td{border-color:var(--gray-800)}.dark .table-orders tbody tr:hover{background:var(--gray-800)}.dark .order-number{color:var(--gray-100)}.dark .line-item-preview{color:var(--gray-300)}.dark .customer-name,.dark .order-total{color:var(--gray-100)}.dark .tracking-link{background:var(--gray-700);color:var(--gray-300)}.dark .line-items-expanded{background:var(--gray-900)}.dark .line-items-table{background:var(--gray-800)}.dark .line-items-table thead th{background:var(--gray-700)}.empty-state{text-align:center;padding:3rem 1.5rem}.empty-state-icon{width:4rem;height:4rem;margin:0 auto 1rem;color:var(--gray-300)}.empty-state-title{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.empty-state-description{color:var(--gray-500);margin-bottom:1.5rem}.alert{padding:1rem 1.25rem;margin-bottom:1.5rem;align-items:flex-start;gap:.75rem}.alert-icon{width:1.25rem;height:1.25rem;margin-top:.125rem}.alert-success{background:var(--success-light);color:#065f46;border:1px solid #a7f3d0}.alert-warning{background:var(--warning-light);color:#92400e;border:1px solid #fcd34d}.alert-danger{background:var(--danger-light);color:#991b1b;border:1px solid #fca5a5}.alert-info{background:var(--primary-light);color:#1e40af;border:1px solid #93c5fd}.detail-list{display:grid;grid-gap:1rem;gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:.9375rem;color:var(--gray-900)}.detail-value-mono{font-family:ui-monospace,monospace;font-size:.8125rem;background:var(--gray-100);padding:.25rem .5rem;border-radius:.25rem}.grid-2{display:grid;grid-gap:1.5rem;gap:1.5rem}@media (min-width:1024px){.grid-2{grid-template-columns:repeat(2,1fr)}}.item-card{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--gray-50);border-radius:.5rem;gap:1rem}.item-card-info{flex:1 1;min-width:0}.item-card-title{font-weight:600;color:var(--gray-900)}.item-card-subtitle{font-size:.875rem;color:var(--gray-500)}.item-card-actions{display:flex;align-items:center;gap:.75rem}.link{color:var(--primary);text-decoration:none;font-weight:500}.link:hover{text-decoration:underline}.link-subtle{color:var(--gray-500);text-decoration:none}.link-subtle:hover{color:var(--gray-700)}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.font-mono{font-family:ui-monospace,monospace}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.w-full{width:100%}.w-6{width:1.5rem}.w-10{width:2.5rem}.h-6{height:1.5rem}.hidden{display:none}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%);padding:1rem}.login-card{width:100%;max-width:400px;background:white;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);padding:2.5rem}.login-header{text-align:center;margin-bottom:2rem}.login-logo{display:inline-flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.login-title{font-size:1.25rem;font-weight:600;color:var(--gray-700)}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-footer{margin-top:1.5rem;text-align:center}.login-footer a{color:var(--gray-500);text-decoration:none;font-size:.875rem}.login-footer a:hover{color:var(--primary)}@keyframes slideInRight{0%{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{0%{transform:translateX(0);opacity:1}to{transform:translateX(120%);opacity:0}}.landing{min-height:100vh;background:linear-gradient(180deg,#ffffff 0,var(--gray-50) 100%)}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-200)}.landing-nav-inner{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.landing-logo{font-size:1.5rem;font-weight:800;color:var(--primary);text-decoration:none;letter-spacing:-.02em}.landing-nav-links{display:flex;align-items:center;gap:2rem}.landing-nav-links a{color:var(--gray-600);text-decoration:none;font-weight:500;font-size:.9375rem;transition:color .2s}.landing-nav-links a:hover{color:var(--gray-900)}.hero{padding:10rem 2rem 6rem;text-align:center;background:linear-gradient(180deg,#f0f7ff,#ffffff)}.hero-title{font-size:3.5rem;margin-bottom:1.5rem}.hero-subtitle{margin-bottom:2.5rem;margin-left:auto;margin-right:auto}.section-container{max-width:1200px}.section-title{font-size:2.25rem;font-weight:700;text-align:center;margin-bottom:3rem}.analyzer-section{padding:4rem 0;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-top:1px solid #bae6fd;border-bottom:1px solid #bae6fd}.analyzer-subtitle{text-align:center;color:var(--gray-600);font-size:1.125rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.analyzer-form{max-width:700px;margin:0 auto 2rem}.analyzer-input-wrapper{display:flex;gap:.75rem;background:white;padding:.5rem;border-radius:1rem;box-shadow:0 4px 20px rgba(0,0,0,.08);border:2px solid transparent;transition:border-color .2s ease}.analyzer-input-wrapper:focus-within{border-color:var(--primary)}.analyzer-input{flex:1 1;padding:1rem 1.25rem;border:none;font-size:1rem;background:transparent;outline:none;font-family:inherit}.analyzer-input::placeholder{color:var(--gray-400)}.analyzer-btn{padding:1rem 2rem;font-size:1rem;font-weight:600;white-space:nowrap;border-radius:.75rem}.analyzer-error{max-width:700px;margin:0 auto 1.5rem;padding:1rem 1.25rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;color:#dc2626;font-size:.9375rem;text-align:center}.analyzer-results{max-width:900px;margin:0 auto;background:white;border-radius:1.5rem;padding:2rem;box-shadow:0 8px 32px rgba(0,0,0,.08)}.analyzer-score-section{text-align:center;padding-bottom:2rem;border-bottom:1px solid var(--gray-100);margin-bottom:2rem}.analyzer-score{display:inline-flex;align-items:baseline;padding:1.5rem 2.5rem;border-radius:1rem;margin-bottom:.5rem}.analyzer-score.score-good{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.analyzer-score.score-medium{background:linear-gradient(135deg,#fef3c7,#fde68a)}.analyzer-score.score-bad{background:linear-gradient(135deg,#fee2e2,#fecaca)}.score-value{font-size:3.5rem;font-weight:800;letter-spacing:-.02em}.score-good .score-value{color:#059669}.score-medium .score-value{color:#d97706}.score-bad .score-value{color:#dc2626}.score-max{font-size:1.5rem;font-weight:600;color:var(--gray-400);margin-left:.25rem}.score-label{font-size:1.25rem;font-weight:600;color:var(--gray-700);margin-bottom:.25rem}.score-platform{font-size:.875rem;color:var(--gray-500)}.analyzer-details-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.analyzer-detail-card{background:var(--gray-50);border-radius:1rem;padding:1.5rem}.analyzer-detail-card h4{font-size:.875rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.detail-list{list-style:none;padding:0;margin:0}.detail-list li{padding:.5rem 0;font-size:.9375rem;color:var(--gray-700);display:flex;align-items:center;gap:.5rem}.detail-list-good li:before{content:"+";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#dcfce7;color:#059669;border-radius:50%;font-size:.75rem;font-weight:700}.detail-empty{color:var(--gray-400);font-style:italic;font-size:.9375rem}.detail-missing{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--gray-200);font-size:.8125rem;color:#dc2626}.detail-stat{display:flex;justify-content:space-between;align-items:center;padding:.625rem 0;border-bottom:1px solid var(--gray-200)}.detail-stat:last-child{border-bottom:none}.stat-label{color:var(--gray-600)}.stat-value{font-size:.9375rem;font-weight:600}.stat-good{color:#059669}.stat-medium{color:#d97706}.stat-bad{color:#dc2626}.analyzer-recommendations{background:var(--gray-50);border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.analyzer-recommendations h4{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.recommendations-list{list-style:none;padding:0;margin:0}.recommendation{display:flex;gap:1rem;padding:1rem;background:white;border-radius:.75rem;margin-bottom:.75rem;border-left:4px solid var(--gray-300)}.recommendation:last-child{margin-bottom:0}.recommendation.priority-critical{border-left-color:#dc2626;background:#fef2f2}.recommendation.priority-high{border-left-color:#f97316;background:#fff7ed}.recommendation.priority-medium{border-left-color:#eab308;background:#fefce8}.recommendation.priority-info{border-left-color:#2563eb;background:#eff6ff}.rec-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0;background:var(--gray-200);color:var(--gray-600)}.priority-critical .rec-icon{background:#fee2e2;color:#dc2626}.priority-high .rec-icon{background:#ffedd5;color:#f97316}.priority-medium .rec-icon{background:#fef3c7;color:#d97706}.priority-info .rec-icon{background:#dbeafe;color:#2563eb}.rec-content strong{display:block;font-size:.9375rem;color:var(--gray-900);margin-bottom:.25rem}.rec-content p{font-size:.875rem;color:var(--gray-600);margin:0;line-height:1.5}.analyzer-cta{text-align:center;padding-top:1.5rem;border-top:1px solid var(--gray-100)}.analyzer-cta p{font-size:1.125rem;color:var(--gray-700);margin-bottom:1rem}@media (max-width:768px){.analyzer-input-wrapper{flex-direction:column;padding:.75rem}.analyzer-btn{width:100%}.analyzer-details-grid{grid-template-columns:1fr}.analyzer-results{padding:1.5rem}.score-value{font-size:2.5rem}}.features{padding:6rem 0;background:white}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.feature-card{background:var(--gray-50);transition:transform .2s,box-shadow .2s}.feature-card:hover{box-shadow:0 12px 24px rgba(0,0,0,.08)}.feature-title{font-weight:600;margin-bottom:.75rem}.pricing{padding:6rem 0;background:var(--gray-50)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;max-width:1000px;margin:0 auto}.pricing-card{background:white;border-radius:1rem;padding:2.5rem;border:2px solid var(--gray-200);position:relative;transition:transform .2s,box-shadow .2s}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.08)}.pricing-card-popular{border-color:var(--primary);box-shadow:0 8px 24px rgba(37,99,235,.15)}.pricing-popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--primary);color:white;padding:.375rem 1rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pricing-tier{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.pricing-price{margin-bottom:1.5rem}.price-amount{font-size:3rem;letter-spacing:-.02em}.price-currency{font-size:1.25rem;font-weight:600;color:var(--gray-500)}.pricing-features{list-style:none;padding:0;margin:0 0 2rem}.pricing-features li{padding:.75rem 0;color:var(--gray-600);border-bottom:1px solid var(--gray-100);display:flex;align-items:center;gap:.75rem}.pricing-features li:before{content:"";width:20px;height:20px;background:var(--success-light);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2310b981'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");background-size:14px;background-repeat:no-repeat;background-position:50%}.pricing-features li:last-child{border-bottom:none}.testimonials{padding:6rem 0;background:white}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.testimonial-card{background:var(--gray-50);border:none;margin:0}.testimonial-text{font-size:1.0625rem;margin-bottom:1.5rem;font-style:normal}.testimonial-author{font-style:normal;color:var(--gray-500);font-size:.9375rem}.footer{padding:4rem 0 2rem;background:var(--gray-900);color:white}.footer-brand p{color:var(--gray-400);margin-top:1rem;line-height:1.6}.footer-brand .landing-logo{color:white}.footer-links h4{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.25rem;color:var(--gray-400)}.footer-links a{display:block;color:var(--gray-300);text-decoration:none;margin-bottom:.75rem;font-size:.9375rem;transition:color .2s}.footer-links a:hover{color:white}.footer-bottom{padding-top:2rem;border-top:1px solid var(--gray-800);text-align:center}.footer-bottom p{color:var(--gray-500)}@media (max-width:768px){.landing-nav-inner{padding:1rem}.landing-nav-links{gap:1rem}.landing-nav-links a:not(.btn){display:none}.hero{padding:8rem 1rem 4rem}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.0625rem}.section-container{padding:0 1rem}.section-title{font-size:1.75rem}.features,.pricing,.testimonials{padding:4rem 0}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:1/-1}}.request-page{min-height:100vh;background:linear-gradient(180deg,#f0f7ff 0,var(--gray-50) 100%)}.request-container{max-width:800px;margin:0 auto;padding:8rem 2rem 4rem}.request-header{text-align:center;margin-bottom:3rem}.request-header h1{font-size:2.5rem;font-weight:700;color:var(--gray-900);margin-bottom:1rem;letter-spacing:-.02em}.request-header p{font-size:1.125rem;color:var(--gray-600);line-height:1.7;max-width:600px;margin:0 auto}.request-form{background:white;border-radius:1rem;padding:2.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--gray-100)}.form-section:last-of-type{border-bottom:none;padding-bottom:0}.form-section h2{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:1.25rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.form-actions{margin-top:2rem;text-align:center}.form-privacy{margin-top:1.5rem;text-align:center;font-size:.875rem;color:var(--gray-500)}.form-privacy a{color:var(--primary);text-decoration:none}.form-privacy a:hover{text-decoration:underline}.request-success{text-align:center;padding:4rem 2rem;background:white;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.success-icon{width:80px;height:80px;background:var(--success-light);color:var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;margin:0 auto 1.5rem}.request-success h1{font-size:2rem;font-weight:700;color:var(--gray-900);margin-bottom:1rem}.request-success p{font-size:1.125rem;color:var(--gray-600);margin-bottom:2rem;line-height:1.7}@media (max-width:768px){.request-container{padding:6rem 1rem 2rem}.request-header h1{font-size:1.75rem}.request-form{padding:1.5rem}.form-grid{grid-template-columns:1fr}}.docs-page{max-width:900px}.docs-nav{margin-bottom:2rem}.docs-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:.75rem;gap:.75rem}.docs-nav-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--gray-50);border-radius:.5rem;text-decoration:none;color:var(--gray-700);font-weight:500;transition:all .2s}.docs-nav-item:hover{background:var(--gray-100);color:var(--gray-900)}.docs-nav-icon{width:32px;height:32px;background:var(--primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.docs-section,.docs-section h2{margin-bottom:1.5rem}.docs-section h2{font-size:1.5rem;font-weight:700;color:var(--gray-900);padding-bottom:.75rem;border-bottom:2px solid var(--gray-100)}.docs-step{margin-bottom:1.5rem}.docs-step:last-child{margin-bottom:0}.docs-step h3{font-size:1.125rem;font-weight:600;color:var(--gray-800);margin-bottom:.75rem}.docs-step p{color:var(--gray-600);line-height:1.7;margin-bottom:.75rem}.docs-step ol,.docs-step ul{margin:0;padding-left:1.5rem;color:var(--gray-600);line-height:1.8}.docs-step li{margin-bottom:.5rem}.docs-step code{background:var(--gray-100);padding:.125rem .375rem;border-radius:.25rem;font-size:.875rem;color:var(--gray-800)}.docs-table{width:100%;border-collapse:collapse;margin:1rem 0}.docs-table td,.docs-table th{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--gray-100)}.docs-table th{background:var(--gray-50);font-weight:600;color:var(--gray-700);font-size:.875rem}.docs-table td{color:var(--gray-600)}.docs-table code{background:var(--gray-100);padding:.125rem .375rem;border-radius:.25rem;font-size:.8125rem;color:var(--gray-800)}.docs-alert{padding:1rem 1.25rem;border-radius:.5rem;margin-top:1rem}.docs-alert strong{font-weight:600}.docs-alert-info{background:#eff6ff;border-left:4px solid var(--primary);color:#1e40af}.docs-alert-warning{background:#fffbeb;border-left:4px solid #f59e0b;color:#92400e}.docs-alert-success{background:var(--success-light);border-left:4px solid var(--success);color:#065f46}.docs-problem{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-100)}.docs-problem:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.docs-problem h3{font-size:1rem;font-weight:600;color:var(--error);margin-bottom:.75rem}.docs-problem ul{margin:0;padding-left:1.5rem;color:var(--gray-600);line-height:1.7}.docs-problem li{margin-bottom:.375rem}.docs-problem code{background:var(--gray-100);padding:.125rem .375rem;border-radius:.25rem;font-size:.8125rem;color:var(--gray-800)}.docs-faq{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-100)}.docs-faq:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.docs-faq h3{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:.5rem}.docs-faq p{color:var(--gray-600);line-height:1.7;margin:0}.docs-faq a{color:var(--primary);text-decoration:none}.docs-faq a:hover{text-decoration:underline}.docs-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:1rem}.docs-contact-item{display:flex;flex-direction:column;gap:.25rem}.docs-contact-item strong{font-size:.875rem;color:var(--gray-500);font-weight:500}.docs-contact-item a,.docs-contact-item span{color:var(--gray-800);font-weight:500;text-decoration:none}.docs-contact-item a:hover{color:var(--primary)}@media (max-width:768px){.docs-nav-grid{grid-template-columns:repeat(3,1fr)}.docs-nav-item{flex-direction:column;text-align:center;padding:.75rem;font-size:.8125rem}.docs-nav-icon{width:28px;height:28px;font-size:.75rem}.docs-section h2{font-size:1.25rem}.docs-table{font-size:.875rem}.docs-table td,.docs-table th{padding:.5rem}}.legal-page{min-height:100vh;background:var(--gray-50)}.legal-container{max-width:800px;margin:0 auto;padding:7rem 2rem 4rem}.legal-header{text-align:center;margin-bottom:3rem}.legal-header h1{font-size:2.5rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem;letter-spacing:-.02em}.legal-header p{color:var(--gray-500);font-size:.9375rem}.legal-content{background:white;border-radius:1rem;padding:3rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.legal-section{margin-bottom:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid var(--gray-100)}.legal-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.legal-section h2{font-size:1.375rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.legal-section h3{font-size:1.0625rem;font-weight:600;color:var(--gray-800);margin-top:1.5rem;margin-bottom:.75rem}.legal-section p{color:var(--gray-600);line-height:1.8;margin-bottom:1rem}.legal-section p:last-child{margin-bottom:0}.legal-section ul{margin:0 0 1rem;padding-left:1.5rem;color:var(--gray-600);line-height:1.8}.legal-section li{margin-bottom:.5rem}.legal-section a{color:var(--primary);text-decoration:none}.legal-section a:hover{text-decoration:underline}.legal-footer{margin-top:3rem;text-align:center}@media (max-width:768px){.legal-container{padding:6rem 1rem 2rem}.legal-header h1{font-size:1.75rem}.legal-content{padding:1.5rem;border-radius:.75rem}.legal-section{margin-bottom:2rem;padding-bottom:2rem}.legal-section h2{font-size:1.25rem}.legal-section h3{font-size:1rem}}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:1.5rem}.plan-card{display:flex;flex-direction:column}.plan-card.plan-inactive{opacity:.6}.plan-popular-badge{right:1rem;font-size:.75rem}.plan-inactive-badge{position:absolute;top:-10px;left:1rem;background:var(--gray-400);color:white;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.plan-header{margin-bottom:1rem}.plan-name{font-size:1.25rem}.plan-price-amount{font-size:2rem;font-weight:700;color:var(--gray-900)}.plan-price-currency{font-size:1rem;font-weight:500;color:var(--gray-500)}.plan-features{margin-bottom:1rem}.plan-features ul{list-style:none;padding:0;margin:0}.plan-features li{padding:.5rem 0;border-bottom:1px solid var(--gray-100)}.plan-features li:last-child{border-bottom:none}.plan-meta{display:flex;justify-content:space-between;padding:.75rem 0;border-top:1px solid var(--gray-100);margin-bottom:1rem}.plan-actions{display:flex;gap:.5rem}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:white;border-radius:1rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--gray-100)}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--gray-400);cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--gray-600)}.modal-body,.modal-footer{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;border-top:1px solid var(--gray-100)}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9375rem;color:var(--gray-700)}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--primary)}.alert{padding:1rem;border-radius:.5rem;display:flex;align-items:center;justify-content:space-between}.alert-error{background:var(--error-light);color:var(--error);border:1px solid var(--error)}.alert button{background:none;border:none;font-size:1.25rem;cursor:pointer;color:inherit}.btn-danger{background:var(--error);color:white;border:none}.btn-danger:hover{background:#dc2626}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}@media (max-width:768px){.plans-grid{grid-template-columns:1fr}.modal{max-height:100vh;border-radius:0}}.stats-grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.stat-card-success{border-left:4px solid var(--success)}.stat-card-success .stat-value{color:var(--success)}.stat-card-warning{border-left:4px solid var(--warning)}.stat-card-warning .stat-value{color:var(--warning)}.stat-card-primary{border-left:4px solid var(--primary)}.stat-card-primary .stat-value{color:var(--primary)}.analytics-revenue-card{background:linear-gradient(135deg,#10b981,#059669);color:white;margin-bottom:1.5rem}.analytics-revenue-content{display:flex;justify-content:space-between;align-items:center}.analytics-revenue-label{font-size:.875rem;opacity:.9;margin-bottom:.25rem}.analytics-revenue-value{font-size:2rem;font-weight:700}.analytics-revenue-icon{opacity:.3}.analytics-shops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:1.5rem;gap:1.5rem;padding:1.5rem}.analytics-shop-card{background:var(--gray-50);border-radius:.75rem;padding:1.25rem}.analytics-shop-header{margin-bottom:1rem}.analytics-shop-name{font-size:1rem;font-weight:600;margin-bottom:.125rem}.analytics-shop-stats{display:flex;gap:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200);margin-bottom:1rem}.analytics-mini-stat{display:flex;flex-direction:column;gap:.125rem}.analytics-mini-label{font-size:.75rem;color:var(--gray-500)}.analytics-mini-value{font-size:1.125rem;font-weight:600}.analytics-funnel{margin-bottom:1rem}.analytics-funnel-title{font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.analytics-funnel-steps{display:flex;flex-direction:column;gap:.5rem}.analytics-funnel-step{display:grid;grid-template-columns:100px 1fr 40px;align-items:center;grid-gap:.75rem;gap:.75rem}.analytics-funnel-step-header{display:flex;justify-content:space-between;align-items:center}.analytics-funnel-step-label{font-size:.8125rem;color:var(--gray-600)}.analytics-funnel-step-count{font-size:.75rem;font-weight:600;color:var(--gray-900)}.analytics-funnel-bar{height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden}.analytics-funnel-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0,#3b82f6 100%);border-radius:4px;transition:width .3s ease}.analytics-funnel-step-percent{font-size:.75rem;font-weight:500;color:var(--gray-500);text-align:right}.analytics-daily-preview{padding-top:1rem;border-top:1px solid var(--gray-200)}.analytics-daily-bars{display:flex;align-items:flex-end;justify-content:space-between;height:60px;gap:4px}.analytics-daily-bar-wrapper{flex:1 1;display:flex;flex-direction:column;align-items:center;height:100%}.analytics-daily-bar{width:100%;background:var(--gray-200);border-radius:2px 2px 0 0;position:relative;display:flex;flex-direction:column;justify-content:flex-end}.analytics-daily-bar-completed{background:var(--success);border-radius:2px 2px 0 0;width:100%}.analytics-daily-bar-label{font-size:.625rem;color:var(--gray-400);margin-top:4px}.card-header{padding:1rem 1.5rem;border-bottom:1px solid var(--gray-200)}.card-title{font-size:1rem;font-weight:600;margin:0}@media (max-width:1024px){.stats-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.analytics-shops-grid,.stats-grid-4{grid-template-columns:1fr}.analytics-revenue-value{font-size:1.5rem}.analytics-funnel-step{grid-template-columns:80px 1fr 35px}}.pricing-hero{padding:6rem 0 4rem;background:linear-gradient(135deg,var(--gray-50) 0,white 100%);text-align:center}.pricing-hero-title{font-size:2.75rem;font-weight:800;color:var(--gray-900);margin-bottom:1rem;letter-spacing:-.02em}.pricing-hero-subtitle{font-size:1.125rem;color:var(--gray-600);max-width:650px;margin:0 auto 2rem;line-height:1.8}.pricing-hero-badges{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.pricing-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:white;border:1px solid var(--gray-200);border-radius:9999px;font-size:.875rem;font-weight:500;color:var(--gray-700)}.pricing-plans{padding:4rem 0 6rem;background:white}.pricing-grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;max-width:1100px;margin:0 auto;align-items:start}.pricing-card{display:flex;flex-direction:column}.pricing-card-popular{transform:scale(1.02);z-index:1}.pricing-card-header{margin-bottom:1rem}.pricing-description{font-size:.9375rem;color:var(--gray-500);margin-top:.5rem;min-height:2.5rem}.pricing-price-block{margin-bottom:1.5rem}.pricing-price{margin-bottom:.5rem}.pricing-per-order{font-size:.875rem;color:var(--gray-600);padding:.625rem 1rem;background:linear-gradient(135deg,var(--warning-light) 0,#fef3c7 100%);border-radius:.5rem;text-align:center;border:1px solid #fde68a}.pricing-per-order-free{background:var(--success-light);border-color:#a7f3d0;color:var(--success-dark)}.per-order-plus{font-weight:600;margin-right:.25rem}.per-order-text{color:var(--gray-600)}.pricing-features-list{list-style:none;padding:0;margin:0 0 1.5rem;flex:1 1}.pricing-feature-item{display:flex;align-items:flex-start;gap:.75rem;padding:.625rem 0;border-bottom:1px solid var(--gray-100);font-size:.9375rem;line-height:1.4}.pricing-feature-item:last-child{border-bottom:none}.pricing-feature-item.included{color:var(--gray-700)}.pricing-feature-item.excluded{color:var(--gray-400)}.pricing-feature-item.highlight{font-weight:500;color:var(--gray-900)}.pricing-feature-item.highlight.included{background:linear-gradient(90deg,var(--success-light) 0,transparent 100%);margin:0 -1rem;padding:.625rem 1rem;border-radius:.375rem;border-bottom:none}.feature-icon{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:.125rem}.feature-icon-check{color:var(--success)}.feature-icon-x{color:var(--gray-300)}.feature-emoji{margin-right:.25rem}.pricing-card-footer{margin-top:auto;padding-top:1rem}.pricing-card-note{text-align:center;font-size:.8125rem;color:var(--gray-500);margin-top:.75rem;margin-bottom:0}.section-subtitle{text-align:center;font-size:1.0625rem;margin-top:.5rem;margin-bottom:0}.pricing-comparison{padding:6rem 0;background:var(--gray-50)}.comparison-table-wrapper{margin-top:2.5rem;-webkit-overflow-scrolling:touch}.comparison-table{width:100%;max-width:950px;margin:0 auto;border-collapse:collapse;background:white;border-radius:1rem;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06)}.comparison-table td,.comparison-table th{padding:1rem 1.25rem;text-align:center;border-bottom:1px solid var(--gray-100)}.comparison-table th{background:var(--gray-50);font-weight:600;color:var(--gray-700);font-size:.875rem;text-transform:uppercase;letter-spacing:.03em}.comparison-table th.feature-column{text-align:left;text-transform:none;letter-spacing:normal}.comparison-table th.popular-column{background:var(--primary);color:white}.comparison-table td.popular-column{background:rgba(37,99,235,.04)}.comparison-table tbody tr:hover{background:var(--gray-50)}.comparison-table tbody tr:hover td.popular-column{background:rgba(37,99,235,.08)}.comparison-table .feature-name{text-align:left;font-weight:500;color:var(--gray-700);font-size:.9375rem}.comparison-icon{width:1.25rem;height:1.25rem;margin:0 auto;display:block}.comparison-check{color:var(--success)}.comparison-dash{color:var(--gray-300);font-size:1.25rem;font-weight:300}.comparison-text{font-size:.875rem;color:var(--gray-700);font-weight:500}.pricing-faq{padding:6rem 0;background:white}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem;max-width:900px;margin:2rem auto 0}.faq-item{padding:1.5rem;background:var(--gray-50);border-radius:1rem}.faq-item h3{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:.75rem}.faq-item p{font-size:.9375rem;color:var(--gray-600);line-height:1.6;margin:0}.pricing-cta{padding:6rem 0;background:var(--gray-50)}.cta-box{background:linear-gradient(135deg,var(--primary) 0,#1d4ed8 100%);border-radius:1.5rem;padding:4rem;text-align:center;color:white}.cta-box h2{font-size:2rem;font-weight:700;margin-bottom:1rem}.cta-box>p{font-size:1.125rem;opacity:.9;margin-bottom:2rem}.cta-note{font-size:.875rem;opacity:.8;margin-top:1.5rem;margin-bottom:0}.cta-buttons .btn-primary{background:white;color:var(--primary)}.cta-buttons .btn-primary:hover{background:var(--gray-100)}.cta-buttons .btn-secondary{background:transparent;border-color:white;color:white}.cta-buttons .btn-secondary:hover{background:rgba(255,255,255,.1)}@media (max-width:1024px){.pricing-grid-3{grid-template-columns:repeat(3,1fr);gap:1rem}.pricing-card-popular{transform:none}.pricing-hero-title{font-size:2rem}.pricing-hero-badges{gap:.5rem}.pricing-badge{font-size:.8125rem;padding:.375rem .75rem}}@media (max-width:900px){.pricing-grid-3{grid-template-columns:1fr;max-width:420px;gap:1.5rem}.pricing-card-popular{order:-1}.pricing-feature-item.highlight.included{margin:0;padding:.625rem 0}}@media (max-width:768px){.pricing-hero{padding:4rem 0 3rem}.pricing-plans{padding:3rem 0 4rem}.faq-grid{grid-template-columns:1fr}.cta-box{padding:2.5rem 1.5rem}.cta-box h2{font-size:1.5rem}.comparison-table td,.comparison-table th{padding:.75rem 1rem;font-size:.875rem}}@media (max-width:640px){.pricing-hero-title{font-size:1.75rem}.pricing-hero-subtitle{font-size:1rem}}.payment-providers-list{display:flex;flex-direction:column;gap:1rem}.payment-card{overflow:hidden}.payment-card-header{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-bottom:1px solid transparent;transition:background .15s ease}.payment-card-header:hover{background:var(--gray-50)}.payment-card-icon{flex-shrink:0;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;color:var(--gray-700)}.payment-card-icon svg{width:2rem;height:2rem}.payment-card-info{flex:1 1;min-width:0}.payment-card-name{font-size:1rem;font-weight:600;color:var(--gray-900);margin:0}.payment-card-description{font-size:.875rem;color:var(--gray-500);margin:.25rem 0 0}.payment-card-status{flex-shrink:0}.payment-card-arrow{flex-shrink:0;color:var(--gray-400)}.payment-card-content{padding:1.25rem;border-top:1px solid var(--gray-200);background:var(--gray-50)}.payment-settings{padding-top:1rem;border-top:1px solid var(--gray-200)}.toggle-group{display:flex;flex-direction:column;gap:.25rem}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:var(--gray-700)}.toggle-label input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer}.payment-test-status{padding:.75rem;background:white;border-radius:6px;border:1px solid var(--gray-200)}.payment-actions{display:flex;gap:.75rem;flex-wrap:wrap}.page-stats{display:flex;gap:1.5rem}.page-stats .stat{font-size:.875rem;color:var(--gray-600)}.page-stats .stat strong{color:var(--gray-900);margin-right:.25rem}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;color:var(--gray-500)}.spinner{width:2rem;height:2rem;border:3px solid var(--gray-200);border-top-color:var(--primary)}.page-error{padding:2rem}.quick-links{display:flex;flex-direction:column;gap:.5rem}.quick-link-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--gray-50);border-radius:8px;text-decoration:none;color:inherit;transition:background .15s ease,box-shadow .15s ease}.quick-link-card:hover{background:var(--gray-100);box-shadow:0 2px 4px rgba(0,0,0,.05)}.quick-link-icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:white;border-radius:8px;color:var(--gray-600);border:1px solid var(--gray-200)}.quick-link-info{flex:1 1;min-width:0;display:flex;flex-direction:column}.quick-link-title{font-weight:600;color:var(--gray-900)}.quick-link-desc{font-size:.875rem;color:var(--gray-500)}@media (max-width:768px){.payment-card-header{flex-wrap:wrap}.payment-card-info{order:1;width:calc(100% - 5rem)}.payment-card-status{order:3;width:100%;margin-top:.75rem}.payment-card-arrow{order:2;margin-left:auto}.payment-actions{flex-direction:column}.payment-actions .btn{width:100%;justify-content:center}.page-stats{flex-direction:column;gap:.5rem}}.leaflet-container{z-index:0!important}.leaflet-pane{z-index:auto!important}.leaflet-control-container{z-index:100!important}.leaflet-marker-pane{z-index:200!important}.leaflet-tooltip-pane{z-index:300!important}.leaflet-popup-pane{z-index:400!important}.leaflet-bottom,.leaflet-top{z-index:500!important}.terminal-ui-layer{z-index:2000!important;position:relative}.leaflet-pane img,.leaflet-tile,.leaflet-tile-pane img{max-width:none!important;max-height:none!important;width:256px!important;height:256px!important}.leaflet-tile-container{width:auto!important;height:auto!important}.leaflet-marker-icon,.leaflet-marker-shadow{max-width:none!important;max-height:none!important}.leaflet-container{width:100%!important;height:100%!important;background:#e5e7eb!important}.leaflet-div-icon{background:transparent!important;border:none!important}.leaflet-marker-icon svg{width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;display:block!important;overflow:visible!important}.precision-pin{filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));transition:transform .2s cubic-bezier(.175,.885,.32,1.275);cursor:-webkit-grab!important;cursor:grab!important}.precision-pin:active{transform:scale(1.1) translateY(-5px);cursor:-webkit-grabbing!important;cursor:grabbing!important}.leaflet-marker-draggable{cursor:-webkit-grab!important;cursor:grab!important}.leaflet-dragging .leaflet-marker-draggable,.leaflet-marker-draggable:active{cursor:-webkit-grabbing!important;cursor:grabbing!important}.leaflet-control-zoom{border:none!important;box-shadow:0 2px 6px rgba(0,0,0,.2)!important}.leaflet-control-zoom a{width:32px!important;height:32px!important;line-height:32px!important;background:white!important;color:#333!important;font-size:18px!important;font-weight:700!important}.leaflet-control-zoom a:hover{background:#f5f5f5!important}.leaflet-control-attribution{background:rgba(255,255,255,.8)!important;font-size:10px!important}@keyframes bounce-in{0%{opacity:0;transform:translate(-50%,20px) scale(.9)}50%{transform:translate(-50%,-5px) scale(1.02)}to{opacity:1;transform:translate(-50%) scale(1)}}.animate-bounce-in{animation:bounce-in .3s ease-out forwards}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.plugin-download-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:white;color:#1d4ed8;border-radius:8px;font-weight:600;font-size:.9375rem;text-decoration:none;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .15s,box-shadow .15s;white-space:nowrap}.plugin-download-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap");.fab-container{position:fixed;bottom:0;left:0;right:0;z-index:1000;display:flex;justify-content:center;padding:1rem;pointer-events:none}.fab-bar{justify-content:space-between;gap:1.5rem;padding:.75rem 1.25rem;background:rgba(18,18,18,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:9999px;box-shadow:0 8px 32px rgba(0,0,0,.24),0 2px 8px rgba(0,0,0,.12);pointer-events:auto;max-width:600px;width:100%;font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif}.fab-bar,.fab-selection{display:flex;align-items:center}.fab-selection{gap:.5rem;color:rgba(255,255,255,.9);font-size:.8125rem;font-weight:500}.fab-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .5rem;background:rgba(255,255,255,.15);border-radius:9999px;font-weight:600;font-size:.75rem}.fab-label{color:rgba(255,255,255,.7)}.fab-actions{display:flex;align-items:center;gap:.5rem}.fab-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;font-family:inherit;border:none;border-radius:9999px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.fab-btn:disabled{opacity:.6;cursor:not-allowed}.fab-btn-primary{background:#2563eb;color:white}.fab-btn-primary:hover:not(:disabled){background:#1d4ed8}.fab-btn-secondary{background:rgba(255,255,255,.12);color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.15)}.fab-btn-secondary:hover:not(:disabled){background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.25)}.fab-btn-info{background:#0891b2;color:white}.fab-btn-info:hover:not(:disabled){background:#0e7490}.fab-btn-ghost{background:transparent;color:rgba(255,255,255,.7)}.fab-btn-ghost:hover:not(:disabled){background:rgba(255,255,255,.08);color:rgba(255,255,255,.9)}.fab-btn-content{display:inline-flex;align-items:center;gap:.375rem}.fab-btn-success{color:#10b981}@media (max-width:640px){.fab-container{padding:.75rem}.fab-bar{border-radius:1rem;flex-direction:column;gap:.75rem;padding:1rem}.fab-selection{padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.fab-actions,.fab-selection{width:100%;justify-content:center}.fab-actions{flex-wrap:wrap}.fab-btn{flex:1 1;min-width:100px}}.table-dense{font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.8125rem}.table-dense th{padding:.625rem .75rem;font-size:.6875rem;font-weight:600;letter-spacing:.04em;color:var(--gray-500);background:var(--gray-50)}.table-dense td{padding:.625rem .75rem;vertical-align:middle}.table-dense tbody tr{transition:background .1s ease}.table-dense tbody tr:hover{background:var(--gray-50)}.table-row-selectable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.table-row-selected{background:rgba(37,99,235,.06)!important}.table-row-selected:hover{background:rgba(37,99,235,.08)!important}.table-checkbox{width:40px;text-align:center}.table-checkbox input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--primary)}.badge-xs{padding:.125rem .5rem;font-size:.6875rem;font-weight:500}.badge-info{background:#dbeafe;color:#1e40af}.line-items-cell{display:flex;flex-direction:column;gap:.125rem;max-width:200px;cursor:help}.line-items-preview{font-size:.75rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-items-cell[title],.line-items-cell[title]:hover{position:relative}.spinner-sm{width:1rem;height:1rem;border-width:2px}.text-mono-sm{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.75rem;color:var(--gray-500)}.info-stacked{display:flex;flex-direction:column;gap:.125rem}.info-primary{font-weight:500;color:var(--gray-900)}.info-secondary{font-size:.75rem;color:var(--gray-500)}.billing-page{font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif}.billing-error-card,.billing-no-shop-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:16px;margin-bottom:2rem}.billing-error-icon,.billing-no-shop-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:white;border-radius:20px;margin-bottom:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.05);color:#64748b}.billing-error-card .billing-error-icon{color:#f59e0b;background:#fffbeb}.billing-error-title,.billing-no-shop-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.billing-error-text,.billing-no-shop-text{font-size:.9375rem;color:#64748b;margin:0 0 1.5rem;max-width:360px;line-height:1.5}.billing-error-card .btn-primary,.billing-no-shop-card .btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;color:white;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .15s ease}.billing-error-card .btn-primary:hover,.billing-no-shop-card .btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.billing-client{position:relative}.billing-card{background:white;border-radius:1rem;padding:1.25rem;margin-bottom:1.25rem;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid var(--gray-100)}.billing-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-100)}.billing-card-title{font-size:.9375rem;font-weight:600;color:var(--gray-900);margin:0}.billing-card-badge{font-size:.75rem;font-weight:500;color:var(--gray-500);background:var(--gray-100);padding:.25rem .625rem;border-radius:9999px}.billing-card-hint{font-size:.75rem;color:var(--gray-400)}.billing-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.25rem;gap:1.25rem}@media (max-width:900px){.billing-grid{grid-template-columns:1fr}}.billing-balance-card{background:linear-gradient(135deg,#1a1a2e,#16213e);color:white;border:none}.billing-balance-card .billing-card-header{border-bottom-color:rgba(255,255,255,.1)}.billing-balance-card .billing-card-title{color:rgba(255,255,255,.9)}.billing-balance-display{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.billing-balance-amount{display:flex;align-items:baseline;gap:.25rem}.billing-balance-currency{font-size:1.25rem;font-weight:500;color:rgba(255,255,255,.7)}.billing-balance-value{font-size:2.5rem;font-weight:700;letter-spacing:-.02em}.billing-balance-status{font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:9999px}.billing-balance-status.ok{background:rgba(16,185,129,.2);color:#10b981}.billing-balance-status.low{background:rgba(239,68,68,.2);color:#ef4444}.billing-balance-meter{height:6px;background:rgba(255,255,255,.15);border-radius:9999px;overflow:hidden;margin-bottom:1.5rem}.billing-balance-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:9999px;transition:width .5s cubic-bezier(.4,0,.2,1)}.billing-balance-fill.low{background:linear-gradient(90deg,#ef4444,#f87171)}.billing-divider{height:1px;background:rgba(255,255,255,.1);margin:1rem 0}.auto-topup-settings{color:rgba(255,255,255,.9)}.auto-topup-header{margin-bottom:1rem}.auto-topup-toggle-row{display:flex;justify-content:space-between;align-items:center}.auto-topup-label{flex-direction:column;gap:.25rem}.auto-topup-description{font-size:.75rem;color:rgba(255,255,255,.6)}.auto-topup-warning{padding:.5rem .75rem}.toggle-switch{position:relative;width:44px;height:24px;background:rgba(255,255,255,.2);border-radius:9999px;border:none;cursor:pointer;transition:background .2s ease;flex-shrink:0}.toggle-switch.active{background:#10b981}.toggle-switch.disabled{opacity:.5;cursor:not-allowed}.toggle-knob{left:2px;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.auto-topup-options{display:flex;gap:1rem;margin-bottom:1rem;overflow:hidden}.auto-topup-option{flex:1 1;display:flex;flex-direction:column;gap:.375rem}.option-label{font-size:.75rem;color:rgba(255,255,255,.6)}.option-select{padding:.5rem .75rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:.5rem;color:white;font-size:.875rem;font-family:inherit;cursor:pointer}.option-select:focus{outline:none;border-color:rgba(255,255,255,.3)}.option-select option{background:#1a1a2e;color:white}.auto-topup-save{margin-top:1rem}.payment-methods-list{display:flex;flex-direction:column;gap:.5rem}.payment-method-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--gray-50);border-radius:.5rem;border:1px solid var(--gray-100);transition:border-color .15s ease}.payment-method-item.is-default{border-color:var(--primary);background:rgba(37,99,235,.04)}.payment-method-info{display:flex;align-items:center;gap:.75rem}.payment-method-icon{font-size:1.25rem}.payment-method-details{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.payment-method-brand{font-weight:500;color:var(--gray-900)}.payment-method-number{color:var(--gray-500);font-family:ui-monospace,SFMono-Regular,monospace}.payment-method-expiry{font-size:.75rem;color:var(--gray-400)}.payment-method-actions{display:flex;align-items:center;gap:.5rem}.badge-default{font-size:.6875rem;font-weight:500;padding:.125rem .5rem;background:var(--primary);color:white;border-radius:9999px}.add-payment-method-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;background:transparent;border:2px dashed var(--gray-200);border-radius:.5rem;color:var(--gray-500);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit;margin-top:.5rem}.add-payment-method-btn:hover{border-color:var(--primary);color:var(--primary);background:rgba(37,99,235,.04)}.payment-method-form{display:flex;flex-direction:column;gap:1rem}.payment-method-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.payment-method-form-error,.payment-method-form-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.75rem;color:var(--gray-500)}.form-error{font-size:.8125rem;color:var(--error);padding:.5rem .75rem;background:var(--error-light);border-radius:.375rem}.billing-quick-topup .billing-card-header{border-bottom:none;padding-bottom:0;margin-bottom:.75rem}.billing-topup-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.75rem;gap:.75rem}@media (max-width:640px){.billing-topup-grid{grid-template-columns:repeat(2,1fr)}}.billing-topup-btn{padding:1rem;background:var(--gray-50);font-size:1rem;font-weight:600;color:var(--gray-900)}.billing-topup-btn:hover:not(:disabled){background:var(--gray-100);border-color:var(--gray-300)}.billing-topup-btn.disabled,.billing-topup-btn:disabled{opacity:.5;cursor:not-allowed}.billing-topup-label{display:flex;align-items:center;gap:.25rem}.billing-loading{justify-content:center;gap:.75rem;padding:3rem;color:var(--gray-500)}.billing-loading,.billing-toast{display:flex;align-items:center;font-size:.875rem}.billing-toast{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:1100;gap:.5rem;padding:.75rem 1.25rem;border-radius:9999px;font-weight:500;box-shadow:0 8px 32px rgba(0,0,0,.16)}.billing-toast-success{background:#10b981;color:white}.billing-toast-error{background:#ef4444;color:white}.billing-grace-warning{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#fef3c7;border:1px solid #fcd34d;border-radius:.75rem;margin-bottom:1.25rem}.billing-grace-warning.critical{background:#fee2e2;border-color:#fca5a5}.billing-grace-icon{flex-shrink:0;color:#d97706}.billing-grace-warning.critical .billing-grace-icon{color:#dc2626}.billing-grace-content{flex:1 1}.billing-grace-title{font-size:.9375rem;font-weight:600;color:#92400e;margin:0 0 .25rem}.billing-grace-warning.critical .billing-grace-title{color:#991b1b}.billing-grace-text{font-size:.8125rem;color:#a16207;margin:0}.billing-grace-warning.critical .billing-grace-text{color:#b91c1c}.balance-alert-banner{display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;border-radius:.75rem;margin-bottom:1.25rem;text-decoration:none}.balance-alert-banner.warning{background:#fef3c7;border:1px solid #fcd34d}.balance-alert-banner.error{background:#fee2e2;border:1px solid #fca5a5}.balance-alert-icon{flex-shrink:0}.balance-alert-banner.warning .balance-alert-icon{color:#d97706}.balance-alert-banner.error .balance-alert-icon{color:#dc2626}.balance-alert-content{flex:1 1;display:flex;flex-direction:column;gap:.125rem}.balance-alert-title{font-size:.875rem;font-weight:600}.balance-alert-banner.warning .balance-alert-title{color:#92400e}.balance-alert-banner.error .balance-alert-title{color:#991b1b}.balance-alert-message{font-size:.75rem}.balance-alert-banner.warning .balance-alert-message{color:#a16207}.balance-alert-banner.error .balance-alert-message{color:#b91c1c}.balance-alert-action{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;white-space:nowrap;text-decoration:none}.balance-alert-banner.warning .balance-alert-action{color:#d97706}.balance-alert-banner.error .balance-alert-action{color:#dc2626}.billing-admin-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem}@media (max-width:768px){.billing-admin-grid{grid-template-columns:1fr}}.billing-admin-section{display:flex;flex-direction:column;gap:.75rem}.billing-admin-label{font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;margin:0}.billing-seller-info{padding:1rem;background:var(--gray-50);border-radius:.5rem}.billing-seller-name{font-weight:600;color:var(--gray-900);margin-bottom:.25rem}.billing-seller-detail{font-size:.8125rem;color:var(--gray-500)}.billing-admin-btn{width:100%}.billing-admin-note{font-size:.75rem;color:var(--gray-500);margin:0}.billing-table-container{overflow-x:auto;margin:0 -1.25rem -1.25rem}.billing-table{width:100%;border-collapse:collapse;font-size:.875rem}.billing-table th{padding:.75rem 1.25rem;text-align:left;font-weight:600;font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em}.billing-table td,.billing-table th{border-bottom:1px solid var(--gray-100)}.billing-table td{padding:.875rem 1.25rem}.billing-table tbody tr:hover{background:var(--gray-50)}.billing-table tbody tr:last-child td{border-bottom:none}.billing-invoice-number{font-weight:500;color:var(--gray-900)}.billing-invoice-date{font-size:.75rem;color:var(--gray-500)}.billing-invoice-merchant{font-size:.8125rem;color:var(--gray-600)}.billing-invoice-period{font-size:.8125rem;color:var(--gray-500)}.billing-invoice-amount{font-weight:600;color:var(--gray-900)}.billing-invoice-action{text-align:right}.billing-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.billing-empty-icon{width:3rem;height:3rem;color:var(--gray-300);margin-bottom:1rem}.billing-empty-title{font-size:1rem;font-weight:600;color:var(--gray-900);margin:0 0 .5rem}.billing-empty-text{font-size:.8125rem;color:var(--gray-500);margin:0;max-width:300px}.billing-section-divider{height:1px;background:rgba(255,255,255,.1);margin:1.25rem 0}.billing-card-title{display:flex;align-items:center;gap:.5rem}.billing-card-title svg{color:var(--gray-400)}.billing-balance-card .billing-card-title svg{color:rgba(255,255,255,.6)}.auto-topup-title-row{display:flex;align-items:center;gap:.5rem}.auto-topup-icon{color:rgba(255,255,255,.6)}.auto-topup-warning{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#fbbf24;margin-top:.75rem;padding:.625rem .875rem;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.2);border-radius:.5rem}.auto-topup-warning svg{flex-shrink:0}.auto-topup-options-inline{overflow:hidden;margin-top:1rem}.auto-topup-rule{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.875rem 1rem;background:rgba(255,255,255,.06);border-radius:.75rem;border:1px solid rgba(255,255,255,.1)}.rule-text{font-size:.8125rem;color:rgba(255,255,255,.7)}.rule-operator{font-size:.9375rem;font-weight:600;color:rgba(255,255,255,.5)}.rule-input-group{display:flex;align-items:center;gap:.25rem}.rule-select{padding:.375rem .625rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:.375rem;color:white;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;min-width:60px;text-align:center}.rule-select:focus{outline:none;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.15)}.rule-select option{background:#1a1a2e;color:white}.rule-currency{font-size:.8125rem;font-weight:500;color:rgba(255,255,255,.6)}.rule-arrow{color:rgba(255,255,255,.4);margin:0 .25rem}.btn-save{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.3);border-radius:.5rem;color:#10b981;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.btn-save:hover:not(:disabled){background:rgba(16,185,129,.3);border-color:rgba(16,185,129,.5)}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-save.success{background:#10b981;border-color:#10b981;color:white}.payment-card-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#F9FAFB;border-radius:.75rem;border:1px solid var(--gray-200);transition:all .15s ease}.payment-card-item.is-default{background:rgba(37,99,235,.04);border-color:var(--primary)}.card-visual{flex-shrink:0}.card-brand-icon{width:48px;height:32px;border-radius:4px}.card-details{flex:1 1;min-width:0}.card-number{display:flex;align-items:center;gap:.5rem;font-family:ui-monospace,SFMono-Regular,SF Mono,monospace;font-size:.9375rem;color:var(--gray-900);margin-bottom:.25rem}.card-number .masked{color:var(--gray-400);font-size:.8125rem;letter-spacing:.05em}.card-number .last4{font-weight:600}.card-meta{display:flex;align-items:center;gap:.75rem}.card-expiry{font-size:.75rem;color:var(--gray-500)}.card-default-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--primary);background:rgba(37,99,235,.1);padding:.125rem .5rem;border-radius:9999px}.card-actions{gap:.375rem}.btn-card-action,.card-actions{display:flex;align-items:center}.btn-card-action{justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--gray-200);border-radius:.375rem;color:var(--gray-500);cursor:pointer;transition:all .15s ease}.btn-card-action:hover:not(:disabled){background:var(--gray-100);border-color:var(--gray-300)}.btn-card-action.btn-set-default:hover:not(:disabled){color:#f59e0b;border-color:#f59e0b;background:rgba(245,158,11,.1)}.btn-card-action.btn-remove:hover:not(:disabled){color:#ef4444;border-color:#ef4444;background:rgba(239,68,68,.1)}.btn-card-action:disabled{opacity:.5;cursor:not-allowed}.payment-methods-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.payment-methods-empty .empty-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border-radius:50%;color:var(--gray-400);margin-bottom:1rem}.payment-methods-empty .empty-text{font-size:.875rem;color:var(--gray-500);margin:0 0 1rem}.btn-add-card{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--primary);border:none;border-radius:.5rem;color:white;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.btn-add-card:hover{background:var(--primary-dark)}.btn-add-payment-method{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;background:transparent;border:2px dashed var(--gray-200);border-radius:.625rem;color:var(--gray-500);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit;margin-top:.75rem}.btn-add-payment-method:hover{border-color:var(--primary);color:var(--primary);background:rgba(37,99,235,.04)}.grace-period-banner{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#fef3c7,#fef9c3);border:1px solid #fcd34d;border-radius:.75rem;margin-bottom:1.5rem}.grace-period-banner.critical{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#f87171}.grace-banner-icon{width:40px;height:40px;background:rgba(217,119,6,.15);border-radius:50%;color:#d97706}.grace-period-banner.critical .grace-banner-icon{background:rgba(220,38,38,.15);color:#dc2626}.grace-banner-title{font-size:.9375rem;font-weight:700;margin:0 0 .375rem;text-transform:uppercase;letter-spacing:.02em}.grace-period-banner.critical .grace-banner-title{color:#991b1b}.grace-banner-text{margin:0;line-height:1.5}.grace-period-banner.critical .grace-banner-text{color:#b91c1c}.grace-banner-action{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#d97706;border:none;border-radius:.5rem;color:white;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit;white-space:nowrap;flex-shrink:0}.grace-period-banner.critical .grace-banner-action{background:#dc2626}.grace-banner-action:hover{filter:brightness(1.1)}.billing-topup-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:1.25rem 1rem;background:#F9FAFB;border:1px solid var(--gray-200);border-radius:.75rem;cursor:pointer;transition:all .15s ease;font-family:inherit}.billing-topup-amount{font-size:1.125rem;font-weight:700;color:var(--gray-900)}.billing-topup-bonus{font-size:.6875rem;font-weight:600;color:#10b981;background:rgba(16,185,129,.1);padding:.125rem .375rem;border-radius:9999px}.billing-history{font-size:13px}.billing-history-empty,.billing-history-error,.billing-history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem;gap:.75rem;color:var(--gray-500);text-align:center}.billing-history-empty svg{color:var(--gray-300);margin-bottom:.5rem}.billing-history-empty p{font-weight:500;color:var(--gray-700);margin:0}.billing-history-empty span{font-size:.8125rem;color:var(--gray-500)}.billing-history-table{display:flex;flex-direction:column}.history-header{padding:.75rem 1rem;background:#F9FAFB;border-radius:.5rem .5rem 0 0;font-size:.6875rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em}.history-header,.history-row{display:grid;grid-template-columns:140px 1fr 100px 100px 50px;grid-gap:1rem;gap:1rem}.history-row{padding:.875rem 1rem;border-bottom:1px solid var(--gray-100);align-items:center}.history-row:last-child{border-bottom:none}.history-row:hover{background:var(--gray-50)}.date-value{font-size:.8125rem;color:var(--gray-600);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.type-label{font-weight:500;color:var(--gray-900)}.type-error{display:block;font-size:.75rem;color:#ef4444;margin-top:.125rem}.amount-value{font-weight:600;color:var(--gray-900);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.amount-value.positive{color:#10b981}.status-badge{align-items:center;gap:.25rem}.status-badge.success{background:rgba(16,185,129,.1);color:#059669}.status-badge.failed{background:rgba(239,68,68,.1);color:#dc2626}.status-badge.info{background:rgba(59,130,246,.1);color:#2563eb}.btn-download{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--gray-200);border-radius:.375rem;color:var(--gray-500);cursor:pointer;transition:all .15s ease}.btn-download:hover{background:var(--gray-100);border-color:var(--gray-300);color:var(--gray-700)}.history-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;border-top:1px solid var(--gray-100)}.page-indicator{font-size:.8125rem;color:var(--gray-500)}@media (max-width:768px){.history-header,.history-row{grid-template-columns:1fr 80px 40px}.col-status,.col-type{display:none}.grace-period-banner{flex-direction:column;align-items:stretch}.grace-banner-action{width:100%;justify-content:center}}.billing-hyper{font-family:Geist Sans,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}.billing-toast-hyper{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:1100;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-size:.8125rem;font-weight:500;box-shadow:0 4px 20px rgba(0,0,0,.15)}.billing-toast-hyper.success{background:#10b981;color:white}.billing-toast-hyper.error{background:#ef4444;color:white}.grace-banner-hyper{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;margin-bottom:1.5rem}.grace-banner-hyper.critical{background:#fee2e2;border-color:#fca5a5}.grace-banner-icon-hyper{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(217,119,6,.15);border-radius:8px;color:#d97706}.grace-banner-hyper.critical .grace-banner-icon-hyper{background:rgba(220,38,38,.15);color:#dc2626}.grace-banner-content-hyper{flex:1 1;display:flex;flex-direction:column;gap:.125rem}.grace-banner-title-hyper{font-size:.875rem;font-weight:600;color:#92400e}.grace-banner-hyper.critical .grace-banner-title-hyper{color:#991b1b}.grace-banner-text-hyper{font-size:.75rem;color:#a16207}.grace-banner-hyper.critical .grace-banner-text-hyper{color:#b91c1c}.grace-banner-btn-hyper{padding:.5rem 1rem;background:#d97706;border:none;border-radius:6px;color:white;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s ease;font-family:inherit}.grace-banner-hyper.critical .grace-banner-btn-hyper{background:#dc2626}.grace-banner-btn-hyper:hover{filter:brightness(1.1)}.initial-setup-banner-hyper{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:12px;margin-bottom:1.5rem}.initial-setup-icon-hyper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:rgba(99,102,241,.15);border-radius:12px;color:#4f46e5;flex-shrink:0}.initial-setup-content-hyper{flex:1 1;display:flex;flex-direction:column;gap:.25rem}.initial-setup-title-hyper{font-size:.9375rem;font-weight:600;color:#1e1b4b}.initial-setup-text-hyper{font-size:.8125rem;color:#4338ca;line-height:1.4}.initial-setup-btn-hyper{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#4f46e5;border:none;border-radius:8px;color:white;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit;white-space:nowrap}.initial-setup-btn-hyper:hover:not(:disabled){background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 12px rgba(79,70,229,.3)}.initial-setup-btn-hyper:disabled{opacity:.7;cursor:wait}@media (max-width:640px){.initial-setup-banner-hyper{flex-direction:column;text-align:center}.initial-setup-btn-hyper{width:100%;justify-content:center}}.billing-grid-hyper{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}@media (max-width:900px){.billing-grid-hyper{grid-template-columns:1fr}}.billing-card-hyper{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.card-header-hyper{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.card-label-hyper{font-size:.8125rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.card-count-hyper{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;background:#3b82f6;color:white;font-size:.6875rem;font-weight:600;border-radius:9999px;padding:0 6px}.balance-card-hyper{background:#F9FAFB}.balance-badge-hyper{font-size:.6875rem;font-weight:600;padding:.25rem .625rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.02em}.balance-badge-hyper.ok{background:rgba(16,185,129,.1);color:#059669}.balance-badge-hyper.low{background:rgba(239,68,68,.1);color:#dc2626}.balance-display-hyper{display:flex;align-items:baseline;gap:.25rem;margin-bottom:1rem}.balance-currency-hyper{font-size:1.5rem;font-weight:500;color:#64748b}.balance-value-hyper{font-size:3rem;font-weight:700;color:#0f172a;letter-spacing:-.02em;line-height:1}.balance-meter-hyper{height:6px;background:#e2e8f0;border-radius:9999px;overflow:hidden;margin-bottom:1.5rem}.balance-fill-hyper{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:9999px}.balance-fill-hyper.low{background:linear-gradient(90deg,#ef4444,#f87171)}.smart-settings-hyper{background:white;border:1px solid #e5e7eb;border-radius:10px;padding:1rem}.smart-settings-header-hyper{display:flex;align-items:center;justify-content:space-between}.smart-settings-label-hyper{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#374151}.smart-settings-label-hyper svg{color:#64748b}.toggle-hyper{position:relative;width:40px;height:22px;background:#cbd5e1;border:none;border-radius:9999px;cursor:pointer;transition:background .2s ease}.toggle-hyper.active{background:#10b981}.toggle-hyper.loading{opacity:.6;cursor:wait}.toggle-hyper:disabled{cursor:not-allowed}.toggle-knob-hyper{position:absolute;top:2px;width:18px;height:18px;background:white;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2)}.smart-settings-inputs-hyper{margin-top:1rem;padding-top:1rem;border-top:1px solid #f3f4f6;overflow:hidden}.smart-input-group-hyper label{display:block;font-size:.75rem;font-weight:500;color:#64748b;margin-bottom:.5rem}.smart-input-row-hyper{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.smart-input-label-hyper{font-size:.8125rem;color:#64748b}.smart-input-arrow-hyper{font-size:1rem;color:#94a3b8}.smart-select-hyper{padding:.375rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;font-weight:600;color:#0f172a;cursor:pointer;font-family:inherit}.smart-select-hyper:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.15)}.smart-grace-note-hyper{display:flex;align-items:center;gap:.375rem;margin-top:.75rem;font-size:.75rem;color:#64748b}.smart-grace-note-hyper svg{color:#94a3b8;flex-shrink:0}.auto-topup-section-hyper{background:white;border:1px solid #e5e7eb;border-radius:10px;padding:1rem}.auto-topup-header-hyper{display:flex;align-items:center;justify-content:space-between;gap:1rem}.auto-topup-label-hyper{display:flex;align-items:flex-start;gap:.75rem}.auto-topup-label-hyper svg{color:#3b82f6;margin-top:.125rem;flex-shrink:0}.auto-topup-text-hyper{display:flex;flex-direction:column;gap:.125rem}.auto-topup-title-hyper{font-size:.875rem;font-weight:600;color:#0f172a}.auto-topup-desc-hyper{font-size:.75rem;color:#64748b}.auto-topup-requirement-hyper{display:flex;align-items:center;gap:.375rem;margin-top:.75rem;padding:.5rem .75rem;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;font-size:.75rem;color:#92400e}.auto-topup-requirement-hyper svg{color:#f59e0b;flex-shrink:0}.auto-topup-error-hyper{margin-top:.5rem;padding:.5rem .75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:.75rem;color:#dc2626}.auto-topup-settings-hyper{margin-top:1rem;padding-top:1rem;border-top:1px solid #f3f4f6;overflow:hidden}.auto-topup-inputs-hyper{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.auto-topup-input-group-hyper{flex:1 1;min-width:120px}.auto-topup-input-group-hyper label{display:block;font-size:.6875rem;font-weight:500;color:#64748b;margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.025em}.auto-topup-arrow-hyper{display:flex;align-items:center;justify-content:center;width:24px;height:36px;font-size:1rem;color:#94a3b8}.auto-topup-select-hyper{width:100%;padding:.5rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;font-weight:600;color:#0f172a;cursor:pointer;font-family:inherit}.auto-topup-select-hyper:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.15)}.auto-topup-note-hyper{display:flex;align-items:center;gap:.375rem;margin-top:.75rem;font-size:.75rem;color:#64748b}.auto-topup-note-hyper svg{color:#94a3b8;flex-shrink:0}.subscription-card-hyper{border-left:3px solid #3b82f6}.subscription-badge-hyper{font-size:.6875rem;font-weight:600;padding:.25rem .5rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.025em}.subscription-badge-hyper.active{background:rgba(16,185,129,.1);color:#059669}.subscription-badge-hyper.grace_period{background:rgba(251,191,36,.15);color:#d97706}.subscription-badge-hyper.suspended{background:rgba(239,68,68,.1);color:#dc2626}.subscription-badge-hyper.cancelled{background:rgba(107,114,128,.1);color:#6b7280}.subscription-details-hyper{display:flex;flex-direction:column;gap:.75rem}.subscription-plan-hyper{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.subscription-plan-name-hyper{font-size:1.125rem;font-weight:700;color:#0f172a}.subscription-plan-price-hyper{font-size:.875rem;font-weight:600;color:#3b82f6}.subscription-billing-hyper{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#64748b}.subscription-billing-hyper svg{color:#94a3b8;flex-shrink:0}.subscription-days-hyper{color:#94a3b8;margin-left:.25rem}.subscription-grace-warning-hyper{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;font-size:.75rem;color:#92400e}.subscription-grace-warning-hyper svg{color:#f59e0b;flex-shrink:0}.loading-hyper{display:flex;align-items:center;justify-content:center;padding:2rem}.spinner-hyper{width:24px;height:24px;border:2px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin-hyper .6s linear infinite}.spinner-hyper.small{width:16px;height:16px}@keyframes spin-hyper{to{transform:rotate(1turn)}}.topup-card-hyper{margin-bottom:1.5rem}.topup-grid-hyper{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:.75rem;gap:.75rem}.topup-btn-hyper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:1rem;background:#F9FAFB;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .15s ease;font-family:inherit}.topup-btn-hyper:hover:not(:disabled){border-color:#3b82f6;background:rgba(59,130,246,.04)}.topup-btn-hyper.disabled,.topup-btn-hyper:disabled{opacity:.5;cursor:not-allowed}.topup-amount-hyper{font-size:1.125rem;font-weight:700;color:#0f172a}.topup-bonus-hyper{font-size:.6875rem;font-weight:600;color:#10b981;background:rgba(16,185,129,.1);padding:.125rem .375rem;border-radius:9999px}.topup-hint-hyper{margin-top:.75rem;font-size:.75rem;color:#94a3b8;text-align:center}.floating-bar-hyper{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;background:#1e293b;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.25);z-index:1000}.floating-bar-icon-hyper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(251,191,36,.2);border-radius:8px;color:#fbbf24}.floating-bar-text-hyper{font-size:.8125rem;font-weight:500;color:white}.floating-bar-btn-hyper{padding:.5rem 1rem;background:#3b82f6;border:none;border-radius:6px;color:white;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s ease;font-family:inherit;white-space:nowrap}.floating-bar-btn-hyper:hover{background:#2563eb}@media (max-width:640px){.floating-bar-hyper{left:1rem;right:1rem;transform:none;flex-wrap:wrap;justify-content:center}.floating-bar-btn-hyper{width:100%;text-align:center}}.upgrade-hyper{font-family:Geist Sans,-apple-system,BlinkMacSystemFont,sans-serif}.upgrade-header-hyper{margin-bottom:1.5rem}.upgrade-title-hyper{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 .25rem;letter-spacing:-.02em}.upgrade-subtitle-hyper{font-size:.875rem;color:#64748b;margin:0}.upgrade-toast-hyper{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:1100;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-size:.8125rem;font-weight:500;box-shadow:0 4px 20px rgba(0,0,0,.15)}.upgrade-toast-hyper.success{background:#10b981;color:white}.upgrade-toast-hyper.error{background:#ef4444;color:white}.upgrade-card-hyper{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;margin-bottom:1.25rem}.upgrade-card-header-hyper{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.upgrade-card-label-hyper{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.shop-selector-hyper{padding:1rem}.shop-selector-grid-hyper{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.75rem}.shop-chip-hyper{display:flex;flex-direction:column;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;text-decoration:none;color:inherit;transition:all .15s ease}.shop-chip-hyper:hover{border-color:var(--gray-300);background:var(--hover-secondary-bg)}.shop-chip-hyper.active{border-color:#3b82f6;background:rgba(59,130,246,.05)}.shop-chip-name-hyper{font-size:.875rem;font-weight:600;color:#0f172a}.shop-chip-domain-hyper{font-size:.75rem;color:#64748b}.upgrade-bento-hyper{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:1.25rem;gap:1.25rem;margin-bottom:2rem}@media (max-width:900px){.upgrade-bento-hyper{grid-template-columns:1fr}}.balance-bento-hyper{background:#F9FAFB}.balance-bento-hyper.warning{border-color:#fbbf24;background:linear-gradient(180deg,#fefce8,#f9fafb)}.balance-status-hyper{font-size:.6875rem;font-weight:600;padding:.25rem .625rem;border-radius:9999px;text-transform:uppercase}.balance-status-hyper.ok{background:rgba(16,185,129,.1);color:#059669}.balance-status-hyper.low{background:rgba(239,68,68,.1);color:#dc2626}.balance-amount-hyper{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.75rem}.balance-currency-bento-hyper{font-size:1.25rem;font-weight:500;color:#64748b}.balance-value-bento-hyper{font-size:2.5rem;font-weight:700;color:#0f172a;letter-spacing:-.02em;line-height:1}.balance-progress-hyper{height:6px;background:#e2e8f0;border-radius:9999px;overflow:hidden;margin-bottom:1.25rem}.balance-progress-fill-hyper{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:9999px}.balance-progress-fill-hyper.low{background:linear-gradient(90deg,#ef4444,#f87171)}.quick-topup-hyper{padding-top:1rem;border-top:1px solid #e5e7eb}.quick-topup-label-hyper{display:block;font-size:.75rem;font-weight:500;color:#64748b;margin-bottom:.75rem}.quick-topup-btns-hyper{display:flex;gap:.5rem;flex-wrap:wrap}.quick-topup-btn-hyper{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:white;border:1px solid #e5e7eb;border-radius:8px;font-size:.8125rem;font-weight:600;color:#0f172a;cursor:pointer;transition:all .15s ease;font-family:inherit}.quick-topup-btn-hyper:hover:not(:disabled){border-color:#3b82f6;background:rgba(59,130,246,.04)}.quick-topup-btn-hyper:disabled{opacity:.6;cursor:not-allowed}.topup-bonus-badge-hyper{font-size:.625rem;font-weight:600;color:#10b981;background:rgba(16,185,129,.1);padding:.125rem .375rem;border-radius:9999px}.current-plan-hyper,.current-plan-info-hyper{display:flex;flex-direction:column}.current-plan-info-hyper{gap:.5rem;flex:1 1}.current-plan-badge-hyper{display:inline-flex;align-self:flex-start;padding:.375rem .875rem;background:#3b82f6;color:white;border-radius:6px;font-size:.8125rem;font-weight:600}.current-plan-shop-hyper{display:flex;flex-direction:column}.plan-shop-name-hyper{font-size:.875rem;font-weight:600;color:#0f172a}.plan-shop-domain-hyper{font-size:.75rem;color:#64748b}.current-plan-price-hyper{font-size:.8125rem;color:#64748b}.grace-period-note-hyper{display:flex;align-items:center;gap:.375rem;margin-top:auto;padding-top:1rem;border-top:1px solid #f3f4f6;font-size:.75rem;color:#64748b}.grace-period-note-hyper svg{color:#94a3b8;flex-shrink:0}.plans-section-hyper{margin-bottom:2rem}.plans-section-header-hyper{margin-bottom:1.25rem}.plans-section-title-hyper{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.plans-section-subtitle-hyper{font-size:.8125rem;color:#64748b;margin:0}.plans-bento-hyper{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.25rem;gap:1.25rem}.plan-card-hyper{background:white;border:1px solid #e5e7eb;border-radius:14px;padding:1.5rem;position:relative;display:flex;flex-direction:column;transition:all .2s ease}.plan-card-hyper:hover{border-color:#cbd5e1;box-shadow:0 4px 20px rgba(0,0,0,.06)}.plan-card-hyper.popular{border-color:#3b82f6;box-shadow:0 4px 24px rgba(59,130,246,.12)}.plan-card-hyper.current{opacity:.7}.plan-popular-badge-hyper{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#3b82f6;color:white;padding:.25rem .875rem;border-radius:9999px;font-size:.6875rem;font-weight:600;white-space:nowrap}.plan-header-hyper{text-align:center;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid #f3f4f6}.plan-name-hyper{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.plan-price-hyper{margin-bottom:.5rem}.plan-price-free-hyper{font-size:1.75rem;font-weight:700;color:#0f172a}.plan-price-value-hyper{font-size:2rem;font-weight:700;color:#0f172a}.plan-price-period-hyper{font-size:.875rem;font-weight:400;color:#64748b}.plan-allowance-hyper{display:flex;flex-direction:column;gap:.125rem}.allowance-paygo-hyper{font-size:.8125rem;color:#64748b}.allowance-free-hyper{font-size:.8125rem;font-weight:600;color:#10b981}.allowance-extra-hyper{font-size:.75rem;color:#94a3b8}.plan-features-hyper{list-style:none;padding:0;margin:0 0 1.25rem;flex:1 1}.plan-feature-hyper{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #f8fafc;font-size:.8125rem;color:#374151}.plan-feature-hyper svg{flex-shrink:0;color:#10b981}.plan-feature-hyper.grace{background:rgba(59,130,246,.04);margin:.5rem -.5rem 0;padding:.5rem;border-radius:6px;border:none;color:#3b82f6;font-weight:500}.plan-feature-hyper.grace svg{color:#3b82f6}.plan-action-hyper{margin-top:auto}.plan-insufficient-hyper{text-align:center;font-size:.75rem;color:#f59e0b;margin-bottom:.5rem}.plan-btn-hyper{width:100%;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit;border:none}.plan-btn-hyper.primary{background:#3b82f6;color:white}.plan-btn-hyper.primary:hover:not(:disabled){background:#2563eb}.plan-btn-hyper.secondary{background:#f8fafc;color:#374151;border:1px solid #e5e7eb}.plan-btn-hyper.secondary:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.plan-btn-hyper.current{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.plan-btn-hyper:disabled{opacity:.6;cursor:not-allowed}.enterprise-section-hyper{margin-top:2rem}.enterprise-card-hyper{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.enterprise-content-hyper{flex:1 1;min-width:200px}.enterprise-title-hyper{font-size:1rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.enterprise-subtitle-hyper{font-size:.8125rem;color:#64748b;margin:0}.enterprise-btn-hyper{padding:.625rem 1.25rem;background:#1e293b;color:white;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s ease;font-family:inherit}.enterprise-btn-hyper:hover{background:#0f172a}.enterprise-form-hyper{width:100%;overflow:hidden}.enterprise-textarea-hyper{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;resize:vertical;font-family:inherit;margin-bottom:.75rem}.enterprise-textarea-hyper:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.enterprise-form-actions-hyper{display:flex;gap:.75rem;justify-content:flex-end}.enterprise-cancel-hyper{padding:.5rem 1rem;background:transparent;color:#64748b;border:1px solid #e5e7eb;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;font-family:inherit}.enterprise-cancel-hyper:hover{background:#f8fafc}.enterprise-submit-hyper{padding:.5rem 1rem;background:#3b82f6;color:white;border:none;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;font-family:inherit}.enterprise-submit-hyper:hover{background:#2563eb}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:var(--primary);color:white;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s ease;font-family:inherit}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:transparent;border:1px solid var(--gray-200);font-size:.875rem;cursor:pointer;transition:all .15s ease;font-family:inherit}.btn-ghost:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-700)}.btn-text{background:none;border:none;color:var(--primary);font-size:inherit;font-weight:500;cursor:pointer;padding:0;font-family:inherit}.btn-text:hover{text-decoration:underline}.btn-xs{padding:.25rem .5rem;font-size:.75rem}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:all .15s ease;color:var(--gray-400)}.btn-icon:hover:not(:disabled){background:var(--gray-100);color:var(--gray-600)}.btn-danger-icon:hover:not(:disabled){background:var(--error-light);color:var(--error)}.spinner-xs{width:.875rem;height:.875rem;border:2px solid;border-top:2px solid transparent;border-radius:50%;animation:spin .6s linear infinite}.balance-alert-wrapper{margin-bottom:1rem}.suspended-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.suspended-modal{max-width:480px;width:100%;background:#ffffff;border-radius:1rem;padding:2.5rem;text-align:center;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.suspended-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:50%;margin-bottom:1.5rem}.suspended-icon svg{color:#dc2626}.suspended-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.75rem}.suspended-description{font-size:.9375rem;color:#6b7280;line-height:1.6;margin-bottom:1.5rem}.suspended-info{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:#fef2f2;border-radius:.75rem;margin-bottom:1.5rem}.suspended-info-item{display:flex;align-items:center;gap:.625rem;font-size:.875rem;color:#991b1b}.suspended-info-item svg{flex-shrink:0}.suspended-actions{display:flex;flex-direction:column;gap:.75rem}.suspended-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#ffffff;font-size:.9375rem;font-weight:600;border:none;border-radius:.625rem;cursor:pointer;text-decoration:none;transition:all .2s ease}.suspended-btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.3)}.suspended-btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:transparent;color:#6b7280;font-size:.875rem;font-weight:500;border:1px solid #e5e7eb;border-radius:.625rem;cursor:pointer;text-decoration:none;transition:all .2s ease}.suspended-btn-secondary:hover{background:#f9fafb;color:#374151;border-color:#d1d5db}.suspended-footer{margin-top:1.5rem;font-size:.8125rem;color:#9ca3af}.auto-topup-status-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:.75rem;margin-bottom:1rem}.auto-topup-status-card.inactive{background:linear-gradient(135deg,#fefce8,#fef3c7);border-color:#fde68a}.auto-topup-status-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff;border-radius:.5rem;flex-shrink:0}.auto-topup-status-card .auto-topup-status-icon svg{color:#16a34a}.auto-topup-status-card.inactive .auto-topup-status-icon svg{color:#ca8a04}.auto-topup-status-content{flex:1 1}.auto-topup-status-title{font-size:.875rem;font-weight:600;color:#166534;margin-bottom:.25rem}.auto-topup-status-card.inactive .auto-topup-status-title{color:#854d0e}.auto-topup-status-description{font-size:.8125rem;color:#15803d;margin:0}.auto-topup-status-card.inactive .auto-topup-status-description{color:#a16207}.auto-topup-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#ffffff;border-radius:9999px;font-size:.75rem;font-weight:600;color:#16a34a}.auto-topup-status-card.inactive .auto-topup-status-badge{color:#ca8a04}.payment-method-display{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.04)}.payment-method-card-icon{width:48px;height:32px}.payment-method-card-details{flex:1 1}.payment-method-card-number{font-size:.9375rem;font-weight:600;color:#111827;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.payment-method-card-expiry{font-size:.75rem;color:#6b7280;margin-top:.125rem}.payment-method-change-btn{padding:.5rem 1rem;background:transparent;color:#3b82f6;font-size:.8125rem;font-weight:600;font-family:inherit;border:1px solid #3b82f6;border-radius:8px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.payment-method-change-btn:hover{background:#3b82f6;color:white;transform:translateY(-1px);box-shadow:0 2px 8px rgba(59,130,246,.3)}.sidebar-quick-status{display:block;text-decoration:none;padding:.75rem;margin:.5rem .75rem;background:var(--gray-50);border-radius:8px;border:1px solid var(--gray-200);transition:all .15s ease}.sidebar-quick-status:hover{background:var(--gray-100);border-color:var(--gray-300)}.sidebar-quick-status.loading{pointer-events:none}.quick-status-skeleton{height:48px;background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.quick-status-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.75rem}.quick-status-label{color:var(--gray-500)}.quick-status-value{font-weight:600;color:var(--gray-900)}.quick-status-value.low{color:var(--warning)}.quick-status-warning{margin-top:.5rem;padding:.5rem;background:#fef3c7;border-radius:6px;font-size:.75rem;color:#92400e;text-align:center;display:flex;align-items:center;justify-content:center;gap:.375rem}.quick-status-warning.critical{background:#fee2e2;color:#991b1b}.account-billing{position:relative}.account-billing-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.account-billing-title{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:.25rem}.account-billing-subtitle{font-size:.875rem;color:var(--gray-500)}.account-billing-tabs{display:flex;gap:.25rem;background:var(--gray-100);padding:.25rem;border-radius:8px}.account-billing-tabs .tab-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--gray-600);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.account-billing-tabs .tab-btn:hover{color:var(--gray-900)}.account-billing-tabs .tab-btn.active{background:white;color:var(--gray-900);box-shadow:0 1px 3px rgba(0,0,0,.1)}.account-billing-toast{position:fixed;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:white;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);font-size:.875rem;font-weight:500;z-index:100}.account-billing-toast.success{border-left:3px solid var(--success);color:var(--success)}.account-billing-toast.error{border-left:3px solid var(--danger);color:var(--danger)}.account-billing-shop-selector{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:white;border-radius:12px;border:1px solid var(--gray-200)}.shop-selector-label{font-size:.875rem;font-weight:500;color:var(--gray-600)}.shop-selector-chips{display:flex;flex-wrap:wrap;gap:.5rem}.shop-chip{display:flex;flex-direction:column;padding:.5rem .75rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;text-decoration:none;transition:all .15s ease}.shop-chip:hover{background:var(--gray-100);border-color:var(--gray-300)}.shop-chip.active{background:var(--primary-light);border-color:var(--primary)}.shop-chip-name{font-size:.8125rem;font-weight:600;color:var(--gray-900)}.shop-chip-domain{font-size:.6875rem;color:var(--gray-500)}.shop-chip.active .shop-chip-name{color:var(--primary)}.account-billing-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}@media (max-width:1024px){.account-billing-grid{grid-template-columns:1fr}}.account-billing-card{background:white;border-radius:12px;border:1px solid var(--gray-200);padding:1.5rem}.account-billing-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.account-billing-card .card-label{font-size:.8125rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.account-billing-card .card-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .375rem;background:var(--gray-100);color:var(--gray-600);font-size:.75rem;font-weight:600;border-radius:9999px}.balance-card .balance-display{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.75rem}.balance-card .balance-currency{font-size:1.25rem;font-weight:600;color:var(--gray-400)}.balance-card .balance-value{font-size:2.5rem;font-weight:700;color:var(--gray-900);line-height:1}.balance-card .balance-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.6875rem;font-weight:600;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.balance-card .balance-badge.ok{background:var(--success-light);color:var(--success)}.balance-card .balance-badge.low{background:var(--warning-light);color:var(--warning)}.balance-card .balance-meter{height:6px;background:var(--gray-100);border-radius:3px;overflow:hidden;margin-bottom:1rem}.balance-card .balance-fill{height:100%;background:var(--success);border-radius:3px;transition:width .6s ease}.balance-card .balance-fill.low{background:var(--warning)}.balance-card .current-plan-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--gray-50);border-radius:8px;margin-bottom:1rem;flex-wrap:wrap}.balance-card .current-plan-label{font-size:.8125rem;color:var(--gray-500)}.balance-card .current-plan-badge{display:inline-flex;padding:.25rem .5rem;background:var(--primary);color:white;font-size:.75rem;font-weight:600;border-radius:4px}.balance-card .next-billing{font-size:.75rem;color:var(--gray-500);margin-left:auto}.auto-topup-section{border-top:1px solid var(--gray-100);padding-top:1rem}.auto-topup-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.auto-topup-label{display:flex;align-items:flex-start;gap:.75rem}.auto-topup-label svg{flex-shrink:0;color:var(--gray-400);margin-top:.125rem}.auto-topup-text{display:flex;flex-direction:column;gap:.125rem}.auto-topup-title{font-size:.875rem;font-weight:600;color:var(--gray-900)}.auto-topup-desc{font-size:.75rem;color:var(--gray-500)}.toggle-btn{position:relative;width:44px;height:24px;background:var(--gray-200);border:none;border-radius:12px;cursor:pointer;transition:background .2s ease;flex-shrink:0}.toggle-btn.active{background:var(--primary)}.toggle-btn.loading{opacity:.6;cursor:not-allowed}.toggle-knob{position:absolute;top:2px;width:20px;height:20px;background:white;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.2)}.auto-topup-requirement{display:flex;align-items:center;gap:.5rem;background:var(--warning-light);color:#92400e}.auto-topup-error,.auto-topup-requirement{margin-top:.75rem;padding:.5rem .75rem;font-size:.75rem;border-radius:6px}.auto-topup-error{background:var(--danger-light);color:var(--danger)}.auto-topup-settings{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-100)}.auto-topup-inputs{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.auto-topup-input-group{display:flex;flex-direction:column;gap:.375rem}.auto-topup-input-group label{font-size:.6875rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.auto-topup-input-group select{padding:.5rem .75rem;font-size:.875rem;border:1px solid var(--gray-200);border-radius:6px;background:white;color:var(--gray-900);cursor:pointer}.auto-topup-arrow{color:var(--gray-400);font-size:1.25rem;margin-top:1rem}.account-billing-plans,.account-billing-plans .plans-header{margin-bottom:1.5rem}.account-billing-plans .plans-header h2{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin-bottom:.25rem}.account-billing-plans .plans-header p{font-size:.875rem;color:var(--gray-500)}.account-billing-plans .plans-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}@media (max-width:1024px){.account-billing-plans .plans-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.account-billing-plans .plans-grid{grid-template-columns:1fr}}.plan-card{position:relative;background:white;border:1px solid var(--gray-200);border-radius:12px;padding:1.5rem;transition:all .2s ease}.plan-card:hover{border-color:var(--gray-300);box-shadow:0 4px 12px rgba(0,0,0,.08)}.plan-card.popular{border-color:var(--primary);box-shadow:0 4px 12px rgba(37,99,235,.15)}.plan-card.current{background:var(--gray-50)}.plan-popular-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);padding:.25rem .75rem;background:var(--primary);color:white;font-size:.6875rem;font-weight:600;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.plan-header{margin-bottom:1.25rem}.plan-name{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.plan-price{gap:.25rem}.plan-price-value{font-size:1.75rem;font-weight:700;color:var(--gray-900)}.plan-price-period{font-size:.875rem;color:var(--gray-500)}.plan-price-free{font-size:1.5rem;font-weight:700;color:var(--success)}.plan-allowance{display:flex;flex-direction:column;gap:.125rem}.allowance-extra,.allowance-free,.allowance-paygo{font-size:.75rem;color:var(--gray-500)}.allowance-free{color:var(--success);font-weight:500}.plan-features{margin-bottom:1.5rem}.plan-features li{align-items:center;gap:.5rem;padding:.375rem 0;font-size:.8125rem;color:var(--gray-600)}.plan-features li svg{color:var(--success);flex-shrink:0}.plan-features li.grace-feature{color:var(--gray-400);border-top:1px solid var(--gray-100);padding-top:.75rem;margin-top:.5rem}.plan-features li.grace-feature svg{color:var(--gray-400)}.plan-action{margin-top:auto}.plan-insufficient{margin-bottom:.5rem}.plan-insufficient button{padding:.5rem;font-size:.75rem;color:var(--primary);background:transparent;text-decoration:underline}.plan-btn,.plan-insufficient button{width:100%;border:none;cursor:pointer}.plan-btn{display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;font-size:.875rem;font-weight:600;border-radius:8px;transition:all .15s ease}.plan-btn.primary{background:var(--primary);color:white}.plan-btn.primary:hover:not(:disabled){background:var(--primary-hover)}.plan-btn.secondary{background:white;color:var(--gray-700);border:1px solid var(--gray-200)}.plan-btn.secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300)}.plan-btn.current{background:var(--gray-100);color:var(--gray-500);cursor:default}.plan-btn:disabled{opacity:.6;cursor:not-allowed}.enterprise-section{margin-top:2rem}.enterprise-card{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--gray-200);border-radius:12px;flex-wrap:wrap;gap:1rem}.enterprise-content h3{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:.25rem}.enterprise-content p{font-size:.875rem;color:var(--gray-500)}.enterprise-btn{padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;color:var(--primary);background:white;border:1px solid var(--primary);border-radius:8px;cursor:pointer;transition:all .15s ease}.enterprise-btn:hover{background:var(--primary);color:white}.enterprise-form{width:100%;margin-top:1rem}.enterprise-form textarea{width:100%;padding:.75rem;font-size:.875rem;border:1px solid var(--gray-200);border-radius:8px;resize:vertical;min-height:80px;margin-bottom:.75rem}.enterprise-form-actions{display:flex;gap:.75rem;justify-content:flex-end}.enterprise-form-actions button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s ease}.enterprise-form-actions button:first-child{background:transparent;color:var(--gray-600);border:1px solid var(--gray-200)}.enterprise-form-actions button.primary{background:var(--primary);color:white;border:none}.account-billing-history{background:white;border-radius:12px;border:1px solid var(--gray-200);padding:1.5rem}.grace-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fef3c7;border:1px solid #fde68a;border-radius:12px;margin-bottom:1.5rem}.grace-banner.critical{background:#fee2e2;border-color:#fecaca}.grace-banner-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:white;border-radius:8px;flex-shrink:0}.grace-banner-icon svg{color:#ca8a04}.grace-banner.critical .grace-banner-icon svg{color:#dc2626}.grace-banner-content{flex:1 1;display:flex;flex-direction:column;gap:.125rem}.grace-banner-title{font-size:.875rem;font-weight:600;color:#92400e}.grace-banner.critical .grace-banner-title{color:#991b1b}.grace-banner-text{font-size:.8125rem;color:#a16207}.grace-banner.critical .grace-banner-text{color:#b91c1c}.grace-banner-btn{padding:.5rem 1rem;font-size:.8125rem;font-weight:600;background:white;color:#92400e;border:1px solid #fbbf24;border-radius:8px;cursor:pointer;transition:all .15s ease}.grace-banner.critical .grace-banner-btn{color:#991b1b;border-color:#f87171}.grace-banner-btn:hover{background:#fef3c7}.initial-setup-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:12px;margin-bottom:1.5rem}.initial-setup-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:white;border-radius:8px;flex-shrink:0}.initial-setup-icon svg{color:var(--primary);animation:spin 3s linear infinite}.initial-setup-content{flex:1 1;display:flex;flex-direction:column;gap:.125rem}.initial-setup-title{font-size:.875rem;font-weight:600;color:#1e40af}.initial-setup-text{font-size:.8125rem;color:#3b82f6}.initial-setup-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;background:var(--primary);color:white;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.initial-setup-btn:hover:not(:disabled){background:var(--primary-hover)}.initial-setup-btn:disabled{opacity:.7;cursor:not-allowed}.floating-action-bar{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:#1f2937;color:white;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:50}.floating-bar-icon{display:flex;align-items:center;justify-content:center}.floating-bar-icon svg{color:#fbbf24}.floating-bar-text{font-size:.875rem;color:#e5e7eb}.floating-bar-btn{padding:.5rem 1rem;font-size:.8125rem;font-weight:600;background:var(--primary);color:white;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.floating-bar-btn:hover{background:var(--primary-hover)}.admin-controls{margin-bottom:1.5rem}.admin-controls .card-header h2{font-size:1rem;font-weight:600;color:var(--gray-900)}.admin-actions{display:flex;flex-direction:column;gap:.5rem}.admin-note{font-size:.75rem;color:var(--gray-500)}.invoices-card .invoices-empty{display:flex;flex-direction:column;align-items:center;padding:3rem 1rem;text-align:center}.invoices-card .invoices-empty svg{color:var(--gray-300);margin-bottom:1rem}.invoices-card .invoices-empty h3{font-size:1rem;font-weight:600;color:var(--gray-700);margin-bottom:.25rem}.invoices-card .invoices-empty p{font-size:.875rem;color:var(--gray-500)}.invoices-table-container{overflow-x:auto}.invoices-table{width:100%;border-collapse:collapse}.invoices-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--gray-200)}.invoices-table td{padding:.75rem 1rem;font-size:.875rem;color:var(--gray-600);border-bottom:1px solid var(--gray-100)}.invoice-number{font-weight:600;color:var(--gray-900)}.invoice-date{font-size:.75rem;color:var(--gray-500)}.invoice-merchant,.invoice-period{color:var(--gray-600)}.invoice-amount{font-weight:600;color:var(--gray-900)}.invoice-action{text-align:right}.account-billing-error,.account-billing-no-shop{display:flex;flex-direction:column;align-items:center;padding:4rem 2rem;background:white;border-radius:12px;border:1px solid var(--gray-200);text-align:center}.error-icon,.no-shop-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--gray-100);border-radius:50%;margin-bottom:1.5rem}.error-icon svg,.no-shop-icon svg{color:var(--gray-400)}.account-billing-error h3,.account-billing-no-shop h3{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.account-billing-error p,.account-billing-no-shop p{font-size:.875rem;color:var(--gray-500);margin-bottom:1.5rem;max-width:300px}.suspended-payment-section{width:100%;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #374151}.suspended-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#9ca3af;font-size:.875rem}.suspended-no-card,.suspended-saved-card{display:flex;flex-direction:column;align-items:center}.suspended-payment-label{font-size:.875rem;color:#9ca3af;margin-bottom:1rem}.saved-card-display{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#262626;border:1px solid #404040;border-radius:10px;margin-bottom:1rem;width:100%;max-width:300px}.saved-card-icon{flex-shrink:0}.saved-card-info{flex:1 1;display:flex;flex-direction:column}.saved-card-brand{font-size:.8125rem;font-weight:600;color:#e5e5e5}.saved-card-number{font-size:.75rem;color:#9ca3af;font-family:monospace}.saved-card-expiry{font-size:.75rem;color:#6b7280}.suspended-error{padding:.75rem;background:#450a0a;border:1px solid #7f1d1d;border-radius:8px;margin-bottom:1rem;color:#fca5a5;font-size:.8125rem}.suspended-btn-topup,.suspended-error{display:flex;align-items:center;gap:.5rem;width:100%;max-width:300px}.suspended-btn-topup{justify-content:center;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;background:linear-gradient(135deg,#10b981,#059669);color:white;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;margin-bottom:.75rem}.suspended-btn-topup:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.4)}.suspended-btn-topup:disabled{opacity:.7;cursor:not-allowed}.suspended-btn-change-card{padding:.5rem 1rem;font-size:.8125rem;font-weight:500;color:#9ca3af;background:transparent;border:none;cursor:pointer;text-decoration:underline;transition:color .15s ease}.suspended-btn-change-card:hover:not(:disabled){color:#e5e5e5}.suspended-btn-change-card:disabled{opacity:.5;cursor:not-allowed}.suspended-support-link{margin-top:1.5rem;font-size:.8125rem;color:#6b7280;text-decoration:none}.suspended-support-link:hover{color:#9ca3af;text-decoration:underline}.suspended-modal.success .suspended-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.suspended-modal.success .suspended-icon svg{color:#10b981}.suspended-spinner{margin-top:1rem}.inline-payment-error,.inline-payment-loading{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;color:#9ca3af;font-size:.875rem}.inline-payment-form{width:100%;max-width:350px}.inline-payment-form-error{margin-top:.75rem;padding:.5rem .75rem;background:#450a0a;border:1px solid #7f1d1d;border-radius:6px;color:#fca5a5;font-size:.8125rem}.inline-payment-form-actions{display:flex;justify-content:center;gap:.75rem;margin-top:1rem}.inline-payment-form-actions .btn-ghost{padding:.5rem 1rem;font-size:.875rem;color:#9ca3af;background:transparent;border:1px solid #404040;border-radius:8px;cursor:pointer;transition:all .15s ease}.inline-payment-form-actions .btn-ghost:hover{background:#262626;color:#e5e5e5}.inline-payment-form-actions .btn-primary{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;background:var(--primary);color:white;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.inline-payment-form-actions .btn-primary:hover:not(:disabled){background:var(--primary-hover)}.inline-payment-form-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.carrier-hub{max-width:1200px;margin:0 auto;padding:0}.carrier-toast{position:fixed;top:24px;left:50%;transform:translateX(-50%);z-index:1000;display:flex;align-items:center;gap:10px;padding:14px 20px;background:#18181b;color:#fafafa;border-radius:10px;font-size:.875rem;font-weight:500;box-shadow:0 10px 40px rgba(0,0,0,.3)}.carrier-toast.success{background:#065f46}.carrier-toast.success svg{color:#34d399}.carrier-toast.error{background:#7f1d1d}.carrier-toast.error svg{color:#fca5a5}.carrier-hub-header{margin-bottom:24px}.carrier-hub-title-group h1{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin:0 0 6px;letter-spacing:-.02em}.carrier-hub-title-group p{font-size:.9375rem;color:var(--gray-500);margin:0}.carrier-context-banner{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--gray-200);border-radius:12px;margin-bottom:28px}.context-icon{justify-content:center;width:36px;height:36px;background:white;border-radius:8px;border:1px solid var(--gray-200);color:var(--gray-500)}.context-icon,.context-text{display:flex;align-items:center}.context-text{gap:8px;flex-wrap:wrap}.context-label{font-size:.875rem;color:var(--gray-500)}.context-text strong{font-size:.9375rem;font-weight:600;color:var(--gray-900)}.context-domain{font-size:.8125rem;color:var(--gray-400);padding:2px 8px;background:var(--gray-100);border-radius:4px}.carrier-hub-grid{display:grid;grid-template-columns:280px 1fr;grid-gap:28px;gap:28px;min-height:500px}.carrier-sidebar{background:white;border:1px solid var(--gray-200);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04)}.carrier-sidebar-header{padding:16px 20px;border-bottom:1px solid var(--gray-100)}.carrier-sidebar-header span{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400)}.carrier-nav{display:flex;flex-direction:column;padding:8px;gap:4px}.carrier-nav-item{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.carrier-nav-item:hover:not(.disabled){background:var(--gray-50)}.carrier-nav-item.active{background:var(--gray-900)}.carrier-nav-item.active .nav-name{color:white}.carrier-nav-item.active .carrier-status-badge{background:rgba(255,255,255,.15);color:rgba(255,255,255,.9)}.carrier-nav-item.active .carrier-status-badge.active{background:rgba(16,185,129,.2);color:#34d399}.carrier-nav-item.active .carrier-status-badge.active .status-dot{background:#34d399}.carrier-nav-item.disabled{opacity:.5;cursor:not-allowed}.nav-active-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--primary);border-radius:0 3px 3px 0}.nav-info{display:flex;flex-direction:column;gap:4px;flex:1 1;min-width:0}.nav-name{font-size:.9375rem;font-weight:500;color:var(--gray-900)}.carrier-logo{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;font-weight:700;font-size:.875rem;letter-spacing:-.02em;flex-shrink:0}.carrier-logo.dpd{background:linear-gradient(135deg,#dc0032,#b80028);color:white}.carrier-logo.omniva{background:linear-gradient(135deg,#ff6600,#e65c00);color:white}.carrier-logo.venipak{background:linear-gradient(135deg,#00a651,#008f45);color:white}.carrier-logo.lpexpress{background:linear-gradient(135deg,#ffc300,#e6b000);color:#1a1a1a}.carrier-logo.smartpost{background:linear-gradient(135deg,#0066cc,#0052a3);color:white}.carrier-logo.nav-logo{width:38px;height:38px;font-size:.8125rem}.carrier-logo.panel-logo{width:52px;height:52px;font-size:1rem}.carrier-logo.coming-soon-logo,.carrier-logo.empty-logo{width:72px;height:72px;font-size:1.25rem}.carrier-status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;font-size:.6875rem;font-weight:600;border-radius:5px;text-transform:uppercase;letter-spacing:.02em}.carrier-status-badge.active{background:rgba(16,185,129,.12);color:#059669}.carrier-status-badge.active .status-dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.carrier-status-badge.configured{background:rgba(59,130,246,.1);color:#2563eb}.carrier-status-badge.missing{background:var(--gray-100);color:var(--gray-500)}.carrier-status-badge.coming-soon{background:rgba(168,85,247,.1);color:#7c3aed}.carrier-main{min-width:0}.carrier-panel{background:white;border:1px solid var(--gray-200);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04)}.carrier-configured-panel{padding:28px}.panel-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid var(--gray-100);margin-bottom:24px}.panel-header-left{display:flex;align-items:center;gap:16px}.panel-title-group h2{font-size:1.375rem;font-weight:700;color:var(--gray-900);margin:0 0 4px;letter-spacing:-.02em}.panel-subtitle{font-size:.875rem;color:var(--gray-500)}.panel-status{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:600}.panel-status.active{background:rgba(16,185,129,.1);color:#059669}.panel-status.active .status-indicator{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s ease-in-out infinite}.panel-status.inactive{background:var(--gray-100);color:var(--gray-500)}.connection-card,.credentials-card{background:#fafafa;border:1px solid var(--gray-150,#e8e8e8);border-radius:14px;padding:24px;margin-bottom:20px}.card-header{justify-content:space-between;margin-bottom:20px}.card-header,.card-header h3{display:flex;align-items:center}.card-header h3{gap:10px;font-size:.9375rem;font-weight:600;color:var(--gray-700);margin:0}.card-header h3 svg{color:var(--gray-400)}.test-mode-badge{padding:4px 10px;background:#fef3c7;color:#92400e;font-size:.6875rem;font-weight:600;border-radius:5px;text-transform:uppercase;letter-spacing:.03em}.credentials-list{display:flex;flex-direction:column;gap:16px}.credential-row{display:grid;grid-template-columns:140px 1fr;grid-gap:16px;gap:16px;align-items:center}.credential-label{font-size:.8125rem;font-weight:500;color:var(--gray-500);text-transform:capitalize}.credential-value-wrapper{display:flex;align-items:center;gap:10px}.credential-value{flex:1 1;padding:10px 14px;background:white;border:1px solid var(--gray-200);border-radius:8px;font-size:.875rem;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;color:var(--gray-700)}.credential-value.masked{letter-spacing:.15em;color:var(--gray-400)}.reveal-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:white;border:1px solid var(--gray-200);border-radius:8px;color:var(--gray-400);cursor:pointer;transition:all .15s ease}.reveal-button:hover{background:var(--gray-50);color:var(--gray-600);border-color:var(--gray-300)}.connection-status{display:flex}.test-status{display:flex;align-items:center;gap:16px;padding:16px;background:white;border:1px solid var(--gray-200);border-radius:10px;width:100%}.test-status .test-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;flex-shrink:0}.test-status.success .test-icon{background:rgba(16,185,129,.1);color:#10b981}.test-status.failed .test-icon{background:rgba(239,68,68,.1);color:#ef4444}.test-status.pending .test-icon{background:var(--gray-100);color:var(--gray-400)}.test-info{display:flex;flex-direction:column;gap:2px}.test-label{font-size:.9375rem;font-weight:600;color:var(--gray-900)}.test-hint,.test-time{font-size:.8125rem;color:var(--gray-500)}.test-error{font-size:.8125rem;color:#dc2626}.panel-actions{display:flex;gap:12px;margin-top:28px;padding-top:24px;border-top:1px solid var(--gray-100)}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:.875rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .15s ease;text-decoration:none;border:none}.action-btn.primary{background:var(--gray-900);color:white}.action-btn.primary:hover{background:var(--gray-800);transform:translateY(-1px)}.action-btn.secondary{background:white;color:var(--gray-700);border:1px solid var(--gray-300)}.action-btn.secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.action-btn.secondary:disabled{opacity:.5;cursor:not-allowed}.action-btn.secondary.loading{pointer-events:none}.action-btn.large{padding:16px 28px;font-size:.9375rem}.spinner{width:16px;height:16px;border:2px solid var(--gray-300);border-top-color:var(--gray-600);border-radius:50%;animation:spin .8s linear infinite}.carrier-empty-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 40px;min-height:450px}.empty-visual{margin-bottom:28px}.empty-icon-wrapper{position:relative;display:inline-block}.empty-plus{position:absolute;bottom:-4px;right:-4px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--gray-900);border-radius:8px;color:white}.carrier-empty-panel h2{font-size:1.375rem;font-weight:700;color:var(--gray-900);margin:0 0 12px}.carrier-empty-panel p{font-size:.9375rem;color:var(--gray-500);max-width:380px;margin:0 0 28px;line-height:1.6}.empty-features{display:flex;flex-direction:column;gap:10px;margin-bottom:32px}.empty-features .feature{display:flex;align-items:center;gap:10px;font-size:.875rem;color:var(--gray-600)}.empty-features .feature svg{color:#10b981}.carrier-coming-soon-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 40px;min-height:450px}.coming-soon-visual{position:relative;margin-bottom:28px}.coming-soon-badge{position:absolute;bottom:-8px;right:-12px;padding:6px 12px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:white;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;box-shadow:0 4px 12px rgba(124,58,237,.3)}.carrier-coming-soon-panel h2{font-size:1.375rem;font-weight:700;color:var(--gray-900);margin:0 0 12px}.carrier-coming-soon-panel p{font-size:.9375rem;color:var(--gray-500);max-width:360px;margin:0 0 32px}.coming-soon-features{display:flex;flex-direction:column;gap:12px}.coming-soon-features .feature-item{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--gray-50);border-radius:8px;font-size:.875rem;color:var(--gray-600)}.coming-soon-features .feature-item svg{color:#8b5cf6}@media (max-width:900px){.carrier-hub-grid{grid-template-columns:1fr;gap:20px}.carrier-sidebar{order:2}.carrier-main{order:1}.carrier-nav{flex-direction:row;overflow-x:auto;padding:8px;gap:8px;-webkit-overflow-scrolling:touch}.carrier-nav-item{flex-shrink:0;flex-direction:column;padding:12px 16px;min-width:100px}.nav-info{align-items:center;text-align:center}.carrier-logo.nav-logo{width:36px;height:36px}.nav-active-indicator{display:none}}@media (max-width:640px){.carrier-configured-panel{padding:20px}.credential-row{grid-template-columns:1fr;gap:6px}.panel-actions{flex-direction:column}.action-btn{width:100%}.panel-header{flex-direction:column;align-items:flex-start;gap:16px}.carrier-coming-soon-panel,.carrier-empty-panel{padding:40px 24px;min-height:auto}}.hero-balance-card{background:linear-gradient(135deg,#18181b,#27272a);border-radius:20px;padding:32px;color:white;position:relative;overflow:hidden}.hero-balance-card:before{content:"";position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.03) 0,transparent 70%);pointer-events:none}.hero-balance-card.low-balance{background:linear-gradient(135deg,#450a0a,#7f1d1d)}.hero-balance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.hero-balance-label{display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:500;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.05em}.hero-status-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:600}.hero-status-badge.success{background:rgba(16,185,129,.2);color:#34d399}.hero-status-badge.warning{background:rgba(251,191,36,.2);color:#fbbf24}.hero-status-badge .pulse-dot{width:8px;height:8px;background:#fbbf24;border-radius:50%;animation:heroGlow 1.5s ease-in-out infinite}@keyframes heroGlow{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(251,191,36,.4)}50%{opacity:.6;box-shadow:0 0 0 8px rgba(251,191,36,0)}}.hero-balance-amount{display:flex;align-items:baseline;gap:12px;margin-bottom:28px}.hero-currency{font-size:1.5rem;font-weight:500;color:rgba(255,255,255,.5)}.hero-value{font-size:4rem;font-weight:800;letter-spacing:-.03em;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hero-balance-meter{margin-bottom:24px}.hero-balance-meter .meter-labels{display:flex;justify-content:space-between;font-size:.6875rem;color:rgba(255,255,255,.4);margin-bottom:8px}.hero-balance-meter .meter-track{position:relative;height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:visible}.hero-balance-meter .meter-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;position:relative}.hero-balance-meter .meter-fill.low{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.hero-balance-meter .meter-threshold{position:absolute;top:-4px;transform:translateX(-50%);z-index:2}.hero-balance-meter .threshold-line{width:2px;height:16px;background:rgba(255,255,255,.3);border-radius:1px}.hero-balance-meter .threshold-label{position:absolute;top:20px;left:50%;transform:translateX(-50%);font-size:.625rem;color:rgba(255,255,255,.4);white-space:nowrap}.hero-plan-info{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.plan-chip{padding:6px 14px;background:rgba(255,255,255,.1);border-radius:6px}.plan-chip .plan-name{font-size:.8125rem;font-weight:600}.next-billing-date{font-size:.8125rem;color:rgba(255,255,255,.5)}.hero-actions{display:flex;gap:12px}.hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;text-decoration:none;border:none}.hero-btn.primary{background:white;color:#18181b;flex:1 1}.hero-btn.primary:hover{background:#f4f4f5;transform:translateY(-1px)}.hero-btn.secondary{background:rgba(255,255,255,.1);color:white;border:1px solid rgba(255,255,255,.2)}.hero-btn.secondary:hover{background:rgba(255,255,255,.15)}.automation-card{background:white;border:1px solid var(--gray-200);border-radius:16px;padding:24px;transition:all .2s ease}.automation-card.enabled{border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.1)}.automation-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.automation-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--gray-100);border-radius:12px;color:var(--gray-500);flex-shrink:0}.automation-card.enabled .automation-icon{background:rgba(16,185,129,.1);color:#10b981}.automation-title-group{flex:1 1}.automation-title-group h3{font-size:1rem;font-weight:600;color:var(--gray-900);margin:0 0 4px}.automation-title-group p{font-size:.8125rem;color:var(--gray-500);margin:0}.automation-toggle{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;background:var(--gray-100);border:none;border-radius:20px;cursor:pointer;transition:all .15s ease}.automation-toggle.active{background:#10b981}.automation-toggle .toggle-track{position:relative;width:40px;height:20px;background:var(--gray-300);border-radius:10px;transition:background .15s ease}.automation-toggle.active .toggle-track{background:rgba(255,255,255,.3)}.automation-toggle .toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:white;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2)}.automation-toggle .toggle-label{font-size:.6875rem;font-weight:700;letter-spacing:.05em;color:var(--gray-500)}.automation-toggle.active .toggle-label{color:white}.automation-flow{justify-content:center;gap:16px;padding:20px;background:var(--gray-50);border-radius:12px;margin-bottom:20px}.automation-flow,.flow-step{display:flex;align-items:center}.flow-step{gap:12px;padding:14px 18px;background:white;border:1px solid var(--gray-200);border-radius:10px;min-width:140px}.flow-step .flow-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;flex-shrink:0}.flow-step.trigger .flow-icon{background:rgba(251,191,36,.1);color:#f59e0b}.flow-step.action .flow-icon{background:rgba(16,185,129,.1);color:#10b981}.flow-content{display:flex;flex-direction:column;gap:2px}.flow-label{font-size:.6875rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.03em}.flow-value{font-size:.9375rem;font-weight:700;color:var(--gray-900)}.flow-connector{color:var(--gray-300);flex-shrink:0}.automation-progress{padding:16px;background:rgba(16,185,129,.05);border-radius:10px;margin-bottom:16px}.automation-progress .progress-bar{position:relative;height:6px;background:var(--gray-200);border-radius:3px;margin-bottom:12px;overflow:visible}.automation-progress .progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px}.automation-progress .progress-threshold{position:absolute;top:-3px;width:12px;height:12px;background:#f59e0b;border:2px solid white;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2)}.automation-progress .progress-labels{display:flex;justify-content:space-between;font-size:.75rem}.threshold-marker{display:flex;align-items:center;gap:6px;color:var(--gray-500)}.threshold-marker .marker-dot{width:8px;height:8px;background:#f59e0b;border-radius:50%}.current-marker{font-weight:600;color:#10b981}.automation-settings{display:flex;gap:16px;padding-top:16px;border-top:1px solid var(--gray-100);margin-top:16px}.automation-settings .settings-row{flex:1 1}.automation-settings label{display:block;font-size:.75rem;font-weight:500;color:var(--gray-500);margin-bottom:6px}.automation-settings select{width:100%;padding:10px 12px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;font-size:.875rem;font-weight:600;color:var(--gray-900);cursor:pointer}.automation-requirement{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fef3c7;border-radius:8px;font-size:.8125rem;color:#92400e}.automation-error{padding:10px 14px;background:#fef2f2;border-radius:8px;font-size:.8125rem;color:#dc2626;margin-top:12px}@media (max-width:768px){.hero-balance-card{padding:24px}.hero-value{font-size:3rem}.automation-flow,.hero-actions{flex-direction:column}.automation-flow{gap:12px}.flow-connector{transform:rotate(90deg)}.automation-settings{flex-direction:column}}.stats-overview{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-bottom:1.5rem}.stat-card{display:flex;align-items:center;gap:16px;padding:24px;background:white;border-radius:16px;border:1px solid var(--gray-200);text-decoration:none;color:inherit;transition:all .2s ease;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--gray-300);box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px)}.stat-card-icon{flex-shrink:0;width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center}.stat-card-icon svg{width:28px;height:28px}.stat-card-orders .stat-card-icon{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:var(--primary)}.stat-card-balance .stat-card-icon{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:var(--success)}.stat-card-balance.low-balance .stat-card-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.stat-card-labels .stat-card-icon{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#9333ea}.stat-card-content{flex:1 1;display:flex;flex-direction:column;gap:4px}.stat-card-label{font-size:.8125rem;font-weight:500;color:var(--gray-500);letter-spacing:-.01em}.stat-card-value{font-size:2rem;font-weight:700;color:var(--gray-900);line-height:1.1;letter-spacing:-.03em}.stat-currency{font-size:1.25rem;font-weight:600;color:var(--gray-500);margin-right:2px}.stat-secondary{font-size:1rem}.stat-card-plan,.stat-secondary{font-weight:500;color:var(--gray-400)}.stat-card-plan{font-size:.75rem;margin-top:2px}.stat-card-warning{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:#d97706;margin-top:4px}.warning-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;animation:pulse-warning 1.5s ease-in-out infinite}@keyframes pulse-warning{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.stat-card-balance.low-balance{border-color:#fcd34d;background:linear-gradient(135deg,#fffbeb,#fef3c7);animation:card-pulse 2s ease-in-out infinite}@keyframes card-pulse{0%,to{box-shadow:0 0 0 0 rgba(251,191,36,.4)}50%{box-shadow:0 0 0 8px rgba(251,191,36,0)}}.stat-card-arrow{flex-shrink:0;color:var(--gray-300);transition:transform .2s ease,color .2s ease}.stat-card-arrow svg{width:20px;height:20px}.stat-card:hover .stat-card-arrow{color:var(--gray-500);transform:translateX(4px)}@media (max-width:1024px){.stats-overview{grid-template-columns:1fr}.stat-card{padding:20px}.stat-card-value{font-size:1.75rem}}.system-status-wrapper{position:relative;margin:.75rem}.system-status-indicator{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;cursor:pointer;transition:all .2s ease}.system-status-indicator:hover{background:var(--gray-100);border-color:var(--gray-300)}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-dot.status-green{background:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,.2)}.status-dot.status-yellow{background:#f59e0b;box-shadow:0 0 0 2px rgba(245,158,11,.2)}.status-dot.status-red{background:#ef4444;box-shadow:0 0 0 2px rgba(239,68,68,.2)}.status-dot.status-gray{background:var(--gray-300)}.status-dot.status-unknown{background:var(--gray-400)}.status-dot.pulse{animation:status-pulse 2s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.status-label{flex:1 1;font-size:.75rem;font-weight:500;color:var(--gray-600);text-align:left}.status-chevron{width:14px;height:14px;color:var(--gray-400);transition:transform .2s ease}.status-chevron.expanded{transform:rotate(180deg)}.system-status-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:white;border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);z-index:50;overflow:hidden}.status-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--gray-100);font-size:.75rem;font-weight:600;color:var(--gray-700)}.status-settings-link{font-size:.6875rem;font-weight:500;color:var(--primary);text-decoration:none}.status-settings-link:hover{text-decoration:underline}.status-carriers-list{padding:8px 0}.status-carrier-item{display:flex;align-items:center;gap:10px;padding:8px 14px}.status-carrier-unconfigured{opacity:.5}.carrier-status-muted{font-style:italic;color:var(--gray-400)}.dark .carrier-status-muted{color:var(--gray-500)}.status-dot-small{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot-small.status-green{background:#10b981}.status-dot-small.status-yellow{background:#f59e0b}.status-dot-small.status-red{background:#ef4444}.status-dot-small.status-gray{background:var(--gray-300)}.carrier-name{flex:1 1;font-size:.8125rem;font-weight:500}.carrier-status-text{font-size:.6875rem;font-weight:500;color:var(--gray-400)}.status-dropdown-footer{padding:10px 14px;border-top:1px solid var(--gray-100);background:var(--gray-50)}.status-update-time{font-size:.625rem;color:var(--gray-400)}.status-dropdown-footer{display:flex;justify-content:space-between;align-items:center}.status-refresh-btn{padding:4px;background:none;border:none;cursor:pointer;color:var(--gray-400);border-radius:4px;transition:all .15s ease}.status-refresh-btn:hover{background:var(--gray-200);color:var(--gray-600)}.status-refresh-btn svg{width:14px;height:14px}.incident-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#ef4444;color:white;font-size:.6875rem;font-weight:600;border-radius:9px;margin-left:auto}.status-tabs{display:flex;border-bottom:1px solid var(--gray-100);padding:0 8px}.status-tab{flex:1 1;padding:10px 12px;background:none;font-size:.75rem;font-weight:500;color:var(--gray-500);cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:6px}.status-tab:hover{color:var(--gray-700)}.status-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.status-tab.has-incidents{color:#ef4444}.status-tab.has-incidents.active{color:#ef4444;border-bottom-color:#ef4444}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background:#ef4444;color:white;font-size:.625rem;font-weight:600;border-radius:8px}.incidents-list{padding:8px 0;max-height:240px;overflow-y:auto}.incident-item{padding:10px 14px;border-bottom:1px solid var(--gray-50)}.incident-item:last-child{border-bottom:none}.incident-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.incident-provider{font-size:.75rem;font-weight:600;color:#ef4444}.incident-time{font-size:.625rem;color:var(--gray-400)}.incident-message{font-size:.75rem;color:var(--gray-600);margin:0;line-height:1.4}.incident-txid{display:inline-block;margin-top:4px;font-size:.625rem;color:var(--gray-400);font-family:var(--font-mono)}.incidents-count-badge{font-size:.625rem;color:#ef4444;font-weight:500}.no-incidents{padding:24px 14px;text-align:center}.no-incidents svg{width:32px;height:32px;color:#10b981;margin-bottom:8px}.no-incidents p{margin:0;font-size:.8125rem;font-weight:500;color:var(--gray-700)}.no-incidents span{display:block;margin-top:4px;font-size:.6875rem;color:var(--gray-400)}.no-providers-configured{padding:24px 14px;text-align:center}.no-providers-configured svg{width:32px;height:32px;color:var(--gray-400);margin-bottom:8px}.no-providers-configured p{margin:0;font-size:.8125rem;font-weight:500;color:var(--gray-700)}.no-providers-configured span{display:block;margin-top:4px;font-size:.6875rem;color:var(--gray-400)}.status-section-divider{padding:8px 14px 4px;font-size:.625rem;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em}.topup-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100}.topup-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:440px;background:white;border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);z-index:101;overflow:hidden}.topup-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--gray-100)}.topup-modal-header h2{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin:0}.topup-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--gray-100);border-radius:8px;cursor:pointer;color:var(--gray-500);transition:all .2s ease}.topup-modal-close:hover{background:var(--gray-200);color:var(--gray-700)}.topup-modal-body{padding:24px}.topup-description{font-size:.875rem;color:var(--gray-600);margin-bottom:20px}.topup-amounts{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.topup-amount-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:12px;cursor:pointer;transition:all .2s ease}.topup-amount-btn:hover:not(:disabled){border-color:var(--primary);background:rgba(37,99,235,.05)}.topup-amount-btn.selected{border-color:var(--primary);background:rgba(37,99,235,.1)}.topup-amount-btn:disabled{opacity:.5;cursor:not-allowed}.topup-amount-btn .amount-value{font-size:1.5rem;font-weight:700;color:var(--gray-900);line-height:1}.topup-amount-btn .amount-currency{font-size:.75rem;font-weight:500;color:var(--gray-500);margin-top:4px}.topup-amount-btn.selected .amount-value{color:var(--primary)}.topup-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border-radius:8px;margin-top:16px;font-size:.875rem;color:#dc2626}.topup-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--gray-100);background:var(--gray-50)}.topup-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}.topup-btn:disabled{opacity:.6;cursor:not-allowed}.topup-btn.secondary{background:white;border:1px solid var(--gray-300);color:var(--gray-700)}.topup-btn.secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.topup-btn.primary{background:var(--primary);color:white}.topup-btn.primary:hover:not(:disabled){background:var(--primary-hover)}.topup-modal-no-card{padding:40px 24px;text-align:center}.topup-modal-no-card .no-card-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 20px;background:var(--gray-100);border-radius:50%;color:var(--gray-400)}.topup-modal-no-card h3{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin-bottom:8px}.topup-modal-no-card p{font-size:.875rem;color:var(--gray-600);margin-bottom:24px}.topup-modal-no-card .topup-btn{min-width:160px}.control-center{max-width:1400px;margin:0 auto}.control-center-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.control-center-title-group{flex:1 1}.control-center-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--gray-500);margin-bottom:.25rem}.control-center-breadcrumb a{color:var(--gray-500);text-decoration:none}.control-center-breadcrumb a:hover{color:var(--primary)}.control-center-title{font-size:1.5rem;font-weight:700;color:var(--gray-900);letter-spacing:-.025em}.control-center-actions{display:flex;align-items:center;gap:.75rem}.control-center-status{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.control-center-status.status-active{background:var(--success-light);color:#065f46}.control-center-status.status-pending{background:var(--warning-light);color:#92400e}.control-center-status.status-suspended{background:var(--danger-light);color:#991b1b}.control-center-alert{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:10px;margin-bottom:1rem}.control-center-alert.alert-danger{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.control-center-alert.alert-warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d}.control-center-alert.alert-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd}.alert-icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.alert-danger .alert-icon{background:#ef4444;color:white}.alert-warning .alert-icon{background:#f59e0b;color:white}.alert-info .alert-icon{background:#3b82f6;color:white}.alert-icon svg{width:1.25rem;height:1.25rem}.alert-content{flex:1 1}.alert-content strong{display:block;font-size:.875rem;font-weight:600;color:var(--gray-900);margin-bottom:.125rem}.alert-content p{font-size:.8125rem;color:var(--gray-600);margin:0}.alert-action{flex-shrink:0;display:inline-flex;align-items:center;padding:.5rem 1rem;background:var(--gray-900);color:white;border-radius:6px;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background .15s}.alert-action:hover{background:var(--gray-700)}.control-center-setup,.hero-stats{margin-bottom:1.5rem}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem}@media (max-width:1200px){.hero-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.hero-stats{grid-template-columns:1fr}}.hero-stat-card{position:relative;display:flex;flex-direction:column;padding:1.25rem;background:white;border:1px solid var(--gray-200);border-radius:12px;text-decoration:none;color:inherit;transition:all .2s ease;overflow:hidden}.hero-stat-card:hover{border-color:var(--gray-300);box-shadow:0 4px 12px rgba(0,0,0,.05);transform:translateY(-2px)}.hero-stat-card.hero-stat-warning{border-color:#fcd34d;background:linear-gradient(135deg,white,#fffbeb)}.hero-stat-card.hero-stat-success{border-color:#86efac;background:linear-gradient(135deg,white,#ecfdf5)}.hero-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.hero-stat-label{font-size:.75rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.hero-stat-change{font-size:.6875rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px}.hero-stat-change.stat-change-up{background:#d1fae5;color:#065f46}.hero-stat-change.stat-change-down{background:#fee2e2;color:#991b1b}.hero-stat-change.stat-change-neutral{background:var(--gray-100);color:var(--gray-600)}.hero-stat-badge{font-size:.6875rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px;background:var(--primary-light);color:var(--primary)}.hero-stat-value{font-size:2rem;font-weight:700;color:var(--gray-900);letter-spacing:-.025em;line-height:1.1}.hero-stat-currency{font-size:.875rem;font-weight:500;color:var(--gray-500);margin-right:.25rem}.hero-stat-footer{margin-top:auto;padding-top:.75rem}.hero-stat-compare{font-size:.75rem;color:var(--gray-500)}.hero-stat-meter{height:4px;background:var(--gray-200);border-radius:2px;overflow:hidden;margin-bottom:.375rem}.hero-stat-meter-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .3s ease}.hero-stat-meter-label{font-size:.6875rem;color:var(--gray-500)}.hero-stat-alert{display:inline-flex;align-items:center;gap:.375rem;margin-top:.5rem;padding:.25rem .5rem;background:#fef3c7;border-radius:4px;font-size:.6875rem;font-weight:600;color:#92400e}.hero-stat-status{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.hero-stat-shield{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.hero-stat-shield svg{width:1.75rem;height:1.75rem}.hero-stat-shield-ok{background:#d1fae5;color:#065f46}.hero-stat-shield-warn{background:#fef3c7;color:#92400e}.hero-stat-status-text{font-size:1rem;font-weight:600;color:var(--gray-900)}.hero-stat-icon{position:absolute;right:1rem;bottom:1rem;width:3rem;height:3rem;opacity:.08;color:var(--gray-900)}.hero-stat-icon svg{width:100%;height:100%}.quick-actions-bar{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:white;border:1px solid var(--gray-200);border-radius:12px;margin-bottom:1.5rem;flex-wrap:wrap}.quick-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s}.quick-action-btn.quick-action-primary{background:var(--gray-900);color:white}.quick-action-btn.quick-action-primary:hover{background:var(--gray-700)}.quick-action-btn.quick-action-secondary{background:var(--gray-100);color:var(--gray-700)}.quick-action-btn.quick-action-secondary:hover{background:var(--gray-200)}.quick-action-btn.quick-action-warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.quick-action-btn.quick-action-warning:hover{background:#fde68a}.quick-action-btn.quick-action-outline{background:white;color:var(--gray-700);border:1px solid var(--gray-300)}.quick-action-btn.quick-action-outline:hover{background:var(--gray-50);border-color:var(--gray-400)}.quick-actions-divider{width:1px;height:24px;background:var(--gray-200);margin:0 .5rem}.quick-action-link{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;color:var(--gray-600);text-decoration:none;font-size:.8125rem;font-weight:500;border-radius:6px;transition:all .15s}.quick-action-link:hover{background:var(--gray-100);color:var(--gray-900)}.logistics-hub{margin-bottom:1.5rem}.pending-actions-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:10px;margin-bottom:1rem}.pending-actions-content{display:flex;align-items:center;gap:.875rem}.pending-actions-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:white;border-radius:8px;color:#92400e}.pending-actions-icon svg{width:1.25rem;height:1.25rem}.pending-actions-text{display:flex;align-items:baseline;gap:.375rem}.pending-actions-count{font-size:1.5rem;font-weight:700;color:#92400e}.pending-actions-label{font-size:.875rem;color:#78350f}.pending-actions-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#92400e;color:white;border-radius:8px;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s}.pending-actions-btn:hover{background:#78350f}.shipments-card{background:white;border:1px solid var(--gray-200);border-radius:12px;overflow:hidden}.shipments-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--gray-100)}.shipments-title{font-size:.875rem;font-weight:600;color:var(--gray-900)}.shipments-view-all{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;color:var(--primary);text-decoration:none}.shipments-view-all:hover{text-decoration:underline}.shipments-empty{padding:3rem 1.5rem;text-align:center;color:var(--gray-400)}.shipments-empty svg{margin-bottom:1rem;opacity:.5}.shipments-empty p{font-size:.875rem;font-weight:500;color:var(--gray-600);margin-bottom:.25rem}.shipments-empty span{font-size:.75rem;color:var(--gray-500)}.shipments-table{font-size:.8125rem}.shipments-table-header{padding:.75rem 1.25rem;background:var(--gray-50);font-size:.6875rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.shipments-table-header,.shipments-table-row{display:grid;grid-template-columns:1.5fr 1fr 1.5fr 1fr 1fr;grid-gap:.75rem;gap:.75rem}.shipments-table-row{padding:.875rem 1.25rem;border-bottom:1px solid var(--gray-100);align-items:center}.shipments-table-row:last-child{border-bottom:none}.shipment-order{display:flex;flex-direction:column;gap:.125rem}.shipment-order-number{font-weight:600;color:var(--gray-900)}.shipment-receiver{font-size:.75rem;color:var(--gray-500)}.carrier-badge{display:inline-flex;font-size:.6875rem;font-weight:600;color:white;text-transform:uppercase}.carrier-badge,.tracking-code{padding:.25rem .5rem;border-radius:4px}.tracking-code{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.75rem;color:var(--gray-700);background:var(--gray-100)}.tracking-none{color:var(--gray-400)}.status-badge{display:inline-flex;padding:.25rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:600}.status-badge.status-pending{background:var(--gray-100);color:var(--gray-600)}.status-badge.status-created{background:#dbeafe;color:#1e40af}.status-badge.status-manifested{background:#e0e7ff;color:#3730a3}.status-badge.status-shipped,.status-badge.status-transit{background:#fef3c7;color:#92400e}.status-badge.status-delivered{background:#d1fae5;color:#065f46}.status-badge.status-failed{background:#fee2e2;color:#991b1b}.status-badge.status-cancelled{background:var(--gray-100);color:var(--gray-500)}.shipment-date{font-size:.75rem;color:var(--gray-500)}.control-center-nav-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}@media (max-width:1024px){.control-center-nav-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.control-center-nav-grid{grid-template-columns:1fr}}.nav-card{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;background:white;border:1px solid var(--gray-200);border-radius:10px;text-decoration:none;color:inherit;transition:all .15s}.nav-card:hover{border-color:var(--gray-300);box-shadow:0 2px 8px rgba(0,0,0,.04)}.nav-card-icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border-radius:8px;color:var(--gray-600)}.nav-card-icon svg{width:1.25rem;height:1.25rem}.nav-card-content{flex:1 1;min-width:0}.nav-card-title{display:block;font-size:.875rem;font-weight:600;color:var(--gray-900);margin-bottom:.125rem}.nav-card-desc{display:block;font-size:.75rem;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-card-arrow{flex-shrink:0;width:1rem;height:1rem;color:var(--gray-400)}.control-center-footer{display:flex;gap:2rem;padding:1rem 0;border-top:1px solid var(--gray-200)}.footer-stat{display:flex;flex-direction:column;gap:.125rem}.footer-stat-label{font-size:.6875rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.footer-stat-value{font-size:.8125rem;font-weight:500;color:var(--gray-700)}@media (max-width:768px){.control-center-header{flex-direction:column;align-items:flex-start}.control-center-actions{width:100%;justify-content:space-between}.quick-actions-bar{flex-direction:column;align-items:stretch}.quick-actions-divider{width:100%;height:1px;margin:.5rem 0}.shipments-table-header,.shipments-table-row{grid-template-columns:1fr 1fr;gap:.5rem}.shipments-table-header span:nth-child(3),.shipments-table-header span:nth-child(5),.shipments-table-row>div:nth-child(3),.shipments-table-row>div:nth-child(5){display:none}.control-center-footer{flex-wrap:wrap;gap:1rem}}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{gap:.75rem;padding:.875rem 1rem;background:var(--gray-900);color:white;border-radius:.5rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.25),0 8px 10px -6px rgba(0,0,0,.1);cursor:pointer;pointer-events:auto;min-width:280px;max-width:400px}.toast,.toast-icon{display:flex;align-items:center}.toast-icon{flex-shrink:0;justify-content:center}.toast-message{flex:1 1;font-size:.875rem;font-weight:500;line-height:1.4}.toast-success{background:#065f46}.toast-success .toast-icon{color:#34d399}.toast-error{background:#991b1b}.toast-error .toast-icon{color:#fca5a5}.toast-info{background:var(--gray-800)}.toast-info .toast-icon{color:#60a5fa}.toast-scanner{background:linear-gradient(135deg,#0f766e,#065f46);border-left:3px solid #34d399}.toast-scanner .toast-icon{color:#6ee7b7}.scanner-indicator{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:9999px;font-size:.6875rem;font-weight:500;color:#10b981;text-transform:uppercase;letter-spacing:.05em}.scanner-indicator-dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:scanner-pulse 2s ease-in-out infinite}.scanner-indicator-scanning .scanner-indicator-dot{background:#fbbf24;animation:scanner-active .5s ease-in-out infinite}@keyframes scanner-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}@keyframes scanner-active{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@media (max-width:640px){.toast-container{top:1rem;bottom:auto;left:1rem;right:1rem}.toast{min-width:auto;max-width:none}}.order-grid{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:.75rem;gap:.75rem}@media (min-width:640px){.order-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.order-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.order-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1536px){.order-grid{grid-template-columns:repeat(5,1fr)}}.order-grid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--gray-200);border-radius:.375rem;padding:5rem 2rem;text-align:center}.order-grid-empty-icon{width:4rem;height:4rem;color:var(--gray-300);margin-bottom:1rem}.order-grid-empty-text{font-family:var(--font-mono);font-size:1.125rem;font-weight:700;text-transform:uppercase;color:var(--gray-400);margin:0}.order-card{display:flex;flex-direction:column;border:2px solid var(--gray-200);background:white;border-radius:.375rem;overflow:hidden;transition:border-color .15s ease}.order-card:hover{border-color:var(--primary)}.order-card-header{display:flex;align-items:center;justify-content:space-between;gap:.375rem;padding:.5rem .75rem;background:var(--gray-50);border-bottom:1px solid var(--gray-100)}.order-card-number{flex:1 1;min-width:0;font-size:1rem;letter-spacing:-.025em;color:var(--gray-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-card-number,.order-card-status{font-family:var(--font-mono);font-weight:800}.order-card-status{flex-shrink:0;display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:.25rem;font-size:.625rem;text-transform:uppercase;letter-spacing:.1em}.order-card-customer{display:flex;align-items:center;justify-content:space-between;gap:.375rem;padding:.375rem .75rem;border-bottom:1px solid var(--gray-100)}.order-card-customer-name{flex:1 1;min-width:0;font-size:.8125rem;font-weight:600;color:var(--gray-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-card-carrier{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border:1px solid;border-radius:.25rem;font-family:var(--font-mono);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.order-card-carrier-dot{width:.5rem;height:.5rem;border-radius:50%;background:currentColor}.order-card-carrier-logo{height:1rem;width:auto;object-fit:contain}.order-card-items{flex:1 1;padding:.5rem .75rem}.order-card-items-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.order-card-items-count,.order-card-items-label{font-family:var(--font-mono);font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--gray-400)}.order-card-item{display:flex;align-items:flex-start;gap:.5rem;padding:.375rem .5rem;background:var(--gray-50);border:1px solid var(--gray-150);border-radius:.25rem;margin-bottom:.1875rem}.order-card-item:last-child{margin-bottom:0}.order-card-item-qty{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.5rem;background:var(--primary-light);color:var(--primary);font-family:var(--font-mono);font-size:.8125rem;font-weight:800;border-radius:.1875rem}.order-card-item-details{min-width:0;flex:1 1}.order-card-item-name{font-size:.75rem;font-weight:600;color:var(--gray-900);line-height:1.25;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.order-card-item-sku{font-family:var(--font-mono);font-size:.5625rem;font-weight:500;color:var(--gray-400);margin:.0625rem 0 0}.order-card-total{display:flex;align-items:center;justify-content:space-between;padding:.375rem .75rem;border-top:1px solid var(--gray-100)}.order-card-total-label{font-family:var(--font-mono);font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--gray-400)}.order-card-total-value{flex-shrink:0;font-family:var(--font-mono);font-size:.875rem;font-weight:800;color:var(--gray-900)}.order-card-actions{display:flex;align-items:stretch;border-top:1px solid var(--gray-100)}.order-card-action-main{flex:1 1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;height:2.25rem;background:var(--primary);color:white;font-family:var(--font-mono);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none;cursor:pointer;transition:transform .1s ease,background .15s ease}.order-card-action-main:hover:not(:disabled){background:var(--primary-dark)}.order-card-action-main:active:not(:disabled){transform:scale(.98)}.order-card-action-main:disabled{opacity:.7;cursor:not-allowed}.order-card-action-main svg{flex-shrink:0;width:1rem;height:1rem}.order-card-action-print{background:#0099FF;color:white;font-weight:700}.order-card-action-print:hover:not(:disabled){background:#007ACC}.order-card-action-print:disabled{background:#9CA3AF;color:#E5E7EB;cursor:not-allowed;opacity:1}.order-card-action-print svg{color:white}.order-card-action-manifest{background:#059669;color:white;font-weight:700}.order-card-action-manifest:hover:not(:disabled){background:#047857}.order-card-action-manifest:disabled{background:#9CA3AF;color:#E5E7EB;cursor:not-allowed;opacity:1}.order-card-action-manifest svg{color:white}.order-card-action-disabled{background:var(--gray-200);color:var(--gray-500);cursor:default}.order-card-action-disabled:hover{background:var(--gray-200)}.order-card-action-icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex-shrink:0;background:transparent;color:var(--gray-400);border:none;border-left:1px solid var(--gray-200);cursor:pointer;transition:background .15s ease,color .15s ease}.order-card-action-icon svg{width:1rem;height:1rem}.order-card-action-icon:hover:not(:disabled){background:var(--gray-50);color:var(--gray-700)}.order-card-action-icon:disabled{opacity:.4;cursor:not-allowed}.order-card-action-portal{color:var(--blue-500);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.order-card-action-portal:hover{background:var(--blue-50);color:var(--blue-600)}.order-card-action-delete{color:var(--red-500)}.order-card-action-delete:hover:not(:disabled){background:var(--red-50);color:var(--red-600)}.order-card-action-delete:disabled{color:var(--red-300)}.view-toggle{display:inline-flex;border:1px solid var(--gray-200);border-radius:.75rem;overflow:hidden;background:var(--gray-100);padding:.125rem;gap:.125rem;box-shadow:0 1px 2px rgba(0,0,0,.04)}.view-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:transparent;border:none;border-radius:.625rem;cursor:pointer;color:var(--gray-500);transition:all .2s ease-in-out}.view-toggle-btn:not(:last-child){border-right:none}.view-toggle-btn:hover{background:var(--gray-200);color:#1a1a1a;box-shadow:0 1px 3px rgba(0,0,0,.08)}.view-toggle-btn:hover svg{color:#1a1a1a!important}.view-toggle-btn.active{background:var(--active-bg);box-shadow:0 2px 4px rgba(37,99,235,.3)}.view-toggle-btn.active,.view-toggle-btn.active svg{color:var(--active-text)}.view-toggle-btn.active:hover{background:var(--active-hover-bg);color:var(--active-text)}.view-toggle-btn.active:hover svg{color:var(--active-text)}.page-header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0;position:-webkit-sticky;position:sticky;left:0;right:0;z-index:10;background:inherit;margin-left:auto;min-width:max-content}.per-page-selector{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--gray-600);background:white;padding:.375rem .75rem;border-radius:.75rem;border:1px solid var(--gray-200);box-shadow:0 1px 3px rgba(0,0,0,.04);transition:all .2s ease-in-out}.per-page-selector:hover{border-color:var(--gray-300);box-shadow:0 2px 6px rgba(0,0,0,.06)}.per-page-label{white-space:nowrap;color:var(--gray-500)}.per-page-select{font-size:.8125rem;font-weight:500;border:none;border-radius:.375rem;background:var(--gray-50);color:var(--gray-700);cursor:pointer;min-width:50px;transition:all .2s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .25rem center;background-repeat:no-repeat;background-size:1em 1em;padding:.25rem 1.5rem .25rem .375rem}.per-page-select:hover{background:var(--gray-100)}.per-page-select:focus{outline:none;background:white;box-shadow:0 0 0 2px var(--primary-light)}@media (max-width:640px){.page-header-actions{flex-wrap:wrap;justify-content:flex-end}.per-page-selector{order:2;width:100%;justify-content:flex-end;margin-top:.5rem}.per-page-label:first-child{display:none}}.workflow-tabs{display:flex;gap:.5rem;padding:.25rem;background:var(--gray-100);border-radius:12px;border:1px solid var(--gray-200)}.workflow-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:var(--gray-600);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap}.workflow-tab:hover{color:var(--gray-800);background:var(--gray-200)}.workflow-tab.active{color:var(--primary);background:white;box-shadow:0 1px 3px rgba(0,0,0,.08)}.workflow-tab-label{font-weight:inherit}.workflow-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.375rem;height:1.375rem;padding:0 .375rem;font-size:.75rem;font-weight:600;color:var(--primary);background:var(--primary-light);border-radius:9999px;transition:all .2s ease-in-out}.workflow-tab.active .workflow-tab-badge{color:white;background:var(--primary)}.workflow-tab:first-child .workflow-tab-badge{color:white;background:var(--warning)}.workflow-tab:first-child.active .workflow-tab-badge{background:var(--warning-dark,#d97706)}.workflow-tab:nth-child(2) .workflow-tab-badge{color:white;background:var(--success)}.workflow-tab:nth-child(2).active .workflow-tab-badge{background:var(--success-dark,#059669)}.dark .workflow-tabs{background:var(--gray-800);border-color:var(--gray-700)}.dark .workflow-tab{color:var(--gray-400)}.dark .workflow-tab:hover{color:var(--gray-200);background:var(--gray-700)}.dark .workflow-tab.active{color:var(--primary-light);background:var(--gray-900)}@media (max-width:640px){.workflow-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.workflow-tabs::-webkit-scrollbar{display:none}.workflow-tab{padding:.5rem .75rem;font-size:.8125rem}}.calc-section{padding:4rem 1.5rem;background:#F3F4F6;max-height:800px}.calc-container{max-width:1100px;margin:0 auto}.calc-header{text-align:center;margin-bottom:2rem}.calc-badge{display:inline-block;padding:.375rem 1rem;font-size:.75rem;font-weight:600;color:#6366F1;background:rgba(99,102,241,.1);border-radius:100px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.calc-title{font-size:2rem;font-weight:800;color:var(--gray-900);margin:0}.calc-grid{display:grid;grid-template-columns:340px 1fr;grid-gap:2rem;gap:2rem;align-items:start}.calc-controls{background:white;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,.08)}.calc-toggle-wrap{display:flex;background:#F3F4F6;border-radius:.5rem;padding:.25rem;margin-bottom:1.5rem}.calc-toggle-btn{flex:1 1;padding:.5rem 1rem;border:none;background:transparent;color:var(--gray-500);font-size:.875rem;font-weight:500;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.calc-toggle-btn:hover{color:var(--gray-700)}.calc-toggle-btn.active{background:white;color:#6366F1;box-shadow:0 1px 3px rgba(0,0,0,.1)}.calc-slider-area{margin-bottom:1.5rem}.calc-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.calc-slider-label{font-size:.875rem;font-weight:500;color:var(--gray-600)}.calc-slider-value{display:flex;align-items:baseline}.calc-slider-num{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.calc-slider-unit{font-size:.875rem;color:var(--gray-500);margin-left:.125rem}.calc-slider{width:100%;height:8px;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer}.calc-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:white;border:3px solid #6366f1;cursor:pointer;box-shadow:0 2px 6px rgba(99,102,241,.3);-webkit-transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease}.calc-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 10px rgba(99,102,241,.4)}.calc-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:white;border:3px solid #6366f1;cursor:pointer}.calc-slider-ticks{display:flex;justify-content:space-between;font-size:.75rem;color:var(--gray-400);margin-top:.5rem}.calc-monthly-box{background:linear-gradient(135deg,#6366F1,#8B5CF6);border-radius:.75rem;padding:1rem;text-align:center;margin-bottom:1.5rem}.calc-monthly-num{font-size:2rem;font-weight:800;color:white;line-height:1}.calc-monthly-label{font-size:.8125rem;color:rgba(255,255,255,.8);margin-top:.25rem}.calc-cta-desktop{text-align:center}.calc-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;color:white;background:linear-gradient(135deg,#6366F1,#8B5CF6);border:none;border-radius:.75rem;text-decoration:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(99,102,241,.3)}.calc-cta-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(99,102,241,.4)}.calc-cta-note{font-size:.75rem;color:var(--gray-500);margin:.75rem 0 0}.calc-results{position:relative}.calc-cards-desktop{display:flex;gap:1rem}.calc-cards-mobile,.calc-monthly-badge{display:none}.calc-card{flex:1 1;min-width:0;background:white;border-radius:1rem;padding:1.25rem;box-shadow:0 4px 20px rgba(0,0,0,.08);border:2px solid transparent;transition:all .3s ease;position:relative}.calc-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.calc-card.recommended{border-color:var(--plan-color,#6366F1);background:linear-gradient(180deg,rgba(99,102,241,.03),white)}.calc-card-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);padding:.25rem .75rem;font-size:.6875rem;font-weight:700;color:white;background:linear-gradient(135deg,#10B981,#059669);border-radius:100px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.calc-card-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-100)}.calc-card-name{font-size:1rem;font-weight:700;color:var(--gray-900);margin:0 0 .25rem}.calc-card-base{font-size:1.5rem;font-weight:800;color:var(--plan-color,var(--gray-900))}.calc-card-base span{font-size:.875rem;font-weight:500;color:var(--gray-500)}.calc-card-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.calc-card-detail{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--gray-600)}.detail-icon{font-size:.875rem}.calc-card-total{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--gray-100)}.calc-card-total .total-label{font-size:.8125rem;color:var(--gray-500)}.calc-card-total .total-amount{font-size:1.75rem;font-weight:800;color:var(--gray-900);transition:color .3s ease}.calc-card-savings{margin-top:.75rem;padding:.625rem;background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.05));border-radius:.5rem;text-align:center}.calc-card-savings .savings-amount{display:block;font-size:1.5rem;font-weight:800;color:#059669;line-height:1}.calc-card-savings .savings-label{font-size:.75rem;color:#10B981;text-transform:uppercase;letter-spacing:.03em}.calc-savings-banner-desktop{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#059669,#10B981);border-radius:.75rem;box-shadow:0 4px 12px rgba(16,185,129,.3)}.savings-banner-icon{font-size:1.5rem}.savings-banner-content{display:flex;align-items:baseline;gap:.5rem}.savings-banner-amount{font-size:1.75rem;font-weight:800;color:white}.savings-banner-text{font-size:.9375rem;color:rgba(255,255,255,.9)}.savings-banner-text strong{color:white}.calc-sticky-banner{display:none}.calc-card-mobile{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:white;border-radius:.75rem;border:2px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .2s ease}.calc-card-mobile.recommended{border-color:var(--plan-color,#10B981);background:linear-gradient(180deg,rgba(16,185,129,.04),white)}.calc-card-mobile-left{flex:1 1;min-width:0}.calc-card-mobile-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.calc-card-mobile-name{font-size:.9375rem;font-weight:700;color:var(--gray-900);margin:0}.calc-card-mobile-badge{padding:.125rem .5rem;font-size:.625rem;font-weight:700;color:white;background:linear-gradient(135deg,#10B981,#059669);border-radius:100px;text-transform:uppercase;letter-spacing:.03em}.calc-card-mobile-info{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--gray-500)}.mobile-base-price{font-weight:600;color:var(--gray-700)}.calc-card-mobile-right{text-align:right;flex-shrink:0;padding-left:1rem}.mobile-total-amount{display:block;font-size:1.25rem;font-weight:800;color:var(--gray-900);line-height:1}.mobile-savings{display:block;font-size:.75rem;font-weight:700;color:#059669;margin-top:.125rem}@media (max-width:768px){.calc-section{max-height:none;padding:2rem 1rem 5rem}.calc-header{margin-bottom:1.25rem}.calc-title{font-size:1.5rem}.calc-grid{grid-template-columns:1fr;gap:1rem}.calc-controls{max-width:none;padding:1rem;border-radius:.75rem}.calc-toggle-wrap{margin-bottom:1rem}.calc-toggle-btn{padding:.625rem 1rem;font-size:.8125rem}.calc-slider-area{margin-bottom:0}.calc-slider-header{margin-bottom:.5rem}.calc-slider-label{font-size:.8125rem}.calc-slider-num{font-size:1.25rem}.calc-slider{height:10px}.calc-slider::-webkit-slider-thumb{width:28px;height:28px;border-width:4px}.calc-slider::-moz-range-thumb{width:28px;height:28px;border-width:4px}.calc-slider-ticks{margin-top:.375rem;font-size:.6875rem}.calc-monthly-badge{display:flex;align-items:center;justify-content:center;gap:.375rem;margin-top:.75rem;padding:.5rem 1rem;background:linear-gradient(135deg,#6366F1,#8B5CF6);border-radius:100px;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.monthly-badge-num{font-size:1.125rem;font-weight:800;color:white}.monthly-badge-text{font-size:.75rem;color:rgba(255,255,255,.85)}.calc-cards-desktop,.calc-cta-desktop,.calc-monthly-box{display:none}.calc-cards-mobile{display:flex;flex-direction:column;gap:.625rem}.calc-savings-banner-desktop{display:none}.calc-sticky-banner{display:flex;align-items:center;justify-content:space-between;position:fixed;bottom:0;left:0;right:0;padding:.75rem 1rem;background:linear-gradient(135deg,#059669,#10B981);box-shadow:0 -4px 20px rgba(0,0,0,.15);z-index:100}.sticky-banner-left{display:flex;align-items:center;gap:.5rem;flex:1 1;min-width:0}.sticky-banner-icon{font-size:1.125rem;flex-shrink:0}.sticky-banner-text{font-size:.8125rem;color:rgba(255,255,255,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-banner-text strong{color:white;font-weight:700}.sticky-banner-cta{flex-shrink:0;padding:.5rem 1rem;font-size:.8125rem;font-weight:700;color:#059669;background:white;border-radius:.5rem;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:all .2s ease}.sticky-banner-cta:hover{background:#F0FDF4}}@media (max-width:480px){.calc-section{padding:1.5rem .75rem 5rem}.calc-header{margin-bottom:1rem}.calc-badge{font-size:.6875rem;padding:.25rem .75rem}.calc-title{font-size:1.25rem}.calc-controls{padding:.875rem}.calc-toggle-btn{padding:.5rem .75rem;font-size:.75rem}.calc-slider-label{font-size:.75rem}.calc-slider-num{font-size:1.125rem}.calc-slider-unit{font-size:.75rem}.monthly-badge-num{font-size:1rem}.monthly-badge-text{font-size:.6875rem}.calc-card-mobile{padding:.75rem;border-radius:.625rem}.calc-card-mobile-name{font-size:.875rem}.calc-card-mobile-badge{font-size:.5625rem;padding:.125rem .375rem}.calc-card-mobile-info{font-size:.6875rem;gap:.375rem}.mobile-total-amount{font-size:1.125rem}.mobile-savings{font-size:.6875rem}.sticky-banner-text{font-size:.75rem}.sticky-banner-cta{padding:.5rem .875rem;font-size:.75rem}}@media (max-width:360px){.sticky-banner-text{font-size:.6875rem}.sticky-banner-cta{padding:.375rem .75rem}}.landing-page{min-height:100vh;background:#fafbfc;overflow-x:hidden}.glass-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06);transition:all .3s ease}.glass-header-inner{max-width:1280px;margin:0 auto;padding:.875rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.glass-header .logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:700;font-size:1.25rem;color:var(--gray-900)}.glass-header .logo-icon{display:flex}.glass-header .logo-text{background:linear-gradient(135deg,#3B82F6,#8B5CF6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-nav{display:flex;align-items:center;gap:.5rem}.nav-link{padding:.5rem 1rem;font-size:.9375rem;font-weight:500;color:var(--gray-600);text-decoration:none;border-radius:.5rem;transition:all .2s ease}.nav-link:hover{color:var(--gray-900);background:rgba(0,0,0,.04)}.header-actions{display:flex;align-items:center;gap:.75rem}.btn-ghost{padding:.5rem 1rem;font-size:.9375rem;font-weight:500;color:var(--gray-600);text-decoration:none;border-radius:.5rem;transition:all .2s ease}.btn-ghost:hover{color:var(--gray-900);background:rgba(0,0,0,.04)}.btn-primary-gradient{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;color:white;background:linear-gradient(135deg,#3B82F6,#6366F1 50%,#8B5CF6);border:none;border-radius:.75rem;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px rgba(99,102,241,.25)}.btn-primary-gradient:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(99,102,241,.35)}.mobile-menu-btn{display:none;padding:.5rem;background:none;border:none;color:var(--gray-600);cursor:pointer}.hero-section{position:relative;min-height:100vh;padding:8rem 2rem 4rem;display:flex;flex-direction:column;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-gradient-1{top:-20%;right:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(99,102,241,.15) 0,transparent 70%)}.hero-gradient-1,.hero-gradient-2{position:absolute;filter:blur(60px)}.hero-gradient-2{bottom:-10%;left:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(59,130,246,.12) 0,transparent 70%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 0);background-size:60px 60px;mask-image:linear-gradient(180deg,transparent,black 20%,black 80%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,black 20%,black 80%,transparent)}.hero-content{position:relative;max-width:800px;margin:0 auto;text-align:center;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.15);border-radius:100px;font-size:.875rem;font-weight:500;color:#6366F1;margin-bottom:2rem}.badge-dot{width:8px;height:8px;background:#10B981;border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;color:var(--gray-900);margin:0 0 1.5rem;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,#3B82F6,#8B5CF6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;line-height:1.7;color:var(--gray-600);max-width:600px;margin:0 auto 2.5rem}.hero-cta{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}.btn-primary-large{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.0625rem;font-weight:600;color:white;background:linear-gradient(135deg,#3B82F6,#6366F1 50%,#8B5CF6);border:none;border-radius:1rem;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px rgba(99,102,241,.3);overflow:hidden}.btn-primary-large:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(99,102,241,.4)}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}20%{left:100%}to{left:100%}}.btn-secondary-large{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.0625rem;font-weight:600;color:var(--gray-700);background:white;border:2px solid var(--gray-200);border-radius:1rem;text-decoration:none;cursor:pointer;transition:all .3s ease}.btn-secondary-large:hover{border-color:var(--gray-300);background:var(--gray-50)}.hero-stats{justify-content:center;gap:2rem;padding:1.5rem;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.06);border-radius:1rem;margin-bottom:4rem}.hero-stat,.hero-stats{display:flex;align-items:center}.hero-stat{flex-direction:column;gap:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.stat-label{font-size:.875rem;color:var(--gray-500)}.stat-divider{width:1px;height:40px;background:var(--gray-200)}.domain-checker{width:100%;max-width:600px;margin:0 auto}.checker-form-wrap{background:rgba(255,255,255,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:1.5rem;padding:2rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.15),inset 0 0 0 1px rgba(255,255,255,.2)}.checker-label{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9375rem;font-weight:500;color:var(--gray-700);margin-bottom:1.5rem}.checker-icon{font-size:1.25rem}.checker-form{display:flex;gap:.75rem}.checker-input-wrap{flex:1 1;display:flex;align-items:center;background:white;border:2px solid var(--gray-200);border-radius:1rem;overflow:hidden;transition:all .2s ease}.checker-input-wrap:focus-within{border-color:#6366F1;box-shadow:0 0 0 4px rgba(99,102,241,.1)}.input-prefix{padding:0 0 0 1rem;font-size:.9375rem;color:var(--gray-400);-webkit-user-select:none;-moz-user-select:none;user-select:none}.checker-input{flex:1 1;padding:1rem 1rem 1rem .25rem;font-size:1rem;font-weight:500;color:var(--gray-900);border:none;outline:none;background:transparent}.checker-input::placeholder{color:var(--gray-400)}.checker-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;color:white;background:linear-gradient(135deg,#6366F1,#8B5CF6);border:none;border-radius:1rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 4px 15px rgba(99,102,241,.3)}.checker-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.4)}.checker-btn:active{transform:translateY(0)}.checker-error{margin:1rem 0 0;font-size:.875rem;color:#DC2626;text-align:center}.checker-hint{margin:1.25rem 0 0;font-size:.8125rem;color:var(--gray-500);text-align:center}.checker-loading{background:rgba(255,255,255,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:1.5rem;padding:2rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.15)}.loading-domain{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-100)}.domain-icon{font-size:1.25rem}.domain-text{font-size:1.125rem;font-weight:600;color:var(--gray-900)}.loading-steps{display:flex;flex-direction:column;gap:1rem}.loading-step{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:.75rem;transition:all .3s ease}.loading-step.active{background:rgba(99,102,241,.05)}.loading-step.complete{opacity:.6}.step-indicator{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-indicator svg{color:#10B981}.step-spinner{width:20px;height:20px;border:2px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.step-dot{width:8px;height:8px;background:var(--gray-300);border-radius:50%}.step-text{font-size:.9375rem;color:var(--gray-700)}.loading-step.active .step-text{font-weight:500;color:var(--gray-900)}.checker-results{background:white;border-radius:1.5rem;padding:2rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.15),0 0 0 1px rgba(99,102,241,.1);animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.results-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.results-icon{font-size:1.5rem;animation:sparkle 1s ease infinite}@keyframes sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.results-domain{font-size:1.125rem;font-weight:600;color:var(--gray-900)}.results-savings{text-align:center;padding:1.5rem;background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(5,150,105,.04));border-radius:1rem;margin-bottom:1.5rem}.savings-label{font-size:.875rem;font-weight:500;color:var(--gray-600);margin-bottom:.5rem}.savings-value{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.savings-currency{font-size:1.5rem;font-weight:700;color:#059669}.savings-amount{font-size:3.5rem;font-weight:800;color:#059669;line-height:1}.savings-period{font-size:1.25rem;font-weight:500;color:#10B981}.results-stats{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-100)}.result-stat{text-align:center}.result-stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--gray-900)}.result-stat-label{font-size:.8125rem;color:var(--gray-500)}.result-stat-divider{width:1px;height:40px;background:var(--gray-200)}.results-actions{display:flex;gap:1rem;margin-bottom:1rem}.results-cta{flex:1 1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:600;color:white;background:linear-gradient(135deg,#6366F1,#8B5CF6);border:none;border-radius:.75rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(99,102,241,.3)}.results-cta:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(99,102,241,.4)}.results-register{flex:1 1;display:flex;align-items:center;justify-content:center;padding:1rem;font-size:1rem;font-weight:600;color:#059669;background:rgba(16,185,129,.1);border:none;border-radius:.75rem;text-decoration:none;transition:all .2s ease}.results-register:hover{background:rgba(16,185,129,.15)}.results-reset{width:100%;padding:.75rem;font-size:.875rem;font-weight:500;color:var(--gray-500);background:transparent;border:none;cursor:pointer;transition:color .2s ease}.results-reset:hover{color:var(--gray-700)}@media (max-width:640px){.domain-checker{margin-top:2rem}.checker-form-wrap,.checker-loading,.checker-results{padding:1.5rem;border-radius:1rem}.checker-form{flex-direction:column}.checker-btn{width:100%;justify-content:center}.savings-amount{font-size:2.75rem}.results-stats{gap:1.5rem}.result-stat-value{font-size:1.25rem}.results-actions{flex-direction:column}}.trust-section{padding:3rem 2rem;background:white;border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100)}.trust-container{max-width:1280px;margin:0 auto;text-align:center}.trust-label{font-size:.875rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1.5rem}.trust-logos{display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap}.trust-logo{padding:.75rem 1.5rem;background:var(--gray-50);border-radius:.75rem;transition:all .3s ease}.trust-logo:hover{background:var(--gray-100);transform:translateY(-2px)}.carrier-name{font-size:1rem;font-weight:700;color:var(--gray-700);letter-spacing:.02em}.section-container{max-width:1280px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-badge{display:inline-block;padding:.375rem 1rem;font-size:.8125rem;font-weight:600;color:#6366F1;background:rgba(99,102,241,.08);border-radius:100px;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.section-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;color:var(--gray-900);margin:0 0 1rem;letter-spacing:-.02em}.section-subtitle{font-size:1.125rem;color:var(--gray-600);max-width:600px;margin:0 auto}.comparison-section{padding:6rem 2rem;background:white}.comparison-table-wrapper{overflow-x:auto;margin:0 -2rem;padding:0 2rem}.comparison-table-new{width:100%;max-width:900px;margin:0 auto;border-collapse:separate;border-spacing:0;background:white;border-radius:1rem;overflow:hidden;box-shadow:0 4px 30px rgba(0,0,0,.06)}.comparison-table-new td,.comparison-table-new th{padding:1.25rem 1.5rem;text-align:left;border-bottom:1px solid var(--gray-100)}.comparison-table-new th{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);background:var(--gray-50)}.comparison-table-new th .col-icon{font-size:1rem;margin-right:.5rem}.comparison-table-new .task-col{width:35%;color:var(--gray-700)}.comparison-table-new .manual-col{width:25%;background:rgba(239,68,68,.05);color:#DC2626}.comparison-table-new .easybc-col{width:25%;background:rgba(16,185,129,.05);color:#059669}.comparison-table-new .savings-col{width:15%}.comparison-table-new tbody tr:last-child td{border-bottom:none}.comparison-table-new .task-cell{font-weight:500;color:var(--gray-900)}.comparison-table-new .manual-cell{background:rgba(239,68,68,.03);color:var(--gray-700)}.comparison-table-new .easybc-cell{background:rgba(16,185,129,.03);color:var(--gray-700);font-weight:600}.comparison-table-new .savings-cell .savings-badge{display:inline-block;padding:.375rem .75rem;font-size:.8125rem;font-weight:700;color:#059669;background:rgba(16,185,129,.1);border-radius:100px}.comparison-cta{text-align:center;margin-top:3rem}.features-section{padding:6rem 2rem;background:var(--gray-50)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.feature-card{padding:2rem;background:white;border-radius:1rem;transition:all .3s ease;border:1px solid var(--gray-100)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.08)}.feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;border-radius:1rem;margin-bottom:1.5rem}.feature-blue .feature-icon{background:rgba(59,130,246,.1)}.feature-purple .feature-icon{background:rgba(139,92,246,.1)}.feature-green .feature-icon{background:rgba(16,185,129,.1)}.feature-orange .feature-icon{background:rgba(249,115,22,.1)}.feature-pink .feature-icon{background:rgba(236,72,153,.1)}.feature-cyan .feature-icon{background:rgba(6,182,212,.1)}.feature-title{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin:0 0 .75rem}.feature-description{font-size:.9375rem;line-height:1.6;color:var(--gray-600);margin:0}.pricing-section{padding:6rem 2rem;background:white}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;max-width:1100px;margin:0 auto}.pricing-card-new{position:relative;display:flex;flex-direction:column;padding:2.5rem;background:white;border:2px solid var(--gray-200);border-radius:1.5rem;transition:all .3s ease}.pricing-card-new:hover{border-color:var(--gray-300);transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.08)}.pricing-card-new.popular{border-color:#6366F1;box-shadow:0 10px 40px rgba(99,102,241,.15)}.pricing-card-new.popular:hover{box-shadow:0 20px 50px rgba(99,102,241,.2)}.pricing-card-new.glow{border-color:#8B5CF6;background:linear-gradient(135deg,rgba(139,92,246,.02),rgba(59,130,246,.02));animation:glow-pulse 3s ease-in-out infinite}.pricing-card-new.glow:before{content:"";position:absolute;inset:-3px;background:linear-gradient(135deg,#3B82F6,#8B5CF6,#EC4899,#8B5CF6,#3B82F6);border-radius:1.625rem;z-index:-1;background-size:300% 300%;animation:gradient-shift 4s ease infinite}.pricing-card-new.glow:after{content:"";position:absolute;inset:0;background:white;border-radius:1.375rem;z-index:-1}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px rgba(139,92,246,.2),0 0 40px rgba(139,92,246,.1)}50%{box-shadow:0 0 30px rgba(139,92,246,.3),0 0 60px rgba(139,92,246,.15)}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.plan-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:.5rem 1.25rem;font-size:.75rem;font-weight:700;color:white;background:linear-gradient(135deg,#6366F1,#8B5CF6);border-radius:100px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.plan-badge.glow-badge{background:linear-gradient(135deg,#8B5CF6,#EC4899);animation:badge-glow 2s ease-in-out infinite}@keyframes badge-glow{0%,to{box-shadow:0 4px 15px rgba(139,92,246,.4)}50%{box-shadow:0 4px 25px rgba(236,72,153,.5)}}.plan-header{margin-bottom:1.5rem}.plan-name{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0 0 .5rem}.plan-description{font-size:.9375rem;color:var(--gray-500);margin:0}.plan-price{display:flex;align-items:baseline;margin-bottom:.5rem}.price-amount{font-size:3.5rem;font-weight:800;color:var(--gray-900);line-height:1}.price-currency{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-left:.25rem}.price-period{font-size:1rem;font-weight:500;color:var(--gray-500);margin-left:.25rem}.plan-per-order{font-size:.875rem;color:var(--gray-600);margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--gray-100)}.per-order-amount{font-weight:700;color:var(--gray-900)}.plan-features{list-style:none;padding:0;margin:0 0 2rem;flex:1 1}.plan-features li{display:flex;align-items:flex-start;gap:.75rem;padding:.625rem 0;font-size:.9375rem;color:var(--gray-700)}.plan-features .check-icon{flex-shrink:0;width:20px;height:20px;color:#10B981;margin-top:.125rem}.plan-cta{display:block;width:100%;padding:1rem;font-size:1rem;font-weight:600;text-align:center;text-decoration:none;border-radius:.75rem;transition:all .3s ease;cursor:pointer}.plan-cta.secondary{color:var(--gray-700);background:var(--gray-100);border:none}.plan-cta.secondary:hover{background:var(--gray-200)}.plan-cta.primary{color:white;background:linear-gradient(135deg,#3B82F6,#6366F1);border:none;box-shadow:0 4px 15px rgba(99,102,241,.3)}.plan-cta.primary:hover{box-shadow:0 6px 20px rgba(99,102,241,.4);transform:translateY(-2px)}.plan-cta.glow{color:white;background:linear-gradient(135deg,#8B5CF6,#EC4899);border:none;box-shadow:0 4px 15px rgba(139,92,246,.3)}.plan-cta.glow:hover{box-shadow:0 6px 25px rgba(139,92,246,.5);transform:translateY(-2px)}.testimonials-section{padding:6rem 2rem;background:var(--gray-50)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.testimonial-card{display:flex;flex-direction:column;padding:2rem;background:white;border-radius:1rem;border:1px solid var(--gray-100);transition:all .3s ease}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.08)}.testimonial-content{flex:1 1;margin-bottom:1.5rem}.quote-icon{width:32px;height:32px;color:var(--gray-200);margin-bottom:1rem}.testimonial-text{font-size:1rem;line-height:1.7;color:var(--gray-700);margin:0}.testimonial-author{display:flex;align-items:center;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--gray-100)}.author-avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:white;background:linear-gradient(135deg,#3B82F6,#8B5CF6);border-radius:50%}.author-info{display:flex;flex-direction:column;gap:.125rem}.author-name{font-weight:600;color:var(--gray-900)}.author-role{font-size:.875rem;color:var(--gray-500)}.cta-section{padding:6rem 2rem;background:var(--gray-900);position:relative;overflow:hidden}.cta-container{position:relative;max-width:800px;margin:0 auto;text-align:center}.cta-bg{position:absolute;inset:0;pointer-events:none}.cta-gradient{position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:100%;height:200%;background:radial-gradient(ellipse at center,rgba(99,102,241,.2) 0,transparent 60%)}.cta-content{position:relative;z-index:1}.cta-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;color:white;margin:0 0 1rem;letter-spacing:-.02em}.cta-subtitle{font-size:1.25rem;color:rgba(255,255,255,.7);margin:0 0 2.5rem}.cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.btn-primary-large.white{background:white;color:var(--gray-900)}.btn-primary-large.white:hover{background:var(--gray-100)}.btn-secondary-large.white{background:transparent;border-color:rgba(255,255,255,.3);color:white}.btn-secondary-large.white:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4)}.cta-note{font-size:.9375rem;color:rgba(255,255,255,.6);margin:0}.footer-new{padding:4rem 2rem 2rem;background:#0a0a14;color:rgba(255,255,255,.7)}.footer-container{max-width:1280px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:3rem;gap:3rem;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand{max-width:300px}.footer-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.25rem;font-weight:700;color:white}.footer-tagline{font-size:.9375rem;line-height:1.6;color:rgba(255,255,255,.5);margin:0}.footer-links-group h4{font-size:.875rem;font-weight:600;color:white;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1.25rem}.footer-links-group a{display:block;padding:.375rem 0;font-size:.9375rem;color:rgba(255,255,255,.6);text-decoration:none;transition:color .2s ease}.footer-links-group a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;align-items:center}.footer-bottom p{font-size:.875rem;color:rgba(255,255,255,.4);margin:0}.footer-location{display:flex;align-items:center;gap:.5rem}@media (max-width:1024px){.features-grid,.pricing-cards{grid-template-columns:repeat(2,1fr)}.pricing-cards>:last-child{grid-column:1/-1;max-width:400px;justify-self:center}.footer-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.footer-brand{grid-column:1/-1;max-width:100%}.comparison-section,.features-section,.pricing-section{padding:4rem 1.5rem}}@media (max-width:900px){.header-nav{display:none}.mobile-menu-btn{display:block}}@media (max-width:768px){.glass-header-inner{padding:.75rem 1rem}.header-actions .btn-ghost{display:none}.hero-section{padding:5rem 1rem 2.5rem}.hero-badge{margin-bottom:1.25rem}.hero-title{margin-bottom:1rem}.hero-subtitle{margin-bottom:1.5rem;font-size:1.0625rem}.hero-cta{flex-direction:column;gap:.75rem;margin-bottom:2rem}.btn-primary-large,.btn-secondary-large{width:100%;justify-content:center;padding:.875rem 1.5rem}.hero-stats{flex-direction:row;gap:.75rem;padding:1rem;margin-bottom:2rem;flex-wrap:nowrap;justify-content:space-around}.hero-stat{flex:1 1;min-width:0}.stat-value{font-size:1.125rem}.stat-label{font-size:.6875rem;white-space:nowrap}.stat-divider{width:1px;height:32px;flex-shrink:0}.domain-checker{max-width:100%}.checker-form-wrap{padding:1.5rem;border-radius:1.25rem}.checker-label{font-size:.875rem;margin-bottom:1rem}.checker-form{flex-direction:column;gap:.75rem}.checker-input-wrap{width:100%}.checker-input{padding:.875rem 1rem .875rem .25rem;font-size:.9375rem}.checker-btn{width:100%;justify-content:center;padding:.875rem 1.25rem}.checker-hint{font-size:.75rem;margin-top:1rem}.checker-loading{padding:1.5rem}.loading-domain{margin-bottom:1.5rem;padding-bottom:1rem}.domain-text{font-size:1rem}.loading-step{padding:.5rem .75rem;gap:.75rem}.step-text{font-size:.875rem}.checker-results{padding:1.5rem}.results-header{margin-bottom:1rem}.results-domain{font-size:1rem}.results-savings{padding:1.25rem;margin-bottom:1.25rem}.savings-currency{font-size:1.25rem}.savings-amount{font-size:2.5rem}.savings-period{font-size:1rem}.results-stats{gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem}.result-stat-value{font-size:1.25rem}.result-stat-label{font-size:.75rem}.result-stat-divider{height:32px}.results-actions{flex-direction:column;gap:.75rem}.results-cta,.results-register{padding:.875rem;font-size:.9375rem}.trust-section{padding:2rem 1rem;overflow:hidden}.trust-label{font-size:.75rem;margin-bottom:1rem}.trust-logos{display:flex;flex-wrap:nowrap;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:.5rem 1rem;justify-content:flex-start}.trust-logos::-webkit-scrollbar{display:none}.trust-logo{flex-shrink:0;padding:.625rem 1rem;scroll-snap-align:start}.carrier-name{font-size:.875rem;white-space:nowrap}.section-container{padding:0 1rem}.section-header{margin-bottom:2.5rem}.section-badge{font-size:.75rem;padding:.25rem .75rem;margin-bottom:.75rem}.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem}.comparison-section{padding:3rem 1rem;overflow:hidden}.comparison-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem}.comparison-table-new{min-width:580px;font-size:.8125rem}.comparison-table-new td,.comparison-table-new th{padding:.75rem .875rem}.comparison-table-new td:first-child,.comparison-table-new th:first-child{position:-webkit-sticky;position:sticky;left:0;background:white;z-index:1;box-shadow:2px 0 8px rgba(0,0,0,.05)}.comparison-cta{margin-top:2rem}.features-section{padding:3rem 1rem}.features-grid{grid-template-columns:1fr;gap:1rem}.feature-card{padding:1.5rem;display:flex;flex-direction:row;gap:1rem;align-items:flex-start}.feature-icon{width:48px;height:48px;font-size:1.5rem;margin-bottom:0;flex-shrink:0}.feature-content{flex:1 1}.feature-title{font-size:1.0625rem;margin-bottom:.5rem}.feature-description{font-size:.875rem}.pricing-section{padding:3rem 1rem}.pricing-cards{grid-template-columns:1fr;max-width:380px;margin:0 auto;gap:1.25rem}.pricing-cards>:last-child{max-width:none}.pricing-card-new{padding:1.75rem}.pricing-card-new.popular{order:-1}.plan-badge{top:-12px;font-size:.6875rem;padding:.375rem 1rem}.plan-name{font-size:1.25rem}.price-amount{font-size:3rem}.plan-per-order{margin-bottom:1.5rem;padding-bottom:1.5rem}.plan-features li{font-size:.875rem;padding:.5rem 0}.cta-section{padding:3rem 1rem}.cta-buttons{flex-direction:column;gap:.75rem}.footer-grid{grid-template-columns:1fr;gap:1.5rem}.footer-bottom{flex-direction:column;gap:.75rem;text-align:center}}@media (max-width:480px){.hero-title{font-size:1.75rem;line-height:1.15}.hero-subtitle{font-size:.9375rem}.hero-stats{padding:.75rem;gap:.5rem}.stat-value{font-size:1rem}.stat-label{font-size:.625rem}.stat-divider{height:28px}.checker-form-wrap{padding:1.25rem}.checker-label{flex-wrap:wrap;justify-content:center;text-align:center}.input-prefix{font-size:.8125rem;padding-left:.75rem}.checker-input{font-size:.875rem;padding:.75rem .75rem .75rem .125rem}.checker-btn{padding:.75rem 1rem;font-size:.9375rem}.savings-amount{font-size:2rem}.savings-currency{font-size:1rem}.savings-period{font-size:.875rem}.result-stat-value{font-size:1.125rem}.section-title{font-size:1.5rem}.section-subtitle{font-size:.9375rem}.comparison-table-new{font-size:.75rem}.comparison-table-new td,.comparison-table-new th{padding:.625rem .5rem}.comparison-table-new .savings-badge{font-size:.6875rem;padding:.25rem .5rem}.pricing-card-new{padding:1.5rem}.price-amount{font-size:2.5rem}.price-currency{font-size:1.25rem}.feature-card{padding:1.25rem;flex-direction:column;text-align:center;align-items:center}.feature-icon{margin-bottom:1rem}.footer-section{padding:2.5rem 1rem 1.5rem}.footer-brand p{font-size:.8125rem}}@media (max-width:360px){.hero-title{font-size:1.5rem}.hero-stats{flex-wrap:wrap;gap:.5rem}.hero-stat{flex:1 1 40%}.checker-btn span,.stat-divider{display:none}.checker-btn svg{width:24px;height:24px}.price-amount{font-size:2.25rem}.calc-card{flex:0 0 240px}}