@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary-50: #fff8e1;--color-primary-100: #ffecb3;--color-primary-200: #ffe082;--color-primary-300: #ffd54f;--color-primary-400: #ffca28;--color-primary-500: #ffc107;--color-primary-600: #ffb300;--color-primary-700: #ffa000;--color-primary-800: #ff8f00;--color-primary-900: #ff6f00;--color-secondary-50: #f8fafc;--color-secondary-100: #f1f5f9;--color-secondary-200: #e2e8f0;--color-secondary-300: #cbd5e1;--color-secondary-400: #94a3b8;--color-secondary-500: #64748b;--color-secondary-600: #475569;--color-secondary-700: #334155;--color-secondary-800: #1e293b;--color-secondary-900: #0f172a;--color-accent-50: #f0fdfa;--color-accent-100: #ccfbf1;--color-accent-200: #99f6e4;--color-accent-300: #5eead4;--color-accent-400: #2dd4bf;--color-accent-500: #14b8a6;--color-accent-600: #0d9488;--color-accent-700: #0f766e;--color-accent-800: #115e59;--color-accent-900: #134e4a;--color-success-50: #ecfdf5;--color-success-100: #d1fae5;--color-success-200: #a7f3d0;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-800: #92400e;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-200: #bfdbfe;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--bg-base: #0d0d0d;--bg-surface: #1a1a1a;--bg-elevated: #252525;--bg-overlay: #303030;--bg-hover: #3a3a3a;--bg-active: #454545;--text-primary: #f5f5f5;--text-secondary: #a1a1a1;--text-tertiary: #737373;--text-inverse: #0d0d0d;--border-subtle: #2a2a2a;--border-default: #3a3a3a;--border-strong: #525252;--border-focus: var(--color-primary-500);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(255, 193, 7, .3);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 64px;--content-max-width: 1400px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-base);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}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,h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}a{color:var(--color-primary-500);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-400)}a:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}strong,b{font-weight:var(--font-semibold)}small{font-size:var(--text-sm)}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}code{background-color:var(--bg-overlay);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}pre{background-color:var(--bg-surface);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto}ul,ol{padding-left:var(--space-6)}li{margin-bottom:var(--space-2)}li:last-child{margin-bottom:0}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}button{cursor:pointer;background:none;border:none}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #ffc10726}input:disabled,select:disabled,textarea:disabled{background-color:var(--bg-overlay);cursor:not-allowed;opacity:.6}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1a1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}img,video{max-width:100%;height:auto;display:block}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}th{font-weight:var(--font-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-secondary);background-color:var(--bg-surface)}tr:hover td{background-color:var(--bg-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background-color:var(--color-primary-500);color:var(--text-inverse)}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-weight:var(--font-medium);font-size:var(--text-sm);line-height:1;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn-primary{background-color:var(--color-primary-500);color:var(--text-inverse);border:none}.btn-primary:hover{background-color:var(--color-primary-600);box-shadow:var(--shadow-glow)}.btn-primary:active{background-color:var(--color-primary-700)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--border-strong)}.btn-secondary:active{background-color:var(--bg-active)}.btn-ghost{background-color:transparent;color:var(--text-secondary);border:none}.btn-ghost:hover{background-color:var(--bg-hover);color:var(--text-primary)}.btn-danger{background-color:var(--color-error-600);color:#fff;border:none}.btn-danger:hover{background-color:var(--color-error-700)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);min-height:32px;height:32px}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-base)}.btn-icon{padding:var(--space-2);width:36px;height:36px}.btn-icon-lg{width:44px;height:44px}.btn-fulfill{background-color:var(--color-success-700);color:#fff;border:1px solid var(--color-success-700)}.btn-fulfill:hover{background-color:var(--color-success-700);box-shadow:0 0 12px #15803d66}.btn-queue{background-color:#1f2937;color:#f5f5f5;border:1px solid #374151}.btn-queue:hover{background-color:#374151;border-color:#4b5563}.btn-clarify{background-color:var(--color-primary-700);color:#fff;border:1px solid var(--color-primary-700)}.btn-clarify:hover{background-color:var(--color-primary-800);box-shadow:0 0 12px #ffa00066}.btn-edit{background-color:#1f2937;color:#f5f5f5;border:1px solid #374151}.btn-edit:hover{background-color:#374151;border-color:#4b5563}.btn-cancel{background-color:var(--color-error-600);color:#fff;border:1px solid var(--color-error-700)}.btn-cancel:hover{background-color:var(--color-error-700);box-shadow:0 0 12px #ef444466}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1.2;border-radius:var(--radius-full);text-transform:capitalize}.badge-submitted{background-color:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.badge-queued{background-color:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-acknowledged{background-color:#eab30826;color:#facc15;border:1px solid rgba(234,179,8,.3)}.badge-ready{background-color:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.badge-awaiting-customer{background-color:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.badge-customer-replied{background-color:#6366f126;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.badge-completed{background-color:#a1a1a126;color:#a1a1a1;border:1px solid rgba(161,161,161,.3)}.badge-cancelled{background-color:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge-buy{background-color:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.badge-sell,.badge-success{background-color:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.badge-warning{background-color:#eab30826;color:#facc15;border:1px solid rgba(234,179,8,.3)}.badge-error{background-color:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);background-color:var(--color-primary-500);color:var(--text-inverse);border-radius:var(--radius-full)}.card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.card-hoverable{transition:all var(--transition-fast);cursor:pointer}.card-hoverable:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle)}.card-body{padding:var(--space-5)}.card-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);background-color:var(--bg-elevated)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-subtle)}.tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:all var(--transition-fast)}.tab:hover{color:var(--text-primary);background-color:var(--bg-hover)}.tab.active{color:var(--color-primary-500);border-bottom-color:var(--color-primary-500)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-primary-500);color:var(--text-inverse);font-weight:var(--font-semibold);font-size:var(--text-sm);overflow:hidden}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-lg{width:48px;height:48px;font-size:var(--text-base)}.avatar img{width:100%;height:100%;object-fit:cover}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.input{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #ffc10726}.input-with-icon{position:relative}.input-with-icon .input{padding-left:var(--space-10)}.input-with-icon .input-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-tertiary)}.input-checkbox{width:16px;height:16px;accent-color:var(--color-primary-500);cursor:pointer}.input-checkbox:focus{outline:2px solid var(--border-focus);outline-offset:2px}.select{width:100%;padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1a1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center}.select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #ffc10726}.spinner{width:24px;height:24px;border:3px solid var(--border-default);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-lg{width:40px;height:40px;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.divider{height:1px;background-color:var(--border-subtle);margin:var(--space-4) 0}.divider-vertical{width:1px;height:auto;align-self:stretch;margin:0 var(--space-4)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.empty-state-icon{font-size:var(--text-4xl);color:var(--text-tertiary);margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-sm);color:var(--text-secondary);max-width:400px}.tooltip{position:relative;display:inline-block}.tooltip-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-3);background-color:var(--bg-overlay);color:var(--text-primary);font-size:var(--text-xs);border-radius:var(--radius-md);white-space:nowrap;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast);z-index:var(--z-tooltip);margin-bottom:var(--space-2)}.tooltip:hover .tooltip-content{opacity:1;visibility:visible}.stat-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-fast);cursor:pointer}.stat-card:hover{border-color:var(--border-default);background-color:var(--bg-hover)}.stat-card.active{border-color:var(--color-primary-500);background-color:#ffc1070d}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-4)}.modal{background:var(--bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;display:flex;flex-direction:column;z-index:var(--z-modal);overflow:hidden}.modal-header{padding:var(--space-5);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.modal-content{padding:var(--space-5);overflow-y:auto;flex:1}.modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:var(--space-3);background:var(--bg-surface)}.notification{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid}.notification-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-content{flex:1}.notification-title{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.notification-text{font-size:var(--text-sm)}.notification-warning{background-color:var(--color-warning-50);border-color:var(--color-warning-200)}.notification-warning .notification-icon{background:#f59e0b26}.notification-warning .notification-icon svg,.notification-warning .notification-icon{color:var(--color-warning-500)}.notification-warning .notification-title{color:var(--color-warning-800)}.notification-warning .notification-text{color:var(--color-warning-700)}.notification-error{background-color:var(--color-error-50);border-color:var(--color-error-200)}.notification-error .notification-icon{background:#ef444426}.notification-error .notification-icon svg,.notification-error .notification-icon{color:var(--color-error-500)}.notification-error .notification-title,.notification-error .notification-text{color:var(--color-error-700)}.notification-success{background-color:var(--color-success-50);border-color:var(--color-success-200)}.notification-success .notification-icon{background:#22c55e26}.notification-success .notification-icon svg,.notification-success .notification-icon{color:var(--color-success-500)}.notification-success .notification-title,.notification-success .notification-text{color:var(--color-success-700)}.notification-info{background-color:var(--color-info-50);border-color:var(--color-info-200)}.notification-info .notification-icon{background:#3b82f626}.notification-info .notification-icon svg,.notification-info .notification-icon{color:var(--color-info-500)}.notification-info .notification-title,.notification-info .notification-text{color:var(--color-info-700)}.landing-page{min-height:100vh;background-color:var(--bg-base);color:var(--text-primary)}.landing-container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}@media(min-width:768px){.landing-container{padding:0 var(--space-6)}}.landing-hero{padding:var(--space-16) var(--space-4);text-align:center;background:linear-gradient(180deg,var(--bg-base) 0%,var(--bg-surface) 100%)}@media(min-width:768px){.landing-hero{padding:var(--space-20) var(--space-4)}}.landing-logo-container{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}@media(min-width:640px){.landing-logo-container{gap:var(--space-6)}}.landing-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-primary-500);margin:0;line-height:var(--leading-tight)}@media(min-width:768px){.landing-title{font-size:3.5rem}}.landing-tagline{font-size:var(--text-xl);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}@media(min-width:768px){.landing-tagline{font-size:var(--text-2xl)}}.landing-description{font-size:var(--text-base);color:var(--text-secondary);max-width:700px;margin:0 auto var(--space-8);line-height:var(--leading-relaxed)}@media(min-width:768px){.landing-description{font-size:var(--text-lg);margin-bottom:var(--space-12)}}.landing-cta-group{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.landing-section{padding:var(--space-16) var(--space-4)}@media(min-width:768px){.landing-section{padding:var(--space-20) var(--space-4)}}.landing-section-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);text-align:center;margin-bottom:var(--space-4)}@media(min-width:768px){.landing-section-title{font-size:var(--text-4xl)}}.landing-section-description{font-size:var(--text-base);color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto var(--space-12);line-height:var(--leading-relaxed)}@media(min-width:768px){.landing-section-description{font-size:var(--text-lg);margin-bottom:var(--space-16)}}.landing-features{background-color:var(--bg-surface)}.landing-features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);max-width:1200px;margin:0 auto}@media(min-width:640px){.landing-features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.landing-features-grid{grid-template-columns:repeat(3,1fr)}}.landing-feature-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-elevated);border-radius:var(--radius-lg);margin-bottom:var(--space-4);color:var(--color-primary-500)}.landing-feature-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.landing-feature-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.landing-how-it-works{background-color:var(--bg-base)}.landing-steps{display:flex;flex-direction:column;gap:var(--space-8);max-width:900px;margin:0 auto}@media(min-width:768px){.landing-steps{flex-direction:row;gap:var(--space-12)}}.landing-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}@media(min-width:768px){.landing-step{flex-direction:row;text-align:left;align-items:flex-start}}.landing-step-number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-500);color:var(--text-inverse);border-radius:var(--radius-full);font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-4);flex-shrink:0}@media(min-width:768px){.landing-step-number{margin-right:var(--space-4);margin-bottom:0}}.landing-step-content{flex:1}.landing-step-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.landing-step-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.landing-cta-section{background-color:var(--bg-surface);padding-bottom:var(--space-20)}.app-layout{display:flex;min-height:100vh}.app-content{flex:1;display:flex;flex-direction:column;margin-left:var(--sidebar-width);transition:margin-left var(--transition-normal)}.app-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background-color:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:var(--z-sticky);transition:width var(--transition-normal)}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--border-subtle);min-height:var(--header-height)}.sidebar-logo{width:36px;height:36px;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo-text{font-weight:var(--font-bold);color:var(--text-inverse);font-size:var(--text-lg)}.sidebar-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .sidebar-title,.sidebar.collapsed .sidebar-subtitle{display:none}.sidebar-subtitle{font-size:var(--text-xs);color:var(--text-tertiary)}.sidebar-nav{flex:1;padding:var(--space-4);overflow-y:auto}.nav-section{margin-bottom:var(--space-6)}.nav-section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-tertiary);padding:0 var(--space-3);margin-bottom:var(--space-2)}.sidebar.collapsed .nav-section-title{display:none}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:all var(--transition-fast);cursor:pointer;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background-color:#ffc1071a;color:var(--color-primary-500)}.nav-item-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-item-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .nav-item-text{display:none}.nav-item-badge{min-width:20px;height:20px;padding:0 var(--space-2);background-color:var(--color-primary-500);color:var(--text-inverse);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.sidebar.collapsed .nav-item-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;font-size:10px}.sidebar.collapsed .nav-item{position:relative;justify-content:center;padding:var(--space-3)}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border-subtle)}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-2);border-radius:var(--radius-md);color:var(--text-tertiary);transition:all var(--transition-fast);cursor:pointer;border:none;background:none}.sidebar-toggle:hover{background-color:var(--bg-hover);color:var(--text-primary)}.header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);height:var(--header-height);background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle);z-index:var(--z-sticky)}.header-left{display:flex;align-items:center;gap:var(--space-4)}.header-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.header-breadcrumb a{color:var(--text-secondary);text-decoration:none}.header-breadcrumb a:hover{color:var(--text-primary)}.header-breadcrumb-separator{color:var(--text-tertiary)}.header-breadcrumb-current{color:var(--text-primary);font-weight:var(--font-medium)}.header-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.header-right{display:flex;align-items:center;gap:var(--space-3)}.header-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.header-user:hover{background-color:var(--bg-hover)}.header-user-info{text-align:right}.header-user-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.header-user-role{font-size:var(--text-xs);color:var(--text-tertiary)}.main-content{flex:1;padding:var(--space-6);max-width:var(--content-max-width);width:100%;margin:0 auto}.page-header{margin-bottom:var(--space-6)}.page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.page-description{font-size:var(--text-sm);color:var(--text-secondary)}.panel{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--border-subtle)}.panel-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.panel-body{padding:var(--space-5)}.panel-body.no-padding{padding:0}.grid{display:grid;gap:var(--space-4)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-auto{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.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-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.mt-auto{margin-top:auto}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-center{text-align:center}.text-right{text-align:right}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.app-content{margin-left:0}.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.header{padding:0 var(--space-4)}.main-content{padding:var(--space-4)}}.list-panel{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden}.list-panel-type-tabs{display:flex;border-bottom:1px solid var(--border-subtle)}.type-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:all var(--transition-fast);position:relative}.type-tab:hover{color:var(--text-primary);background-color:var(--bg-hover)}.type-tab.active{color:var(--color-primary-500)}.type-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:var(--color-primary-500)}.type-tab-label{font-weight:inherit}.type-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:var(--font-bold);background-color:var(--bg-overlay);border-radius:var(--radius-full)}.type-tab.active .type-tab-count{background-color:var(--color-primary-500);color:var(--text-inverse)}.list-panel-grouping-tabs{display:flex;gap:var(--space-2);padding:var(--space-4) var(--space-5);background-color:var(--bg-base);border-bottom:1px solid var(--border-subtle);overflow-x:auto}.grouping-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.grouping-tab:hover{color:var(--text-primary);background-color:var(--bg-hover);border-color:var(--border-strong)}.grouping-tab.active{color:var(--color-primary-500);background-color:#ffc1071a;border-color:var(--color-primary-500)}.grouping-tab-label{font-weight:inherit}.grouping-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);background-color:var(--bg-overlay);border-radius:var(--radius-full)}.grouping-tab.active .grouping-tab-count{background-color:var(--color-primary-500);color:var(--text-inverse)}.list-panel-search{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle)}.list-panel-search .input-with-icon{flex:1;max-width:400px}.list-panel-count{white-space:nowrap}.list-panel-body{padding:var(--space-4);min-height:400px}.list-section{margin-bottom:var(--space-6)}.list-section:last-child{margin-bottom:0}.list-section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.list-section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.list-section-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);background-color:var(--bg-overlay);color:var(--text-secondary);border-radius:var(--radius-full)}.list-items{display:flex;flex-direction:column;gap:var(--space-3)}.list-item{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.list-item:hover{border-color:var(--border-default)}.list-item.expanded{border-color:var(--color-primary-500);box-shadow:0 0 0 1px var(--color-primary-500),var(--shadow-md)}.list-item-condensed{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.list-item-click-area{display:flex;align-items:center;gap:var(--space-4);cursor:pointer;transition:background-color var(--transition-fast)}.list-item-click-area:hover{opacity:.95}.list-item-customer{display:flex;align-items:center;gap:var(--space-3);min-width:180px}.list-item-customer-info{display:flex;flex-direction:column}.list-item-customer-name{font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--text-sm)}.list-item-customer-email{font-size:var(--text-xs);color:var(--text-tertiary)}.list-item-meta{flex:1;display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.list-item-stats{display:flex;align-items:center;gap:var(--space-4)}.list-item-stat{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary)}.list-item-price{font-weight:var(--font-semibold);color:var(--color-primary-500)}.list-item-badges{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.list-item-date{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary);min-width:110px}.list-item-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-tertiary);transition:all var(--transition-fast);flex-shrink:0}.list-item-toggle:hover{background-color:var(--bg-hover);color:var(--text-primary)}.list-item-quick-actions{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.list-item-expanded{padding:var(--space-5);background-color:var(--bg-surface);border-top:1px solid var(--border-subtle);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.list-item-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);margin-bottom:var(--space-5)}.list-item-detail-section{display:flex;flex-direction:column;gap:var(--space-3)}.list-item-detail-title{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-tertiary);margin-bottom:var(--space-1)}.list-item-detail-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.list-item-detail-label{font-size:var(--text-sm);color:var(--text-secondary)}.list-item-detail-value{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.list-item-price-lg{font-size:var(--text-lg);color:var(--color-primary-500)}.list-item-actions{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.badge-game{background-color:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.item-preview{margin-bottom:var(--space-5);padding:var(--space-4);background-color:var(--bg-base);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.item-preview-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.item-preview-list-scrollable{max-height:400px;overflow-y:auto;overflow-x:hidden}.item-preview-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background-color:var(--bg-surface);border-radius:var(--radius-md);font-size:var(--text-sm)}.item-preview-name{flex:1;font-weight:var(--font-medium);color:var(--text-primary)}.item-preview-meta{display:flex;align-items:center;gap:var(--space-2)}.item-preview-set{color:var(--text-secondary);font-size:var(--text-xs)}.item-preview-foil{color:#fbbf24;font-size:var(--text-xs);font-weight:var(--font-medium)}.item-preview-price{color:var(--color-primary-500);font-size:var(--text-xs);font-weight:var(--font-semibold)}.item-preview-more{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary);font-style:italic}.list-item.cancelled-item{opacity:.85;border-left:3px solid var(--color-error-500)}.list-item.cancelled-item .list-item-customer-name{text-decoration:line-through;color:var(--text-tertiary)}.list-item.completed-item{border-left:3px solid var(--color-success-500)}@media(max-width:1024px){.list-panel-type-tabs{flex-wrap:nowrap}.type-tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}}@media(max-width:768px){.list-item-click-area{flex-direction:column;align-items:flex-start}.list-item-meta{width:100%;justify-content:flex-start;gap:var(--space-3)}.list-item-detail-grid{grid-template-columns:1fr}.list-item-actions,.list-item-quick-actions{flex-wrap:wrap}.list-panel-grouping-tabs{padding:var(--space-3)}.grouping-tab{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}