:root{--color-primary: #7FFF11;--color-primary-hover: #6bdb0e;--color-primary-dark: #56b10b;--color-primary-rgb: 127, 255, 17;--color-secondary: #525252;--color-accent: #7FFF11;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--color-bg-body: #f5f5f5;--color-bg-surface: #ffffff;--color-bg-surface-hover: #f0f0f0;--color-text-main: #171717;--color-text-muted: #737373;--color-text-inverse: #ffffff;--color-border: #e5e5e5;--shadow-xs: 0 1px 1px 0 rgb(0 0 0 / .03);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--color-surface: var(--color-bg-surface);--color-surface-hover: var(--color-bg-surface-hover);--font-family-base: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-12: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px}[data-theme=dark]{--color-bg-body: #121212;--color-bg-surface: #1e1e1e;--color-bg-surface-hover: #2a2a2a;--color-text-main: #f5f5f5;--color-text-muted: #a3a3a3;--color-text-inverse: #121212;--color-border: #333333;--color-secondary: #a3a3a3;--shadow-xs: 0 1px 1px 0 rgb(0 0 0 / .3);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .5);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .6);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .6);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .6), 0 8px 10px -6px rgb(0 0 0 / .5)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-family-base);background-color:var(--color-bg-body);color:var(--color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}ul,ol{list-style:none;padding:0;margin:0}.l-auth{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-bg-body);padding:var(--space-4)}.l-auth__logo{margin-bottom:var(--space-6)}.l-auth__logo svg{height:48px;width:auto;fill:var(--color-primary)}.l-auth__logo-img{max-width:180px;height:auto;display:block}.l-auth__card{width:100%;max-width:400px;background-color:var(--color-bg-surface);padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.l-auth__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);margin-top:var(--space-6)}.l-app{min-height:100vh;display:flex;flex-direction:row;background-color:var(--color-bg-body)}.l-sidebar{position:fixed;top:0;left:0;height:100vh;z-index:40;display:flex;flex-direction:column;background-color:#1a1a1a;border-right:1px solid #2a2a2a;overflow:hidden;transition:width .22s cubic-bezier(.4,0,.2,1);color:#e5e5e5}.l-app--sidebar-collapsed .l-sidebar{width:64px}.l-app--sidebar-expanded .l-sidebar{width:224px}.l-sidebar__toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid #333;background:#252525;cursor:pointer;color:#a3a3a3;transition:background .15s,color .15s;flex-shrink:0;position:absolute;bottom:6px;right:6px;z-index:2}.l-sidebar__toggle:hover{background:var(--color-primary);color:#1a1a1a}.l-sidebar__header{display:flex;align-items:center;justify-content:center;padding:8px;min-height:125px;flex-shrink:0;border-bottom:1px solid #2a2a2a;position:relative}.l-sidebar__logo-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none}.l-sidebar__logo-img{width:100%;height:auto;object-fit:contain;transition:width .22s ease}.l-app--sidebar-collapsed .l-sidebar__header{min-height:64px;padding:8px}.l-app--sidebar-collapsed .l-sidebar__logo-img{width:44px}.l-sidebar__nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0}.l-sidebar__item{display:flex;align-items:center;gap:12px;padding:10px 16px;color:#a3a3a3;font-weight:500;font-size:.875rem;border-radius:0;transition:background .15s,color .15s;cursor:pointer;white-space:nowrap;text-decoration:none;position:relative;border-left:3px solid transparent}.l-sidebar__item:hover{background:#2a2a2a;color:#f5f5f5;text-decoration:none}.l-sidebar__item--active{color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1);border-left-color:var(--color-primary)}.l-sidebar__item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;font-size:.95rem}.l-sidebar__item-label{overflow:hidden;opacity:0;max-width:0;transition:opacity .18s ease,max-width .18s ease;pointer-events:none}.l-app--sidebar-expanded .l-sidebar__item-label{opacity:1;max-width:160px;pointer-events:auto}.l-sidebar__item .l-sidebar__tooltip{display:none;position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#1e293b;color:#f8fafc;font-size:.75rem;font-weight:600;white-space:nowrap;padding:5px 10px;border-radius:6px;pointer-events:none;z-index:100;box-shadow:0 4px 12px #0003}.l-sidebar__tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#1e293b}.l-app--sidebar-collapsed .l-sidebar__item:hover .l-sidebar__tooltip{display:block}.l-sidebar__badge{position:absolute;top:6px;left:26px;background:var(--color-error, #ef4444);color:#fff;font-size:.6rem;font-weight:700;padding:1px 5px;border-radius:10px;line-height:1.4}.l-sidebar__divider{height:1px;background:#2a2a2a;margin:6px 12px}.l-sidebar__group-label{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#737373;padding:8px 16px 4px;white-space:nowrap;overflow:hidden;opacity:0;max-height:0;transition:opacity .18s ease,max-height .18s ease}.l-app--sidebar-expanded .l-sidebar__group-label{opacity:1;max-height:32px}.l-sidebar__footer{padding:12px;border-top:1px solid #2a2a2a;display:flex;align-items:center;gap:10px;flex-shrink:0}.l-sidebar__avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#1a1a1a;font-size:.75rem;font-weight:700;flex-shrink:0}.l-sidebar__user-info{overflow:hidden;opacity:0;max-width:0;transition:opacity .18s ease,max-width .18s ease}.l-app--sidebar-expanded .l-sidebar__user-info{opacity:1;max-width:160px}.l-sidebar__user-name{font-size:.8rem;font-weight:600;color:#f5f5f5;white-space:nowrap;display:block}.l-sidebar__user-role{font-size:.7rem;color:#a3a3a3;white-space:nowrap;display:block}.l-sidebar__logout{display:flex;align-items:center;justify-content:center;padding:4px;color:#a3a3a3;border:none;background:transparent;cursor:pointer;border-radius:4px;transition:color .15s,background .15s;flex-shrink:0;margin-left:auto}.l-sidebar__logout:hover{color:var(--color-error, #ef4444);background:#ef444414}.l-app__main{flex:1;min-width:0;display:flex;flex-direction:column;transition:margin-left .22s cubic-bezier(.4,0,.2,1)}.l-app--sidebar-collapsed .l-app__main{margin-left:64px}.l-app--sidebar-expanded .l-app__main{margin-left:224px}.l-app__header{background-color:#242424;border-bottom:1px solid #333;padding:var(--space-4) var(--space-6);position:sticky;top:0;z-index:10}.l-app__title{font-size:1.25rem;font-weight:600;color:#f5f5f5}.l-app__content{flex:1;padding:var(--space-6) 40px;width:100%}.l-dashboard__main{padding:var(--space-6) 40px}.l-sidebar__item--new-order{margin:8px 8px 4px;border-radius:8px;border-left:none!important;background:var(--color-primary);color:#1a1a1a!important;font-weight:600;padding:10px 12px}.l-sidebar__item--new-order:hover{background:var(--color-primary-hover);color:#1a1a1a!important;text-decoration:none}.l-sidebar__item--new-order .l-sidebar__item-icon{color:#1a1a1a}.l-sidebar__avatar{text-decoration:none;cursor:pointer;transition:opacity .15s,box-shadow .15s}.l-sidebar__avatar:hover{opacity:.85;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.3)}.l-sidebar__user-name{text-decoration:none;color:#f5f5f5;transition:color .15s}.l-sidebar__user-name:hover{color:var(--color-primary)}.shipping-icon-bg{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);padding:4px 6px}[data-theme=dark] .shipping-icon-bg{background:#ffffffd9;box-shadow:0 1px 2px #0003}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent;text-decoration:none}.btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.btn--primary{background-color:var(--color-primary);color:#1a1a1a}.btn--primary:hover{background-color:var(--color-primary-hover);color:#1a1a1a;text-decoration:none}.btn--secondary{background-color:var(--color-bg-surface);color:var(--color-text-main);border-color:var(--color-border)}.btn--secondary:hover{background-color:var(--color-bg-surface-hover);text-decoration:none}.btn--danger{background-color:var(--color-danger);color:var(--color-text-inverse)}.btn--danger:hover{opacity:.9;text-decoration:none}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:var(--space-1);font-weight:500;font-size:.875rem;color:var(--color-secondary)}.form-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-surface);color:var(--color-text-main);transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.form-input--error{border-color:var(--color-danger)}.form-error{display:block;margin-top:var(--space-1);font-size:.875rem;color:var(--color-danger)}.toggle-switch{position:relative;display:inline-block;width:52px;min-width:52px;height:28px;border-radius:14px;cursor:pointer;flex-shrink:0;background-color:#cbd5e1;border:none;padding:0;margin:0;transition:background-color .25s ease;-webkit-appearance:none;appearance:none;outline:none}.toggle-switch.is-active{background-color:var(--color-primary)}.toggle-switch__knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .25s ease;pointer-events:none}.toggle-switch.is-active .toggle-switch__knob{left:27px}.dropship-card{margin-bottom:2.5rem;padding:1.25rem 1.5rem;background:var(--color-bg-surface, #f8fafc);border-radius:.75rem;border:2px solid var(--color-border, #e2e8f0);transition:border-color .25s,box-shadow .25s}.dropship-card.is-active{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.dropship-card__icon{width:44px;height:44px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;background:#f1f5f9;color:#94a3b8;transition:background .25s,color .25s}.dropship-card__icon.is-active{background:var(--color-primary);color:#fff}.table-container{width:100%;overflow-x:auto;background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.table{width:100%;border-collapse:collapse;text-align:left}.table__head{background-color:var(--color-bg-surface-hover);border-bottom:2px solid var(--color-border)}.table__th{padding:var(--space-3) var(--space-4);font-weight:700;font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:center}.table__row{border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.table__row:hover{background-color:var(--color-bg-surface-hover)}.table__row:nth-child(2n){background-color:var(--color-bg-surface-hover)}.table__row:last-child{border-bottom:none}.table__td{padding:var(--space-4);font-size:.875rem;color:var(--color-text-main)}.table__td--actions{text-align:right;white-space:nowrap}.card{background-color:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);overflow:hidden}.card__header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.card__title{font-weight:600;font-size:1.125rem;color:var(--color-text-main)}.card__body{padding:var(--space-6)}.card__footer{padding:var(--space-4) var(--space-6);background-color:var(--color-bg-surface-hover);border-top:1px solid var(--color-border)}.overlay-backdrop{position:absolute;inset:0;background-color:#00000080;opacity:0;transition:opacity .2s ease;pointer-events:none}.overlay-backdrop.is-open{opacity:1;pointer-events:auto}.slide-panel{position:absolute;top:0;right:0;height:100%;width:720px;max-width:100vw;background:var(--color-bg-surface);box-shadow:-8px 0 40px #00000040;display:flex;flex-direction:column;overflow:hidden;transform:translate(100%);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;contain:layout style paint}.slide-panel.is-ready{transition:transform .25s cubic-bezier(0,0,.2,1)}.slide-panel.is-open{transform:translate(0)}.slide-panel--narrow{width:440px}.slide-panel--wide{width:860px}.modal-popup__wrapper{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center}.modal-popup{position:relative;z-index:1;width:100%;max-height:85vh;overflow-y:auto;margin:0 var(--space-4);background:var(--color-bg-surface);box-shadow:var(--shadow-xl);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;opacity:0;transform:scale(.96) translateY(8px);animation:modal-fade-in .2s ease forwards}@keyframes modal-fade-in{to{opacity:1;transform:scale(1) translateY(0)}}.modal-popup--sm{max-width:440px}.modal-popup--md{max-width:560px}.modal-popup--lg{max-width:720px}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}.u-flex{display:flex}.u-flex-col{flex-direction:column}.u-items-center{align-items:center}.u-justify-between{justify-content:space-between}.u-gap-2{gap:var(--space-2)}.u-gap-4{gap:var(--space-4)}.u-gap-6{gap:var(--space-6)}.u-mt-2{margin-top:var(--space-2)}.u-mt-4{margin-top:var(--space-4)}.u-mt-6{margin-top:var(--space-6)}.u-mb-2{margin-bottom:var(--space-2)}.u-mb-4{margin-bottom:var(--space-4)}.u-mb-6{margin-bottom:var(--space-6)}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase}.badge--success{background-color:#dcfce7;color:#166534}.badge--warning{background-color:#fef3c7;color:#92400e}.badge--danger{background-color:#fee2e2;color:#991b1b}.badge--info{background-color:#dbeafe;color:#1e40af}.badge--neutral{background-color:#f1f5f9;color:#475569}