: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;touch-action:manipulation;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;justify-content:space-between;align-items:center;gap:12px;height:60px;padding:0 28px 0 18px;display:flex;position:sticky;top:0}.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}@media (hover:hover){.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}@media (hover:hover){.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:none;grid-template-columns:none;grid-auto-columns:max-content;grid-auto-flow:column;justify-content:end;max-width:100%;margin-left:auto;gap:8px!important;display:grid!important}.orders-filter-actions.has-clear{grid-template-columns:none;max-width:100%}.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)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.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{-webkit-backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:10px 16px;display:flex}.printer-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .3s,box-shadow .3s}.printer-status-dot.off{background:var(--text3);opacity:.5}.printer-status-dot.connected{background:#34d399;box-shadow:0 0 0 2px #34d39940,0 0 8px #34d39980}.printer-status-dot.connecting{background:#f59e0b;animation:.8s ease-in-out infinite pulse;box-shadow:0 0 0 2px #f59e0b33}.printer-status-dot.error{background:#f87171;box-shadow:0 0 0 2px #f8717133}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.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 .card-phone.copy-chip{cursor:pointer;transition:background .15s,border-color .15s}.order-detail-body .od-meta-row .card-phone.copy-chip:hover{opacity:1;background:#ffffff13;border-color:#ffffff29}.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-family:DM Mono,DM Sans,sans-serif!important;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:radial-gradient(circle at 8% 0,#c8e8320f,#0000 30%),radial-gradient(circle at 94% 0,#00d2d30b,#0000 28%),linear-gradient(#1f2228fa,#121418fa);animation:.18s ease-out coPop;box-shadow:0 24px 70px #00000073}.create-order-modal .modal-header{background:0 0;border-bottom:none}.create-order-modal .modal-body{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{transition:background .15s,border-color .15s,box-shadow .15s;background:#ffffff0f!important;border-color:#ffffff1f!important;border-radius:10px!important}.co-secondary-btn:not(:disabled){color:var(--accent)!important;background:#c8e8321a!important;border-color:#c8e83259!important;box-shadow:0 0 10px #c8e8321f!important}.co-secondary-btn:hover:not(:disabled){background:#c8e83229!important;border-color:#c8e83280!important;box-shadow:0 0 14px #c8e83233!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)}.co-step-bar{border-bottom:1px solid #ffffff0f;align-items:center;gap:0;padding:14px 26px 10px;display:flex}.co-step{cursor:default;flex-direction:column;flex-shrink:0;align-items:center;gap:5px;display:flex}.co-step-dot{width:22px;height:22px;color:var(--text3);background:#ffffff12;border:1.5px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;display:flex}.co-step-label{color:var(--text3);white-space:nowrap;font-size:11px;font-weight:600;transition:color .2s}.co-step.active .co-step-dot{background:var(--accent);color:#0b0c0f;border-color:var(--accent);box-shadow:0 0 14px #e8ff4759}.co-step.active .co-step-label{color:var(--accent)}.co-step.done .co-step-dot{color:#34d399;background:#34d39926;border-color:#34d3994d}.co-step.done .co-step-label{color:#34d399}.co-step-line{background:#ffffff17;flex:1;height:1.5px;margin:0 6px 16px;transition:background .2s}.co-step-line.done{background:#34d3994d}.co-section-heading{color:var(--text2);letter-spacing:.3px;text-transform:uppercase;background:#ffffff0b;border:1px solid #ffffff14;border-radius:99px;align-items:center;gap:6px;margin-bottom:14px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.co-back-btn{color:var(--text2);cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:99px;align-items:center;gap:6px;margin-bottom:8px;padding:6px 14px 6px 10px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.co-back-btn:hover{color:var(--text);background:#ffffff1f;border-color:#fff3}.create-order-modal .form-error{color:#ff6b78;align-items:center;gap:4px;margin-top:5px;font-size:11px;font-weight:500;animation:.18s ease-out errSlide;display:inline-flex}.create-order-modal .form-input.err{animation:.22s ease-out errShake;border-color:#ff475799!important;box-shadow:0 0 0 3px #ff47571a!important}.create-order-modal .form-input{resize:none}.co-coupon-apply.lit{color:var(--accent)!important;background:#c8e8321f!important;border-color:#c8e8324d!important}@keyframes errSlide{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes errShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@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{flex-wrap:wrap!important;gap:8px!important}.order-detail-body .od-card-info{flex:1 1 0;min-width:0;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{word-break:break-word;width:100%;max-width:100%;white-space:normal!important;font-size:10px!important;line-height:1.4!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-family:DM Mono,DM Sans,sans-serif!important;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{flex-wrap:wrap!important;gap:5px!important;padding-left:0!important;overflow-x:visible!important}.order-detail-body .od-action-row .btn{flex:none;justify-content:center;padding:5px 10px!important;font-size:11px!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}.content{padding:12px}.compact-card{padding:10px 12px}.compact-card-head{margin-bottom:4px!important}.compact-card-head>div>div:first-child{font-size:12px!important}.compact-card-head>div>div:last-child{font-size:11px!important}.compact-card-head>div:last-child{font-size:12px!important}.compact-id-row{gap:5px!important;margin-bottom:4px!important}.compact-id-row .copy-chip,.compact-id-row a{font-size:10px!important}.compact-actions-row{gap:5px!important}.compact-actions-row .btn-xs{gap:3px!important;min-height:28px!important;padding:4px 8px!important;font-size:10px!important}.compact-actions-row .btn-xs svg{width:11px!important;height:11px!important}.compact-tags-row{gap:4px!important}.compact-tags-row .badge,.compact-tags-row span[style*=border-radius]{padding:2px 6px!important;font-size:9px!important}.orders-compact{gap:6px!important}.orders-page .stat-card{padding:8px 10px}.orders-page .stat-value{font-size:16px}.orders-page .stat-label{font-size:9px}}@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{grid-auto-columns:max-content;grid-auto-flow:column;justify-content:end;width:auto;max-width:100%;grid-template-columns:none!important}.orders-filter-actions.has-clear{grid-template-columns:none!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-flow:wrap;align-items:flex-end;gap:8px}.create-order-modal .add-product-row .form-group{flex:1 1 0!important;width:auto!important;min-width:0!important}.create-order-modal .add-product-row .form-group.btn-wrap{width:100%!important;min-width:unset!important;flex:0 0 100%!important}.create-order-modal .add-product-row .form-group.btn-wrap .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}}.coupons-page{width:min(1080px,100%);margin:0 auto;padding:4px 0 32px}.coupons-hero{background:radial-gradient(circle at 0 0,#c8e83214,#0000 35%),linear-gradient(145deg,#ffffff0e,#ffffff06);border:1px solid #ffffff17;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:20px 22px;display:flex;box-shadow:inset 0 1px #ffffff0a,0 12px 30px #0000001f}.coupons-heading{align-items:center;gap:13px;min-width:0;display:flex}.coupons-heading-icon,.coupons-empty-icon{color:var(--accent);background:#c8e8321a;border:1px solid #c8e83233;justify-content:center;align-items:center;display:flex;box-shadow:0 0 22px #c8e83214}.coupons-heading-icon{border-radius:13px;flex-shrink:0;width:42px;height:42px}.coupons-heading h1{color:var(--text);margin:0;font:700 21px Syne,sans-serif}.coupons-heading p{color:var(--text3);margin:4px 0 0;font-size:12px}.coupons-create-btn{flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-height:40px;font-weight:700;display:inline-flex;box-shadow:0 8px 22px #c8e8321f,inset 0 1px #fff3;border-radius:11px!important}.coupons-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px;display:grid}.coupon-card{background:linear-gradient(150deg,#ffffff0e,#ffffff06);border:1px solid #ffffff17;border-radius:16px;min-width:0;padding:16px;transition:transform .16s,border-color .16s,background .16s;box-shadow:inset 0 1px #ffffff09}.coupon-card:hover{background:linear-gradient(150deg,#ffffff13,#ffffff09);border-color:#ffffff29;transform:translateY(-1px)}.coupon-card-disabled{background:#ffffff05;border-color:#ffffff0f}.coupon-card-top,.coupon-card-details,.coupon-card-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.coupon-code{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.07em;min-width:0;color:var(--accent);background:#c8e83214;border:1px solid #c8e83229;border-radius:9px;padding:6px 9px;font:800 15px DM Mono,monospace;overflow:hidden}.coupon-card-disabled .coupon-code{color:var(--text3);background:#ffffff0a;border-color:#ffffff12}.coupon-toggle{cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:99px;flex-shrink:0;width:42px;height:24px;padding:0;transition:background .2s,border-color .2s,box-shadow .2s;position:relative}.coupon-toggle span{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .2s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 2px 5px #00000059}.coupon-toggle.active{background:#34d399;border-color:#34d399;box-shadow:0 0 12px #34d39929}.coupon-toggle.active span{left:20px}.coupon-card-details{flex-wrap:wrap;justify-content:flex-start;margin:18px 0 16px}.coupon-discount{border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;font-weight:700;display:inline-flex}.coupon-discount-green{color:#34d399;background:#34d39917;border-color:#34d3992e}.coupon-discount-purple{color:#a78bfa;background:#a78bfa17;border-color:#a78bfa2e}.coupon-discount-cyan{color:var(--cyan);background:#22d3ee14;border-color:#22d3ee2b}.coupon-usage{color:var(--text3);font:500 11px DM Mono,monospace}.coupon-card-footer{border-top:1px solid #ffffff12;padding-top:12px}.coupon-status{color:var(--text3);align-items:center;gap:6px;font-size:11px;display:inline-flex}.coupon-status i{background:var(--text3);border-radius:50%;width:6px;height:6px}.coupon-status.active{color:#34d399}.coupon-status.active i{background:#34d399;box-shadow:0 0 8px #34d39980}.coupon-card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;display:flex}.coupon-card-actions .btn{align-items:center;gap:5px;display:inline-flex;border-radius:9px!important}.coupon-delete-btn{color:var(--red)!important;padding-left:8px!important;padding-right:8px!important}.coupons-empty{text-align:center;min-height:220px;color:var(--text3);background:#ffffff06;border:1px dashed #ffffff1a;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.coupons-empty strong{color:var(--text2);font-size:14px}.coupons-empty-icon{border-radius:14px;width:44px;height:44px;margin-bottom:4px}.coupon-modal{width:min(560px,100vw - 28px);min-height:min(470px,100vh - 28px)}.coupon-modal>form{flex-direction:column;flex:1;min-height:0;display:flex}.coupon-modal-header{align-items:flex-start!important;padding:20px 22px 10px!important}.coupon-modal .modal-title{align-items:center;gap:8px;display:flex}.coupon-modal-subtitle{color:var(--text3);margin:5px 0 0 25px;font-size:11px}.coupon-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;display:grid}.coupon-field-full{grid-column:1/-1}.coupon-code-input{letter-spacing:.06em;text-transform:uppercase;font-family:DM Mono,monospace!important;font-weight:800!important}.coupon-number-wrap{position:relative}.coupon-number-wrap>span{z-index:1;color:var(--text3);pointer-events:none;font:700 13px DM Mono,monospace;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.coupon-number-wrap .form-input{padding-left:31px}.coupon-modal .co-select-menu{z-index:300}.coupon-modal-footer{background:#ffffff06;border-top-color:#ffffff12!important;justify-content:flex-end!important}.coupon-save-btn{justify-content:center;align-items:center;gap:6px;min-width:130px;font-weight:700;display:inline-flex;border-radius:10px!important}@media (width<=600px){.coupons-page{padding:0 0 24px}.coupons-hero{border-radius:15px;flex-direction:column;align-items:stretch;margin-bottom:14px;padding:16px}.coupons-create-btn{width:100%}.coupons-grid{grid-template-columns:1fr;gap:9px}.coupon-card{border-radius:14px;padding:14px}.coupon-form-grid{grid-template-columns:1fr;gap:14px}.coupon-field-full{grid-column:auto}.coupon-modal-header{padding:16px 16px 8px!important}.coupon-modal-subtitle{margin-left:0}.coupon-modal-footer{grid-template-columns:1fr 1fr;display:grid!important}.coupon-modal-footer .btn{justify-content:center;width:100%}}@media (width<=768px){input,select,textarea{font-size:16px!important}}.payments-page{width:100%;padding:4px 0 34px}.payments-hero{background:radial-gradient(circle at 0 0,#c8e83214,#0000 38%),linear-gradient(145deg,#ffffff0e,#ffffff06);border:1px solid #ffffff17;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:20px 22px;display:flex;box-shadow:inset 0 1px #ffffff0d,0 18px 45px #00000024}.payments-heading{align-items:center;gap:13px;min-width:0;display:flex}.payments-heading-icon{width:42px;height:42px;color:var(--accent);background:linear-gradient(145deg,#c8e8322e,#c8e8320f);border:1px solid #c8e8323d;border-radius:13px;flex-shrink:0;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff14}.payments-title-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.payments-title-row h1{letter-spacing:-.035em;margin:0;font:800 21px Syne,sans-serif}.payments-title-row>span{color:var(--orange);background:var(--orange-dim);border:1px solid color-mix(in srgb,var(--orange) 25%,transparent);border-radius:99px;padding:4px 9px;font:700 10px DM Mono,monospace}.payments-heading p{color:var(--text3);margin:4px 0 0;font-size:12px}.payments-refresh{flex-shrink:0;align-items:center;gap:6px;display:inline-flex;border-radius:10px!important}.payments-refresh .spin{animation:.8s linear infinite paymentSpin}@keyframes paymentSpin{to{transform:rotate(360deg)}}.payments-filter{background:#ffffff09;border:1px solid #ffffff13;border-radius:13px;align-items:center;gap:3px;max-width:100%;margin-bottom:18px;padding:4px;display:inline-flex;box-shadow:inset 0 1px #ffffff09}.payments-filter button{min-height:34px;color:var(--text3);text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font:700 11px DM Sans,sans-serif;transition:color .16s,background .16s,box-shadow .16s,transform .16s;display:inline-flex}.payments-filter button:hover{color:var(--text);background:#ffffff0b}.payments-filter button.active{color:var(--accent);background:var(--accent-dim);box-shadow:inset 0 1px #ffffff12,0 3px 10px #00000029}.payments-filter small{min-width:19px;color:inherit;background:#0000002e;border-radius:99px;padding:2px 5px;font:700 9px DM Mono,monospace}.payments-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:13px;display:grid}.payment-card{background:linear-gradient(155deg,#ffffff0e,#ffffff07);border:1px solid #ffffff17;border-radius:18px;min-width:0;transition:border-color .18s,transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0b,0 14px 36px #00000021}.payment-card:hover{border-color:#ffffff24;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff0e,0 18px 42px #0000002e}.payment-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff29,#0000);height:1px;position:absolute;top:0;left:18px;right:18px}.payment-card-pending{border-color:color-mix(in srgb,var(--orange) 15%,transparent)}.payment-card-approved{border-color:color-mix(in srgb,var(--green) 15%,transparent)}.payment-card-rejected{border-color:color-mix(in srgb,var(--red) 15%,transparent)}.payment-card-head{border-bottom:1px solid #fff1;justify-content:space-between;align-items:flex-start;gap:12px;padding:17px 18px 13px;display:flex}.payment-card-head>div{flex-direction:column;gap:2px;display:flex}.payment-eyebrow{color:var(--text3);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.payment-amount{color:var(--accent);letter-spacing:-.055em;font:800 24px DM Mono,monospace}.payment-status{border:1px solid;border-radius:99px;flex-shrink:0;align-items:center;gap:5px;padding:6px 10px;font:700 11px DM Mono,monospace;display:inline-flex}.payment-status-pending{color:var(--orange);background:var(--orange-dim);border-color:color-mix(in srgb,var(--orange) 25%,transparent)}.payment-status-approved{color:var(--green);background:var(--green-dim);border-color:color-mix(in srgb,var(--green) 24%,transparent)}.payment-status-rejected{color:var(--red);background:var(--red-dim);border-color:color-mix(in srgb,var(--red) 23%,transparent)}.payment-card-content{gap:14px;padding:16px 18px;display:grid}.payment-card-content.has-image{grid-template-columns:142px minmax(0,1fr);align-items:start}.payment-card-content.has-image>.payment-trx-proof.prominent,.payment-card-content.has-image>.payment-trx-proof.prominent+.payment-details{grid-column:1/-1}.payment-proof-column{min-width:0}.payment-proof-preview{cursor:zoom-in;background:#00000040;border:1px solid #ffffff17;border-radius:14px;width:100%;height:142px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.payment-proof-preview img{object-fit:cover;width:100%;height:100%;transition:transform .24s,filter .24s;display:block}.payment-proof-preview:hover img{filter:brightness(.72);transform:scale(1.035)}.payment-proof-preview span{opacity:0;white-space:nowrap;color:#fff;backdrop-filter:blur(8px);background:#0a0b0ec7;border:1px solid #ffffff29;border-radius:8px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:700;transition:opacity .18s,transform .18s;display:flex;position:absolute;bottom:9px;left:50%;transform:translate(-50%,6px)}.payment-proof-preview:hover span{opacity:1;transform:translate(-50%)}.payment-proof-new-tab{color:var(--text3);justify-content:center;align-items:center;gap:4px;margin-top:6px;padding:4px;font:600 10px DM Mono,monospace;text-decoration:none;transition:color .15s;display:flex}.payment-proof-new-tab:hover{color:var(--text)}.payment-details{flex-direction:column;gap:11px;min-width:0;display:flex}.payment-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.payment-meta-grid>div{flex-direction:column;gap:4px;min-width:0;display:flex}.payment-meta-grid>div>span{color:var(--text3);letter-spacing:.065em;text-transform:uppercase;font-size:10px;font-weight:800}.payment-meta-grid>div>strong{overflow-wrap:anywhere;min-width:0;color:var(--text2);font:700 13px/1.4 DM Mono,monospace}.payment-meta-grid .payment-meta-wide{grid-column:1/-1}.payment-meta-wide strong{align-items:center;display:flex;color:var(--text2)!important;gap:6px!important;font-size:12px!important;font-weight:600!important}.payment-method{background:#ffffff0e;border:1px solid #fff1;border-radius:8px;align-items:center;gap:6px;width:max-content;max-width:100%;padding:5px 8px;color:var(--text2)!important;display:inline-flex!important}.payment-trx-proof{background:linear-gradient(145deg,#e8ff4714,#e8ff4706);border:1px solid #e8ff4729;border-radius:11px;min-width:0;padding:10px 38px 10px 11px;position:relative}.payment-trx-proof.prominent{background:radial-gradient(circle at 100% 0,#e8ff471a,#0000 48%),linear-gradient(145deg,#ffffff0d,#ffffff06);border-color:#e8ff4730;padding:16px 48px 16px 15px}.payment-trx-label{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:5px;margin-bottom:5px;font-size:9px;font-weight:800;display:flex}.payment-trx-value{overflow-wrap:anywhere;color:var(--text);letter-spacing:.025em;font:800 15px/1.35 DM Mono,monospace}.payment-trx-proof.prominent .payment-trx-value{letter-spacing:.045em;font-size:20px}.payment-copy-btn{color:var(--text3);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:7px;align-items:center;gap:4px;padding:5px 6px;font-size:9px;font-weight:700;transition:color .15s,background .15s,border-color .15s;display:inline-flex;position:absolute;top:8px;right:8px}.payment-copy-btn:hover{color:var(--accent);background:#e8ff4717;border-color:#e8ff4733}.payment-rejection-note{background:var(--red-dim);border:1px solid color-mix(in srgb,var(--red) 20%,transparent);border-radius:10px;padding:10px 11px}.payment-rejection-note span{color:var(--red);letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:800}.payment-rejection-note p{color:color-mix(in srgb,var(--red) 65%,white);margin:5px 0 0;font-size:12px;line-height:1.5}.payment-reviewed{color:var(--text2);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.payment-card-actions{border-top:1px solid #ffffff0e;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:12px 18px 16px;display:grid}.payment-card-actions .btn{justify-content:center;align-items:center;gap:6px;min-height:36px;font-weight:800;display:flex;border-radius:10px!important}.payment-approve-btn{box-shadow:0 7px 20px #e8ff4721;color:#0b0c0f!important;background:var(--accent)!important;border:1px solid var(--accent)!important}.payment-approve-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.payment-reject-btn{color:var(--red)!important;background:var(--red-dim)!important;border:1px solid color-mix(in srgb,var(--red) 22%,transparent)!important}.payment-reject-btn:hover:not(:disabled){background:color-mix(in srgb,var(--red) 20%,transparent)!important;border-color:color-mix(in srgb,var(--red) 34%,transparent)!important}.payments-state{min-height:240px;color:var(--text3);text-align:center;background:#ffffff06;border:1px dashed #ffffff17;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:11px;display:flex}.payments-state>div{width:46px;height:46px;color:var(--text3);background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;place-items:center;margin-bottom:3px;display:grid}.payments-state strong{color:var(--text2);font-size:13px}.payment-modal-overlay{backdrop-filter:blur(12px);background:#050608c2}.payment-reject-modal{background:radial-gradient(circle at 0 0,var(--red-dim),transparent 42%),linear-gradient(180deg,#1f2228fc,#121418fc);border-radius:20px;flex-direction:column;align-items:stretch;gap:15px;width:min(420px,100vw - 28px);padding:24px;display:flex;overflow:visible;box-shadow:0 30px 90px #0000008c}.payment-dialog-icon{width:40px;height:40px;color:var(--red);background:var(--red-dim);border:1px solid color-mix(in srgb,var(--red) 24%,transparent);border-radius:12px;place-items:center;display:grid}.payment-dialog-copy h2{letter-spacing:-.025em;margin:0;font:800 18px Syne,sans-serif}.payment-dialog-copy p{color:var(--text3);margin:5px 0 0;font-size:11px}.payment-dialog-copy strong{color:var(--text2);font-family:DM Mono,monospace}.payment-reject-modal .form-label{font-size:10px}.payment-reject-input{box-sizing:border-box;width:100%;min-height:100px;color:var(--text);resize:vertical;background:#ffffff0b;border:1px solid #ffffff17;border-radius:11px;outline:0;padding:11px 12px;font-family:DM Sans,sans-serif;transition:border-color .15s,box-shadow .15s,background .15s}.payment-reject-input:focus{border-color:color-mix(in srgb,var(--red) 55%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--red) 9%,transparent);background:#ffffff0f}.payment-reject-help{color:var(--text3);margin-top:5px;font-size:9px}.payment-dialog-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:2px;display:grid}.payment-dialog-actions .btn{justify-content:center;align-items:center;gap:6px;min-height:38px;display:flex;border-radius:10px!important}.payment-reject-confirm{box-shadow:0 8px 20px color-mix(in srgb,var(--red) 18%,transparent);font-weight:800;color:#fff!important;background:var(--red)!important;border:1px solid var(--red)!important}.payment-lightbox{z-index:9999;cursor:zoom-out;backdrop-filter:blur(14px);background:#020305e6;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.payment-lightbox>button{color:#fff;cursor:pointer;backdrop-filter:blur(10px);background:#ffffff17;border:1px solid #ffffff24;border-radius:11px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:20px;right:20px}.payment-lightbox img{object-fit:contain;cursor:default;border:1px solid #ffffff21;border-radius:16px;max-width:min(100%,1100px);max-height:calc(100vh - 56px);box-shadow:0 32px 100px #000000b3}@media (width<=620px){.payments-page{padding:0 0 26px}.payments-hero{border-radius:16px;align-items:flex-start;padding:16px}.payments-heading{align-items:flex-start}.payments-heading-icon{width:38px;height:38px}.payments-heading p{max-width:220px}.payments-refresh{font-size:0;padding:7px!important}.payments-refresh svg{width:15px;height:15px}.payments-filter{box-sizing:border-box;grid-template-columns:repeat(4,1fr);width:100%;display:grid}.payments-filter button{min-width:0;padding:7px 4px}.payments-filter button span{text-overflow:ellipsis;overflow:hidden}.payment-card{border-radius:16px}.payment-card-content.has-image{grid-template-columns:105px minmax(0,1fr)}.payment-proof-preview{height:112px}.payment-proof-preview span{display:none}.payment-meta-grid{grid-template-columns:1fr}.payment-meta-grid .payment-meta-wide{grid-column:auto}.payment-trx-value{font-size:14px}.payment-trx-proof.prominent .payment-trx-value{font-size:18px}.payment-card-actions{grid-template-columns:1fr 1fr}.payment-reject-modal{padding:20px}}