@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=Noto+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,700;1,500&family=DM+Mono:wght@400;500&family=Noto+Sans+Symbols+2&display=swap");:root{--brand-50:#e1f5ee;--brand-100:#9fe1cb;--brand-200:#5dcaa5;--brand-400:#1d9e75;--brand-500:#0f6e56;--brand-600:#0a5240;--brand-700:#085041;--brand-900:#04342c;--navy:#0d1f3c;--gray-50:#f7f6f2;--gray-100:#eeecea;--gray-200:#e2e0d8;--gray-300:#cccac2;--gray-500:#7a7a7a;--gray-700:#4a4a4a;--white:#fff;--success-bg:#e1f5ee;--success:#0f6e56;--warning-bg:#faeeda;--warning:#854f0b;--danger-bg:#faece7;--danger:#993c1d;--info-bg:#e6f1fb;--info:#185fa5;--font-sans:"DM Sans","Noto Sans","Noto Sans Symbols2",-apple-system,sans-serif;--font-serif:"Playfair Display",Georgia,serif;--font-mono:"DM Mono","Courier New",monospace;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-md:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--weight-normal:400;--weight-medium:500;--weight-semi:600;--leading-tight:1.25;--leading-normal:1.6;--leading-loose:1.8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #0d1f3c0f,0 1px 2px #0d1f3c0a;--shadow-md:0 4px 12px #0d1f3c14,0 2px 4px #0d1f3c0a;--shadow-lg:0 8px 24px #0d1f3c1a,0 4px 8px #0d1f3c0f;--sidebar-width:240px;--topbar-height:56px;--content-max:1100px;--transition-fast:120ms ease;--transition-base:200ms ease;--transition-slow:320ms ease;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;text-rendering:optimizeLegibility}body{background-color:var(--gray-50);color:var(--gray-700);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal)}body,h1,h2,h3,h4,h5,h6{font-family:var(--font-sans)}h1,h2,h3,h4,h5,h6{color:var(--navy);font-weight:var(--weight-semi);letter-spacing:-.01em;line-height:var(--leading-tight)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-md)}h6{font-size:var(--text-base)}.display{color:var(--brand-500);font-family:var(--font-serif);font-style:italic}p{line-height:var(--leading-normal)}a{color:var(--brand-500);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-600)}b,strong{font-weight:var(--weight-semi)}.text-xs,small{font-size:var(--text-xs)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-navy{color:var(--navy)}.text-brand{color:var(--brand-500)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.font-normal{font-weight:var(--weight-normal)}.font-medium{font-weight:var(--weight-medium)}.font-semi{font-weight:var(--weight-semi)}.font-mono{font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--brand-400);outline-offset:2px}::-moz-selection{background:var(--brand-50);color:var(--brand-700)}::selection{background:var(--brand-50);color:var(--brand-700)}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:var(--gray-50)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-8{margin-bottom:var(--space-8)}body:has(.auth-layout-centered){display:flex;flex-direction:column;min-height:100vh}body:has(.auth-layout-centered) .auth-layout-centered{align-items:center;display:flex;flex:1;justify-content:center}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-medium);gap:var(--space-2);height:40px;justify-content:center;line-height:1;padding:0 var(--space-5);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled,.btn[disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-primary{background:var(--brand-500);border-color:var(--brand-500);color:var(--white)}.btn-primary:hover{background:var(--brand-600);border-color:var(--brand-600);box-shadow:var(--shadow-sm);color:var(--white)}.btn-secondary{background:var(--white);border-color:var(--gray-200);color:var(--navy)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--navy)}.btn-ghost{background:#0000;border-color:#0000;color:var(--gray-700)}.btn-ghost:hover{background:var(--gray-100);color:var(--navy)}.btn-danger{background:var(--danger-bg);border-color:#0000;color:var(--danger)}.btn-danger:hover{background:var(--danger);color:var(--white)}.btn-sm{border-radius:var(--radius-sm);font-size:var(--text-sm);height:32px;padding:0 var(--space-3)}.btn-lg{border-radius:var(--radius-lg);font-size:var(--text-md);height:48px;padding:0 var(--space-8)}.btn-full{width:100%}.btn-loading{color:#0000!important;pointer-events:none;position:relative}.btn-loading:after{animation:spin .6s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;content:"";height:16px;opacity:.6;position:absolute;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{color:var(--navy);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:.01em}.form-hint{color:var(--gray-500)}.form-error,.form-hint{font-size:var(--text-xs);margin-top:var(--space-1)}.form-error{color:var(--danger)}.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--navy);font-family:var(--font-sans);font-size:var(--text-base);height:42px;outline:none;padding:0 var(--space-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.input::-moz-placeholder{color:var(--gray-500)}.input::placeholder{color:var(--gray-500)}.input:hover{border-color:var(--gray-300)}.input:focus{border-color:var(--brand-400);box-shadow:0 0 0 3px #0f6e561a}.input-error{border-color:var(--danger)!important;box-shadow:0 0 0 3px #993c1d1a!important}.input-prefix{position:relative}.input-prefix .prefix{color:var(--gray-500);font-size:var(--text-base);left:var(--space-4);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none}.input-prefix .input{padding-left:48px}textarea.input{height:auto;line-height:var(--leading-normal);min-height:100px;padding:var(--space-3) var(--space-4);resize:vertical}select.input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%237A7A7A' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right var(--space-4) center;background-repeat:no-repeat;cursor:pointer;padding-right:var(--space-10)}.otp-input{background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);caret-color:var(--brand-500);color:var(--navy);font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--weight-semi);height:60px;outline:none;text-align:center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);width:52px}.otp-input:focus{border-color:var(--brand-400);box-shadow:0 0 0 3px #0f6e561f;transform:scale(1.04)}.otp-input.filled{background:var(--brand-50);border-color:var(--brand-400);color:var(--brand-700)}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden}.card-body{padding:var(--space-6)}.card-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--space-5) var(--space-6)}.card-header h3{color:var(--navy);font-size:var(--text-md);font-weight:var(--weight-semi)}.card-footer{background:var(--gray-50);border-top:1px solid var(--gray-200);padding:var(--space-4) var(--space-6)}.stat-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);transition:box-shadow var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-sm)}.stat-label{color:var(--gray-500);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.07em;text-transform:uppercase}.stat-label,.stat-value{margin-bottom:var(--space-2)}.stat-value{color:var(--navy);font-size:var(--text-2xl);font-weight:var(--weight-semi);line-height:1}.stat-delta{font-size:var(--text-xs);font-weight:var(--weight-medium)}.stat-delta.up{color:var(--success)}.stat-delta.down{color:var(--danger)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--weight-medium);gap:var(--space-1);line-height:1.4;padding:3px 10px;white-space:nowrap}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-neutral{background:var(--gray-100);color:var(--gray-700)}.badge-brand{background:var(--brand-50);color:var(--brand-600)}.status-pending{background:var(--warning-bg);color:var(--warning)}.status-payment_sent{background:var(--info-bg);color:var(--info)}.status-paid{background:var(--success-bg);color:var(--success)}.status-shipped{background:var(--brand-50);color:var(--brand-600)}.status-delivered{background:var(--gray-100);color:var(--gray-700)}.status-cancelled{background:var(--danger-bg);color:var(--danger)}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table.data-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.data-table thead tr{background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.data-table th{color:var(--gray-500);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.07em;padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{border-bottom:1px solid var(--gray-100);color:var(--gray-700);padding:var(--space-4);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--gray-50)}.data-table tbody tr:last-child td{border-bottom:none}.divider{border:none;border-top:1px solid var(--gray-200)}.divider,.divider-text{margin:var(--space-6) 0}.divider-text{align-items:center;color:var(--gray-500);display:flex;font-size:var(--text-xs);font-weight:var(--weight-medium);gap:var(--space-4);letter-spacing:.07em;text-transform:uppercase}.divider-text:after,.divider-text:before{border-top:1px solid var(--gray-200);content:"";flex:1}.avatar{align-items:center;background:var(--brand-50);border-radius:var(--radius-full);color:var(--brand-600);display:inline-flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--weight-medium);justify-content:center}.avatar-sm{font-size:var(--text-xs);height:28px;width:28px}.avatar-md{font-size:var(--text-sm);height:36px;width:36px}.avatar-lg{font-size:var(--text-md);height:44px;width:44px}.avatar-xl{font-size:var(--text-lg);height:56px;width:56px}.empty-state{flex-direction:column;padding:var(--space-16) var(--space-8);text-align:center}.empty-state,.empty-state-icon{align-items:center;display:flex;justify-content:center}.empty-state-icon{background:var(--gray-100);border-radius:var(--radius-lg);color:var(--gray-500);font-size:22px;height:48px;margin-bottom:var(--space-4);width:48px}.empty-state h4{color:var(--navy);font-size:var(--text-md);margin-bottom:var(--space-2)}.empty-state p{color:var(--gray-500);margin-bottom:var(--space-5);max-width:300px}.alert,.empty-state p{font-size:var(--text-sm)}.alert{align-items:flex-start;border-left:3px solid;border-radius:var(--radius-md);display:flex;gap:var(--space-3);line-height:var(--leading-normal);padding:var(--space-4) var(--space-5)}.alert-success{background:var(--success-bg);border-color:var(--success);color:var(--success)}.alert-warning{background:var(--warning-bg);border-color:var(--warning);color:var(--warning)}.alert-danger{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.alert-info{background:var(--info-bg);border-color:var(--info);color:var(--info)}.progress-bar{background:var(--gray-200);height:6px;overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{background:var(--brand-500);height:100%;transition:width var(--transition-slow)}.progress-fill.warning{background:var(--warning)}.progress-fill.danger{background:var(--danger)}.spinner{animation:spin .6s linear infinite;border:2px solid var(--gray-200);border-radius:50%;border-top-color:var(--brand-500);height:20px;width:20px}.steps{gap:0}.step,.steps{align-items:center;display:flex}.step{flex:1;gap:var(--space-2)}.step-dot{align-items:center;background:var(--white);border:2px solid var(--gray-200);border-radius:50%;color:var(--gray-500);display:flex;flex-shrink:0;font-size:var(--text-xs);font-weight:var(--weight-semi);height:28px;justify-content:center;transition:all var(--transition-base);width:28px}.step-dot.active{background:var(--brand-500);border-color:var(--brand-500);color:var(--white)}.step-dot.done{background:var(--brand-50);border-color:var(--brand-500);color:var(--brand-600)}.step-line{background:var(--gray-200);flex:1;height:1px;margin:0 var(--space-2)}.step-line.done{background:var(--brand-400)}.step-label{color:var(--gray-500);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap}.step.active .step-label{color:var(--navy)}.step.done .step-label{color:var(--brand-600)}.order-card{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5);transition:box-shadow var(--transition-fast)}.order-card:hover{box-shadow:var(--shadow-sm)}.order-card.new{animation:orderFlash 1.5s ease forwards}@keyframes orderFlash{0%{border-color:var(--brand-400);box-shadow:0 0 0 3px #0f6e561f}to{border-color:var(--gray-200);box-shadow:none}}[data-tooltip]{position:relative}[data-tooltip]:after{background:var(--navy);border-radius:var(--radius-sm);bottom:calc(100% + 6px);color:var(--white);content:attr(data-tooltip);font-size:var(--text-xs);left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity var(--transition-fast);white-space:nowrap;z-index:var(--z-dropdown)}[data-tooltip]:hover:after{opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadein{animation:fadeIn var(--transition-base) ease}.animate-slideup{animation:slideUp var(--transition-slow) ease}.animate-pulse{animation:pulse 2s ease infinite}.stagger>*{animation:slideUp var(--transition-slow) ease both}.stagger>:first-child{animation-delay:0ms}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.18s}.stagger>:nth-child(5){animation-delay:.24s}.stat-card{overflow:hidden;padding-left:var(--space-8);position:relative}.stat-card:before{border-radius:var(--radius-lg) 0 0 var(--radius-lg);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.stat-card.accent-brand:before{background:var(--brand-500)}.stat-card.accent-warning:before{background:var(--warning)}.stat-card.accent-info:before{background:var(--info)}.stat-card.accent-navy:before{background:var(--navy)}.stat-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:16px;height:32px;justify-content:center;margin-bottom:var(--space-3);width:32px}.stat-card.accent-brand .stat-icon{background:var(--brand-50)}.stat-card.accent-warning .stat-icon{background:var(--warning-bg)}.stat-card.accent-info .stat-icon{background:var(--info-bg)}.stat-card.accent-navy .stat-icon{background:var(--gray-100)}.stat-value.serif{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:700;letter-spacing:-.01em}.badge-live-glow{animation:liveGlow 2.4s ease infinite}@keyframes liveGlow{0%{box-shadow:0 0 0 0 #0f6e5659}70%{box-shadow:0 0 0 8px #0f6e5600}to{box-shadow:0 0 0 0 #0f6e5600}}.range-tab.active{background:var(--brand-500)!important;color:var(--white)!important}.avatar-c0{background:var(--brand-50);color:var(--brand-600)}.avatar-c1{background:var(--success-bg);color:var(--success)}.avatar-c2{background:var(--info-bg);color:var(--info)}.avatar-c3{background:var(--warning-bg);color:var(--warning)}.avatar-c4{background:var(--danger-bg);color:var(--danger)}.stat-card-live{animation:liveCardPulse 2.4s ease infinite}@keyframes liveCardPulse{0%{box-shadow:0 0 0 0 #185fa540}70%{box-shadow:0 0 0 6px #185fa500}to{box-shadow:0 0 0 0 #185fa500}}.app-shell,.sidebar{display:flex;min-height:100vh}.sidebar{background:var(--white);border-right:1px solid var(--gray-200);flex-direction:column;flex-shrink:0;height:100vh;overflow-y:auto;position:sticky;top:0;width:var(--sidebar-width);z-index:var(--z-sticky)}.sidebar-logo{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;gap:var(--space-3);padding:var(--space-5) var(--space-6);text-decoration:none}.sidebar-logo-mark{align-items:center;background:var(--brand-500);border-radius:var(--radius-md);color:var(--white);display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.sidebar-logo-name{color:var(--navy);font-family:var(--font-serif);font-size:18px;font-weight:700;letter-spacing:-.02em}.sidebar-nav{display:flex;flex:1;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-3)}.nav-section-label{color:var(--gray-500);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.08em;padding:var(--space-4) var(--space-3) var(--space-2);text-transform:uppercase}.nav-item{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--weight-normal);gap:var(--space-3);line-height:1;padding:var(--space-2) var(--space-3);text-align:left;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast);width:100%}.nav-item-icon{color:var(--gray-500);flex-shrink:0;font-size:18px;text-align:center;transition:color var(--transition-fast);width:20px}.nav-item:hover{background:var(--gray-50)}.nav-item:hover,.nav-item:hover .nav-item-icon{color:var(--navy)}.nav-item.active{background:var(--brand-50);color:var(--brand-600);font-weight:var(--weight-medium)}.nav-item.active .nav-item-icon{color:var(--brand-500)}.nav-item-badge{background:var(--danger-bg);border-radius:var(--radius-full);color:var(--danger);font-size:10px;font-weight:var(--weight-semi);line-height:1.4;margin-left:auto;padding:2px 6px}.sidebar-footer{border-top:1px solid var(--gray-100);padding:var(--space-4) var(--space-3)}.sidebar-seller{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3);transition:background var(--transition-fast)}.sidebar-seller:hover{background:var(--gray-50)}.sidebar-seller-info{flex:1;min-width:0}.sidebar-seller-name{color:var(--navy);font-size:var(--text-sm);font-weight:var(--weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-seller-plan{color:var(--gray-500);font-size:var(--text-xs)}.main-content{display:flex;flex:1;flex-direction:column;min-width:0}.topbar{background:var(--white);border-bottom:1px solid var(--gray-200);height:var(--topbar-height);justify-content:space-between;padding:0 var(--space-8);position:sticky;top:0;z-index:var(--z-sticky)}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:var(--space-4)}.topbar-title{color:var(--navy);font-size:var(--text-lg);font-weight:var(--weight-semi)}.topbar-right{align-items:center;display:flex;gap:var(--space-3)}.page-body{flex:1;max-width:var(--content-max);padding:var(--space-8);width:100%}.page-header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-8)}.page-title{color:var(--navy);font-size:var(--text-2xl);font-weight:var(--weight-semi);line-height:var(--leading-tight)}.page-subtitle{color:var(--gray-500);font-size:var(--text-sm);margin-top:var(--space-1)}.stats-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:var(--space-8)}.auth-layout{display:flex}.auth-brand{flex-shrink:0;justify-content:space-between;padding:var(--space-10);width:420px}.auth-brand:before{background:#0f6e5626;height:400px;pointer-events:none;right:-100px;top:-100px;width:400px}.auth-brand:after{background:#1d9e751a;bottom:-80px;height:300px;pointer-events:none;width:300px}.auth-brand-logo{position:relative;z-index:1}.auth-brand-mark{color:var(--white)}.auth-brand-name{font-size:22px;font-weight:700;letter-spacing:-.02em}.auth-brand-body{position:relative;z-index:1}.auth-brand-headline{font-size:32px;font-style:italic;line-height:1.2;margin-bottom:var(--space-4)}.auth-brand-sub{font-size:var(--text-sm)}.auth-brand-stats{position:relative;z-index:1}.auth-brand-stat{background:#ffffff12;border:1px solid #ffffff1a;padding:var(--space-4)}.auth-brand-stat-val{color:var(--brand-200);font-size:var(--text-xl);font-weight:var(--weight-semi)}.auth-form-side{background:var(--gray-50);flex:1;padding:var(--space-10)}.auth-form-title{font-weight:var(--weight-semi)}.auth-form-sub{margin-bottom:var(--space-8)}.onboarding-layout{padding:var(--space-10) var(--space-6)}.onboarding-header{margin-bottom:var(--space-10);max-width:640px;text-align:center}.onboarding-card{max-width:640px}.onboarding-card-header{padding:var(--space-8) var(--space-8) var(--space-6)}.onboarding-card-body{padding:var(--space-8)}@media (max-width:900px){.auth-brand{display:none}.auth-form-side{padding:var(--space-8) var(--space-5)}.sidebar{display:none}.page-body{padding:var(--space-5)}.topbar{padding:0 var(--space-5)}}.auth-layout{background:var(--gray-50);display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-page-centered{align-items:center;background:var(--white);display:flex;justify-content:center;min-height:100vh;padding:var(--space-8)}.auth-layout-centered{max-width:400px;width:100%}@media (max-width:768px){.auth-layout{grid-template-columns:1fr}.auth-brand{display:none}}.auth-brand{background:var(--navy);display:flex;flex-direction:column;gap:var(--space-8);justify-content:center;overflow:hidden;padding:var(--space-12) var(--space-10);position:relative}.auth-brand:before{background:#ffffff08;height:300px;right:-80px;top:-80px;width:300px}.auth-brand:after,.auth-brand:before{border-radius:50%;content:"";position:absolute}.auth-brand:after{background:#ffffff05;bottom:-60px;height:200px;left:-60px;width:200px}.auth-brand-logo{align-items:center;display:flex;gap:var(--space-3)}.auth-brand-mark{align-items:center;background:var(--brand-500);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.auth-brand-name{font-size:20px;letter-spacing:-.01em}.auth-brand-headline,.auth-brand-name{color:var(--white);font-family:var(--font-serif)}.auth-brand-headline{font-size:36px;font-weight:700;letter-spacing:-.02em;line-height:1.15}.auth-brand-sub{color:#fff9;font-size:var(--text-base);line-height:var(--leading-loose);max-width:380px}.auth-brand-stats{display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr;margin-top:var(--space-4)}.auth-brand-stat{background:#ffffff0f;border:1px solid #ffffff14;border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.auth-brand-stat-val{color:var(--white);font-family:var(--font-serif);font-size:var(--text-2xl);line-height:1;margin-bottom:var(--space-1)}.auth-brand-stat-label{color:#ffffff80;font-size:var(--text-xs);line-height:1.4}.auth-form-side{align-items:center;background:var(--white);display:flex;justify-content:center;padding:var(--space-8)}.auth-form-box{max-width:400px;width:100%}.auth-form-title{color:var(--navy);font-family:var(--font-serif);font-size:var(--text-2xl);line-height:1.2;margin-bottom:var(--space-2)}.auth-form-sub{color:var(--gray-500);font-size:var(--text-sm);line-height:var(--leading-normal);margin-bottom:var(--space-6)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-6{margin-top:var(--space-6)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-muted{color:var(--gray-500)}.otp-group{display:flex;gap:var(--space-3);justify-content:center}.onboarding-layout{align-items:center;background:var(--gray-50);display:flex;flex-direction:column;min-height:100vh;padding:var(--space-8) var(--space-4)}.onboarding-header{margin-bottom:var(--space-6);max-width:560px;width:100%}.onboarding-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);max-width:560px;overflow:hidden;width:100%}.onboarding-card-header{border-bottom:1px solid var(--gray-100);padding:var(--space-8) var(--space-8) var(--space-4)}.onboarding-card-header h2{color:var(--navy);font-family:var(--font-serif);font-size:var(--text-xl);margin-bottom:var(--space-2)}.onboarding-card-body{padding:var(--space-6) var(--space-8)}.onboarding-card-footer{align-items:center;background:var(--gray-50);border-top:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:var(--space-5) var(--space-8)}.plan-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.plan-card:hover{border-color:var(--brand-400)}.plan-card.active{border-color:var(--brand-500);box-shadow:0 0 0 3px #0f6e561a}.plan-name{color:var(--gray-500);font-size:var(--text-xs);font-weight:var(--weight-semi);letter-spacing:.07em;margin-bottom:var(--space-2);text-transform:uppercase}.plan-price{color:var(--navy);font-family:var(--font-serif);font-size:var(--text-2xl);line-height:1;margin-bottom:var(--space-1)}.plan-price span{color:var(--gray-500);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:400}.plan-orders{color:var(--brand-600);font-weight:var(--weight-medium);margin-bottom:var(--space-1)}.plan-desc,.plan-orders{font-size:var(--text-xs)}.plan-desc{color:var(--gray-500)}.catalog-help-box{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.catalog-help-title{color:var(--navy);font-size:var(--text-sm);font-weight:var(--weight-semi);margin-bottom:var(--space-3)}.catalog-help-steps{display:flex;flex-direction:column;gap:var(--space-2);list-style:decimal;padding-left:var(--space-5)}.catalog-help-steps li{color:var(--gray-700);font-size:var(--text-sm);line-height:var(--leading-normal)}.mt-4{margin-top:var(--space-4)}.catalog-sync-banner{align-items:center;background:var(--warning-bg);border:1px solid #fac775;border-radius:var(--radius-md);display:flex;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5)}.catalog-sync-banner-icon{flex-shrink:0;font-size:20px}.catalog-sync-banner-text{color:var(--warning);flex:1;font-size:var(--text-sm);line-height:var(--leading-normal)}.catalog-sync-banner-text strong{display:block;font-weight:var(--weight-semi);margin-bottom:2px}