:root{--navy: #031930;--navy-deep: #011a38;--navy-mid: #35485a;--gold: #ffc107;--gold-dark: #eaaf00;--ink: #000000;--body: #3b3b3b;--muted: #3a3a3a;--surface: #f8f8f8;--surface-soft: #f4f4f4;--hairline: #dbdbdb;--canvas: #ffffff;--success: #65bc51;--info: #558bd8;--error: #d64545;--radius-sm: 5px;--radius-md: 10px;--radius-lg: 50px;--motion-default: all .3s ease;--tint-gold: #fff8e1;--tint-gold-soft: #fffbea;--link: #2f6fd0;--sidebar-bg: #ffffff;--sidebar-text: #3b3b3b;--sidebar-text-active: #000000;--sidebar-text-muted: #8a8a8a;--sidebar-active-bg: #fff3cd;--sidebar-border: #e6e6e6;--sidebar-accent: #c99400;color-scheme:light}:root[data-theme=dark]{--ink: #f1f3f5;--body: #d4d8dd;--muted: #9aa3ad;--surface: #0d1520;--surface-soft: #18222f;--hairline: #2a3644;--canvas: #131d29;--tint-gold: #3a2f0e;--tint-gold-soft: #2c2610;--link: #7fb0ff;--sidebar-bg: #031930;--sidebar-text: rgba(255, 255, 255, .8);--sidebar-text-active: #ffffff;--sidebar-text-muted: rgba(255, 255, 255, .45);--sidebar-active-bg: rgba(255, 193, 7, .15);--sidebar-border: transparent;--sidebar-accent: #ffc107;color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]):not([data-theme=dark]){--ink: #f1f3f5;--body: #d4d8dd;--muted: #9aa3ad;--surface: #0d1520;--surface-soft: #18222f;--hairline: #2a3644;--canvas: #131d29;--tint-gold: #3a2f0e;--tint-gold-soft: #2c2610;--link: #7fb0ff;--sidebar-bg: #031930;--sidebar-text: rgba(255, 255, 255, .8);--sidebar-text-active: #ffffff;--sidebar-text-muted: rgba(255, 255, 255, .45);--sidebar-active-bg: rgba(255, 193, 7, .15);--sidebar-border: transparent;--sidebar-accent: #ffc107;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;font-size:13px;color:var(--body);background:var(--surface)}a{color:inherit}.card{background:var(--canvas);border-radius:var(--radius-md);box-shadow:0 4px 14px #0000000d;padding:24px}.badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-lg);font-size:13px;font-weight:600}.badge-new{background:#e8f0fc;color:#2f6fd0}.badge-to_send{background:#fde8c8;color:#b5690a}.badge-sent{background:#e6f6e3;color:#2b8a3e}.badge-cancelled{background:#fde3e3;color:var(--error)}.badge-preparing{background:#e9ecef;color:#343a40}.badge-on_hold{background:#fff3cd;color:#a67c00}.badge-returned{background:#ede7ff;color:#5f3dc4}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--hairline);background:var(--canvas);color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:default}.btn-gold{background:var(--gold);color:var(--navy);font-weight:600;border-color:var(--gold-dark)}.btn-danger{color:var(--error)}.btn-sm{padding:3px 8px;font-size:12px}.input,select,input[type=date]{padding:6px 10px;border:1px solid var(--hairline);border-radius:var(--radius-sm);font:inherit;background:var(--canvas);color:var(--ink)}.table{width:100%;border-collapse:collapse}.table th{padding:10px 12px;background:var(--surface-soft);text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.3px;color:var(--muted);font-weight:600}.table td{padding:10px 12px;border-top:1px solid var(--hairline);vertical-align:top}.table tr.row-selected td{background:var(--tint-gold-soft)}.card-title{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--ink)}.muted{color:var(--muted)}.small{font-size:12px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--hairline)}.tab{padding:8px 14px;border:none;background:transparent;font:inherit;cursor:pointer;border-bottom:2px solid transparent;color:var(--muted)}.tab.active{border-bottom-color:var(--gold);color:var(--ink);font-weight:600}:root[data-theme=dark] .badge-new,:root[data-theme=dark] .badge-to_send,:root[data-theme=dark] .badge-sent,:root[data-theme=dark] .badge-cancelled,:root[data-theme=dark] .badge-preparing,:root[data-theme=dark] .badge-on_hold{background:#ffffff14}:root[data-theme=dark] .badge-preparing{color:#ced4da}@media (prefers-color-scheme: dark){:root:not([data-theme]) .badge-new,:root:not([data-theme]) .badge-to_send,:root:not([data-theme]) .badge-sent,:root:not([data-theme]) .badge-cancelled,:root:not([data-theme]) .badge-preparing,:root:not([data-theme]) .badge-on_hold{background:#ffffff14}:root:not([data-theme]) .badge-preparing{color:#ced4da}}.table-compact td{padding:7px 10px;font-size:12px;line-height:1.35}.table-compact th{padding:8px 10px;font-size:11px}.table-compact .badge{padding:2px 9px;font-size:11px}.table-compact .small{font-size:11px}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.order-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;border:1px solid var(--hairline);background:var(--canvas);font-size:12px;text-decoration:none;cursor:default}a.order-icon{cursor:pointer}a.order-icon:hover{border-color:var(--gold)}.topbar-menu,.mobile-only{display:none!important}@media (max-width: 900px){.app-sidebar{position:fixed!important;left:0;top:0;z-index:60;transform:translate(-100%);transition:transform .2s ease;box-shadow:none}.app-sidebar.open{transform:translate(0);box-shadow:0 0 40px #00000059}.app-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#03193073}.topbar{flex-wrap:wrap;gap:8px 10px!important;padding:10px 12px!important}.topbar-menu{display:inline-flex!important}.topbar-title{min-width:0!important;font-size:17px!important;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{gap:8px!important}.topbar-search{order:10;flex-basis:100%!important;max-width:none!important}.hide-mobile{display:none!important}.mobile-only{display:block!important}.desktop-only{display:none!important}.app-main,.app-main .card{padding:12px!important}.app-main .card[style*="padding: 0"]{padding:0!important}.app-main .card{overflow-x:auto}.app-main h1,.app-main h2{font-size:18px!important}.app-main .card-title{font-size:15px!important}.table th,.table td{padding:8px!important;font-size:13px}.app-main [style*=grid-template-columns]{grid-template-columns:minmax(0,1fr)!important}.tabs{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch}.tabs>*{flex:0 0 auto;white-space:nowrap}.app-main [style*="display: flex"][style*=gap]:not([style*="flex-direction: column"]){flex-wrap:wrap}.app-main input.input,.app-main select{max-width:100%!important}.with-panel{flex-wrap:nowrap!important;flex-direction:column!important;gap:12px!important;align-items:stretch!important}.side-panel{position:static!important;width:auto!important;display:flex;gap:4px;overflow-x:auto;padding:6px!important;-webkit-overflow-scrolling:touch}.side-panel>button{width:auto!important;flex:0 0 auto;white-space:nowrap;padding:6px 10px!important}[role=dialog],[aria-modal=true]{padding:12px!important}.app-main table.table:not(.table-keep),.app-main table.table:not(.table-keep)>tbody,.app-main table.table:not(.table-keep)>tbody>tr,.app-main table.table:not(.table-keep)>tbody>tr>td,.app-main table.table:not(.table-keep)>tfoot,.app-main table.table:not(.table-keep)>tfoot>tr,.app-main table.table:not(.table-keep)>tfoot>tr>td{display:block;width:100%!important;box-sizing:border-box}.app-main table.table:not(.table-keep)>thead{display:none}.app-main table.table:not(.table-keep)>tbody>tr{border:1px solid var(--hairline);border-radius:var(--radius-md, 10px);margin:8px 0;padding:6px 10px;background:var(--canvas)}.app-main .card[style*="padding: 0"]>table.table:not(.table-keep)>tbody>tr{margin:8px;width:calc(100% - 16px)!important}.app-main table.table:not(.table-keep)>tbody>tr>td,.app-main table.table:not(.table-keep)>tfoot>tr>td{border:none!important;padding:4px 0!important;text-align:left!important;white-space:normal!important;max-width:none!important}.app-main table.table:not(.table-keep)>tbody>tr>td[data-label]{position:relative;padding-left:38%!important;min-height:22px}.app-main table.table:not(.table-keep)>tbody>tr>td[data-label]:before{content:attr(data-label);position:absolute;left:0;top:5px;width:35%;font-size:11px;line-height:1.3;text-transform:uppercase;letter-spacing:.3px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.app-main table.table:not(.table-keep)>tbody>tr>td:empty{display:none}.app-main table.table:not(.table-keep)>tfoot>tr>td:empty{display:none}}