*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color:#1a1f36;background-color:#f6f9fc;line-height:1.5;-webkit-font-smoothing:antialiased}input,select,textarea{font-size:1rem;min-height:44px}a{color:#635bff;text-decoration:none}a:hover{color:#5851db}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}h1{font-size:1.75rem}h2{font-size:1.5rem;margin-bottom:1rem}h3{font-size:1.25rem;margin-bottom:0.75rem}.card{background:#ffffff;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,0.08);padding:1.5rem;margin-bottom:1.5rem}.card p{margin-bottom:0.75rem}.card p:last-child{margin-bottom:0}.card-section{padding:1.5rem;border-top:1px solid #e3e8ee}.card-section:first-child{border-top:none}.card-section h3{font-size:1rem;font-weight:600}.variance{font-weight:500;font-size:0.875rem}.variance--positive{color:#0cce6b}.variance--positive::before{content:"+"}.variance--negative{color:#ed4f32}.form-control--inline{display:inline-block;width:auto}.adjustment-form .form-group:last-child,.order-form .form-group:last-child,.invitation-form .form-group:last-child,.profile-form .form-group:last-child,.password-form .form-group:last-child,.settings-form .form-group:last-child,.product-form .form-group:last-child,.supplier-form .form-group:last-child,.customer-form .form-group:last-child,.purchase-order-form .form-group:last-child{margin-bottom:0}.form-section{padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid #e3e8ee}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section .form-group:last-child{margin-bottom:0}.form-section-title{font-weight:600;font-size:0.8125rem;text-transform:uppercase;letter-spacing:0.05em;color:#697386;margin-bottom:1rem}.product-form-grid{display:grid;grid-template-columns:1fr 320px;gap:0 2rem;align-items:start}.product-form-main{min-width:0}.product-form-sidebar .form-section{border-bottom:none;padding-bottom:0;margin-bottom:0}@media (max-width: 768px){.product-form-grid{grid-template-columns:1fr}}.product-form-barcode-row{display:flex;gap:0.5rem}.product-form-barcode-row input[type="text"]{flex:1}.image-upload{border:2px dashed #e3e8ee;border-radius:6px;padding:32px 24px;text-align:center;transition:border-color 0.2s, background-color 0.2s;cursor:pointer}.image-upload:hover,.image-upload--active{border-color:#635bff;background-color:rgba(99,91,255,0.05)}.image-upload-icon{color:#697386;margin-bottom:12px}.image-upload-text{color:#697386;margin-bottom:4px}.image-upload-hint{color:#697386;font-size:0.85rem}.image-upload-input{display:none}.image-upload-preview img{max-width:100%;max-height:240px;border-radius:6px;object-fit:contain}.image-upload-change{display:block;margin-top:8px;background:none;border:none;color:#635bff;cursor:pointer;font-size:0.9rem;font-weight:500;padding:0}.image-upload-change:hover{color:#5851db}.colour-picker-swatch{width:48px;height:36px;padding:2px;border:1px solid #e3e8ee;border-radius:6px;cursor:pointer}.stripe-connect-status{align-items:center;gap:12px}.status-indicator{display:inline-flex;align-items:center;justify-content:center}.status-indicator--success{color:#0cce6b}.status-indicator--warning{color:#f5a623}.product-thumbnail{border-radius:4px;object-fit:cover;vertical-align:middle;flex-shrink:0}.product-thumbnail--placeholder{display:inline-flex;align-items:center;justify-content:center;background-color:#f6f9fc;border:1px solid #e3e8ee;border-radius:4px;color:#697386}.product-name-cell{display:flex;align-items:center;gap:0.5rem}.product-detail-image{margin-bottom:1.25rem}.product-detail-image img{max-width:100%;max-height:300px;border-radius:6px}.product-intro-header{text-align:center;margin-bottom:2rem}.product-intro-header h2{font-size:1.25rem;font-weight:600;margin-bottom:0.5rem}.product-intro-header p{color:#697386;font-size:0.875rem}.product-intro-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 480px){.product-intro-options{grid-template-columns:1fr}}.product-intro-option{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:1px solid #e3e8ee;border-radius:6px;background:#ffffff;cursor:pointer;transition:border-color 0.15s ease, box-shadow 0.15s ease;text-align:left;font-family:inherit}.product-intro-option:hover{border-color:#635bff;box-shadow:0 0 0 3px rgba(99,91,255,0.08)}.product-intro-option-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:rgba(99,91,255,0.08);color:#635bff;flex-shrink:0}.product-intro-option-text{display:flex;flex-direction:column;gap:0.25rem}.product-intro-option-text strong{font-size:0.9375rem;font-weight:600;color:#1a1f36}.product-intro-option-text span{font-size:0.8125rem;color:#697386}.order-items-list{margin:1rem 0}.order-item-row{display:flex;gap:0.75rem;align-items:flex-end;margin-bottom:0.75rem;padding-bottom:0.75rem;border-bottom:1px solid #e3e8ee}.order-item-row:last-child{border-bottom:none}.order-item-row .form-group{flex:1;margin-bottom:0}.order-item-row .form-group--product{flex:2}.order-item-row .btn{flex-shrink:0}.order-item-product-row{display:flex;gap:0.5rem}.order-item-product-row input[type="text"]{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.375rem;padding:0.5rem 1.125rem;font-size:0.875rem;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:all 0.15s ease;line-height:1.5;text-decoration:none;letter-spacing:0.01em}.btn-primary{background-color:#635bff;color:#ffffff;box-shadow:0 1px 2px rgba(99,91,255,0.3)}.btn-primary:hover{background-color:#5851db;color:#ffffff;box-shadow:0 2px 6px rgba(99,91,255,0.35);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 2px rgba(99,91,255,0.3)}.btn-secondary{background-color:#ffffff;color:#1a1f36;border:1px solid #e3e8ee}.btn-secondary:hover{background-color:#fafafa;border-color:#cad3df}.btn-danger{background-color:#ed4f32;color:#ffffff;box-shadow:0 1px 2px rgba(237,79,50,0.3)}.btn-danger:hover{background-color:#e23414;color:#ffffff;box-shadow:0 2px 6px rgba(237,79,50,0.35);transform:translateY(-1px)}.btn-danger:active{transform:translateY(0);box-shadow:0 1px 2px rgba(237,79,50,0.3)}.btn-outline{background:transparent;color:white;border:1px solid rgba(255,255,255,0.4)}.btn-outline:hover{background:rgba(255,255,255,0.1);border-color:white}.btn:disabled,.btn.disabled{opacity:0.5;pointer-events:none}table{width:100%;border-collapse:collapse}table th{text-align:left;padding:0.75rem 1rem;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:#697386;border-bottom:1px solid #e3e8ee}table td{padding:0.75rem 1rem;border-bottom:1px solid #e3e8ee}table tbody tr:hover{background-color:#f6f9fc}@media (max-width: 768px){.card:has(.responsive-table),.card--table:has(.responsive-table){background:transparent;box-shadow:none;padding:0}.responsive-table{border-collapse:separate;border-spacing:0}.responsive-table thead{display:none}.responsive-table tbody tr{display:block;background:#ffffff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.06);border:1px solid #e3e8ee;margin-bottom:0.75rem;overflow:hidden}.responsive-table tbody td{display:flex;align-items:center;gap:0.75rem;padding:0.625rem 1rem;border-bottom:1px solid #f0f2f6;font-size:0.875rem}.responsive-table tbody td:empty{display:none}.responsive-table tbody td::before{content:attr(data-label);font-weight:600;font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.03em;color:#697386;flex-shrink:0;width:80px}.responsive-table tbody td:first-child{background:linear-gradient(to bottom, #f8fafc, #fff);padding:0.875rem 1rem;border-bottom:1px solid #e3e8ee;font-size:1rem;font-weight:600;color:#1a1f36}.responsive-table tbody td:first-child::before{display:none}.responsive-table tbody td:last-child{border-bottom:none;background:#fafafa;border-top:1px solid #e3e8ee;justify-content:flex-end;gap:0.5rem;padding:0.625rem 1rem}.responsive-table tbody td:last-child::before{display:none}.responsive-table tbody td.table-actions:last-child{flex-direction:column}.responsive-table tbody td.table-actions:last-child .btn,.responsive-table tbody td.table-actions:last-child form{width:100%}.responsive-table tbody td.table-actions:last-child .btn{padding:0.625rem 1rem;text-align:center}.responsive-table tbody td.table-actions:last-child form .btn{width:100%}.page-header{flex-wrap:wrap;gap:0.5rem}.page-header-actions{width:100%;display:flex;flex-wrap:wrap;gap:0.5rem}.page-header-actions .btn{flex:1 1 auto;min-width:calc(50% - 0.25rem);text-align:center;font-size:0.8125rem;padding:0.625rem 1rem}.page-header-right{width:100%;flex-wrap:wrap;gap:0.5rem}.page-header-right .btn{flex:1 1 auto;min-width:calc(50% - 0.25rem);text-align:center;font-size:0.8125rem;padding:0.625rem 1rem}.dashboard-header{flex-wrap:wrap;gap:0.5rem}.dashboard-header h1{width:100%}.quick-actions{width:100%;flex-wrap:wrap}.quick-actions .btn{flex:1 1 auto;min-width:calc(50% - 0.25rem);text-align:center;font-size:0.8125rem;padding:0.625rem 1rem}.metric-grid{grid-template-columns:repeat(2, 1fr);gap:0.75rem}}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:0.875rem;font-weight:500;margin-bottom:0.25rem;color:#1a1f36}.form-group input[type="text"],.form-group input[type="email"],.form-group input[type="password"],.form-group input[type="number"],.form-group input[type="search"],.form-group input[type="tel"],.form-group input[type="url"],.form-group input[type="date"],.form-group select,.form-group textarea{width:100%;padding:0.5rem 0.75rem;font-size:0.875rem;border:1px solid #e3e8ee;border-radius:6px;transition:border-color 0.15s ease, box-shadow 0.15s ease;background-color:#ffffff}.form-group input[type="text"]:focus,.form-group input[type="email"]:focus,.form-group input[type="password"]:focus,.form-group input[type="number"]:focus,.form-group input[type="search"]:focus,.form-group input[type="tel"]:focus,.form-group input[type="url"]:focus,.form-group input[type="date"]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#635bff;box-shadow:0 0 0 3px rgba(99,91,255,0.15)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.form-control,.form-input,.input{width:100%;padding:0.5rem 0.75rem;font-size:0.875rem;border:1px solid #e3e8ee;border-radius:6px;transition:border-color 0.15s ease, box-shadow 0.15s ease;background-color:#ffffff}.form-control:focus,.form-input:focus,.input:focus{outline:none;border-color:#635bff;box-shadow:0 0 0 3px rgba(99,91,255,0.15)}.form-select,.select-field{width:100%;padding:0.5rem 0.75rem;font-size:0.875rem;border:1px solid #e3e8ee;border-radius:6px;background-color:#ffffff;cursor:pointer}.form-select:focus,.select-field:focus{outline:none;border-color:#635bff;box-shadow:0 0 0 3px rgba(99,91,255,0.15)}.form-hint{display:block;font-size:0.75rem;color:#697386;margin-top:0.25rem}.checkbox-label{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:#1a1f36;cursor:pointer}.checkbox-label input[type="checkbox"]{width:1rem;height:1rem;accent-color:#635bff}.form-group--checkbox{display:flex;align-items:center;gap:0.5rem}.form-group--checkbox label{display:inline;margin-bottom:0;font-weight:400;cursor:pointer}.form-group--checkbox input[type="checkbox"]{width:1rem;height:1rem;accent-color:#635bff}.form-group label .required{color:#ed4f32;margin-left:0.125rem}.form-inline{display:flex;align-items:center;gap:0.5rem}.form-inline .form-control,.form-inline .form-input,.form-inline .input{flex:1}.form-inline .btn{flex-shrink:0}.text-danger{color:#ed4f32}.text-muted{color:#697386}.mt-2{margin-top:2rem}.mb-1{margin-bottom:1rem}.hidden{display:none}.flex-row{display:flex;gap:1rem;align-items:center}.flex-1{flex:1}.card--warning{background-color:#fffbea;border-left:4px solid #f59e0b}.card--warning p:first-child{margin-bottom:0.5rem;font-weight:600;color:#92400e}.code-block{padding:0.75rem;background-color:#ffffff;border-radius:4px;font-family:monospace;overflow-x:auto}[data-flash-message]{display:none}.flash{padding:0.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:0.875rem;font-weight:500}.flash-notice{background-color:rgba(99,91,255,0.08);color:#635bff}.flash-alert{background-color:rgba(237,79,50,0.08);color:#ed4f32}.badge{display:inline-block;padding:0.125rem 0.5rem;font-size:0.75rem;font-weight:500;border-radius:999px;background-color:rgba(99,91,255,0.1);color:#635bff}.badge-owner{background-color:rgba(99,91,255,0.1);color:#635bff}.badge-admin{background-color:rgba(245,166,35,0.1);color:#db8c0a}.badge-staff{background-color:rgba(105,115,134,0.1);color:#697386}.empty-state{text-align:center;padding:3rem 1rem;color:#697386}.dashboard-body{display:flex;min-height:100vh;background-color:#f6f9fc}.sidebar{width:240px;background:#ffffff;box-shadow:1px 0 0 #e3e8ee;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-header{padding:1.25rem 1.5rem}.sidebar-logo{display:flex;align-items:center}.sidebar-logo-img{height:28px;width:auto}.sidebar-nav{flex:1;padding:0.5rem 0.75rem;overflow-y:auto}.sidebar-footer{padding:0.5rem 0.75rem;padding-bottom:calc(0.5rem + env(safe-area-inset-bottom, 0px));border-top:1px solid #e3e8ee}.sidebar-section-label{font-size:0.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:#697386;padding:1rem 0.75rem 0.25rem}.sidebar-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0.5rem 0.75rem;background:none;border:none;cursor:pointer;font-size:0.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:#697386}.sidebar-section-toggle:hover{color:#1a1f36}.sidebar-section-chevron{transition:transform 0.2s ease}.sidebar-link{display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem;border-radius:6px;color:#697386;font-size:0.875rem;font-weight:500;transition:background-color 0.15s ease, color 0.15s ease}.sidebar-link:hover{color:#1a1f36;background-color:#f6f9fc}.sidebar-link--active{color:#635bff;background-color:rgba(99,91,255,0.08)}.sidebar-link--active:hover{color:#635bff;background-color:rgba(99,91,255,0.08)}.sidebar-link svg{flex-shrink:0}.sidebar-counter{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background-color:#635bff;color:#ffffff;font-size:0.6875rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;line-height:1}.dashboard-main{flex:1;margin-left:240px;display:flex;flex-direction:column;min-height:100vh}.topbar{height:56px;background:#ffffff;box-shadow:0 1px 0 #e3e8ee;display:flex;align-items:center;padding:0 1.5rem;position:sticky;top:0;z-index:50}.topbar-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;border-radius:6px;color:#697386;cursor:pointer}.topbar-toggle:hover{background-color:#f6f9fc;color:#1a1f36}.topbar-spacer{flex:1}.topbar-user{position:relative}.topbar-user-btn{display:flex;align-items:center;gap:0.5rem;padding:0.25rem 0.5rem;border:none;background:none;border-radius:6px;cursor:pointer;color:#1a1f36;font-size:0.875rem}.topbar-user-btn:hover{background-color:#f6f9fc}.topbar-avatar{width:28px;height:28px;border-radius:50%;background-color:#635bff;color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:600}.topbar-user-name{color:#697386}.dropdown-menu{display:none;position:absolute;top:100%;right:0;margin-top:0.25rem;background:#ffffff;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.08);min-width:180px;padding:0.25rem;z-index:200}.dropdown-menu--open{display:block}.dropdown-item{display:block;width:100%;padding:0.5rem 0.75rem;font-size:0.875rem;color:#1a1f36;border:none;background:none;text-align:left;border-radius:4px;cursor:pointer}.dropdown-item:hover{background-color:#f6f9fc;color:#1a1f36}.notifications-wrapper{position:relative;margin-right:0.5rem}.topbar-bell{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;border-radius:6px;color:#697386;cursor:pointer;position:relative}.topbar-bell:hover{background-color:#f6f9fc;color:#1a1f36}.notification-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#e25950;color:#ffffff;font-size:0.625rem;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1}.notifications-dropdown{display:none;position:absolute;top:100%;right:0;margin-top:0.5rem;background:#ffffff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.1);width:380px;z-index:200;overflow:hidden}.notifications-dropdown--open{display:block}.notifications-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;border-bottom:1px solid #e3e8ee}.notifications-dropdown-title{font-weight:600;font-size:0.875rem;color:#1a1f36}.notifications-mark-all{font-size:0.75rem;color:#635bff;text-decoration:none}.notifications-mark-all:hover{text-decoration:underline}.notifications-dropdown-list{max-height:320px;overflow-y:auto}.notification-item{display:flex;gap:0.75rem;padding:0.75rem 1rem;text-decoration:none;color:#1a1f36;border-bottom:1px solid #e3e8ee;transition:background-color 0.15s}.notification-item:hover{background-color:#f6f9fc}.notification-item:last-child{border-bottom:none}.notification-item--unread{background-color:rgba(99,91,255,0.03)}.notification-item--read{opacity:0.65}.notification-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#ffffff}.notification-icon--stock{background:#f59e0b}.notification-icon--order{background:#635bff}.notification-icon--system{background:#6b7280}.notification-icon--team{background:#10b981}.notification-content{flex:1;min-width:0}.notification-title{font-size:0.8125rem;font-weight:500;color:#1a1f36;line-height:1.3}.notification-body{font-size:0.75rem;color:#697386;margin-top:0.125rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-time{font-size:0.6875rem;color:#697386;margin-top:0.25rem}.notification-empty{padding:2rem 1rem;text-align:center;color:#697386;font-size:0.875rem}.notifications-dropdown-footer{border-top:1px solid #e3e8ee;padding:0.5rem 1rem;text-align:center}.notifications-view-all{font-size:0.8125rem;color:#635bff;text-decoration:none;font-weight:500}.notifications-view-all:hover{text-decoration:underline}.notifications-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.notifications-filters .filter-group{display:flex;gap:0.25rem}.notifications-list{padding:0}.notification-row{display:flex;align-items:flex-start;gap:0.75rem;padding:1rem 1.25rem;border-bottom:1px solid #e3e8ee}.notification-row:last-child{border-bottom:none}.notification-row--unread{background-color:rgba(99,91,255,0.03)}.notification-row-content{flex:1;min-width:0}.notification-row-title{font-size:0.875rem;font-weight:500;color:#1a1f36}.notification-row-body{font-size:0.8125rem;color:#697386;margin-top:0.25rem}.notification-row-meta{display:flex;gap:0.75rem;margin-top:0.375rem;font-size:0.75rem;color:#697386}.notification-row-category{font-weight:500}.notification-row-actions{display:flex;gap:0.375rem;flex-shrink:0}.dashboard-content{padding:2rem;padding-bottom:5rem;flex:1;max-width:1200px;width:100%;margin:0 auto}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.dashboard-header h1{font-size:1.5rem;font-weight:600;color:#1a1f36}.quick-actions{display:flex;gap:0.5rem}.alert{padding:0.75rem 1rem;border-radius:6px;margin-bottom:1.5rem;font-size:0.875rem}.alert a{color:inherit;text-decoration:underline}.alert--warning{background-color:rgba(245,166,35,0.1);color:#925d07;border-left:4px solid #f5a623}.dashboard-sections{display:grid;gap:2rem;margin-top:1rem}.dashboard-section .section-title{margin-bottom:1rem}.metric-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem;margin-bottom:2rem}.metric-card{background:#ffffff;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,0.08);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;color:#1a1f36;transition:box-shadow 0.15s ease;text-decoration:none}.metric-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.08);color:#1a1f36}.metric-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:rgba(99,91,255,0.08);color:#635bff;flex-shrink:0}.metric-icon svg{width:20px;height:20px}.metric-icon--warning{background:rgba(245,166,35,0.1);color:#f5a623}.metric-icon--danger{background:rgba(237,79,50,0.1);color:#ed4f32}.metric-icon--success{background:rgba(12,206,107,0.1);color:#0cce6b}.metric-body{min-width:0}.metric-label{font-size:0.75rem;font-weight:500;text-transform:uppercase;letter-spacing:0.05em;color:#697386;margin-bottom:0.25rem}.metric-value{font-size:1.75rem;font-weight:600;color:#1a1f36;line-height:1}.breadcrumbs{display:flex;align-items:center;gap:0;margin-bottom:1rem;font-size:0.8125rem;line-height:1}.breadcrumb-link{color:#6b7385;text-decoration:none}.breadcrumb-link:hover{color:#635bff}.breadcrumb-sep{color:#c1c7d0;margin:0 0.5rem}.breadcrumb-current{color:#1a1f36;font-weight:500}.section-heading{font-size:1rem;font-weight:600;color:#1a1f36;margin:2rem 0 0.75rem}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.page-header h1{font-size:1.5rem;font-weight:600;color:#1a1f36}.page-header-help{font-size:0.8125rem;color:#697386;text-decoration:none}.page-header-help:hover{color:#635bff;text-decoration:underline}.page-header-actions{display:flex;gap:0.5rem}.page-header-left{flex:1}.page-header-right{display:flex;align-items:center;gap:1rem}.search-bar{margin-bottom:1.5rem}.search-form{display:flex;gap:0.5rem;align-items:stretch}.search-form .btn{padding:0 0.75rem;font-size:0.8125rem;white-space:nowrap}.search-input{flex:1;padding:0 0.75rem;font-size:0.875rem;border:1px solid #e3e8ee;border-radius:6px;background-color:#ffffff;height:36px}.search-input:focus{outline:none;border-color:#635bff;box-shadow:0 0 0 3px rgba(99,91,255,0.15)}.card--table{padding:0;overflow:hidden}.card--table h2,.card--table h3{padding:1.5rem 1.5rem 0}.card--table table{margin:0}.card--table td:last-child,.card--table th:last-child{text-align:right}.table-actions{display:flex;gap:0.25rem;justify-content:flex-end}.table-actions form{display:inline}.btn-sm{padding:0.25rem 0.5rem;font-size:0.75rem}.btn-block{display:block;width:100%}.detail-grid{display:grid;grid-template-columns:8rem 1fr;gap:0.75rem 1.5rem}.detail-grid dt{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:#697386;padding-top:0.125rem}.detail-grid dd{color:#1a1f36}.inline-actions{display:flex;align-items:center;gap:0.5rem}.section-title{margin:2rem 0 1rem}.order-transitions{display:flex;align-items:center;justify-content:flex-end;gap:0.5rem;margin-top:1.5rem}.form-errors{background-color:rgba(237,79,50,0.1);color:#ed4f32;padding:0.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:0.875rem}.form-errors ul{list-style:none}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:0.5rem;margin-top:1.5rem}.form-actions-secondary{display:flex;align-items:center;gap:0.5rem}.form-actions-primary{display:flex;align-items:center;gap:0.5rem;margin-left:auto}@media (max-width: 480px){.form-actions{flex-direction:column-reverse}.form-actions-primary,.form-actions-secondary{width:100%}.form-actions-primary{flex-direction:column}.form-actions-secondary{flex-direction:column}.form-actions-primary .btn,.form-actions-secondary .btn{width:100%;justify-content:center}}code{font-size:0.8125rem;background-color:#f6f9fc;padding:0.125rem 0.375rem;border-radius:4px}.pagination{margin-top:1.5rem;display:flex;justify-content:center}.pagination nav{display:flex;gap:0.25rem}.pagination a,.pagination .current{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 0.5rem;font-size:0.875rem;border-radius:6px;color:#1a1f36}.pagination a:hover{background-color:#f6f9fc}.pagination .current{background-color:#635bff;color:#ffffff;font-weight:500}body.scroll-locked{overflow:hidden}.sidebar-overlay{display:none}@media (max-width: 1024px){.sidebar{transform:translateX(-100%);transition:transform 0.2s ease;box-shadow:none}.sidebar--open{transform:translateX(0);box-shadow:0 4px 12px rgba(0,0,0,0.08)}.dashboard-main{margin-left:0}.topbar-toggle{display:flex}.topbar-user-name{display:none}.notifications-dropdown{position:fixed;top:56px;left:1rem;right:1rem;width:auto;max-width:380px}.notification-row{flex-wrap:wrap}.notification-row-actions{width:100%;padding-left:44px;margin-top:0.5rem}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,0.3);z-index:90;opacity:0;pointer-events:none;transition:opacity 0.2s ease}.sidebar-overlay--visible{opacity:1;pointer-events:auto}.dashboard-content{padding:1.5rem}.metric-grid{grid-template-columns:repeat(2, 1fr);gap:0.75rem}}.location-tree{list-style:none;padding-left:0;margin:0}.location-tree-children{list-style:none;padding-left:1.5rem;margin-top:0.5rem}.location-tree-item{display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0;border-bottom:1px solid #e3e8ee}.location-tree-item:last-child{border-bottom:none}.location-tree-item a{font-weight:500}.location-tree-item .location-type{font-size:0.875rem;color:#697386;padding:0.125rem 0.5rem;background:#f6f9fc;border-radius:6px}.location-tree-item .stock-count{font-size:0.875rem;color:#697386;margin-left:auto}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-header h2{margin:0}.danger-zone{border:1px solid #fbdcd6;background:white}.danger-zone h2{color:#ed4f32;margin-bottom:0.5rem}.danger-zone p{color:#697386;margin-bottom:1rem}.label-layout{background:#ffffff;display:flex;justify-content:center;align-items:center;min-height:100vh}.label-page{padding:2rem}.label{width:400px;padding:2rem;border:2px solid #e3e8ee;border-radius:6px;background:#ffffff}.label-header{text-align:center;margin-bottom:1.5rem}.label-header h1{font-size:1.5rem;margin:0}.label-barcode{text-align:center;margin-bottom:1.5rem}.label-barcode .barcode-svg{max-width:100%;height:auto}.label-details{margin-bottom:1.5rem}.label-field{display:flex;justify-content:space-between;padding:0.5rem 0;border-bottom:1px solid #e3e8ee}.label-field:last-child{border-bottom:none}.label-field .label-field-name{font-weight:600;color:#697386}.label-field .label-field-value{font-weight:500;text-align:right}.label-footer{text-align:center}.filter-bar{margin-bottom:1.5rem}.filter-form .filter-row{display:flex;gap:0.75rem;align-items:flex-end;flex-wrap:wrap}.filter-form .filter-group{flex:1;min-width:140px;display:flex;flex-direction:column}.filter-form .filter-group label{display:block;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:#697386;margin-bottom:0.375rem}.filter-form .filter-group select,.filter-form .filter-group input{width:100%;height:38px;min-height:38px;padding:0 0.75rem;font-size:0.875rem;border:1px solid #e3e8ee;border-radius:6px;background-color:#ffffff}.filter-form .filter-group select:focus,.filter-form .filter-group input:focus{outline:none;border-color:#635bff;box-shadow:0 0 0 3px rgba(99,91,255,0.15)}.filter-form .filter-actions{display:flex;gap:0.5rem;align-items:flex-end}.filter-form .filter-actions .btn{height:38px;white-space:nowrap}@media (max-width: 768px){.filter-form .filter-row{flex-direction:column;gap:0.75rem}.filter-form .filter-group{min-width:100%}.filter-form .filter-actions{width:100%}.filter-form .filter-actions .btn{flex:1}}.badge-receipt{background-color:rgba(12,206,107,0.1);color:#088645}.badge-transfer{background-color:rgba(99,91,255,0.1);color:#635bff}.badge-adjustment{background-color:rgba(245,166,35,0.1);color:#c37d09}.badge-shipment{background-color:rgba(237,79,50,0.1);color:#ed4f32}.badge-return{background-color:rgba(105,115,134,0.1);color:#697386}.badge--pending{background-color:rgba(245,166,35,0.1);color:#c37d09}.badge--picking{background-color:rgba(99,91,255,0.1);color:#635bff}.badge--packing{background-color:rgba(99,91,255,0.1);color:#635bff}.badge--shipped{background-color:rgba(12,206,107,0.1);color:#088645}.badge--delivered{background-color:rgba(12,206,107,0.1);color:#088645}.badge--cancelled{background-color:rgba(105,115,134,0.1);color:#697386}.badge--in-stock{background-color:rgba(12,206,107,0.1);color:#088645}.badge--low-stock{background-color:rgba(245,166,35,0.1);color:#c37d09}.badge--out-of-stock{background-color:rgba(237,79,50,0.1);color:#ed4f32}.badge--return-pending{background-color:rgba(245,166,35,0.1);color:#c37d09}.badge--return-inspecting{background-color:rgba(99,91,255,0.1);color:#635bff}.badge--return-completed{background-color:rgba(12,206,107,0.1);color:#088645}.badge--draft{background-color:rgba(105,115,134,0.1);color:#697386}.badge--sent{background-color:rgba(99,91,255,0.1);color:#635bff}.badge--partially_received{background-color:rgba(245,166,35,0.1);color:#c37d09}.badge--received{background-color:rgba(12,206,107,0.1);color:#088645}.progress-bar-container{width:100%;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:4px}.progress-bar{height:100%;background-color:#635bff;border-radius:4px;transition:width 0.3s ease}.progress-text{font-size:0.8125rem;color:#697386}.badge--return-rejected{background-color:rgba(237,79,50,0.1);color:#ed4f32}.badge--condition-resellable{background-color:rgba(12,206,107,0.1);color:#088645}.badge--condition-damaged{background-color:rgba(245,166,35,0.1);color:#c37d09}.badge--condition-defective{background-color:rgba(237,79,50,0.1);color:#ed4f32}.badge--lot-available{background-color:rgba(12,206,107,0.1);color:#088645}.badge--lot-quarantined{background-color:rgba(245,166,35,0.1);color:#c37d09}.badge--lot-expired{background-color:rgba(237,79,50,0.1);color:#ed4f32}.badge--lot-consumed{background-color:rgba(105,115,134,0.1);color:#697386}.badge--unpaid{background-color:rgba(245,166,35,0.1);color:#f5a623}.badge--paid{background-color:rgba(12,206,107,0.1);color:#0cce6b}.badge--vat-valid{background-color:rgba(12,206,107,0.1);color:#088645}.badge--vat-invalid{background-color:rgba(237,79,50,0.1);color:#ed4f32}.badge--vat-pending{background-color:rgba(105,115,134,0.1);color:#697386}.vat-status{font-size:0.75rem}.vat-status--valid{color:#088645}.vat-status--invalid{color:#ed4f32}.vat-status--pending{color:#697386}.form-input-sm{width:80px;padding:0.25rem 0.5rem;font-size:0.875rem;border:1px solid #e3e8ee;border-radius:6px}.form-select-sm{padding:0.25rem 0.5rem;font-size:0.875rem;border:1px solid #e3e8ee;border-radius:6px}.row--warning{background-color:rgba(245,166,35,0.05)}.row--danger{background-color:rgba(237,79,50,0.05)}.filter-toggles{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:0.5rem}.subtle-link{font-size:0.8125rem;color:#697386;text-decoration:none;margin-left:auto}.subtle-link:hover{color:#635bff;text-decoration:underline}.pick-progress{display:flex;align-items:center;gap:1rem}.pick-progress-bar{flex:1;height:8px;background-color:#e3e8ee;border-radius:4px;overflow:hidden}.pick-progress-fill{height:100%;background-color:#0cce6b;border-radius:4px;transition:width 0.3s ease}.pick-progress-text{font-size:0.875rem;color:#697386;white-space:nowrap}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-header h2{margin-bottom:0}.current-stock-display{font-size:1.5rem;font-weight:600;color:#1a1f36}.stock-preview{font-size:0.875rem;color:#697386;margin-top:0.25rem}.tabs{display:flex;gap:0.25rem;margin-bottom:1.5rem;border-bottom:1px solid #e3e8ee;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{padding:0.75rem 1rem;white-space:nowrap;color:#697386;text-decoration:none;border-bottom:2px solid transparent;transition:all 0.2s}.tab:hover{color:#1a1f36}.tab.active{color:#635bff;border-bottom-color:#635bff}@media print{.no-print{display:none}.label{border:none}.label-page{padding:0}body{background:#ffffff}}.scanner-video-wrapper{position:relative;background-color:#000;aspect-ratio:16 / 9;overflow:hidden}.scanner-video{width:100%;height:100%}.scanner-video video{width:100%;height:100%;object-fit:cover}.scanner-video canvas{display:none}.scanner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.scanner-guide{width:80%;max-width:400px;height:120px;border:3px solid rgba(255,255,255,0.6);border-radius:6px;box-shadow:0 0 0 9999px rgba(0,0,0,0.5);transition:border-color 0.2s ease}.scanner-guide--reading{border-color:#635bff;animation:guide-pulse 1s ease-in-out infinite}.scanner-guide--confirmed{border-color:#0cce6b;animation:none}@keyframes guide-pulse{0%,100%{border-color:#635bff}50%{border-color:rgba(99,91,255,0.4)}}.scanner-feedback{padding:0.75rem 1rem;border-top:1px solid #e3e8ee}.scanner-feedback-code{font-family:monospace;font-size:1.125rem;font-weight:600;color:#1a1f36;text-align:center;margin-bottom:0.5rem;letter-spacing:0.1em}.scanner-feedback-bar{height:6px;background:#e3e8ee;border-radius:3px;overflow:hidden;margin-bottom:0.375rem}.scanner-feedback-fill{height:100%;background:#635bff;border-radius:3px;transition:width 0.15s ease, background-color 0.2s ease;width:0%}.scanner-feedback-fill--success{background:#0cce6b}.scanner-feedback-fill--warning{background:#f5a623}.scanner-feedback-label{font-size:0.75rem;color:#697386;text-align:center}.scanner-status{padding:0.625rem 1rem;font-size:0.8125rem;font-weight:500;text-align:center;border-top:1px solid #e3e8ee}.scanner-status--info{color:#697386}.scanner-status--error{color:#ed4f32;background-color:#fbdcd6}.scanner-status--scanning{color:#0cce6b}.scanner-status--scanning::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#0cce6b;margin-right:0.5rem;animation:scanner-pulse 1.5s ease-in-out infinite}@keyframes scanner-pulse{0%,100%{opacity:1}50%{opacity:0.3}}@media (max-width: 768px){input[type="text"][data-picking-target="scanInput"],input#product_barcode[type="text"],input#location_barcode[type="text"]{font-size:1rem;min-height:48px}}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #e3e8ee;border-radius:6px;background-color:#ffffff;color:#697386;cursor:pointer;transition:border-color 0.15s ease, color 0.15s ease;flex-shrink:0}.btn-icon:hover{border-color:#635bff;color:#635bff}.btn-icon svg{width:20px;height:20px}.btn-lg{padding:0.75rem 1.5rem;font-size:1rem;min-height:48px}.goods-in-form .form-group:last-child{margin-bottom:0}.goods-in-step{background-color:#ffffff;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,0.08);margin-bottom:1rem;overflow:hidden;transition:opacity 0.2s ease}.goods-in-step-header{display:flex;align-items:center;gap:0.75rem;padding:1rem 1.25rem;border-bottom:1px solid #e3e8ee}.goods-in-step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:#f6f9fc;color:#697386;font-size:0.8125rem;font-weight:600;flex-shrink:0;transition:background-color 0.2s ease, color 0.2s ease}.goods-in-step--complete .goods-in-step-number{background-color:#0cce6b;color:#ffffff;font-size:0.875rem}.goods-in-step--complete .goods-in-step-header{cursor:pointer;border-bottom-color:rgba(12,206,107,0.2)}.goods-in-step--complete .goods-in-step-header:hover{background-color:rgba(12,206,107,0.03)}.goods-in-step--current{box-shadow:0 1px 3px rgba(0,0,0,0.08),0 0 0 2px rgba(99,91,255,0.15)}.goods-in-step--future{opacity:0.5}.goods-in-step--future .goods-in-step-header{border-bottom:none}.goods-in-step-title{font-weight:500;font-size:0.9375rem}.goods-in-step-summary{margin-left:auto;color:#697386;font-size:0.8125rem;font-weight:500}.goods-in-step-summary[hidden]{display:none}.goods-in-step-body{padding:1rem 1.25rem}.goods-in-step-body[hidden]{display:none}.goods-in-step-body .form-group{margin-bottom:0}.goods-in-step-actions{margin-top:1rem;display:flex;justify-content:flex-end}.goods-in-input-row{display:flex;gap:0.5rem}.goods-in-input-row input[type="text"]{flex:1}.goods-in-quantity-row{display:flex;align-items:center;gap:0.5rem}.goods-in-quantity-row input[type="number"]{width:80px;text-align:center;font-weight:600;font-size:1.125rem;-moz-appearance:textfield}.goods-in-quantity-row input[type="number"]::-webkit-outer-spin-button,.goods-in-quantity-row input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-hint.found{color:#0cce6b;font-weight:500}.form-hint.not-found{color:#ed4f32}.scanner-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center}.scanner-modal[hidden]{display:none}.scanner-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6)}.scanner-modal-content{position:relative;width:90%;max-width:500px;background-color:#ffffff;border-radius:6px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,0.1)}.scanner-modal-header{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;border-bottom:1px solid #e3e8ee}.scanner-modal-title{font-weight:500;font-size:0.9375rem}@media (max-width: 768px){.scanner-modal-content{width:100%;max-width:none;height:100%;border-radius:0;display:flex;flex-direction:column}.scanner-modal-content .scanner-video-wrapper{flex:1;aspect-ratio:auto}}body.public-layout{font-family:'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;background:#f6f9fc;color:#0a2540}.public-layout .container{max-width:1200px;margin:0 auto;padding:0 24px}.public-layout .flash{max-width:1200px;margin:1rem auto 0;padding:0.75rem 1.5rem;text-align:center;font-size:0.875rem;font-weight:500;border-radius:6px}.public-layout .flash.flash-notice{background:rgba(99,91,255,0.08);color:#635bff}.public-layout .flash.flash-alert{background:rgba(237,79,50,0.08);color:#ed4f32}.public-layout .navbar{position:sticky;top:0;background:white;border-bottom:1px solid rgba(0,0,0,0.05);padding:16px 0;z-index:100;box-shadow:0 1px 3px rgba(0,0,0,0.03)}.public-layout .navbar .container{display:flex;align-items:center;justify-content:space-between}.public-layout .navbar .navbar-brand .logo{display:flex;align-items:center;text-decoration:none}.public-layout .navbar .navbar-brand .logo-img{height:32px;width:auto}.public-layout .navbar .navbar-menu{display:flex;gap:32px}@media (max-width: 768px){.public-layout .navbar .navbar-menu{display:none}}.public-layout .navbar .navbar-link{color:#0a2540;text-decoration:none;font-weight:500;font-size:0.9375rem;transition:color 0.2s ease}.public-layout .navbar .navbar-link:hover{color:#635bff}.public-layout .navbar .navbar-actions{display:flex;gap:12px}.public-layout .btn-primary{background:#635bff;color:white;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:500;font-size:0.9375rem;transition:all 0.2s ease;display:inline-block;border:none;cursor:pointer;box-shadow:0 2px 5px rgba(99,91,255,0.15)}.public-layout .btn-primary:hover{background:#4b42ff;box-shadow:0 4px 12px rgba(99,91,255,0.25);transform:translateY(-1px)}.public-layout .btn-secondary{background:transparent;color:#0a2540;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:500;font-size:0.9375rem;transition:all 0.2s ease;display:inline-block;border:1px solid rgba(0,0,0,0.1);cursor:pointer}.public-layout .btn-secondary:hover{border-color:#635bff;color:#635bff}.public-layout .btn-outline{background:transparent;color:white;padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:500;font-size:0.9375rem;transition:all 0.2s ease;display:inline-block;border:2px solid white;cursor:pointer}.public-layout .btn-outline:hover{background:white;color:#635bff}.public-layout main{min-height:calc(100vh - 200px)}.public-layout .footer{background:white;border-top:1px solid rgba(0,0,0,0.05);padding:48px 0 24px;margin-top:80px}.public-layout .footer .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}@media (max-width: 768px){.public-layout .footer .footer-grid{grid-template-columns:1fr;gap:32px}}.public-layout .footer .footer-brand .footer-logo{height:28px;width:auto;margin-bottom:12px}.public-layout .footer .footer-brand .footer-tagline{font-size:0.875rem;color:#1f72c4;line-height:1.6;margin-bottom:16px}.public-layout .footer .footer-column h4{font-size:0.875rem;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:0.5px;color:#0a2540}.public-layout .footer .footer-column ul{list-style:none}.public-layout .footer .footer-column ul li{margin-bottom:12px}.public-layout .footer .footer-column ul li a{color:#1f72c4;text-decoration:none;font-size:0.875rem;transition:color 0.2s ease}.public-layout .footer .footer-column ul li a:hover{color:#635bff}.public-layout .footer .footer-column .footer-company{font-size:0.8125rem;color:#227eda;margin-bottom:4px}.public-layout .footer .footer-bottom{padding-top:24px;border-top:1px solid rgba(0,0,0,0.05);text-align:center}.public-layout .footer .footer-bottom p{color:#368be0;font-size:0.875rem}.hero{padding:80px 0;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}@media (max-width: 968px){.hero .container{grid-template-columns:1fr;gap:40px}}.hero-content{max-width:540px}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:24px;letter-spacing:-1px}@media (max-width: 768px){.hero-title{font-size:2.5rem}}.hero-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:32px;opacity:0.95}.hero-actions{display:flex;gap:16px}@media (max-width: 480px){.hero-actions{flex-direction:column}}@media (max-width: 968px){.hero-demo{display:none}}.browser-mockup{flex:1;max-width:600px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,0.12);border:1px solid rgba(0,0,0,0.06);transform-style:preserve-3d}.browser-mockup-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f1f5f9;border-bottom:1px solid rgba(0,0,0,0.06)}.browser-mockup-dots{display:flex;gap:6px}.browser-mockup-dots span{width:10px;height:10px;border-radius:50%;background:#cbd5e1}.browser-mockup-url{flex:1;display:flex;align-items:center;gap:6px;background:#fff;border-radius:6px;padding:6px 12px;font-size:0.75rem;color:#64748b}.browser-mockup-body{min-height:320px}.mock-portal-body{display:flex;flex-direction:column}.mock-portal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid rgba(0,0,0,0.06)}.mock-portal-brand{font-weight:700;font-size:0.875rem;color:#1e293b}.mock-portal-nav{display:flex;align-items:center;gap:16px;font-size:0.75rem;color:#64748b}.mock-portal-cart{position:relative;display:flex;align-items:center}.mock-portal-cart-badge{position:absolute;top:-6px;right:-8px;background:#635bff;color:#fff;font-size:0.5rem;font-weight:700;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center}.mock-portal-content{display:grid;grid-template-columns:1fr 180px;flex:1}.mock-portal-products{padding:14px;display:flex;gap:10px;align-items:start}.mock-portal-product{width:140px;flex-shrink:0;border:1px solid rgba(0,0,0,0.06);border-radius:8px;overflow:hidden}.mock-portal-product-img{background:#f1f5f9;height:80px;display:flex;align-items:center;justify-content:center}.mock-portal-product-details{padding:8px 10px 10px}.mock-portal-product-name{font-size:0.625rem;font-weight:600;color:#1e293b;line-height:1.3}.mock-portal-product-price{font-size:0.5625rem;color:#635bff;font-weight:600;margin-top:2px}.mock-portal-product-stock{font-size:0.5rem;color:#22c55e;margin-top:1px}.mock-portal-product-stock.mock-portal-oos{color:#ef4444}.mock-portal-product-oos{opacity:0.6}.mock-portal-product-action{padding:8px 10px 10px;display:flex;flex-direction:column;gap:6px}.mock-portal-qty{display:flex;align-items:center}.mock-portal-qty-btn{padding:2px 5px;font-size:0.5625rem;color:#64748b;cursor:default;background:#f8fafc}.mock-portal-qty-val{padding:2px 6px;font-size:0.5625rem;font-weight:600;color:#1e293b;min-width:18px;text-align:center}.mock-portal-add-btn{width:100%;padding:5px 6px;border-radius:4px;font-size:0.5625rem;font-weight:600;background:#fff;color:#64748b;border:1px solid rgba(0,0,0,0.12);cursor:default;text-align:center;display:flex;align-items:center;justify-content:center;gap:3px}.mock-portal-checkout{background:#f8fafc;border-left:1px solid rgba(0,0,0,0.06);padding:14px;display:flex;flex-direction:column}.mock-portal-checkout-title{font-size:0.6875rem;font-weight:700;color:#1e293b;margin-bottom:10px}.mock-portal-checkout-line{display:flex;justify-content:space-between;font-size:0.5625rem;color:#64748b;margin-bottom:4px}.mock-portal-checkout-total{display:flex;justify-content:space-between;font-size:0.6875rem;font-weight:700;color:#1e293b;border-top:1px solid rgba(0,0,0,0.1);padding-top:8px;margin-top:6px;margin-bottom:12px}.mock-portal-checkout-btn{padding:6px;border-radius:6px;font-size:0.625rem;font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center;gap:4px;cursor:default}.mock-pay-primary{background:#635bff;color:#fff}.mock-portal-pay-divider{text-align:center;font-size:0.5rem;color:#94a3b8;margin:8px 0;position:relative}.mock-portal-pay-divider::before,.mock-portal-pay-divider::after{content:"";position:absolute;top:50%;width:30%;height:1px;background:#e2e8f0}.mock-portal-pay-divider::before{left:0}.mock-portal-pay-divider::after{right:0}.mock-portal-pay-buttons{display:flex;gap:6px}.mock-pay-apple{flex:1;background:#000;color:#fff}.mock-pay-google{flex:1;background:#fff;color:#1e293b;border:1px solid rgba(0,0,0,0.12)}.feature-card{transform-style:preserve-3d}@media (prefers-reduced-motion: reduce){.terminal-response{opacity:1;transition:none}}.stats-bar{background:white;padding:48px 0;border-bottom:1px solid rgba(0,0,0,0.05)}.stats-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:40px}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2, 1fr);gap:32px}}.stat{text-align:center}.stat-value{font-size:2.5rem;font-weight:700;color:#635bff;margin-bottom:8px}@media (max-width: 768px){.stat-value{font-size:2rem}}.stat-label{font-size:0.875rem;color:#1f72c4;text-transform:uppercase;letter-spacing:0.5px;font-weight:600}.features{padding:80px 0}.public-layout .section-heading{text-align:center;font-size:2.5rem;font-weight:700;color:#0a2540;margin-bottom:16px}@media (max-width: 768px){.public-layout .section-heading{font-size:2rem}}.public-layout .section-subheading{text-align:center;font-size:1.125rem;color:#1f72c4;margin-bottom:64px}.features-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:32px}@media (max-width: 968px){.features-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 640px){.features-grid{grid-template-columns:1fr}}.feature-card{background:white;padding:32px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.04);transition:all 0.3s ease}.feature-card:hover{box-shadow:0 8px 24px rgba(0,0,0,0.08);transform:translateY(-4px)}.feature-card h3{font-size:1.25rem;font-weight:600;color:#0a2540;margin-bottom:12px}.feature-card p{font-size:0.9375rem;line-height:1.6;color:#1f72c4}.feature-icon{width:48px;height:48px;background:rgba(99,91,255,0.1);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feature-icon svg{color:#635bff}.pricing{padding:80px 0;background:white}.pricing-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:32px;max-width:1000px;margin:0 auto}@media (max-width: 768px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:white;border:2px solid rgba(0,0,0,0.1);border-radius:12px;padding:40px;position:relative;display:flex;flex-direction:column}.pricing-card .btn-full{margin-top:auto}.pricing-card-featured{border-color:#635bff;box-shadow:0 8px 24px rgba(99,91,255,0.15)}.pricing-compare-link{text-align:center;margin-top:2rem;font-size:0.95rem}.pricing-compare-link a{color:#635bff;text-decoration:none;font-weight:500}.pricing-compare-link a:hover{text-decoration:underline}.pricing-enterprise{max-width:1000px;margin:32px auto 0;background:linear-gradient(135deg, #0a2540 0%, #1a1a4e 100%);border-radius:12px;padding:40px 48px;display:flex;align-items:center;justify-content:space-between;gap:32px;color:white}@media (max-width: 768px){.pricing-enterprise{flex-direction:column;text-align:center;padding:32px}}.pricing-enterprise-content{flex:1}.pricing-enterprise-title{font-size:1.5rem;font-weight:700;margin-bottom:4px}.pricing-enterprise-description{color:rgba(255,255,255,0.6);font-size:0.875rem}.pricing-enterprise .btn-primary{flex-shrink:0;white-space:nowrap}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#635bff;color:white;padding:4px 16px;border-radius:999px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.pricing-name{font-size:1.25rem;font-weight:600;color:#0a2540;margin-bottom:16px}.pricing-price{margin-bottom:32px;display:flex;align-items:baseline}.pricing-currency{font-size:1.5rem;font-weight:600;color:#0a2540}.pricing-amount{font-size:3.5rem;font-weight:700;color:#0a2540;line-height:1}.pricing-period{font-size:1rem;color:#1f72c4;margin-left:4px}.pricing-features{list-style:none;margin-bottom:32px}.pricing-features li{padding:12px 0;border-bottom:1px solid rgba(0,0,0,0.05);color:#185898;font-size:0.9375rem}.pricing-features li:last-child{border-bottom:none}.pricing-features li:before{content:"✓";color:#635bff;font-weight:700;margin-right:12px}.btn-full{width:100%;text-align:center}.pricing-value-props{display:grid;grid-template-columns:repeat(3, 1fr);gap:32px;max-width:900px;margin:48px auto 0}@media (max-width: 768px){.pricing-value-props{grid-template-columns:1fr;gap:24px}}.pricing-value-prop{text-align:center;padding:32px 24px;background:white;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}.pricing-value-prop-number{font-size:2.5rem;font-weight:800;color:#635bff;line-height:1;margin-bottom:12px}.pricing-value-prop-text{font-size:0.9375rem;color:#697386;line-height:1.5}.pricing-comparison{padding:80px 0;background:#f6f9fc}.pricing-table-wrapper{max-width:960px;margin:0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch}.pricing-table{width:100%;border-collapse:separate;border-spacing:0;background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,0.06);table-layout:fixed}.pricing-table th,.pricing-table td{padding:14px 20px;text-align:center;font-size:0.9375rem;font-weight:400;text-transform:none;letter-spacing:normal;color:#1a1f36;border-bottom:1px solid rgba(0,0,0,0.05)}.pricing-table th{font-weight:700;color:#0a2540;font-size:1rem;vertical-align:bottom;padding:32px 20px 24px;background:white;border-bottom:2px solid rgba(0,0,0,0.08)}.pricing-table td:first-child,.pricing-table th:first-child{text-align:left;width:36%;font-weight:500}.pricing-table th:first-child{font-weight:700}.pricing-table .pricing-table-plan-name{font-size:1.125rem;font-weight:700;margin-bottom:4px}.pricing-table .pricing-table-plan-price{font-size:0.9375rem;color:#697386;margin-bottom:12px}.pricing-table .pricing-table-section td{font-weight:700;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.5px;color:#697386;background:#f6f9fc;padding:10px 20px}.pricing-table .pricing-table-featured{background:rgba(99,91,255,0.04);position:relative}.pricing-table thead .pricing-table-featured{background:rgba(99,91,255,0.06)}.pricing-table tbody tr:hover{background:rgba(0,0,0,0.01)}.pricing-table tbody tr:last-child td{border-bottom:none}.pricing-check{color:#635bff;font-weight:700;font-size:1.125rem}.pricing-dash{color:#aac6e3;font-size:1.125rem}.pricing-note{text-align:center;color:#697386;font-size:0.875rem;margin-top:32px}.cta{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;padding:80px 0;text-align:center}.cta-heading{font-size:3rem;font-weight:700;margin-bottom:16px}@media (max-width: 768px){.cta-heading{font-size:2.25rem}}.cta-subheading{font-size:1.25rem;margin-bottom:32px;opacity:0.95}.cta-note{margin-top:16px;font-size:0.875rem;opacity:0.8}.docs-layout{font-family:'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;background:#ffffff;margin:0;padding:0}.docs-layout .docs-navbar{position:fixed;top:0;left:0;right:0;height:60px;background:#ffffff;border-bottom:1px solid #e3e8ee;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:100}.docs-layout .docs-navbar .docs-navbar-brand{display:flex;align-items:center;gap:12px}.docs-layout .docs-navbar .docs-navbar-brand .logo{display:flex;align-items:center;text-decoration:none}.docs-layout .docs-navbar .docs-navbar-brand .logo-img{height:24px;width:auto}.docs-layout .docs-navbar .docs-navbar-brand .divider{color:#e3e8ee}.docs-layout .docs-navbar .docs-navbar-brand .docs-label{font-size:0.875rem;color:#697386}.docs-layout .docs-container{display:flex;margin-top:60px}.docs-layout .docs-container .docs-sidebar{position:fixed;top:60px;left:0;bottom:0;width:260px;background:#f6f9fc;border-right:1px solid #e3e8ee;overflow-y:auto;padding:24px}.docs-layout .docs-container .docs-sidebar .docs-nav .docs-nav-section{margin-bottom:32px}.docs-layout .docs-container .docs-sidebar .docs-nav .docs-nav-section h4{font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.5px;color:#697386;margin-bottom:12px;font-weight:600}.docs-layout .docs-container .docs-sidebar .docs-nav .docs-nav-section ul{list-style:none;padding:0;margin:0}.docs-layout .docs-container .docs-sidebar .docs-nav .docs-nav-section ul li{margin:0}.docs-layout .docs-container .docs-sidebar .docs-nav .docs-nav-section ul li a{display:block;padding:8px 12px;font-size:0.875rem;color:#1a1f36;text-decoration:none;border-radius:6px;transition:background-color 0.15s ease}.docs-layout .docs-container .docs-sidebar .docs-nav .docs-nav-section ul li a:hover{background:rgba(99,91,255,0.1);color:#635bff}.docs-layout .docs-container .docs-sidebar .docs-nav .docs-nav-section ul li a.active{background:rgba(99,91,255,0.1);color:#635bff;font-weight:500}.docs-layout .docs-container .docs-main{flex:1;margin-left:260px;padding:48px;max-width:900px;min-width:0;overflow-x:hidden}.docs-layout .docs-container .docs-main h1{font-size:2.25rem;font-weight:600;margin-bottom:16px;color:#1a1f36}.docs-layout .docs-container .docs-main h2{font-size:1.5rem;font-weight:600;margin-top:48px;margin-bottom:16px;color:#1a1f36;padding-bottom:12px;border-bottom:1px solid #e3e8ee}.docs-layout .docs-container .docs-main h3{font-size:1.125rem;font-weight:600;margin-top:32px;margin-bottom:12px;color:#1a1f36}.docs-layout .docs-container .docs-main p{font-size:0.9375rem;line-height:1.7;color:#1a1f36;margin-bottom:16px}.docs-layout .docs-container .docs-main code{font-family:'Fira Code', 'Monaco', 'Consolas', monospace;font-size:0.8125rem;background:#f6f9fc;padding:2px 6px;border-radius:4px;color:#635bff}.docs-layout .docs-container .docs-main .copy-button{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.08);color:#94a3b8;border:1px solid rgba(255,255,255,0.12);padding:5px 12px;font-size:0.75rem;font-weight:500;border-radius:20px;cursor:pointer;transition:all 0.2s ease}.docs-layout .docs-container .docs-main .copy-button:hover{background:rgba(255,255,255,0.15);color:#e2e8f0;border-color:rgba(255,255,255,0.25)}.docs-layout .docs-container .docs-main .copy-button:active{transform:scale(0.95)}.docs-layout .docs-container .docs-main .copy-button.copied{background:rgba(16,185,129,0.15);color:#34d399;border-color:rgba(16,185,129,0.3)}.docs-layout .docs-container .docs-main .copy-button svg{flex-shrink:0}.docs-layout .docs-container .docs-main .copy-button span{line-height:1}.docs-layout .docs-container .docs-main [data-controller="copy"]{display:flex;flex-direction:column-reverse}.docs-layout .docs-container .docs-main [data-controller="copy"]>.copy-button{align-self:flex-end;background:#1e1e3f;color:#94a3b8;border:none;border-radius:20px;padding:5px 12px;margin-bottom:8px}.docs-layout .docs-container .docs-main [data-controller="copy"]>.copy-button:hover{background:#1e1e3f;color:#e2e8f0}.docs-layout .docs-container .docs-main [data-controller="copy"]>.copy-button.copied{background:#1e1e3f}.docs-layout .docs-container .docs-main [data-controller="copy"]>pre{margin-top:0}.docs-layout .docs-container .docs-main pre{background:#1e1e3f;border-radius:6px;padding:20px;overflow-x:auto;margin:24px 0;box-shadow:0 1px 3px rgba(0,0,0,0.08)}.docs-layout .docs-container .docs-main pre code{background:transparent;color:#e8eaf6;padding:0;font-size:0.8125rem;line-height:1.6}.docs-layout .docs-container .docs-main .endpoint-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:0.75rem;font-weight:600;font-family:'Fira Code', monospace;margin-right:8px}.docs-layout .docs-container .docs-main .endpoint-badge.get{background:rgba(12,206,107,0.1);color:#0cce6b}.docs-layout .docs-container .docs-main .endpoint-badge.post{background:rgba(99,91,255,0.1);color:#635bff}.docs-layout .docs-container .docs-main .endpoint-badge.put{background:rgba(245,166,35,0.1);color:#f5a623}.docs-layout .docs-container .docs-main .endpoint-badge.delete{background:rgba(237,79,50,0.1);color:#ed4f32}.docs-layout .docs-container .docs-main .api-endpoint{background:#f6f9fc;padding:16px 20px;border-radius:6px;margin:24px 0;border-left:3px solid #635bff}.docs-layout .docs-container .docs-main .api-endpoint .endpoint-header{display:flex;align-items:center;margin-bottom:12px}.docs-layout .docs-container .docs-main .api-endpoint .endpoint-header code{background:transparent;padding:0;font-size:0.875rem;color:#1a1f36}.docs-layout .docs-container .docs-main .api-endpoint .endpoint-description{font-size:0.875rem;color:#697386;margin-bottom:0}.docs-layout .docs-container .docs-main .parameter-table{width:100%;margin:24px 0;border-collapse:collapse}.docs-layout .docs-container .docs-main .parameter-table th{text-align:left;padding:12px;background:#f6f9fc;font-size:0.8125rem;font-weight:600;color:#1a1f36;border-bottom:1px solid #e3e8ee}.docs-layout .docs-container .docs-main .parameter-table td{padding:12px;font-size:0.875rem;border-bottom:1px solid #e3e8ee}.docs-layout .docs-container .docs-main .parameter-table td code{font-size:0.75rem}.docs-layout .docs-container .docs-main ul,.docs-layout .docs-container .docs-main ol{margin:16px 0;padding-left:24px}.docs-layout .docs-container .docs-main ul li,.docs-layout .docs-container .docs-main ol li{margin-bottom:8px;font-size:0.9375rem;line-height:1.7}.docs-layout .docs-container .docs-main .note{background:rgba(99,91,255,0.05);border-left:3px solid #635bff;padding:16px 20px;border-radius:6px;margin:24px 0}.docs-layout .docs-container .docs-main .note p:last-child{margin-bottom:0}.docs-layout .docs-container .docs-main .warning{background:rgba(245,166,35,0.05);border-left:3px solid #f5a623;padding:16px 20px;border-radius:6px;margin:24px 0}.docs-layout .docs-container .docs-main .warning p:last-child{margin-bottom:0}.docs-layout .docs-container .docs-main .code-tabs{margin:24px 0}.docs-layout .docs-container .docs-main .code-tabs .code-tabs-header{display:flex;align-items:center;gap:0;background:#161638;border-radius:6px 6px 0 0;overflow:hidden}.docs-layout .docs-container .docs-main .code-tabs .code-tab{padding:10px 16px;font-size:0.75rem;font-weight:600;color:#9ca3af;cursor:pointer;border:none;background:transparent;text-transform:uppercase;letter-spacing:0.3px;transition:color 0.15s, background-color 0.15s}.docs-layout .docs-container .docs-main .code-tabs .code-tab:hover{color:#d1d5db}.docs-layout .docs-container .docs-main .code-tabs .code-tab.is-active{color:#ffffff;background:#1e1e3f}.docs-layout .docs-container .docs-main .code-tabs .code-tabs-actions{margin-left:auto;display:flex;gap:4px;padding-right:12px}.docs-layout .docs-container .docs-main .code-tabs .code-tab-panel pre{margin:0;border-radius:0 0 6px 6px}@media (max-width: 768px){.docs-layout .docs-navbar{padding:0 16px}.docs-layout .docs-container .docs-sidebar{display:none}.docs-layout .docs-container .docs-main{margin-left:0;padding:24px 16px;min-width:0}.docs-layout .docs-container .docs-main pre{max-width:calc(100vw - 32px);padding:16px}.docs-layout .docs-container .docs-main .code-tabs .code-tabs-header{flex-wrap:wrap}.docs-layout .docs-container .docs-main .parameter-table{display:block;overflow-x:auto}.docs-layout .docs-container .docs-main .api-endpoint{overflow-x:auto}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{background:#ffffff;border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,0.12);padding:16px 20px;display:flex;align-items:center;gap:12px;min-width:320px;max-width:480px;pointer-events:all;opacity:0;transform:translateX(400px);transition:all 0.3s ease}.toast.toast-show{opacity:1;transform:translateX(0)}.toast.toast-hide{opacity:0;transform:translateX(400px)}.toast-success{border-left:4px solid #0cce6b}.toast-success .toast-icon{color:#0cce6b}.toast-error{border-left:4px solid #ed4f32}.toast-error .toast-icon{color:#ed4f32}.toast-info{border-left:4px solid #635bff}.toast-info .toast-icon{color:#635bff}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-icon svg{width:20px;height:20px}.toast-message{flex:1;font-size:0.875rem;color:#1a1f36;line-height:1.5}.toast-link{color:#635bff;font-weight:600;text-decoration:underline;margin-left:0.5rem}.toast-close{flex-shrink:0;background:transparent;border:none;padding:4px;cursor:pointer;color:#697386;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all 0.15s ease}.toast-close:hover{background:#f6f9fc;color:#1a1f36}.toast-close svg{width:14px;height:14px}@media (max-width: 768px){.toast-container{left:20px;right:20px}.toast{min-width:auto;max-width:100%}}.btn.loading{position:relative;color:transparent;pointer-events:none}.btn.loading::after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,0.3);border-top-color:#ffffff;border-radius:50%;animation:spin 0.6s linear infinite}.btn.loading.btn-secondary::after{border-color:rgba(0,0,0,0.1);border-top-color:#1a1f36}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, #f6f9fc 0%, white 50%, #f6f9fc 100%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:6px}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:0.5em}.skeleton-text:last-child{margin-bottom:0;width:80%}.skeleton-table{width:100%}.skeleton-table tr td{padding:1rem}.skeleton-row{height:40px}.turbo-frame-loading{position:relative;min-height:100px}.turbo-frame-loading::after{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border:3px solid #e3e8ee;border-top-color:#635bff;border-radius:50%;animation:spin 0.8s linear infinite}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-top-color:#ffffff;border-radius:50%;animation:spin 0.6s linear infinite}.spinner-dark{border-color:rgba(0,0,0,0.1);border-top-color:#1a1f36}.empty-state{text-align:center;padding:4rem 2rem;background:#ffffff;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}.empty-state-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 1.5rem;background:rgba(99,91,255,0.1);border-radius:50%;color:#635bff}.empty-state-icon svg{width:48px;height:48px}.empty-state-title{font-size:1.5rem;font-weight:600;color:#1a1f36;margin-bottom:0.5rem}.empty-state-description{font-size:1rem;color:#697386;margin-bottom:1.5rem;max-width:400px;margin-left:auto;margin-right:auto}.empty-state-actions{margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}.empty-state-help-link{font-size:0.875rem;color:#697386;text-decoration:none}.empty-state-help-link:hover{color:#635bff;text-decoration:underline}.search-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:10000;display:none;align-items:flex-start;justify-content:center;padding-top:10vh}.search-modal.active{display:flex}.search-modal-content{background:#ffffff;border-radius:6px;box-shadow:0 8px 32px rgba(0,0,0,0.2);width:90%;max-width:600px;max-height:70vh;display:flex;flex-direction:column}.search-modal-input{padding:1.5rem;border:none;border-bottom:1px solid #e3e8ee;font-size:1.125rem;outline:none}.search-modal-input::placeholder{color:#697386}.search-modal-results{overflow-y:auto;max-height:400px}.search-result{display:block;padding:1rem 1.5rem;border-bottom:1px solid #e3e8ee;color:#1a1f36;text-decoration:none;transition:background-color 0.15s ease}.search-result:hover{background:#f6f9fc}.search-result:last-child{border-bottom:none}.search-result-title{font-weight:500;margin-bottom:0.25rem}.search-result-meta{font-size:0.875rem;color:#697386}.search-empty{padding:2rem 1.5rem;text-align:center;color:#697386}.kbd{display:inline-block;padding:0.125rem 0.375rem;font-size:0.75rem;font-family:'SF Mono', 'Monaco', monospace;background:#f6f9fc;border:1px solid #e3e8ee;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.confirm-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:10001;display:none;align-items:center;justify-content:center}.confirm-modal.active{display:flex}.confirm-modal-content{background:#ffffff;border-radius:6px;box-shadow:0 8px 32px rgba(0,0,0,0.2);width:90%;max-width:480px;padding:2rem}.confirm-modal-message{font-size:1.125rem;color:#1a1f36;margin-bottom:1.5rem;line-height:1.6}.confirm-modal-input{width:100%;padding:0.75rem;border:1px solid #e3e8ee;border-radius:6px;font-size:1rem;margin-bottom:1.5rem;outline:none}.confirm-modal-input:focus{border-color:#635bff;box-shadow:0 0 0 3px rgba(99,91,255,0.1)}.confirm-modal-actions{display:flex;gap:0.75rem;justify-content:flex-end}.onboarding-widget{position:fixed;bottom:calc(1.5rem + env(safe-area-inset-bottom, 0px));right:1.5rem;z-index:1000}.onboarding-widget-trigger{display:inline-flex;align-items:center;gap:0.5rem;padding:0.625rem 1rem;background:#635bff;color:#ffffff;border:none;border-radius:50px;cursor:pointer;font-size:0.8125rem;font-weight:600;box-shadow:0 4px 12px rgba(99,91,255,0.35);transition:all 0.15s ease}.onboarding-widget-trigger:hover{background:#5851db;box-shadow:0 6px 16px rgba(99,91,255,0.4);transform:translateY(-1px)}.onboarding-widget-trigger svg{flex-shrink:0}.onboarding-widget-badge{background:rgba(255,255,255,0.25);padding:0.125rem 0.5rem;border-radius:50px;font-size:0.6875rem;font-weight:600}.onboarding-widget-panel{display:none;position:absolute;bottom:calc(100% + 0.75rem);right:0;width:340px;background:#ffffff;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.12),0 2px 8px rgba(0,0,0,0.06);overflow:hidden}.onboarding-widget-panel--open{display:block}.onboarding-widget-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e3e8ee}.onboarding-widget-header h3{font-size:0.9375rem;font-weight:600;color:#1a1f36;margin:0}.onboarding-widget-header-actions{display:flex;align-items:center;gap:0.5rem}.onboarding-widget-dismiss{background:none;border:none;color:#697386;font-size:0.75rem;cursor:pointer;padding:0.25rem 0.5rem;border-radius:4px}.onboarding-widget-dismiss:hover{color:#ed4f32;background:rgba(237,79,50,0.06)}.onboarding-widget-close{background:none;border:none;color:#697386;cursor:pointer;padding:0.25rem;display:flex;border-radius:4px}.onboarding-widget-close:hover{color:#1a1f36;background:#f6f9fc}.onboarding-widget-intro{font-size:0.8125rem;color:#697386;padding:0.75rem 1.25rem 0;margin:0}.onboarding-widget-progress{padding:0.75rem 1.25rem 0}.onboarding-widget-progress-text{font-size:0.75rem;color:#697386;margin-bottom:0.375rem}.onboarding-widget-progress-bar{height:6px;background:#f6f9fc;border-radius:3px;overflow:hidden}.onboarding-widget-progress-fill{height:100%;background:linear-gradient(90deg, #635bff 0%, #948eff 100%);transition:width 0.3s ease}.onboarding-widget-items{list-style:none;padding:0.5rem 0;margin:0}.onboarding-widget-item{display:flex;align-items:center;padding:0.5rem 1.25rem}.onboarding-widget-item.completed .onboarding-widget-item-title{color:#697386;text-decoration:line-through}.onboarding-widget-item.current{background:rgba(99,91,255,0.04)}.onboarding-widget-check{flex-shrink:0;width:16px;height:16px;margin-right:0.75rem}.onboarding-widget-check svg{display:block}.onboarding-widget-item-text{flex:1;min-width:0}.onboarding-widget-item-title{font-size:0.8125rem;font-weight:500;color:#1a1f36;display:block}.onboarding-widget-item-action{color:#635bff;text-decoration:none}.onboarding-widget-item-action:hover{text-decoration:underline}.onboarding-widget-link{display:block;padding:0.625rem 1.25rem;text-decoration:none;transition:background 0.1s ease}.onboarding-widget-link:hover{background:#f6f9fc}.onboarding-widget-link span:first-child{display:block;font-size:0.8125rem;font-weight:500;color:#635bff}.onboarding-widget-desc{display:block;font-size:0.75rem;color:#697386;margin-top:0.125rem}@media (max-width: 480px){.onboarding-widget{bottom:1rem;right:1rem}.onboarding-widget-panel{width:calc(100vw - 2rem);right:0}}.onboarding-learn-more{font-size:0.8125rem;color:#697386;text-decoration:none;margin-top:4px;display:inline-block}.onboarding-learn-more:hover{color:#635bff;text-decoration:underline}.invoice-view{max-width:1200px}.invoice-header{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;border-bottom:1px solid #e3e8ee}.invoice-from h3,.invoice-to h3{font-size:0.75rem;text-transform:uppercase;color:#697386;margin-bottom:0.5rem}.invoice-from p,.invoice-to p{margin:0.25rem 0}.invoice-from .company-name,.invoice-from .customer-name,.invoice-to .company-name,.invoice-to .customer-name{font-weight:600;color:#1a1f36}.invoice-meta{grid-column:1 / -1;padding-top:1rem;border-top:1px solid #e3e8ee}.invoice-meta p{margin:0.5rem 0}.invoice-meta strong{font-weight:600}.invoice-items{padding:2rem;overflow-x:auto}.invoice-items table{width:100%;border-collapse:collapse}.invoice-items table th{text-align:left;padding:0.75rem 0;border-bottom:2px solid #e3e8ee;font-weight:600;font-size:0.875rem;text-transform:uppercase;color:#697386}.invoice-items table td{padding:1rem 0;border-bottom:1px solid #e3e8ee}.invoice-totals{padding:1.5rem 2rem 2rem;border-top:2px solid #e3e8ee;max-width:300px;margin-left:auto}.invoice-totals .total-row{display:flex;justify-content:space-between;padding:0.5rem 0;font-size:1rem}.invoice-totals .total-final{font-size:1.25rem;font-weight:600;padding-top:1rem;margin-top:0.5rem;border-top:2px solid #e3e8ee}@media (max-width: 768px){.invoice-header{grid-template-columns:1fr;gap:1.5rem;padding:1.25rem}.invoice-items{padding:1rem}.invoice-totals{padding:1rem 1.25rem 1.25rem;max-width:100%}}.text-right{text-align:right}.auth-body{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f6f9fc}.auth-container{width:100%;max-width:420px;padding:1.5rem}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo-img{height:48px;width:auto}.auth-card{background:#ffffff;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.08);padding:2rem}.auth-title{font-size:1.5rem;font-weight:600;color:#1a1f36;margin-bottom:1.5rem;text-align:center}.auth-field{margin-bottom:1rem}.auth-field label{display:block;font-size:0.875rem;font-weight:500;margin-bottom:0.25rem;color:#1a1f36}.auth-field input[type="text"],.auth-field input[type="email"],.auth-field input[type="password"]{width:100%;padding:0.5rem 0.75rem;font-size:0.875rem;border:1px solid #e3e8ee;border-radius:6px;transition:border-color 0.15s ease, box-shadow 0.15s ease;background-color:#ffffff}.auth-field input[type="text"]:focus,.auth-field input[type="email"]:focus,.auth-field input[type="password"]:focus{outline:none;border-color:#635bff;box-shadow:0 0 0 3px rgba(99,91,255,0.15)}.auth-hint{display:block;font-size:0.75rem;color:#697386;margin-top:0.25rem}.auth-remember{display:flex;align-items:center;gap:0.5rem;margin-bottom:1rem}.auth-remember input[type="checkbox"]{width:16px;height:16px;cursor:pointer}.auth-remember label{font-size:0.875rem;color:#1a1f36;cursor:pointer}.auth-submit{width:100%;background-color:#635bff;color:#ffffff;padding:0.625rem 1rem;font-size:0.875rem;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:background-color 0.15s ease, box-shadow 0.15s ease;box-shadow:0 2px 5px rgba(99,91,255,0.15)}.auth-submit:hover{background-color:#5851db;box-shadow:0 4px 12px rgba(99,91,255,0.25)}.auth-links{margin-top:1.5rem;text-align:center;font-size:0.875rem}.auth-links a{color:#635bff;text-decoration:none}.auth-links a:hover{color:#5851db;text-decoration:underline}.auth-errors{background-color:rgba(237,79,50,0.1);color:#ed4f32;padding:0.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:0.875rem}.auth-errors ul{list-style:none;margin:0;padding:0}.auth-errors li{margin-bottom:0.25rem}.auth-errors li:last-child{margin-bottom:0}.auth-danger-zone{border:1px solid #fbdcd6;background:white;border-radius:6px;padding:1.5rem;margin-top:2rem}.auth-danger-zone h3{font-size:1rem;color:#ed4f32;margin-bottom:0.5rem}.auth-danger-zone p{color:#697386;font-size:0.875rem;margin-bottom:1rem}.auth-danger-zone button,.auth-danger-zone input[type="submit"]{background-color:#ed4f32;color:#ffffff;padding:0.5rem 1rem;font-size:0.875rem;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:background-color 0.15s ease}.auth-danger-zone button:hover,.auth-danger-zone input[type="submit"]:hover{background-color:#e23414}@media (max-width: 480px){.auth-container{padding:1rem}.auth-card{padding:1.5rem}.auth-logo{margin-bottom:1.5rem}.auth-title{font-size:1.25rem}}.demo-page{padding:80px 0}.demo-title{text-align:center;font-size:3rem;font-weight:700;color:#0a2540;margin-bottom:16px}@media (max-width: 768px){.demo-title{font-size:2.25rem}}.demo-subtitle{text-align:center;font-size:1.125rem;color:#1f72c4;margin-bottom:48px}.demo-dots{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:48px}.demo-dot{width:40px;height:40px;border-radius:50%;border:2px solid rgba(0,0,0,0.1);background:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;position:relative}.demo-dot.active{border-color:#635bff;background:#635bff}.demo-dot.active .demo-dot-number{color:white}.demo-dot.completed{border-color:#635bff;background:#635bff}.demo-dot.completed .demo-dot-number{color:white}.demo-dot-number{font-size:0.875rem;font-weight:600;color:#1f72c4;transition:color 0.3s ease}.demo-dot-line{width:40px;height:2px;background:rgba(0,0,0,0.1)}@media (max-width: 480px){.demo-dot-line{width:20px}}.demo-steps{margin-bottom:40px}.demo-step{display:none;animation:demoFadeIn 0.4s ease}.demo-step.active{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}@media (max-width: 968px){.demo-step.active{grid-template-columns:1fr;gap:40px}}@keyframes demoFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.demo-step-content .demo-step-label{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:#635bff;margin-bottom:12px}.demo-step-content h2{font-size:2.25rem;font-weight:700;color:#0a2540;margin-bottom:16px}@media (max-width: 768px){.demo-step-content h2{font-size:1.75rem}}.demo-step-content p{font-size:1rem;line-height:1.7;color:#1b65ae;margin-bottom:24px}.demo-highlights{display:flex;flex-direction:column;gap:12px}.demo-highlight{display:flex;align-items:center;gap:12px;font-size:0.875rem;font-weight:500;color:#0a2540}.demo-highlight svg{color:#635bff;flex-shrink:0}@media (max-width: 968px){.demo-step-visual{max-width:500px}}.demo-mockup{background:white;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.08);overflow:hidden;border:1px solid rgba(0,0,0,0.06)}.demo-mockup.demo-mockup-dark{background:#1e1e1e;border-color:rgba(255,255,255,0.1)}.demo-mockup.demo-mockup-dark .demo-mockup-header{background:#2d2d2d}.demo-mockup.demo-mockup-dark .demo-mockup-header .demo-mockup-title{color:#8b949e}.demo-mockup-header{background:#f8f9fa;padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(0,0,0,0.06)}.demo-mockup-dots{display:flex;gap:6px}.demo-mockup-dots span{width:10px;height:10px;border-radius:50%;background:rgba(0,0,0,0.1)}.demo-mockup-dots span:nth-child(1){background:#ff5f56}.demo-mockup-dots span:nth-child(2){background:#ffbd2e}.demo-mockup-dots span:nth-child(3){background:#27c93f}.demo-mockup-title{font-size:0.75rem;font-weight:500;color:#1f72c4;font-family:'SF Mono', 'Monaco', 'Inconsolata', monospace}.demo-mockup-body{padding:20px}.demo-mockup-field{margin-bottom:16px}.demo-mockup-field label{display:block;font-size:0.75rem;font-weight:600;color:#1f72c4;text-transform:uppercase;letter-spacing:0.3px;margin-bottom:6px}.demo-mockup-input{background:#f6f9fc;border:1px solid rgba(0,0,0,0.08);border-radius:6px;padding:10px 12px;font-size:0.875rem;color:#0a2540}.demo-mockup-btn{background:#635bff;color:white;padding:10px 20px;border-radius:6px;font-weight:500;font-size:0.875rem;text-align:center;margin-top:8px;margin-bottom:12px}.demo-mockup-success{background:rgba(16,185,129,0.1);color:#059669;padding:8px 12px;border-radius:6px;font-size:0.8125rem;font-weight:500;text-align:center}.demo-mockup-code{font-family:'SF Mono', 'Monaco', 'Inconsolata', monospace;font-size:0.8125rem;line-height:1.6;color:#c9d1d9;margin:0;background:transparent;padding:0}.demo-mockup-code.demo-mockup-code-success{color:#7ee787}.demo-mockup-response{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.1)}.demo-mockup-pick-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f6f9fc;border-radius:8px;margin-bottom:16px}.demo-mockup-pick-location{background:#635bff;color:white;padding:6px 10px;border-radius:6px;font-size:0.75rem;font-weight:600;font-family:'SF Mono', 'Monaco', 'Inconsolata', monospace;white-space:nowrap}.demo-mockup-pick-details{flex:1}.demo-mockup-pick-name{font-size:0.875rem;font-weight:600;color:#0a2540}.demo-mockup-pick-sku{font-size:0.75rem;color:#1f72c4;font-family:'SF Mono', 'Monaco', 'Inconsolata', monospace}.demo-mockup-pick-qty{text-align:center}.demo-mockup-pick-qty-label{display:block;font-size:0.6875rem;text-transform:uppercase;color:#1f72c4;margin-bottom:2px}.demo-mockup-pick-qty-value{font-size:1.5rem;font-weight:700;color:#635bff}.demo-nav{display:flex;align-items:center;justify-content:center;gap:24px}.demo-counter{font-size:0.875rem;font-weight:500;color:#1f72c4;min-width:48px;text-align:center}.demo-nav button:disabled{opacity:0.4;cursor:not-allowed}.legal-page{padding:80px 0 120px}.legal-container{max-width:720px;margin:0 auto;padding:0 24px}.legal-header{margin-bottom:48px}.legal-header h1{font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-size:2.5rem;font-weight:700;color:#0a2540;margin-bottom:8px}.legal-updated{font-size:0.875rem;color:#697386}.legal-toc{background:#ffffff;border-radius:6px;padding:24px 32px;margin-bottom:48px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}.legal-toc h2{font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:#697386;margin-bottom:16px}.legal-toc ol{margin:0;padding-left:20px}.legal-toc ol li{margin-bottom:8px;font-size:0.9375rem}.legal-toc ol li:last-child{margin-bottom:0}.legal-toc ol li a{color:#635bff;text-decoration:none}.legal-toc ol li a:hover{text-decoration:underline}.legal-content section{margin-bottom:48px;scroll-margin-top:24px}.legal-content section:last-child{margin-bottom:0}.legal-content h2{font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-size:1.375rem;font-weight:600;color:#0a2540;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e3e8ee}.legal-content h3{font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-size:1.0625rem;font-weight:600;color:#0a2540;margin-top:24px;margin-bottom:12px}.legal-content p{font-size:0.9375rem;line-height:1.7;color:#697386;margin-bottom:16px}.legal-content p:last-child{margin-bottom:0}.legal-content ul{margin:0 0 16px;padding-left:24px}.legal-content ul li{font-size:0.9375rem;line-height:1.7;color:#697386;margin-bottom:6px}.legal-content ul li strong{color:#1a1f36;font-weight:500}.legal-content a{color:#635bff;text-decoration:none}.legal-content a:hover{text-decoration:underline}.cookie-consent{position:fixed;bottom:0;left:0;right:0;background:#ffffff;border-top:1px solid #e3e8ee;box-shadow:0 -4px 12px rgba(0,0,0,0.08);padding:16px 0;padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px));z-index:1000}.cookie-consent .container{display:flex;align-items:center;justify-content:space-between;gap:24px}.cookie-consent p{font-size:0.875rem;color:#697386;margin:0}.cookie-consent p a{color:#635bff;text-decoration:none}.cookie-consent p a:hover{text-decoration:underline}.cookie-consent-accept{background:#635bff;color:#ffffff;border:none;padding:8px 20px;font-size:0.875rem;font-weight:500;border-radius:6px;cursor:pointer;white-space:nowrap;transition:background-color 0.15s ease}.cookie-consent-accept:hover{background:#5851db}.auth-footer{margin-top:1.5rem;text-align:center;font-size:0.8125rem;color:#697386}.auth-footer a{color:#697386;text-decoration:none}.auth-footer a:hover{color:#635bff}.auth-terms{font-size:0.8125rem;color:#697386;text-align:center;margin-top:1rem;margin-bottom:0.5rem;line-height:1.5}.auth-terms a{color:#635bff;text-decoration:none}.auth-terms a:hover{text-decoration:underline}@media (max-width: 640px){.legal-header h1{font-size:1.75rem}.legal-toc{padding:16px 20px}.cookie-consent .container{flex-direction:column;text-align:center;gap:12px}}@media print{.cookie-consent,.navbar,.footer{display:none}.legal-page{padding:0}.legal-toc a{color:#1a1f36}.legal-content h2{break-after:avoid}.legal-content section{break-inside:avoid}}.upload-area{border:2px dashed #e3e8ee;border-radius:6px;padding:48px 24px;text-align:center;transition:border-color 0.2s, background-color 0.2s;cursor:pointer;margin-bottom:24px}.upload-area:hover,.upload-area--active{border-color:#635bff;background-color:rgba(99,91,255,0.05)}.upload-icon{color:#697386;margin-bottom:12px}.upload-text{color:#697386;margin-bottom:12px}.upload-input{display:none}.upload-label{cursor:pointer}.upload-filename{margin-top:8px;color:#635bff;font-weight:500}.import-info{margin-bottom:24px;padding:16px;background:#f6f9fc;border-radius:6px}.import-info p{margin-bottom:4px;color:#697386;font-size:0.9rem}.import-info p:last-child{margin-bottom:0}.import-info strong{color:#1a1f36;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;font-size:0.85rem}.import-errors{margin-bottom:24px}.import-errors h3{margin-bottom:12px;color:#ed4f32}.import-form .btn-primary{margin-top:8px}.report-nav{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid #e3e8ee;padding-bottom:0}.report-nav-link{padding:8px 16px;font-size:0.875rem;font-weight:500;color:#697386;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color 0.15s, border-color 0.15s}.report-nav-link:hover{color:#1a1f36}.report-nav-link--active{color:#635bff;border-bottom-color:#635bff}.report-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));gap:24px;margin-bottom:24px}.report-chart-card h3{font-size:0.875rem;font-weight:600;margin-bottom:16px;color:#697386}.report-chart-card canvas{width:100% !important;height:280px !important}.report-table{margin-bottom:24px}.report-table h3{font-size:0.875rem;font-weight:600;margin-bottom:16px;color:#697386}.empty-chart{display:flex;align-items:center;justify-content:center;height:200px;color:#697386;font-size:0.875rem}.text-danger{color:#ed4f32;font-weight:500}@media print{.sidebar,.topbar,.sidebar-overlay,.page-header-actions,.filter-bar,.report-nav{display:none !important}.dashboard-main{margin-left:0 !important}.dashboard-content{padding:0 !important}.report-grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.report-grid{grid-template-columns:1fr}.report-chart-card canvas{height:200px !important}}@media print{.sidebar,.sidebar-overlay,.topbar,.page-header-right,.toast-container,.confirm-modal,.search-modal{display:none !important}.dashboard-main{margin-left:0 !important}.dashboard-content{padding:0 !important}.invoice-view{max-width:100%}.card{box-shadow:none !important;border:1px solid #ddd}}.onboarding-container{max-width:600px;margin:0 auto;padding:40px 20px}.onboarding-progress{margin-bottom:40px}.onboarding-progress-steps{display:flex;align-items:center;justify-content:center}.onboarding-step-indicator{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none}.onboarding-step-indicator.completed:hover .onboarding-step-number{filter:brightness(0.9)}.onboarding-step-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.8125rem;font-weight:600;background:#ffffff;border:2px solid #e3e8ee;color:#697386}.active .onboarding-step-number{background:#635bff;border-color:#635bff;color:#ffffff}.completed .onboarding-step-number{background:#0cce6b;border-color:#0cce6b;color:#ffffff}.onboarding-step-label{font-size:0.75rem;color:#697386;font-weight:500}.active .onboarding-step-label{color:#635bff;font-weight:600}.completed .onboarding-step-label{color:#0cce6b}.onboarding-step-connector{flex:1 1 60px;min-width:20px;height:2px;background:#e3e8ee;margin:0 8px;margin-bottom:22px}.onboarding-step-connector.completed{background:#0cce6b}.onboarding-card{background:#ffffff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.08);padding:40px}.onboarding-card-header{margin-bottom:32px}.onboarding-card-header h1{font-size:1.375rem;font-weight:600;color:#1a1f36;margin-bottom:8px}.onboarding-card-header p{font-size:0.875rem;color:#697386;line-height:1.5}.onboarding-form .form-group{margin-bottom:20px}.onboarding-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.onboarding-products-added{margin-bottom:1.5rem;border:1px solid #e3e8ee;border-radius:6px;overflow:hidden}.onboarding-products-label{font-size:0.75rem;font-weight:600;letter-spacing:0.05em;color:#697386;padding:0.75rem 1rem;background:#f6f9fc;border-bottom:1px solid #e3e8ee}.onboarding-product-row{display:flex;align-items:center;gap:0.75rem;padding:0.625rem 1rem;border-bottom:1px solid #e3e8ee;font-size:0.875rem}.onboarding-product-row:last-child{border-bottom:none}.onboarding-product-sku{font-weight:500;color:#635bff;font-family:monospace;font-size:0.8125rem}.onboarding-product-name{color:#1a1f36}.onboarding-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:32px}.onboarding-actions-left{display:flex;align-items:center}.onboarding-actions-right{display:flex;align-items:center;gap:12px}.onboarding-skip-step{background:none;border:none;color:#697386;font-size:0.8125rem;cursor:pointer;padding:0}.onboarding-skip-step:hover{color:#1a1f36}.onboarding-skip{text-align:center;margin-top:24px}.onboarding-skip .btn-link{background:none;border:none;color:#697386;font-size:0.8125rem;cursor:pointer;text-decoration:underline}.onboarding-skip .btn-link:hover{color:#1a1f36}.onboarding-layout-options{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.onboarding-layout-option{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:20px;background:#f6f9fc;border:2px solid transparent;border-radius:6px;font-size:0.875rem;color:#1a1f36;cursor:pointer;text-align:left;transition:border-color 0.15s, box-shadow 0.15s}.onboarding-layout-option:hover{border-color:#635bff;box-shadow:0 1px 3px rgba(0,0,0,0.08)}.onboarding-layout-option strong{font-size:0.9375rem;color:#1a1f36}.onboarding-layout-option span{color:#697386;line-height:1.4}.onboarding-complete-card{text-align:center}.onboarding-complete-icon{margin-bottom:16px}.onboarding-next-steps{display:flex;flex-direction:column;gap:12px;margin-top:32px;text-align:left}.onboarding-next-step{display:flex;align-items:center;gap:16px;padding:16px;background:#f6f9fc;border-radius:6px;text-decoration:none;transition:box-shadow 0.15s}.onboarding-next-step:hover{box-shadow:0 1px 3px rgba(0,0,0,0.08)}.onboarding-next-step strong{display:block;font-size:0.875rem;color:#1a1f36;margin-bottom:2px}.onboarding-next-step span{font-size:0.8125rem;color:#697386}.onboarding-next-step-icon{width:40px;height:40px;border-radius:8px;background:#ffffff;display:flex;align-items:center;justify-content:center;color:#635bff;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,0.08)}.billing-current-plan{background:#ffffff;border-radius:8px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,0.08);margin-bottom:32px}.billing-current-plan-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.billing-current-plan-header h2{margin:0;font-size:1.125rem}.billing-plan-usage{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:16px}.billing-usage-item{display:flex;flex-direction:column;gap:4px}.billing-usage-label{font-size:0.8125rem;color:#697386}.billing-usage-value{font-size:0.9375rem;font-weight:600}.billing-plans h2{font-size:1.125rem;margin-bottom:16px}.billing-plans-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:20px}.billing-plan-card{background:#ffffff;border-radius:8px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,0.08);display:flex;flex-direction:column}.billing-plan-card--current{border:2px solid #635bff}.billing-plan-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.billing-plan-card-header h3{margin:0;font-size:1.125rem}.billing-plan-card-price{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e3e8ee}.billing-plan-amount{font-size:2rem;font-weight:700;color:#1a1f36}.billing-plan-period{font-size:0.875rem;color:#697386}.billing-plan-card-features{flex:1;margin-bottom:20px}.billing-plan-card-features ul{list-style:none;padding:0;margin:0}.billing-plan-card-features li{padding:8px 0;font-size:0.875rem;color:#1a1f36}.billing-plan-card-features li::before{content:"✓";color:#635bff;font-weight:600;margin-right:8px}.billing-plan-card-features .billing-feature-disabled{color:#697386}.billing-plan-card-features .billing-feature-disabled::before{content:"✗";color:#697386}.billing-plan-card-action{margin-top:auto}@media screen and (max-width: 767px){input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="search"],input[type="tel"],input[type="url"],input[type="date"],select,textarea{font-size:1rem !important}}.blog-hero{padding:80px 0 40px;text-align:center}.blog-hero h1{font-size:2.5rem;font-weight:700;color:#0a2540;margin-bottom:12px}.blog-hero .blog-hero-subtitle{font-size:1.15rem;color:#697386;max-width:560px;margin:0 auto;line-height:1.6}.blog-index{padding:40px 0 80px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(340px, 1fr));gap:24px}.blog-card{display:block;background:#ffffff;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,0.08);text-decoration:none;color:inherit;transition:box-shadow 0.2s, transform 0.2s}.blog-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.08);transform:translateY(-2px);color:inherit}.blog-card-body{padding:28px}.blog-card-date{display:block;font-size:0.8rem;color:#697386;margin-bottom:8px;font-weight:500}.blog-card-title{font-size:1.2rem;font-weight:600;color:#0a2540;margin-bottom:10px;line-height:1.4}.blog-card-excerpt{font-size:0.95rem;color:#697386;line-height:1.6;margin-bottom:16px}.blog-card-link{font-size:0.9rem;font-weight:600;color:#635bff}.blog-post{padding:60px 0 80px}.blog-post-container{max-width:720px;margin:0 auto;padding:0 24px}.blog-back-link{display:inline-block;font-size:0.9rem;font-weight:500;color:#697386;margin-bottom:24px}.blog-back-link:hover{color:#635bff}.blog-back-link::before{content:"\2190\00a0"}.blog-post-header{margin-bottom:40px}.blog-post-header h1{font-size:2.2rem;font-weight:700;color:#0a2540;line-height:1.3;margin-bottom:12px}.blog-post-header time{font-size:0.9rem;color:#697386;font-weight:500}.blog-post-content{font-size:1.1rem;line-height:1.8;color:#1a1f36}.blog-post-content p{margin-bottom:1.5em}.blog-post-content h2{font-size:1.5rem;font-weight:700;color:#0a2540;margin-top:2.5em;margin-bottom:0.75em}.blog-post-content h3{font-size:1.25rem;font-weight:600;color:#0a2540;margin-top:2em;margin-bottom:0.5em}.blog-post-content ul,.blog-post-content ol{margin-bottom:1.5em;padding-left:1.5em}.blog-post-content li{margin-bottom:0.5em}.blog-post-content strong{font-weight:600;color:#0a2540}.blog-post-cta{margin-top:60px;padding:40px;background:#ffffff;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,0.08);text-align:center}.blog-post-cta h3{font-size:1.4rem;font-weight:700;color:#0a2540;margin-bottom:8px}.blog-post-cta p{font-size:1rem;color:#697386;margin-bottom:20px;line-height:1.6}@media screen and (max-width: 767px){.blog-hero{padding:48px 0 24px}.blog-hero h1{font-size:1.75rem}.blog-grid{grid-template-columns:1fr}.blog-post-header h1{font-size:1.6rem}.blog-post-content{font-size:1rem}.blog-post-cta{padding:28px 20px}}.help-layout{font-family:'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;background:#ffffff;margin:0;padding:0}.help-layout .help-navbar{position:fixed;top:0;left:0;right:0;height:60px;background:#ffffff;border-bottom:1px solid #e3e8ee;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:100}.help-layout .help-navbar .help-navbar-brand{display:flex;align-items:center;gap:12px}.help-layout .help-navbar .help-navbar-brand .logo{display:flex;align-items:center;text-decoration:none}.help-layout .help-navbar .help-navbar-brand .logo-img{height:24px;width:auto}.help-layout .help-navbar .help-navbar-brand .divider{color:#e3e8ee}.help-layout .help-navbar .help-navbar-brand .help-label{font-size:0.875rem;color:#697386;text-decoration:none}.help-layout .help-navbar .help-navbar-brand .help-label:hover{color:#635bff}.help-layout .help-navbar .help-navbar-actions{display:flex;align-items:center;gap:12px}.help-layout .help-navbar .help-navbar-actions .help-sidebar-toggle{display:none;background:none;border:1px solid #e3e8ee;border-radius:6px;padding:8px;cursor:pointer;color:#1a1f36}.help-layout .help-container{display:flex;margin-top:60px}.help-layout .help-container .help-sidebar{position:fixed;top:60px;left:0;bottom:0;width:280px;background:#f6f9fc;border-right:1px solid #e3e8ee;overflow-y:auto;padding:24px}.help-layout .help-container .help-sidebar .help-nav .help-nav-section{margin-bottom:28px}.help-layout .help-container .help-sidebar .help-nav .help-nav-section h4{font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.5px;color:#697386;margin-bottom:8px;font-weight:600}.help-layout .help-container .help-sidebar .help-nav .help-nav-section ul{list-style:none;padding:0;margin:0}.help-layout .help-container .help-sidebar .help-nav .help-nav-section ul li{margin-bottom:2px}.help-layout .help-container .help-sidebar .help-nav .help-nav-section ul li a{display:block;padding:6px 12px;font-size:0.875rem;color:#1a1f36;text-decoration:none;border-radius:6px;transition:background-color 0.15s ease;line-height:1.4}.help-layout .help-container .help-sidebar .help-nav .help-nav-section ul li a:hover{background:rgba(99,91,255,0.08);color:#635bff}.help-layout .help-container .help-sidebar .help-nav .help-nav-section ul li a.active{background:rgba(99,91,255,0.1);color:#635bff;font-weight:500}.help-layout .help-container .help-main{flex:1;margin-left:280px;padding:40px 56px;max-width:820px;min-width:0}.help-layout .help-container .help-main .help-breadcrumbs{font-size:0.8125rem;color:#697386;margin-bottom:24px}.help-layout .help-container .help-main .help-breadcrumbs a{color:#697386;text-decoration:none}.help-layout .help-container .help-main .help-breadcrumbs a:hover{color:#635bff}.help-layout .help-container .help-main .help-breadcrumbs span{margin:0 6px;color:#697386}.help-layout .help-container .help-main .help-breadcrumbs span:last-child{margin:0;color:#1a1f36;margin-left:6px;color:#1a1f36}.help-layout .help-container .help-main h1{font-size:2rem;font-weight:600;margin-bottom:16px;color:#1a1f36;line-height:1.25}.help-layout .help-container .help-main h2{font-size:1.375rem;font-weight:600;margin-top:40px;margin-bottom:12px;color:#1a1f36;padding-bottom:8px;border-bottom:1px solid #e3e8ee}.help-layout .help-container .help-main h3{font-size:1.0625rem;font-weight:600;margin-top:28px;margin-bottom:8px;color:#1a1f36}.help-layout .help-container .help-main p{font-size:0.9375rem;line-height:1.75;color:#1a1f36;margin-bottom:16px}.help-layout .help-container .help-main ol,.help-layout .help-container .help-main ul{font-size:0.9375rem;line-height:1.75;color:#1a1f36;margin-bottom:16px;padding-left:24px}.help-layout .help-container .help-main ol li,.help-layout .help-container .help-main ul li{margin-bottom:6px}.help-layout .help-container .help-main strong{font-weight:600}.help-layout .help-container .help-main a{color:#635bff;text-decoration:none}.help-layout .help-container .help-main a:hover{text-decoration:underline}.help-layout .help-container .help-main .help-table{width:100%;border-collapse:collapse;font-size:0.875rem;margin-bottom:24px}.help-layout .help-container .help-main .help-table th,.help-layout .help-container .help-main .help-table td{padding:10px 16px;text-align:left;border-bottom:1px solid #e3e8ee}.help-layout .help-container .help-main .help-table th{font-weight:600;color:#697386;font-size:0.8125rem;background:#f6f9fc}.help-layout .help-container .help-main .help-table td:first-child{font-weight:500}.help-layout .help-hero{margin-bottom:40px}.help-layout .help-hero h1{font-size:2.25rem;font-weight:700;margin-bottom:12px}.help-layout .help-hero .help-hero-subtitle{font-size:1.0625rem;color:#697386;line-height:1.6}.help-layout .help-categories{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px}.help-layout .help-categories .help-category-card{background:#f6f9fc;border:1px solid #e3e8ee;border-radius:8px;padding:24px}.help-layout .help-categories .help-category-card h2{font-size:1rem;font-weight:600;margin-bottom:16px;color:#1a1f36;border-bottom:none;margin-top:0;padding-bottom:0}.help-layout .help-categories .help-category-card ul{list-style:none;padding:0;margin:0}.help-layout .help-categories .help-category-card ul li{margin-bottom:0}.help-layout .help-categories .help-category-card ul li a{display:block;padding:10px 0;border-bottom:1px solid #e3e8ee;text-decoration:none}.help-layout .help-categories .help-category-card ul li a:last-child{border-bottom:none}.help-layout .help-categories .help-category-card ul li a .help-article-title{display:block;font-size:0.875rem;font-weight:500;color:#1a1f36;margin-bottom:2px}.help-layout .help-categories .help-category-card ul li a .help-article-desc{display:block;font-size:0.8125rem;color:#697386;line-height:1.4}.help-layout .help-categories .help-category-card ul li a:hover .help-article-title{color:#635bff}@media (max-width: 768px){.help-layout .help-navbar .help-navbar-actions .help-sidebar-toggle{display:flex}.help-layout .help-container .help-sidebar{position:fixed;transform:translateX(-100%);transition:transform 0.2s ease;z-index:90;width:280px}.help-layout .help-container .help-sidebar.help-sidebar--open{transform:translateX(0)}.help-layout .help-container .help-main{margin-left:0;padding:24px 20px}.help-layout .help-categories{grid-template-columns:1fr}}.address-card{background:#ffffff;border:1px solid #e3e8ee;border-radius:6px;margin-bottom:1rem}.address-card__header{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;border-bottom:1px solid #e3e8ee;background:#f6f9fc;border-radius:6px 6px 0 0}.address-card__label{flex:1;min-width:0}.address-card__label-input{width:100%;border:none;background:transparent;font-size:0.875rem;font-weight:600;color:#1a1f36;padding:0.25rem 0}.address-card__label-input::placeholder{font-weight:400;color:#697386}.address-card__label-input:focus{outline:none}.address-card__header-actions{display:flex;align-items:center;gap:0.5rem;flex-shrink:0}.address-card__badge{display:inline-flex;align-items:center;gap:0.25rem;padding:0.125rem 0.5rem;font-size:0.75rem;font-weight:500;border-radius:999px;cursor:pointer;transition:background-color 0.15s ease, color 0.15s ease;background:rgba(99,91,255,0.08);color:#697386;white-space:nowrap}.address-card__badge:has(.address-card__badge-checkbox:checked){background:rgba(99,91,255,0.15);color:#635bff}.address-card__badge-checkbox{width:0;height:0;opacity:0;position:absolute;pointer-events:none}.address-card__badge-label{user-select:none}.address-card__remove{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;background:none;color:#697386;border-radius:6px;cursor:pointer;transition:background-color 0.15s ease, color 0.15s ease}.address-card__remove:hover{background:rgba(237,79,50,0.1);color:#ed4f32}.address-card__body{padding:1rem}.address-card__body .form-group:last-child{margin-bottom:0}.address-empty-state{text-align:center;padding:2rem 1rem;color:#697386;font-size:0.875rem;border:1px dashed #e3e8ee;border-radius:6px;margin-bottom:1rem}.address-add-btn{display:block;width:100%;padding:0.75rem;border:2px dashed #e3e8ee;border-radius:6px;background:none;color:#697386;font-size:0.875rem;font-weight:500;cursor:pointer;transition:border-color 0.15s ease, color 0.15s ease}.address-add-btn:hover{border-color:#635bff;color:#635bff}.portal-body{background-color:#f6f9fc}.portal-b2b-banner{background-color:#f6f9fc;border-bottom:1px solid #e3e8ee;padding:0.5rem 1.5rem;font-size:0.8125rem;color:#697386;text-align:center}.portal-b2b-banner-link{color:var(--portal-accent, #635bff);font-weight:500}.portal-footer{border-top:1px solid #e3e8ee;padding:1.5rem;text-align:center;font-size:0.8125rem;color:#697386}.portal-header{background:#ffffff;border-bottom:1px solid #e3e8ee;padding:0 1.5rem}.portal-header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:2rem;height:60px}.portal-header-brand{display:flex;align-items:center}.portal-logo{max-height:36px;width:auto}.portal-brand-name{font-weight:600;font-size:1.125rem;color:#1a1f36}.portal-nav{display:flex;gap:0.25rem;flex:1}.portal-nav-link{padding:0.5rem 0.75rem;border-radius:6px;color:#697386;font-weight:500;font-size:0.875rem;transition:background-color 0.15s ease, color 0.15s ease}.portal-nav-link:hover{background-color:#f6f9fc;color:#1a1f36}.portal-nav-link--active{background-color:#f6f9fc;color:var(--portal-accent, #635bff)}.portal-header-user{display:flex;align-items:center;gap:0.75rem}.portal-user-name{font-size:0.875rem;color:#697386}.portal-main{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.portal-page-header{margin-bottom:1.5rem}.portal-page-header h1{font-size:1.5rem;font-weight:600}.portal-breadcrumb{font-size:0.875rem;color:#697386;margin-bottom:1.5rem}.portal-breadcrumb a{color:#697386}.portal-breadcrumb a:hover{color:var(--portal-accent, #635bff)}.portal-products-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:1.5rem}.portal-product-card{background:#ffffff;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,0.08);overflow:hidden;transition:box-shadow 0.15s ease}.portal-product-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.08)}.portal-product-image{width:100%;aspect-ratio:1;object-fit:cover;display:block;transition:transform 0.2s ease}.portal-product-card:hover .portal-product-image{transform:scale(1.03)}.portal-product-image--placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #f6f9fc 0%, #ebf1f8 100%);color:#697386}.portal-product-image--placeholder svg{width:64px;height:64px;opacity:0.4}.portal-product-image--large{height:400px;border-radius:6px}.portal-product-info{padding:1.25rem}.portal-product-info h3{font-size:1rem;font-weight:600;margin-bottom:0.25rem}.portal-product-info h3 a{color:#1a1f36}.portal-product-info h3 a:hover{color:var(--portal-accent, #635bff)}.portal-product-sku{font-size:0.8125rem;color:#697386;margin-bottom:0.25rem}.portal-product-card .portal-product-description{font-size:0.8125rem;color:#697386;line-height:1.4;margin-bottom:0.75rem}.portal-product-footer{display:flex;align-items:center;justify-content:space-between;margin-top:0.75rem;margin-bottom:0.75rem}.portal-product-price{font-size:1.25rem;font-weight:700;color:#1a1f36}.portal-login-for-price{font-size:0.875rem;color:var(--portal-accent);text-decoration:none;font-weight:500}.portal-login-for-price:hover{text-decoration:underline}.portal-add-to-cart{width:100%}.portal-product-detail{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media (max-width: 768px){.portal-product-detail{grid-template-columns:1fr}}.portal-product-detail-image img{width:100%;border-radius:6px}.portal-product-detail-info h1{font-size:1.5rem;margin-bottom:0.25rem}.portal-product-description{color:#697386;margin:1rem 0;line-height:1.6}.portal-product-detail-price{font-size:1.5rem;font-weight:700;color:#1a1f36;margin:1rem 0}.portal-product-detail-availability{margin-bottom:1.5rem}.portal-add-to-cart-form{display:flex;gap:0.75rem;align-items:stretch}.portal-quantity-input{width:80px;text-align:center}.portal-quantity-row{display:flex;gap:0.75rem;align-items:stretch}.portal-price-original{text-decoration:line-through;color:#697386;font-size:0.875em;margin-right:0.25rem}.portal-cart-layout{display:grid;grid-template-columns:1fr 360px;gap:1.5rem;align-items:start}.portal-cart-items{display:flex;flex-direction:column;gap:0.75rem}.portal-cart-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem}.portal-cart-item-image{flex-shrink:0}.portal-cart-item-image .product-thumbnail{width:80px;height:80px;border-radius:6px;object-fit:cover}.portal-cart-item-details{flex:1;min-width:0}.portal-cart-item-name{font-weight:600;margin-bottom:0.25rem}.portal-cart-item-name a{color:#1a1f36;text-decoration:none}.portal-cart-item-name a:hover{color:var(--portal-accent, #635bff)}.portal-cart-item-price{font-size:0.875rem;color:#697386}.portal-cart-item-total{font-weight:600;white-space:nowrap}.portal-cart-item-remove{flex-shrink:0}.portal-cart-remove{background:none;border:none;color:#697386;font-size:0.8125rem;cursor:pointer;padding:0.25rem 0.5rem;border-radius:6px;transition:color 0.15s ease, background-color 0.15s ease}.portal-cart-remove:hover{color:#ed4f32;background-color:rgba(237,79,50,0.06)}.portal-cart-summary{position:sticky;top:1.5rem;padding:1.5rem}.portal-cart-summary-title{font-size:1.125rem;font-weight:700;margin:0 0 1rem}.portal-cart-summary-row{display:flex;justify-content:space-between;padding:0.375rem 0;font-size:0.9375rem}.portal-cart-summary-discount{color:#0cce6b;font-weight:500}.portal-cart-summary-divider{border-top:1px solid #e3e8ee;margin:0.75rem 0}.portal-cart-summary-total{font-size:1.125rem;font-weight:700}.portal-cart-summary-actions{margin-top:1.25rem;display:flex;flex-direction:column;gap:0.75rem;text-align:center}.portal-cart-continue-link{color:#697386;font-size:0.875rem;text-decoration:none}.portal-cart-continue-link:hover{color:var(--portal-accent, #635bff)}.portal-checkout-layout{display:grid;grid-template-columns:1fr 360px;gap:1.5rem;align-items:start}@media (max-width: 768px){.portal-checkout-layout{grid-template-columns:1fr}}.portal-checkout-addresses{display:flex;flex-direction:column;gap:1.5rem}.portal-checkout-section{padding:1.5rem}.portal-checkout-section h3{margin-bottom:1rem}.portal-checkout-summary{position:sticky;top:1.5rem;padding:1.5rem}.portal-checkout-same-address{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:#697386;cursor:pointer}.portal-checkout-same-address input[type="checkbox"]{min-height:auto;width:1rem;height:1rem;accent-color:var(--portal-accent, #635bff)}.portal-page-header--with-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}.portal-page-actions{display:flex;gap:0.5rem}.portal-meta-text{color:#697386;font-size:0.8125rem;margin-left:0.5rem}.portal-order-timeline{display:flex;align-items:flex-start;margin-bottom:2rem;position:relative}.portal-order-timeline-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.portal-order-timeline-step::before{content:"";position:absolute;top:12px;right:50%;width:100%;height:2px;background-color:#e3e8ee}.portal-order-timeline-step:first-child::before{display:none}.portal-order-timeline-step--completed::before{background-color:var(--portal-accent, #635bff)}.portal-order-timeline-step--active::before{background-color:var(--portal-accent, #635bff)}.portal-order-timeline-circle{width:24px;height:24px;border-radius:50%;border:2px solid #e3e8ee;background-color:#ffffff;position:relative;z-index:1;margin-bottom:0.5rem}.portal-order-timeline-step--completed .portal-order-timeline-circle{background-color:var(--portal-accent, #635bff);border-color:var(--portal-accent, #635bff)}.portal-order-timeline-step--active .portal-order-timeline-circle{border-color:var(--portal-accent, #635bff);box-shadow:0 0 0 3px rgba(99,91,255,0.2)}.portal-order-timeline-step--cancelled .portal-order-timeline-circle{background-color:#ed4f32;border-color:#ed4f32}.portal-order-timeline-label{font-size:0.75rem;font-weight:500;color:#697386;text-align:center}.portal-order-timeline-step--completed .portal-order-timeline-label{color:var(--portal-accent, #635bff)}.portal-order-timeline-step--active .portal-order-timeline-label{color:var(--portal-accent, #635bff);font-weight:600}.portal-order-timeline-step--cancelled .portal-order-timeline-label{color:#ed4f32;font-weight:600}.portal-cart-quantity-controls{display:inline-flex;align-items:center;gap:0;border:1px solid #e3e8ee;border-radius:6px;overflow:hidden}.portal-cart-quantity-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background-color:#f6f9fc;color:#1a1f36;font-size:1.125rem;font-weight:600;cursor:pointer;transition:background-color 0.15s ease;line-height:1}.portal-cart-quantity-btn:hover{background-color:#e3ecf6}.portal-cart-quantity-input{width:48px;height:40px;text-align:center;font-weight:600;font-size:0.9375rem;border:none;border-left:1px solid #e3e8ee;border-right:1px solid #e3e8ee;-moz-appearance:textfield;appearance:textfield}.portal-cart-quantity-input::-webkit-inner-spin-button,.portal-cart-quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.portal-cart-quantity-input:focus{outline:none;background-color:#f6f9fc}.portal-order-invoice{margin-top:1.5rem}.portal-welcome-heading{font-size:1.75rem;font-weight:400;color:#1a1f36}.portal-dashboard-stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem;margin-bottom:2rem}.portal-dashboard-stat-card{background:#ffffff;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,0.08);padding:1.5rem;text-align:center}.portal-dashboard-stat-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:rgba(99,91,255,0.1);color:var(--portal-accent, #635bff);margin-bottom:0.75rem}.portal-dashboard-stat-value{font-size:2rem;font-weight:700;color:#1a1f36;line-height:1.2}.portal-dashboard-stat-label{font-size:0.875rem;color:#697386;margin-top:0.25rem}.portal-dashboard-stat-detail{display:block;font-weight:600;color:#1a1f36;margin-top:0.125rem}.portal-dashboard-actions{display:flex;gap:1rem;margin-bottom:2rem}.portal-dashboard-action-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.625rem 1.25rem;background:#ffffff;border:1px solid #e3e8ee;border-radius:6px;color:#1a1f36;font-weight:500;font-size:0.9375rem;box-shadow:0 1px 3px rgba(0,0,0,0.08);transition:border-color 0.15s ease, box-shadow 0.15s ease}.portal-dashboard-action-btn svg{color:var(--portal-accent, #635bff);flex-shrink:0}.portal-dashboard-action-btn:hover{border-color:var(--portal-accent, #635bff);box-shadow:0 0 0 1px var(--portal-accent, #635bff);text-decoration:none;color:#1a1f36}@media (max-width: 768px){.portal-dashboard-stats{grid-template-columns:1fr}.portal-dashboard-actions{flex-direction:column}}.filter-tabs{display:flex;gap:0.25rem;margin-bottom:1.5rem}.filter-tab{padding:0.5rem 1rem;border-radius:6px;color:#697386;font-weight:500;font-size:0.875rem;transition:background-color 0.15s ease, color 0.15s ease}.filter-tab:hover{background-color:#f6f9fc;color:#1a1f36}.filter-tab--active{background-color:var(--portal-accent, #635bff);color:#ffffff}.filter-tab--active:hover{background-color:var(--portal-accent, #635bff);color:#ffffff}.portal-hamburger{display:none;background:none;border:none;cursor:pointer;padding:0.5rem;min-width:44px;min-height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.portal-hamburger span{display:block;width:22px;height:2px;background-color:#1a1f36;border-radius:1px;transition:transform 0.2s ease, opacity 0.2s ease}.portal-header--nav-open .portal-hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}.portal-header--nav-open .portal-hamburger span:nth-child(2){opacity:0}.portal-header--nav-open .portal-hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.portal-mobile-nav{max-height:0;overflow:hidden;transition:max-height 0.25s ease-out}@media (max-width: 768px){.portal-hamburger{display:flex}.portal-nav,.portal-header-user{display:none}.portal-body--public .portal-nav,.portal-body--public .portal-header-user{display:flex}.portal-body--public .portal-hamburger{display:none}.portal-header-inner{gap:0;justify-content:space-between}.portal-header--nav-open{box-shadow:0 4px 12px rgba(0,0,0,0.08)}.portal-mobile-nav{max-height:0;overflow:hidden;transition:max-height 0.25s ease-out;border-top:1px solid #e3e8ee}.portal-mobile-nav--open{max-height:500px;padding:0.5rem 0;box-shadow:0 4px 6px -1px rgba(0,0,0,0.08)}.portal-mobile-nav-link{display:block;padding:0.75rem 1.5rem;color:#697386;font-weight:500;font-size:0.9375rem;min-height:44px;line-height:1.5;margin:0.125rem 0;border-left:3px solid transparent}.portal-mobile-nav-link:hover{background-color:#f6f9fc;color:#1a1f36}.portal-mobile-nav-link--active{border-left-color:var(--portal-accent, #635bff);color:var(--portal-accent, #635bff);font-weight:600}.portal-mobile-nav-user{border-top:1px solid #e3e8ee;margin-top:0.25rem;padding:0.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:0.75rem}.portal-main{padding:1rem}.portal-page-header--with-actions{flex-direction:column;align-items:flex-start}.portal-cart-layout{grid-template-columns:1fr}.portal-cart-summary{position:static}.portal-cart-item{flex-wrap:wrap}.portal-cart-item-quantity{order:5}.portal-cart-item-total{order:6;margin-left:auto}.portal-cart-item-remove{order:7}.portal-cart-quantity-btn{min-width:44px;min-height:44px}.portal-cart-quantity-input{min-height:44px}.portal-order-timeline{gap:0.25rem}.portal-order-timeline-label{font-size:0.625rem}.filter-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-tabs .filter-tab{white-space:nowrap;min-height:44px;display:flex;align-items:center}}@media (max-width: 480px){.portal-products-grid{grid-template-columns:1fr}}.floating-cart-button{display:none;position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;border-radius:50%;background-color:var(--portal-accent, #635bff);color:#ffffff;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,0.1);z-index:1000;transition:transform 0.15s ease, box-shadow 0.15s ease}.floating-cart-button:hover{transform:scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,0.2);color:#ffffff}.floating-cart-button:active{transform:scale(0.95)}.floating-cart-badge{position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background-color:#e25950;color:#ffffff;font-size:0.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1}@media (max-width: 768px){.floating-cart-button{display:flex}}.portal-url-row,.portal-url-bar{display:flex;align-items:center;gap:0.5rem}.portal-url-bar{margin-bottom:1rem;padding:0.5rem 0.75rem;background:white;border:1px solid #e3e8ee;border-radius:6px}.portal-url-label{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:#697386}.portal-url-value{font-size:0.8125rem;color:#697386;word-break:break-all}.portal-url-value a{color:inherit}.portal-url-value a:hover{color:#635bff}.dev-invitation-link{margin-top:4px;font-size:0.75rem;font-family:monospace;color:#697386;word-break:break-all}.dev-invitation-link a{color:#697386}.dev-invitation-link a:hover{color:#635bff}