:root{--bg:#0b0c0f;--surface:#13151a;--surface2:#1a1d24;--surface3:#21252f;--border:#2a2d38;--border2:#363a47;--accent:#e8ff47;--accent-dim:#e8ff471f;--accent-dim2:#e8ff470f;--text:#f0f2f5;--text2:#8b909e;--text3:#555b6a;--red:#ff4757;--red-dim:#ff47571f;--green:#2ecc71;--green-dim:#2ecc711f;--orange:#ffa502;--orange-dim:#ffa5021f;--blue:#5352ed;--blue-dim:#5352ed26;--cyan:#00d2d3;--purple:#a55eea;--purple-dim:#a55eea1f;--pink:#fd79a8;--pink-dim:#fd79a81f;--radius:10px;--radius-sm:6px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}::selection{color:var(--text);background:#e8ff4740}html{text-size-adjust:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);text-size-adjust:100%;height:100%;font-family:DM Sans,sans-serif;font-size:14px;overflow:hidden}*{scrollbar-width:none}::-webkit-scrollbar{display:none}#root,.app-shell{flex-direction:column;height:100%;display:flex;overflow:hidden}.topbar{z-index:100;backdrop-filter:blur(18px)saturate(145%);background:#13151ad1;border-bottom:1px solid #ffffff13;justify-content:space-between;align-items:center;gap:12px;height:60px;padding:0 18px;display:flex;position:sticky;top:0;box-shadow:0 1px #ffffff09,0 14px 32px #0000002e}.topbar-brand{align-items:center;gap:10px;min-width:0;display:flex}.topbar-logo{color:var(--accent);letter-spacing:0;background:#e8ff4717;border:1px solid #e8ff472e;border-radius:12px;padding:7px 10px;font-family:Syne,sans-serif;font-size:15px;font-weight:800;box-shadow:inset 0 1px #ffffff14}.topbar-sub{color:var(--text3);white-space:nowrap;font-family:DM Mono,monospace;font-size:11px}.topbar-right{flex-shrink:0;align-items:center;gap:8px;min-width:0;display:flex}.topbar-right>div{background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;min-height:32px;padding:6px 10px;transition:background .16s,border-color .16s,transform .16s;box-shadow:inset 0 1px #ffffff09;display:inline-flex!important}.topbar-right>div[style*="cursor: pointer"]:hover,.topbar-printer:hover{background:#ffffff12;border-color:#ffffff24;transform:translateY(-1px)}.main{flex:1;gap:18px;padding:18px;display:flex;overflow:hidden}.sidebar{backdrop-filter:blur(16px)saturate(140%);background:linear-gradient(#ffffff0b,#ffffff06),#13151ad1;border:1px solid #ffffff16;border-radius:20px;flex-direction:column;flex-shrink:0;gap:4px;width:232px;padding:18px 12px;display:flex;box-shadow:inset 0 1px #ffffff0e,0 18px 46px #00000038}.sidebar-label{letter-spacing:1px;color:var(--text3);text-transform:uppercase;padding:8px 10px 7px;font-size:10px;font-weight:700}.nav-item{cursor:pointer;color:var(--text2);border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;min-height:40px;padding:10px 11px;font-size:13px;font-weight:650;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;display:flex;position:relative}.nav-item:hover{color:var(--text);background:#ffffff0e;border-color:#ffffff17;transform:translate(1px)}.nav-item.active{color:var(--accent);background:linear-gradient(#e8ff4721,#e8ff4712);border-color:#e8ff4733;box-shadow:inset 0 1px #ffffff14,0 10px 24px #00000024}.nav-item.active:before{content:"";background:var(--accent);border-radius:99px;width:3px;height:18px;position:absolute;top:50%;left:6px;transform:translateY(-50%);box-shadow:0 0 12px #e8ff4761}.nav-icon{width:26px;height:26px;color:inherit;background:#ffffff0b;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.nav-item.active .nav-icon{background:#e8ff4729}.content{flex:1;min-width:0;padding:10px 10px 28px;overflow-y:auto}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-accent{background:var(--accent);color:#0b0c0f}.btn-accent:hover:not(:disabled){background:#f5ff6e}.btn-ghost{background:var(--surface2);color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surface3);color:var(--text)}.btn-danger{background:var(--red-dim);color:var(--red);border:1px solid #ff475733}.btn-danger:hover:not(:disabled){background:#ff475733}.btn-green{background:var(--green-dim);color:var(--green);border:1px solid #2ecc7133}.btn-green:hover:not(:disabled){background:#2ecc7140}.btn-purple{background:var(--purple-dim);color:var(--purple);border:1px solid #a55eea40}.btn-purple:hover:not(:disabled){background:#a55eea38}.btn-pink{background:var(--pink-dim);color:var(--pink);border:1px solid #fd79a840}.btn-pink:hover:not(:disabled){background:#fd79a838}.btn-orange{background:var(--orange-dim);color:var(--orange);border:1px solid #ffa50240}.btn-orange:hover:not(:disabled){background:#ffa50238}.btn-blue{background:var(--blue-dim);color:#a8a6ff;border:1px solid #5352ed4d}.btn-blue:hover:not(:disabled){background:#5352ed40}.btn-sm{padding:5px 10px;font-size:12px}.btn-xs{padding:3px 8px;font-size:11px}.stats-bar{grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:24px;display:grid}.stats-bar .stat-card:last-child{grid-column:auto}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:4px;padding:14px;display:flex}.stat-label{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;font-family:DM Mono,monospace;font-size:10px}.stat-value{font-family:Syne,sans-serif;font-size:22px;font-weight:700}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.toolbar-left{flex:1;align-items:center;gap:8px;display:flex}.toolbar-right{align-items:center;gap:8px;display:flex}.search-wrap{align-items:center;width:220px;display:flex;position:relative}.search-wrap:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:14px;height:14px;position:absolute;left:10px}.search-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;width:100%;padding:7px 12px 7px 30px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text3)}.orders-grid{flex-direction:column;gap:10px;min-width:0;display:flex}.order-card{box-sizing:border-box;background:linear-gradient(#ffffff0b,#ffffff06);border:1px solid #ffffff16;border-radius:14px;min-width:0;max-width:100%;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;overflow:hidden;box-shadow:0 1px #ffffff09,0 10px 30px #0000001f}.order-card:hover{background:linear-gradient(#ffffff0f,#ffffff09);border-color:#ffffff29;box-shadow:0 1px #ffffff0d,0 18px 44px #0000002e}.order-card.expanded{background:linear-gradient(#c8e8320e,#ffffff09);border-color:#c8e83257;box-shadow:0 0 0 1px #c8e83214,0 20px 50px #0003}.compact-card{user-select:none}.order-card.selected{border-color:var(--accent);background:var(--accent-dim2)}.order-card.invalid,.order-card.status-failed{border-color:var(--red)}.order-card.print-selected{box-shadow:0 0 0 2px var(--pink)}.copy-chip{cursor:pointer;user-select:none;align-items:center;gap:3px;transition:opacity .15s;display:inline-flex}.copy-chip:hover{opacity:.75}.copy-chip:active{opacity:.5}.orders-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;display:grid}@media (width<=1587px){.orders-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1157px){.orders-compact{grid-template-columns:minmax(0,1fr)}}@media (width<=900px){.orders-compact{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.orders-compact{grid-template-columns:minmax(0,1fr)}}.compact-card{cursor:pointer;box-sizing:border-box;background:linear-gradient(#ffffff0b,#ffffff06);border:1px solid #ffffff16;border-radius:14px;min-width:0;max-width:100%;padding:13px;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 1px #ffffff09,0 10px 28px #0000001f}.compact-card-head{gap:7px!important;margin-bottom:9px!important}.compact-id-row{margin-bottom:8px!important}.compact-paid-chip{color:var(--cyan);white-space:nowrap;background:#00d2d31a;border:1px solid #00d2d338;border-radius:8px;justify-content:center;align-items:center;padding:3px 7px;font-family:DM Mono,monospace;font-size:11px;line-height:1.2;display:inline-flex}.compact-meta-row{margin-bottom:8px!important}.compact-tags-row{margin-bottom:10px!important}.orders-compact .compact-card{animation:.18s ease-out both orderCardIn}.orders-compact .compact-card:nth-child(2){animation-delay:15ms}.orders-compact .compact-card:nth-child(3){animation-delay:30ms}.orders-compact .compact-card:nth-child(4){animation-delay:45ms}.orders-compact .compact-card:nth-child(5){animation-delay:60ms}.orders-compact .compact-card:nth-child(n+6){animation-delay:75ms}.compact-card a,.compact-card span{min-width:0;max-width:100%}.compact-card a{text-overflow:ellipsis;overflow:hidden}.compact-card:hover{background:linear-gradient(#ffffff0f,#ffffff09);border-color:#ffffff29;box-shadow:0 1px #ffffff0d,0 16px 38px #0000002e}.compact-card.selected{border-color:var(--accent);background:var(--accent-dim2)}.compact-card.invalid{border-color:var(--red)}.compact-card.print-selected{box-shadow:0 0 0 2px var(--pink)}.card-header{cursor:pointer;user-select:none;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.card-actions{flex-shrink:0;align-items:center;gap:6px;padding-top:1px;display:flex}.card-checkbox{accent-color:#c8e832;cursor:pointer;flex-shrink:0;width:16px;height:16px}.card-name{letter-spacing:0;color:var(--text);flex:1;font-size:15px;font-weight:700}.card-phone{color:var(--text2);font-family:DM Mono,monospace;font-size:12px}.card-amount{color:var(--accent);font-family:DM Mono,monospace;font-size:13px;font-weight:700}.badge{letter-spacing:0;border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-family:DM Mono,monospace;font-size:12px;font-weight:600;line-height:1.25;display:inline-flex}.badge-ready{background:var(--green-dim);color:var(--green)}.badge-invalid{background:var(--red-dim);color:var(--red)}.badge-sending{background:var(--blue-dim);color:var(--cyan)}.badge-success{background:var(--green-dim);color:var(--green)}.badge-failed{background:var(--red-dim);color:var(--red)}.badge-synced{background:var(--purple-dim);color:var(--purple)}.dot{background:currentColor;border-radius:50%;width:7px;height:7px;display:inline-block}.tag{background:var(--surface3);border:1px solid var(--border);color:var(--text2);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;max-width:100%;padding:4px 10px;font-family:DM Mono,monospace;font-size:12px;line-height:1.25;display:inline-flex;overflow:hidden}.order-card .badge,.compact-card .badge{line-height:1.25;padding:4px 10px!important;font-size:12px!important}.order-card .tag,.compact-card .tag{padding:4px 10px!important;font-size:12px!important}.order-card span[style*="border-radius: 99px"],.compact-card span[style*="border-radius: 99px"]{gap:5px!important;padding:4px 10px!important;font-size:12px!important;font-weight:600!important;line-height:1.25!important}.compact-card span[style*="border-radius: 99px"]{padding:3px 8px!important;font-size:11px!important}.order-card .dot,.compact-card .dot{flex-shrink:0;width:7px;height:7px}.order-card .badge,.compact-card .badge,.order-card span[style*="border-radius: 99px"],.compact-card span[style*="border-radius: 99px"]{box-shadow:inset 0 1px #ffffff12}.order-card .tag,.compact-card .tag{color:var(--text2);background:#ffffff0b;border-color:#ffffff17;border-radius:9px}.order-card .copy-chip,.compact-card .copy-chip,.order-card a[href*=steadfast],.compact-card a[href*=steadfast]{background:#ffffff0b;border:1px solid #ffffff14;border-radius:8px;padding:3px 7px;text-decoration:none;transition:background .15s,border-color .15s,color .15s}.order-card .copy-chip:hover,.compact-card .copy-chip:hover,.order-card a[href*=steadfast]:hover,.compact-card a[href*=steadfast]:hover{opacity:1;background:#ffffff13;border-color:#ffffff29}.order-card .btn-xs,.compact-card .btn-xs{border-radius:9px;padding:5px 9px;font-weight:700;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s}.order-card .btn-xs:hover:not(:disabled),.compact-card .btn-xs:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #00000029}.order-card .btn-ghost,.compact-card .btn-ghost{color:var(--text2);background:#ffffff0b;border-color:#ffffff17}.order-card .btn-ghost:hover:not(:disabled),.compact-card .btn-ghost:hover:not(:disabled){color:var(--text);background:#ffffff14;border-color:#ffffff2b}.order-card .btn-green,.compact-card .btn-green,.order-card .btn-blue,.compact-card .btn-blue,.order-card .btn-orange,.compact-card .btn-orange,.order-card .btn-danger,.compact-card .btn-danger{box-shadow:inset 0 1px #ffffff1f}.chevron{transition:transform .2s;display:inline-block}.chevron.open{transform:rotate(180deg)}.card-body{user-select:text;background:#ffffff05;border-top:1px solid #ffffff14;padding:16px}.card-body-inner{grid-template-columns:1fr 1fr;gap:10px;padding-top:14px;display:grid}.field-group{flex-direction:column;gap:4px;display:flex}.field-group.full{grid-column:1/-1}.field-label{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;font-family:DM Mono,monospace;font-size:10px}.field-input{color:var(--text);background:#ffffff0b;border:1px solid #ffffff17;border-radius:10px;outline:none;width:100%;padding:8px 11px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s,background .15s,box-shadow .15s}.field-input:hover{background:#ffffff0f;border-color:#ffffff26}.field-input:focus{border-color:#c8e832b8;box-shadow:0 0 0 3px #c8e83214}.field-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field-input.error{border-color:var(--red)}.field-input::placeholder{color:var(--text3)}.field-error{color:var(--red);font-size:11px}.result-box{background:var(--surface2);border-radius:var(--radius-sm);border:1px solid var(--border);margin-top:12px;padding:12px}.result-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.result-key{color:var(--text3);font-family:DM Mono,monospace;font-size:11px}.result-val{color:var(--text);font-family:DM Mono,monospace;font-size:12px}.result-val.green{color:var(--green)}.result-val.red{color:var(--red)}.result-error{color:var(--red);margin-top:4px;font-family:DM Mono,monospace;font-size:12px}.upload-zone{border:2px dashed var(--border2);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--surface);padding:50px 40px;transition:all .2s}.upload-zone:hover,.upload-zone.drag{border-color:var(--accent);background:var(--accent-dim2)}.upload-icon{margin-bottom:12px;font-size:36px}.upload-title{margin-bottom:6px;font-family:Syne,sans-serif;font-size:18px;font-weight:700}.upload-sub{color:var(--text2);font-size:13px}.page-header{margin-bottom:24px}.page-title{font-family:Syne,sans-serif;font-size:22px;font-weight:800}.page-sub{color:var(--text3);margin-top:4px;font-size:13px}.page-header-actions{flex-shrink:0;gap:8px;display:flex}.orders-page-header{background:linear-gradient(#ffffff0b,#ffffff05);border:1px solid #ffffff16;border-radius:18px;padding:18px;box-shadow:0 1px #ffffff09,0 12px 32px #0000001f}.orders-page .page-title{letter-spacing:0;font-size:24px}.orders-page .page-sub{font-family:DM Mono,monospace;font-size:11px}.orders-page .page-header-actions .btn,.orders-toolbar .btn,.orders-bulkbar .btn,.orders-filter-panel .btn{border-radius:11px;min-height:34px;font-weight:700}.orders-page .page-header-actions .btn-ghost,.orders-toolbar .btn-ghost,.orders-bulkbar .btn-ghost,.orders-filter-panel .btn-ghost{color:var(--text2);background:#ffffff0b;border-color:#ffffff17}.orders-page .page-header-actions .btn-ghost:hover:not(:disabled),.orders-toolbar .btn-ghost:hover:not(:disabled),.orders-bulkbar .btn-ghost:hover:not(:disabled),.orders-filter-panel .btn-ghost:hover:not(:disabled){color:var(--text);background:#ffffff14;border-color:#ffffff2b}.orders-page .stats-bar{gap:10px;margin-bottom:18px}.orders-page .stat-card{background:linear-gradient(#ffffff0b,#ffffff06);border-color:#ffffff16;border-radius:15px;box-shadow:0 1px #ffffff09}.orders-page .stat-label{color:var(--text3);font-family:DM Mono,monospace;font-size:10px}.orders-page .stat-value{font-size:22px}.orders-toolbar{background:#ffffff09;border:1px solid #ffffff14;border-radius:16px;padding:10px;box-shadow:inset 0 1px #ffffff09}.orders-toolbar.filter-open{background:linear-gradient(#ffffff0b,#ffffff08);border-bottom-color:#ffffff0a;border-radius:16px 16px 0 0}.filter-chevron{transition:transform .18s}.filter-chevron.open{transform:rotate(180deg)}.orders-toolbar .search-wrap{flex:1;width:min(420px,100%)}.orders-toolbar .search-input{background:#ffffff0d;border-color:#ffffff17;border-radius:12px;min-height:38px;box-shadow:inset 0 1px #ffffff09}.orders-toolbar .search-input:focus{border-color:#c8e832b3;box-shadow:0 0 0 4px #c8e83214}.orders-create-btn{box-shadow:0 10px 24px #c8e83221,inset 0 1px #ffffff3d}.orders-create-btn:hover:not(:disabled){transform:translateY(-1px)}.orders-bulkbar{background:#ffffff08;border:1px solid #ffffff13;border-radius:14px;padding:9px 10px}.orders-filter-panel{box-shadow:inset 0 1px #ffffff09,0 14px 34px #0000001f;background:linear-gradient(#ffffff08,#ffffff06)!important;border-color:currentColor #ffffff14 #ffffff14!important;border-top-style:none!important;border-top-width:medium!important;border-radius:0 0 16px 16px!important;padding-top:14px!important}.orders-filter-panel>div{min-width:0}.orders-filter-panel .search-input{background:#ffffff0d;border-color:#ffffff17;border-radius:10px}.orders-filter-actions{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));max-width:360px;margin-left:auto;gap:8px!important;display:grid!important}.orders-filter-actions.has-clear{grid-template-columns:repeat(3,minmax(0,1fr));max-width:520px}.orders-filter-actions .btn{justify-content:center;width:100%}.progress-bar-wrap{background:var(--surface3);border-radius:99px;height:4px;margin:8px 0;overflow:hidden}.progress-bar-fill{background:var(--accent);border-radius:99px;height:100%;transition:width .3s}.progress-bar-fill.pink{background:var(--pink)}.toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:8px;max-width:320px;padding:12px 16px;font-size:13px;animation:.2s slideIn;display:flex}.toast.success{border-color:var(--green);color:var(--green)}.toast.error{border-color:var(--red);color:var(--red)}.toast.info{border-color:var(--accent);color:var(--accent)}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.empty-state{text-align:center;color:var(--text3);padding:60px 20px}.empty-icon{margin-bottom:12px;font-size:36px}.empty-title{color:var(--text2);margin-bottom:6px;font-family:Syne,sans-serif;font-size:16px;font-weight:700}.select-all-row{align-items:center;gap:8px;padding:4px 0;display:flex}.divider{border:none;border-top:1px solid var(--border);margin:20px 0}.api-note{color:var(--text3);background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:8px 10px;font-family:DM Mono,monospace;font-size:11px}.spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.settings-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:520px;padding:28px}.settings-title{margin-bottom:16px;font-family:Syne,sans-serif;font-size:16px;font-weight:700}.settings-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.settings-label{color:var(--text2);font-family:DM Mono,monospace;font-size:12px}.settings-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;width:100%;padding:9px 12px;font-family:DM Mono,monospace;font-size:13px;transition:border-color .15s}.settings-input:focus{border-color:var(--accent)}.settings-note{color:var(--text3);margin-top:4px;font-size:11px;line-height:1.5}.settings-divider{border:none;border-top:1px solid var(--border);margin:20px 0}.balance-box{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.balance-label{color:var(--text3);font-size:12px}.balance-val{color:var(--accent);font-family:Syne,sans-serif;font-size:20px;font-weight:700}.notice-box{background:var(--orange-dim);border-radius:var(--radius);color:var(--orange);border:1px solid #ffa50233;margin-bottom:16px;padding:12px 16px;font-size:12px;line-height:1.6}.info-box{background:var(--blue-dim);border-radius:var(--radius-sm);color:var(--cyan);border:1px solid #5352ed40;margin-bottom:12px;padding:10px 14px;font-size:12px;line-height:1.6}.printer-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;display:flex}.printer-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:background .3s}.printer-status-dot.off{background:var(--text3)}.printer-status-dot.connected{background:var(--green);box-shadow:0 0 6px var(--green)}.printer-status-dot.connecting{background:var(--orange);animation:.8s ease-in-out infinite pulse}.printer-status-dot.error{background:var(--red)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.printer-name{color:var(--text2);font-family:DM Mono,monospace;font-size:12px}.printer-label{color:var(--text3);font-size:12px}.print-queue-bar{background:var(--pink-dim);border-radius:var(--radius-sm);border:1px solid #fd79a840;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:10px 16px;display:flex}.print-queue-label{color:var(--pink);font-size:13px;font-weight:500}.history-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:14px 18px;transition:border-color .15s;display:flex}.history-card:hover{border-color:var(--border2)}.history-card.has-label{border-color:#2ecc714d}.history-card.synced-card{border-color:#a55eea4d}.tracking-row{gap:8px;margin-bottom:16px;display:flex}.tracking-select{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;padding:8px 10px;font-family:DM Sans,sans-serif;font-size:13px}.tracking-result{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:16px;padding:20px}.tracking-status{margin-bottom:8px;font-family:Syne,sans-serif;font-size:22px;font-weight:700}.sync-strategy-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:20px}.sync-strategy-title{margin-bottom:6px;font-family:Syne,sans-serif;font-size:15px;font-weight:700}.sync-strategy-desc{color:var(--text3);margin-bottom:14px;font-size:12px;line-height:1.6}.sync-input-row{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:12px;display:flex}.sync-field{flex-direction:column;gap:5px;display:flex}.sync-label{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;font-family:DM Mono,monospace;font-size:11px}.sync-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;padding:8px 10px;font-family:DM Mono,monospace;font-size:13px;transition:border-color .15s}.sync-input:focus{border-color:var(--purple)}.sync-result-box{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);margin-top:16px;padding:16px}.sync-stat-row{flex-wrap:wrap;gap:14px;margin-bottom:12px;display:flex}.sync-stat{text-align:center;background:var(--surface3);border-radius:var(--radius-sm);min-width:72px;padding:10px 14px}.sync-stat-num{font-family:Syne,sans-serif;font-size:20px;font-weight:700}.sync-stat-lbl{color:var(--text3);text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.sync-log{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:180px;padding:10px;font-family:DM Mono,monospace;font-size:11px;line-height:1.8;overflow-y:auto}.sync-log-line.added{color:var(--green)}.sync-log-line.skipped{color:var(--text3)}.sync-log-line.error{color:var(--red)}.sync-log-line.info{color:var(--cyan)}.label-modal-overlay{z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.label-modal{background:#fff;border-radius:8px;width:390px;max-height:92vh;overflow-y:auto}.label-modal-actions{background:#f5f5f5;border-bottom:1px solid #ddd;border-radius:8px 8px 0 0;flex-wrap:wrap;gap:8px;padding:10px 14px;display:flex}.sf-label{color:#000;background:#fff;border:1px solid #aaa;width:390px;font-family:Arial,sans-serif}.sf-label *{box-sizing:border-box}.sf-header{border-bottom:2px solid #000;align-items:stretch;display:flex}.sf-header-left{border-right:2px solid #000;flex:1;padding:10px 12px}.sf-merchant-name{margin-bottom:2px;font-family:Arial Black,Arial,sans-serif;font-size:18px;font-weight:700}.sf-merchant-id{color:#444;font-size:11px}.sf-header-right{justify-content:center;align-items:center;width:90px;padding:8px;display:flex}.sf-barcode-row{border-bottom:1px solid #000;padding:6px 10px}.sf-barcode-wrap canvas,.sf-barcode-wrap svg{max-width:100%;height:40px!important}.sf-meta{border-bottom:1px solid #000;padding:6px 10px;font-size:11px;line-height:1.7}.sf-meta-row{gap:4px;display:flex}.sf-meta-key{color:#555;flex-shrink:0;width:60px}.sf-meta-val{font-weight:600}.sf-customer-box{border-bottom:1px solid #000;padding:8px 10px;font-size:12px}.sf-customer-name{margin-bottom:2px;font-size:13px;font-weight:700}.sf-address{color:#222;margin-top:3px;font-size:11px;line-height:1.4}.sf-cart-box{border-bottom:1px solid #000;padding:6px 10px;font-size:11px}.sf-cart-title{text-transform:uppercase;letter-spacing:.5px;color:#555;margin-bottom:4px;font-size:10px;font-weight:700}.sf-cart-item{border-bottom:1px dashed #ddd;justify-content:space-between;padding:2px 0;display:flex}.sf-cod-row{border-bottom:1px solid #000;align-items:center;display:flex}.sf-cod-label{text-transform:uppercase;text-align:center;border-right:1px solid #000;width:80px;padding:10px 14px;font-size:13px;font-weight:700}.sf-cod-amount{text-align:right;flex:1;padding:10px 16px;font-family:Arial Black,Arial;font-size:22px;font-weight:700}.sf-footer{color:#555;justify-content:space-between;align-items:center;padding:6px 10px;font-size:10px;display:flex}.sf-footer-brand{color:#1a66ff;font-size:11px;font-weight:700}@media print{body *{visibility:hidden}.print-target,.print-target *{visibility:visible}.print-target{background:#fff;flex-direction:column;align-items:center;gap:16px;width:100%;padding:8px;display:flex;position:fixed;top:0;left:0}.sf-label{page-break-inside:avoid;border:1px solid #999}.label-modal-actions{display:none!important}}.modal-overlay{z-index:2000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:540px;max-width:100%;max-height:90vh;display:flex;overflow:hidden}.modal-box.wide{width:640px}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-title{font-family:Syne,sans-serif;font-size:18px;font-weight:800}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;gap:10px;padding:16px 24px;display:flex}.small-modal{background:linear-gradient(#1f2228fa,#121418fa)!important;border:1px solid #ffffff1a!important;border-radius:16px!important;width:min(520px,100vw - 28px)!important;max-width:calc(100vw - 28px)!important;box-shadow:0 24px 70px #00000085!important}.small-modal .modal-header{padding:18px 20px 12px;box-shadow:inset 0 -1px #ffffff09;background:0 0!important;border-bottom:none!important}.small-modal .modal-title{font-size:16px}.small-modal .modal-body{padding:16px 20px}.small-modal .modal-footer{background:#ffffff06;padding:12px 20px 16px;box-shadow:inset 0 1px #ffffff09;border-top:none!important}.small-modal .field-input{border-radius:11px}.cancel-order-modal{min-height:430px;overflow:visible!important}.cancel-order-modal .modal-body{overflow:visible!important}.cancel-order-modal .co-select-menu{max-height:210px}select.field-input{appearance:none;color:var(--text);background-color:#ffffff0b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:15px;border:1px solid #ffffff1a;min-height:42px;padding:10px 38px 10px 12px;transition:border-color .16s,box-shadow .16s,background-color .16s;box-shadow:inset 0 1px #ffffff0a}select.field-input:hover{background-color:#fff1;border-color:#ffffff2b}select.field-input:focus{border-color:#c8e832b8;outline:none;box-shadow:0 0 0 3px #c8e83214,inset 0 1px #ffffff0d}select.field-input option{color:#f3f4f6;background:#17191d}.small-modal select.field-input:focus{border-color:#ff4757a6;box-shadow:0 0 0 4px #ff475717,inset 0 1px #ffffff0d}.cancel-reason-select{width:100%}.cancel-reason-select .co-select-btn{border-radius:12px;min-height:42px}.cancel-reason-select .co-select-btn .placeholder{color:var(--text3)}.cancel-reason-select .co-select-menu{z-index:260}.tracking-modal .modal-body>div{border-bottom-color:#ffffff12!important}.tracking-modal .modal-body>div:last-child{border-bottom:none!important}.tracking-close-btn{font-weight:800;border-radius:999px!important;padding:7px 11px!important}.tracking-link-wrap{padding:8px 16px 14px}.tracking-link-label{color:var(--text3);margin-bottom:6px;font-family:DM Mono,monospace;font-size:11px}.tracking-link-box{width:100%;color:var(--accent);cursor:pointer;text-align:left;background:#ffffff0b;border:1px solid #ffffff17;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;display:grid;box-shadow:inset 0 1px #ffffff0a}.tracking-link-box:hover{background:#fff1;border-color:#ffffff2b;transform:translateY(-1px)}.tracking-link-box span{text-overflow:ellipsis;white-space:nowrap;font-family:DM Mono,monospace;font-size:11px;overflow:hidden}.tracking-link-box strong{color:var(--text3);white-space:nowrap;font-family:DM Mono,monospace;font-size:10px;font-weight:800}.tracking-link-box.copied{animation:.22s ease-out copyPop;box-shadow:0 0 0 4px #34d39914,inset 0 1px #ffffff12;color:var(--green)!important;background:#34d39924!important;border-color:#34d39973!important}.tracking-link-box.copied strong{color:var(--green)}.tracking-note-save{justify-content:center;width:100%;min-height:38px;font-weight:800;border-radius:12px!important}.tracking-modal{width:min(520px,100vw - 28px)!important}.pack-confirm-modal{width:min(380px,100vw - 28px)!important}.order-detail-modal{background:radial-gradient(circle at 8% 0,#c8e8320f,#0000 30%),radial-gradient(circle at 94% 0,#00d2d30b,#0000 28%),linear-gradient(#1f2228fa,#121418fa);border:1px solid #ffffff1a;border-radius:18px;animation:.18s ease-out coPop;box-shadow:0 28px 80px #0000008c;width:min(920px,100vw - 36px)!important}.order-detail-header{box-shadow:none;z-index:1;background:0 0;border-bottom:none;padding:18px 20px 12px;position:relative}.order-detail-title{letter-spacing:0;align-items:center;gap:8px;display:flex;font-size:17px!important}.order-detail-title svg{color:var(--accent)}.order-detail-subtitle{color:var(--text3);margin-top:4px;font-family:DM Mono,monospace;font-size:11px}.order-detail-close{align-items:center;gap:5px;display:inline-flex;box-shadow:inset 0 1px #ffffff12;background:#ffffff0f!important;border-color:#ffffff1a!important;border-radius:999px!important;padding:7px 11px!important}.order-detail-close:hover:not(:disabled){transform:translateY(-1px);background:#ffffff1a!important;border-color:#ffffff2e!important}.order-detail-body{background:0 0;overflow-y:auto;padding:14px!important}.order-detail-body>.order-card{box-shadow:none;background:#ffffff09;border-color:#ffffff17;border-radius:16px}.order-detail-body>.order-card:hover{box-shadow:none;transform:none}.order-detail-body .card-header{padding:16px 18px}.order-detail-body .od-card-top{grid-template-columns:minmax(0,1fr)!important;align-items:start!important;gap:10px!important;display:grid!important}.order-detail-body .od-card-info{gap:9px!important}.order-detail-body .od-name-row{grid-template-columns:1fr;align-items:start!important;gap:7px!important;display:grid!important}.order-detail-body .od-name-row .card-name{min-width:0;line-height:1.15;font-size:21px!important;font-weight:800!important}.order-detail-body .od-name-row span:not(.card-name){width:max-content;max-width:100%}.order-detail-body .od-meta-row,.order-detail-body .od-tags-row{align-items:center!important;gap:7px!important}.order-detail-body .od-meta-row .card-phone{background:#ffffff0b;border:1px solid #ffffff14;border-radius:9px;padding:5px 8px;font-size:13px;color:var(--text)!important}.order-detail-body .od-meta-row .copy-chip,.order-detail-body .od-meta-row a[href*=steadfast]{border-radius:9px;padding:5px 8px!important;font-size:11px!important}.order-detail-body .od-tags-row .badge,.order-detail-body .od-tags-row span[style*="border-radius: 99px"]{padding:4px 8px!important;font-size:11px!important}.order-detail-body .od-product-meta-row{padding-top:2px;gap:7px!important}.order-detail-body .od-product-meta-row .tag{max-width:min(100%,520px);color:var(--text2);padding:5px 8px!important;font-size:11px!important}.order-detail-body .od-product-meta-row span:not(.tag){font-size:11px!important}.order-detail-body .od-cod-box{min-width:0;text-align:left!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.order-detail-body .od-cod-box:before{content:"Payable: ";color:var(--text3);font-family:DM Mono,monospace;font-size:11px;font-weight:700}.order-detail-body .od-cod-box span{font-size:16px!important}.order-detail-body .od-action-row{border-top:1px solid #ffffff14!important;margin-top:14px!important;padding-top:12px!important;padding-left:0!important}.order-detail-body .card-body{background:#ffffff05;padding:18px}.order-detail-body .card-body>div[style*="border: '1px solid var(--border)'"],.order-detail-body .result-box,.order-detail-body .totals-box{box-shadow:inset 0 1px #ffffff09;background:#ffffff0a!important;border-color:#ffffff17!important;border-radius:14px!important}.order-detail-body .card-body div[style*="background: 'var(--surface2)'"]{background:#ffffff0b!important}.order-detail-body .detail-panel{overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 10px 28px #0000001f;background:#ffffff0b!important;border-color:#ffffff17!important;border-radius:15px!important}.order-detail-body .detail-panel>div:first-child{border-bottom:1px solid #ffffff13;background:linear-gradient(#ffffff0f,#ffffff09)!important}.order-detail-body .detail-panel span[style*="font-weight: 600"]{color:var(--text)!important}.order-detail-body .detail-panel .locked-field{color:var(--text2);background:#ffffff0a;border-color:#ffffff16;border-radius:10px}.order-detail-body .detail-panel .card-body-inner{padding:14px!important}.order-detail-body .detail-panel-payment,.order-detail-body .detail-panel-note{padding:0!important}.order-detail-body .detail-panel-payment>div:first-child,.order-detail-body .detail-panel-note>div:first-child{padding:12px 14px;margin-bottom:0!important}.order-detail-body .detail-panel-payment>div:not(:first-child),.order-detail-body .detail-panel-note>div:not(:first-child){margin:12px 14px}.order-detail-body .detail-panel-note textarea{min-height:96px}.order-detail-body .payment-record-form{box-shadow:inset 0 1px #ffffff0a;background:#ffffff0b!important;border-color:#ffffff17!important;border-radius:14px!important;padding:14px!important}.order-detail-body .payment-record-form .btn-accent{border-radius:11px;min-height:38px;font-weight:800}.order-detail-body .payment-method-tabs{box-shadow:inset 0 1px #ffffff0a;background:#ffffff0b!important;border-color:#ffffff17!important;border-radius:12px!important;padding:4px!important}.order-detail-body .payment-method-tabs .btn{min-height:32px;font-weight:800;border-color:#0000!important;border-radius:9px!important}.order-detail-body .payment-method-tabs .btn-ghost{color:var(--text3)!important;background:0 0!important}.order-detail-body .payment-method-tabs .btn-ghost:hover{color:var(--text)!important;background:#ffffff12!important}.payment-panel-head{min-width:0}.payment-panel-summary{flex-wrap:wrap;min-width:0}.payment-panel-actions{flex-shrink:0}.order-detail-body .field-label{color:var(--text3);font-weight:700}.order-detail-footer{background:#ffffff09;border-top:1px solid #ffffff14;padding:14px 18px!important}.order-detail-save{flex:1;justify-content:center;align-items:center;gap:7px;min-height:42px;font-weight:800;display:inline-flex;box-shadow:0 10px 26px #c8e83221,inset 0 1px #ffffff3d;border-radius:12px!important}.order-detail-save:hover:not(:disabled){transform:translateY(-1px)}.form-row{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.form-row.single{grid-template-columns:1fr}.form-group{flex-direction:column;gap:5px;display:flex}.form-label{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;font-family:DM Mono,monospace;font-size:11px}.form-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s}.form-input:focus{border-color:var(--accent)}.form-input.err{border-color:var(--red)}.create-order-modal .form-group{min-width:0}.create-order-modal{background:linear-gradient(#1f2228fa,#14161afa);animation:.18s ease-out coPop;box-shadow:0 24px 70px #00000073}.create-order-modal .modal-header{background:#ffffff06;border-bottom:1px solid #ffffff0f}.create-order-modal .modal-body{background:radial-gradient(circle at 18% 0,#c8e8320f,#0000 30%),radial-gradient(circle at 92% 8%,#00d2d30d,#0000 28%);padding:26px}.create-order-modal .form-input{box-sizing:border-box;width:100%;min-height:40px;color:var(--text);background:#ffffff0b;border:1px solid #ffffff17;border-radius:11px;padding:10px 12px;transition:border-color .16s,box-shadow .16s,background .16s,transform .16s;box-shadow:inset 0 1px #ffffff09}.create-order-modal .form-input:hover{background:#ffffff0f;border-color:#ffffff29}.create-order-modal .form-input:focus{background:#ffffff12;border-color:#c8e832bf;box-shadow:0 0 0 4px #c8e83217,inset 0 1px #ffffff0d}.create-order-modal .form-label{color:var(--text3);font-size:10px;font-weight:700}.create-order-modal select.form-input{appearance:none;background-color:var(--surface2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;padding-right:34px}.create-order-modal select.form-input option{color:#f3f4f6;background:#17191d}.create-order-modal .customer-note-input{min-height:78px}.create-order-modal .add-product-row .btn{min-height:38px}.create-order-modal hr{border-top-color:#ffffff14!important;margin:18px 0!important}.create-order-modal .modal-body>div[style*=uppercase]{background:#ffffff0b;border:1px solid #ffffff14;border-radius:99px;align-items:center;padding:6px 10px;display:inline-flex;color:var(--text2)!important;margin-bottom:14px!important}.create-order-modal .product-row{background:#ffffff0b;border-color:#ffffff14;border-radius:12px;transition:background .15s,border-color .15s;box-shadow:0 1px #ffffff09}.create-order-modal .product-row:hover{background:#fff1;border-color:#ffffff26}.create-order-modal .totals-box{background:#ffffff0d;border-color:#ffffff1a;border-radius:14px;padding:16px 18px;box-shadow:inset 0 1px #ffffff09}.create-order-modal .totals-row.final{font-size:17px}.co-primary-btn{font-weight:700;box-shadow:0 8px 22px #c8e83224,inset 0 1px #ffffff3d;border-radius:11px!important}.co-primary-btn:hover:not(:disabled){transform:translateY(-1px)}.co-secondary-btn{background:#ffffff0f!important;border-color:#ffffff1f!important;border-radius:10px!important}.co-secondary-btn:hover:not(:disabled){background:#ffffff1a!important;border-color:#fff3!important}.co-coupon-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.co-coupon-apply{justify-content:center;min-width:96px;height:40px}.co-coupon-applied{color:var(--green);background:#34d3991a;border:1px solid #34d39973;border-radius:11px;grid-column:1/-1;align-items:center;gap:8px;padding:10px 11px;font-family:DM Mono,monospace;font-size:12px;display:flex;box-shadow:inset 0 1px #ffffff0f}.co-coupon-applied strong{color:var(--green);white-space:nowrap;margin-left:auto;font-weight:800}.co-coupon-applied .btn{flex-shrink:0}.co-select{width:100%;position:relative}.co-select-btn{width:100%;min-height:40px;color:var(--text);cursor:pointer;background:#ffffff0b;border:1px solid #ffffff17;border-radius:11px;outline:none;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s,transform .15s;display:flex}.co-select-btn:hover{background:#fff1;border-color:#ffffff29}.co-select-btn.open{border-color:#c8e832b3;box-shadow:0 0 0 3px #c8e83217}.co-select-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.co-select-btn svg{color:var(--text3);flex-shrink:0;transition:transform .15s}.co-select-btn.open svg{color:var(--accent);transform:rotate(180deg)}.co-select-menu{z-index:80;border:1px solid var(--border2);background:#181a1ffa;border-radius:14px;max-height:230px;padding:6px;animation:.12s ease-out coMenu;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 40px #00000073}.co-select-option{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;font-family:DM Sans,sans-serif;font-size:13px;display:flex}.co-select-option:hover{background:var(--surface3)}.co-select-option.selected{background:var(--accent-dim);color:var(--accent)}.co-select-option small{color:var(--text3);white-space:nowrap;font-family:DM Mono,monospace;font-size:10px}.co-select-option.selected small{color:var(--accent)}@keyframes coPop{0%{opacity:.6;transform:translateY(8px)scale(.992)}to{opacity:1;transform:none}}@keyframes coMenu{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}@keyframes orderCardIn{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@keyframes copyPop{0%{transform:scale(.96)}70%{transform:scale(1.04)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.orders-compact .compact-card{animation:none!important}}.form-error{color:var(--red);font-size:11px}.product-row{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:8px;padding:10px 12px;display:flex}.product-row-info{flex:1}.product-name{font-size:13px;font-weight:500}.product-variant{color:var(--text3);font-family:DM Mono,monospace;font-size:11px}.product-price{color:var(--accent);font-family:DM Mono,monospace;font-size:13px}.qty-control{align-items:center;gap:6px;display:flex}.qty-btn{border:1px solid var(--border);background:var(--surface3);width:26px;height:26px;color:var(--text);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:all .1s;display:flex}.qty-btn:hover{background:var(--accent);color:#000;border-color:var(--accent)}.qty-display{text-align:center;min-width:20px;font-family:DM Mono,monospace;font-size:13px;font-weight:600}.add-product-row{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:14px;display:flex}.add-product-row .form-input{min-width:0}.totals-box{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:4px;padding:14px 16px}.totals-row{justify-content:space-between;align-items:center;padding:3px 0;font-size:13px;display:flex}.totals-row.final{border-top:1px solid var(--border2);margin-top:6px;padding-top:8px;font-family:Syne,sans-serif;font-size:16px;font-weight:700}.receipt-text{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:pre-wrap;user-select:text;cursor:text;color:var(--text);padding:20px;font-family:DM Mono,monospace;font-size:13px;line-height:1.9}.section-tabs{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);gap:4px;margin-bottom:24px;padding:4px;display:flex}.section-tab{cursor:pointer;color:var(--text2);text-align:center;background:0 0;border:none;border-radius:4px;flex:1;padding:10px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .15s}.section-tab.active{background:var(--surface3);color:var(--text)}.locked-field{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text2);min-height:34px;padding:7px 10px;font-size:13px}.edit-badge{background:var(--orange-dim);color:var(--orange);border:1px solid #ffa50233;border-radius:4px;padding:2px 7px;font-family:DM Mono,monospace;font-size:10px}#printCanvas{display:none}.hamburger{color:var(--text);cursor:pointer;background:#ffffff0b;border:1px solid #ffffff14;border-radius:11px;flex-shrink:0;padding:7px;font-size:20px;line-height:1;transition:background .16s,border-color .16s,transform .16s;display:none}.hamburger:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.nav-overlay{z-index:199;background:0 0;display:none;position:fixed;inset:0}.topbar-no-key{color:var(--red);background:#ff47571f;border:1px solid #ff475738;border-radius:999px;padding:6px 10px;font-family:DM Mono,monospace;font-size:11px}.topbar-printer{cursor:pointer;font-family:DM Mono,monospace;font-size:11px}.topbar-count{color:var(--text3);font-family:DM Mono,monospace;font-size:11px}.sb-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:0;padding:24px}.sb-title{align-items:center;gap:8px;margin-bottom:4px;font-family:Syne,sans-serif;font-size:15px;font-weight:700;display:flex}.sb-subtitle{color:var(--text3);margin-bottom:18px;font-size:12px;line-height:1.5}.sb-status-row{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;display:flex}.sb-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;transition:background .3s}.sb-dot.off{background:var(--text3)}.sb-dot.ok{background:var(--green);box-shadow:0 0 5px var(--green)}.sb-dot.busy{background:var(--orange);animation:.8s ease-in-out infinite pulse}.sb-dot.err{background:var(--red)}.sb-status-label{flex:1;font-family:DM Mono,monospace;font-size:12px}.sb-stats-row{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.sb-stat{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;min-width:80px;padding:10px 14px}.sb-stat-num{font-family:Syne,sans-serif;font-size:18px;font-weight:700}.sb-stat-lbl{color:var(--text3);text-transform:uppercase;margin-top:2px;font-family:DM Mono,monospace;font-size:10px}.sb-log{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:160px;margin-top:12px;padding:10px;font-family:DM Mono,monospace;font-size:11px;line-height:1.8;overflow-y:auto}.sb-log-line.ok{color:var(--green)}.sb-log-line.err{color:var(--red)}.sb-log-line.info{color:var(--cyan)}.sb-log-line.warn{color:var(--orange)}.sb-action-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.sb-sql-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--cyan);white-space:pre-wrap;user-select:text;margin-bottom:16px;padding:12px 14px;font-family:DM Mono,monospace;font-size:11px;line-height:1.7}.public-track-page{background:radial-gradient(circle at 20% 0,#e8ff4714,transparent 34%),var(--bg);min-height:100vh;color:var(--text);justify-content:center;align-items:center;padding:18px;display:flex}.public-track-shell{width:min(680px,100%)}.public-track-brand{color:var(--accent);background:#e8ff4717;border:1px solid #e8ff472e;border-radius:13px;margin-bottom:14px;padding:8px 11px;font-family:Syne,sans-serif;font-weight:800;display:inline-flex}.public-track-card{background:linear-gradient(#ffffff0e,#ffffff06);border:1px solid #ffffff18;border-radius:20px;padding:22px;box-shadow:0 24px 70px #00000059}.public-track-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.public-track-kicker{color:var(--text3);margin-bottom:5px;font-family:DM Mono,monospace;font-size:11px}.public-track-title{font-size:22px;font-weight:800}.public-track-muted{color:var(--text3);font-size:13px}.public-confirm-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-family:DM Mono,monospace;font-size:11px;display:inline-flex}.public-confirm-pill.ok{background:var(--green-dim);color:var(--green);border:1px solid #2ecc713d}.public-confirm-pill.pending{background:var(--orange-dim);color:var(--orange);border:1px solid #ffa50247}.public-confirm-box{color:var(--orange);background:#ffa5021a;border:1px solid #ffa50240;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:16px;padding:13px;display:grid}.public-confirm-box p{color:var(--text2);margin-top:2px;font-size:12px}.public-track-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:18px;display:grid}.public-track-grid>div{background:#ffffff0b;border:1px solid #ffffff13;border-radius:13px;padding:11px}.public-track-grid span{color:var(--text3);margin-bottom:4px;font-family:DM Mono,monospace;font-size:10px;display:block}.public-track-grid strong{overflow-wrap:anywhere;font-size:13px}.public-track-section-title{align-items:center;gap:6px;margin-bottom:10px;font-weight:800;display:flex}.public-track-entry{gap:10px;padding:10px 0;display:flex}.public-track-entry strong{font-size:13px;font-weight:600;display:block}.public-track-entry small{color:var(--text3);margin-top:3px;font-family:DM Mono,monospace;font-size:10px;display:block}.public-track-error{color:var(--red);margin-top:12px;font-size:12px}@media (width<=560px){.public-track-card{border-radius:16px;padding:16px}.public-track-head{flex-direction:column}.public-confirm-box,.public-track-grid{grid-template-columns:1fr}}@media (width<=768px){.hamburger{justify-content:center;align-items:center;display:flex}.view-toggle{display:none!important}.nav-overlay{display:block}.topbar{gap:8px;height:58px;padding:0 12px}.topbar-brand{flex:1}.topbar-logo{border-radius:11px;padding:6px 9px;font-size:14px}.topbar-sub,.topbar-count,.topbar-email,.topbar-printer{display:none!important}.topbar-right>div{min-height:30px;padding:5px 9px}.main{gap:0;padding:0}.sidebar{z-index:200;background:linear-gradient(#1f2228fa,#121418fa);border:1px solid #ffffff1a;border-radius:18px;width:min(244px,100vw - 28px);padding:12px 9px;transition:transform .24s cubic-bezier(.2,.8,.2,1);position:fixed;top:66px;bottom:10px;left:10px;transform:translate(calc(-100% - 16px));box-shadow:0 24px 70px #00000080}.sidebar.open{transform:translate(0)}.sidebar-label{padding:8px 10px 9px}.nav-item{border-radius:12px;min-height:40px;padding:9px 10px}.content{width:100%;padding:16px}.stats-bar{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.stats-bar .stat-card:last-child{grid-column:1/-1}.stat-value,.page-title{font-size:18px}.toolbar{flex-wrap:wrap;gap:8px;margin-bottom:14px}.toolbar-left{flex-basis:100%}.toolbar-left .search-wrap{width:100%;min-width:0}.toolbar-right{scrollbar-width:none;flex-wrap:nowrap;flex-basis:100%;overflow-x:auto}.modal-overlay{align-items:stretch;padding:0}.modal-box{border:none;border-radius:0;width:100%;max-width:100%;max-height:100vh;margin:0;overflow-y:hidden}.modal-box.wide{border:none;border-radius:0;width:100%;max-width:100%;max-height:100vh;margin:0;position:fixed;inset:0}.small-modal{border:1px solid #ffffff1a!important;border-radius:16px!important;width:calc(100vw - 28px)!important;max-width:520px!important;max-height:88vh!important;margin:auto!important;position:relative!important;inset:auto!important}.cancel-order-modal{min-height:min(460px,88vh)!important}.pack-confirm-modal{max-width:360px!important}.order-detail-modal{border-radius:0!important;width:100%!important;max-width:100%!important;margin:0!important;position:fixed!important;inset:0!important}.order-detail-header{box-shadow:none!important;background:0 0!important;padding:14px 16px 10px!important}.order-detail-title{font-size:15px!important}.order-detail-subtitle{margin-top:2px;font-size:10px}.order-detail-close{justify-content:center;min-width:34px;min-height:34px;padding:7px!important}.order-detail-close svg+*{display:none}.order-detail-body .od-card-top{grid-template-columns:1fr!important;gap:10px!important}.order-detail-body .od-card-info{flex-direction:column!important;gap:7px!important;display:flex!important}.order-detail-body .od-name-row,.order-detail-body .od-meta-row,.order-detail-body .od-tags-row,.order-detail-body .od-product-meta-row{flex-wrap:wrap!important;align-items:center!important;gap:6px!important;display:flex!important}.order-detail-body .od-name-row{order:1!important}.order-detail-body .od-meta-row{order:2!important}.order-detail-body .od-tags-row{order:3!important}.order-detail-body .od-product-meta-row{order:4!important}.order-detail-body .od-name-row .card-name{margin-bottom:0;font-size:18px!important}.order-detail-body .od-meta-row .card-phone,.order-detail-body .od-meta-row .copy-chip,.order-detail-body .od-meta-row a[href*=steadfast]{width:max-content;margin-right:0}.order-detail-body .od-tags-row .badge,.order-detail-body .od-tags-row span[style*="border-radius: 99px"]{width:max-content}.order-detail-body .od-product-meta-row .tag{width:100%;max-width:100%;white-space:nowrap!important;font-size:10px!important;line-height:1.3!important}.order-detail-body .od-product-meta-row span:not(.tag){width:max-content}.order-detail-body .od-cod-box{box-sizing:border-box;width:auto;min-width:0;display:block;text-align:left!important;background:0 0!important;border:none!important;border-radius:0!important;order:5!important;padding:0!important}.order-detail-body .od-cod-box:before{content:"Payable: ";color:var(--text3);font-family:DM Mono,monospace;font-size:10px;font-weight:700}.order-detail-body .od-cod-box span{font-size:14px!important}.order-detail-body .od-meta-row .card-phone{font-size:12px!important}.order-detail-body .od-tags-row .badge,.order-detail-body .od-tags-row span[style*="border-radius: 99px"]{padding:3px 7px!important;font-size:10px!important}.order-detail-body .od-action-row{overflow-x:auto;flex-wrap:nowrap!important;gap:5px!important}.order-detail-body .payment-panel-head{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:6px!important;display:grid!important}.order-detail-body .payment-panel-summary{overflow:hidden;flex-wrap:nowrap!important;gap:5px!important;display:flex!important}.order-detail-body .payment-panel-summary>span{flex-shrink:0;white-space:nowrap!important}.order-detail-body .payment-panel-summary>span:nth-child(2){padding:2px 5px!important;font-size:9px!important}.order-detail-body .payment-panel-actions{flex-wrap:nowrap!important;gap:4px!important;display:flex!important}.order-detail-body .payment-panel-actions .btn{white-space:nowrap!important;padding:3px 6px!important;font-size:10px!important}.card-header{flex-wrap:wrap;align-items:flex-start}.card-actions{flex-wrap:nowrap;flex-shrink:1;gap:4px;width:100%;max-width:100%;padding-left:24px}.card-actions .chevron{flex-shrink:0;margin-left:auto}.card-actions .btn,.card-actions span{flex-shrink:0}.card-btn-secondary,.btn-label-mobile-hide{display:none!important}.order-card{overflow:visible}.modal-body{padding:16px}.modal-header{padding:16px 16px 12px}.modal-footer{padding:12px 16px}.settings-panel{max-width:100%;padding:16px}.history-card{gap:8px;padding:10px 12px}.tracking-row{flex-wrap:wrap}.tracking-select{width:100%}.printer-bar{padding:10px 12px}.compact-card .btn-xs{border-radius:6px;justify-content:center;min-width:30px;min-height:30px;padding:6px 8px;font-size:11px}}@media (width<=540px){.card-body-inner,.form-row{grid-template-columns:1fr}.topbar-no-key{padding:3px 6px;font-size:10px}.page-header{margin-bottom:16px}.page-header-actions{flex-wrap:wrap;width:100%}.page-header-actions .btn{flex:1;justify-content:center}.orders-page-header{border-radius:15px;padding:14px}.orders-page .page-title{font-size:21px}.orders-page .page-header-actions{grid-template-columns:1fr;gap:8px;display:grid}.orders-page .stats-bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:14px;display:grid}.orders-page .stats-bar .stat-card:last-child{grid-column:auto}.orders-page .stat-card{min-width:0;padding:8px 6px}.orders-page .stat-label{font-size:8px}.orders-page .stat-value{font-size:16px}.orders-toolbar{flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:9px!important;display:flex!important}.orders-toolbar-main{width:100%;flex-wrap:wrap!important;gap:8px!important;display:flex!important}.orders-toolbar-main .search-wrap{flex:1;min-width:0;width:auto!important}.orders-toolbar-main .orders-create-btn{flex-basis:100%;justify-content:center}.orders-toolbar-main .btn{justify-content:center}.orders-create-btn{grid-column:1/-1}.orders-refresh-btn{width:100%;justify-content:center!important}.orders-bulkbar{grid-template-columns:1fr 1fr;gap:8px!important;display:grid!important}.orders-bulkbar .btn{justify-content:center}.orders-filter-panel{border-radius:0 0 15px 15px!important;padding:13px!important}.orders-filter-panel>div:first-child{grid-template-columns:1fr!important;gap:12px!important;display:grid!important}.orders-filter-panel .btn-xs{min-height:30px}.orders-filter-actions{width:100%;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))!important}.orders-filter-actions.has-clear{grid-template-columns:repeat(3,minmax(0,1fr))!important}.orders-filter-actions .btn{min-width:0;padding-left:6px!important;padding-right:6px!important;font-size:10px!important}.upload-zone{padding:30px 20px}.sync-input-row{flex-direction:column}.sync-input-row .btn{align-self:flex-start}.add-product-row{flex-wrap:wrap;align-items:flex-end;gap:8px}.add-product-row .form-group{min-width:0}.add-product-row .form-label{display:none}.add-product-row .btn{white-space:nowrap;flex-shrink:0;align-self:auto}.create-order-modal .add-product-row{flex-direction:column;align-items:stretch}.create-order-modal .add-product-row .form-group{flex:auto!important;width:100%!important}.create-order-modal .add-product-row .btn{justify-content:center;width:100%}.create-order-modal .modal-body{padding:18px}.co-coupon-row{grid-template-columns:1fr}.co-coupon-row>.btn{justify-content:center;width:100%}.co-coupon-applied{box-sizing:border-box;width:100%}.co-coupon-applied .btn{margin-left:auto;width:auto!important;min-width:0!important;height:auto!important}.sb-action-row{flex-direction:column}.sb-action-row .btn{justify-content:center;width:100%}.card-header{gap:8px;padding:10px 12px}.card-actions{gap:3px;padding-left:20px}.card-name{font-size:13px}.card-phone{font-size:11px}.btn-xs{padding:2px 6px!important;font-size:11px!important}.compact-card{padding:10px}.compact-actions-row{flex-wrap:wrap!important;justify-content:flex-start!important;gap:6px!important;display:flex!important}.compact-actions-row .btn-xs{flex:none;justify-content:center;width:auto}.compact-card .btn-xs{letter-spacing:0;gap:3px!important;min-width:0!important;min-height:27px!important;padding:4px 6px!important;font-size:10px!important}.compact-card .btn-xs svg{width:12px!important;height:12px!important}.tag,.badge{padding:2px 5px!important;font-size:9px!important}.order-card .tag,.compact-card .tag{border-radius:6px!important;padding:2px 6px!important;font-size:10px!important;line-height:1.2!important}.order-card .badge,.compact-card .badge,.order-card span[style*="border-radius: 99px"],.compact-card span[style*="border-radius: 99px"]{box-shadow:none!important;padding:2px 6px!important;font-size:10px!important;line-height:1.2!important}.compact-card span[style*="border-radius: 99px"]{padding:2px 5px!important;font-size:9px!important}.compact-tags-row{align-items:center;gap:5px!important}.compact-tags-row .badge,.compact-tags-row span[style*="border-radius: 99px"]{flex:0 auto;border:1px solid #ffffff1f!important;border-radius:999px!important;gap:3px!important;width:auto!important;max-width:100%!important;padding:3px 7px!important;font-size:10px!important;line-height:1.15!important}.order-card .dot,.compact-card .dot{width:5px!important;height:5px!important}}@media (width<=400px){.topbar{gap:6px;padding:0 10px}.topbar-logo{text-overflow:ellipsis;white-space:nowrap;max-width:150px;padding:6px 8px;font-size:13px;overflow:hidden}.topbar-no-key{display:none}.topbar-right{gap:6px}.section-tabs{gap:2px;padding:3px}.section-tab{padding:8px 10px;font-size:12px}}@media (width<=768px){input,select,textarea{font-size:16px!important}}