:root{--bg:#f6f7fb;--card:#fff;--card-border:#e6e8f2;--text:#2d3553;--muted:#6f7896;--primary:#5b7cfa;--primary-hover:#4f6ee0;--secondary:#eef2ff;--danger-bg:#fff2f3;--danger:#bf4c5f;--success-bg:#effbf5;--success:#1b8f5a;--shadow:0 14px 35px #5466a31f}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #eef2ff 0%, var(--bg) 48%);color:var(--text);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:clip}#app{min-height:100vh}.page-shell{width:min(1100px,100%);margin:0 auto;padding:34px 20px 56px}.page-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.brand-block{align-items:center;gap:18px;display:flex}.brand-logo{object-fit:contain;flex-shrink:0;width:72px;height:72px}h1{color:#253056;margin:0;font-size:clamp(36px,5vw,52px);line-height:1.05}h2{color:#2f3a66;margin:0 0 14px}p{margin:0}.page-header p{color:var(--muted);margin-top:6px;font-size:clamp(16px,2vw,20px)}.header-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.cashier-meta{text-align:right}.cashier-meta p{color:#3f4a72;margin:0;font-size:14px;line-height:1.35}.cashier-meta p:first-child{font-weight:700}.card{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow);border-radius:18px;margin-bottom:18px;padding:20px}.auth-card{max-width:700px}label{color:#4d587f;flex-direction:column;gap:7px;font-size:14px;display:flex}input,select{appearance:none;color:#283152;background:#fff;border:1px solid #d7ddf1;border-radius:12px;outline:none;padding:12px 14px;font-size:15px}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5b7cfa24}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.grid-2 .button{grid-column:1/-1;width:fit-content}.invoice-form{grid-template-columns:1fr;gap:12px;display:grid}.invoice-form .hint,.invoice-form .button{grid-column:1/-1}.invoice-items{gap:12px;display:grid}.invoice-item-row{background:#fbfcff;border:1px solid #e3e8fb;border-radius:14px;grid-template-columns:minmax(0,1.7fr) minmax(220px,.8fr) auto;align-items:end;gap:12px;padding:14px;display:grid}.row-action{min-width:110px}.invoice-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.invoice-toolbar .hint{flex:1;margin:0}.invoice-total{color:#2f3a66;font-size:15px;font-weight:700}.hint{color:var(--muted);background:#f7f9ff;border:1px dashed #d5defb;border-radius:10px;padding:10px 12px;font-size:13px}.button{cursor:pointer;color:#fff;background:var(--primary);border:none;border-radius:12px;padding:11px 16px;font-size:14px;font-weight:600;transition:background .2s}.button:hover{background:var(--primary-hover)}.button:disabled{opacity:.6;cursor:not-allowed}.button-secondary{color:#394575;background:var(--secondary)}.button-secondary:hover{background:#e4e9ff}.button-danger{background:#cc5a68}.button-danger:hover{background:#b64d5b}.button-small{padding:8px 12px;font-size:13px}.message{border-radius:10px;margin-top:12px;padding:10px 12px;font-size:14px}.message.error{background:var(--danger-bg);color:var(--danger)}.message.success{background:var(--success-bg);color:var(--success)}.message.success a{color:inherit;margin-top:4px;font-weight:600;display:inline-block}.payment-success-layout{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;margin-top:10px;display:grid}.payment-link-row{grid-template-columns:1fr auto auto;align-items:center;gap:8px;display:grid}.payment-link-row input{background:#f8faff}.payment-link-row a{color:var(--success);font-weight:600;text-decoration:none}.back-link{color:var(--primary);cursor:pointer;background:0 0;border:none;margin-bottom:10px;padding:0;font-size:14px;font-weight:600}.copied-message{color:#2e7351;margin-top:8px;font-size:13px}.qr-block{background:#ffffffa6;border:1px solid #cfe5d8;border-radius:14px;flex-direction:column;align-items:center;gap:8px;min-width:196px;padding:12px;display:flex}.qr-block img{background:#fff;border-radius:10px;width:180px;height:180px;display:block}.qr-block p{color:#2e7351;text-align:center;font-size:13px}.filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.filter-field{grid-template-columns:1fr auto;align-items:end;gap:8px;display:grid}.field-reset{color:#5a668f;cursor:pointer;background:#fff;border:1px solid #d7ddf1;border-radius:12px;min-width:42px;height:42px;padding:0;font-size:18px;font-weight:600;line-height:1}.field-reset:hover{background:#f5f7ff}.filter-actions{align-items:flex-end;gap:10px;display:flex}.table-wrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:1px solid #e3e8fb;border-radius:12px;max-width:100%;overflow-x:auto}.detail-card{padding:24px;overflow:hidden}.detail-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.detail-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;min-width:0;display:grid}.detail-main,.detail-sidebar{gap:18px;min-width:0;display:grid}.detail-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.summary-tile,.meta-card{background:#fbfcff;border:1px solid #e3e8fb;border-radius:16px;min-width:0;padding:16px}.summary-tile span{color:var(--muted);margin-bottom:8px;font-size:13px;display:block}.summary-tile strong{color:#243055;font-size:16px;display:block}.summary-note{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.4;display:block}.summary-tile-wide{grid-column:span 2}.summary-code{overflow-wrap:anywhere;word-break:break-word;font-size:13px;line-height:1.45}.meta-card h3{color:#2f3a66;margin:0 0 14px;font-size:17px}.detail-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.detail-meta-list{gap:12px;margin:0;display:grid}.detail-meta-list div{gap:4px;display:grid}.detail-meta-list dt{color:var(--muted);font-size:13px}.detail-meta-list dd{color:#283152;margin:0;font-size:15px;font-weight:600}.detail-payment-layout{grid-template-columns:1fr;margin-top:0}.detail-payment-layout .payment-link-row{grid-template-columns:1fr}.detail-payment-layout .payment-link-row input{min-width:0}.detail-payment-layout .qr-block{justify-self:center;width:100%;max-width:220px}.refund-items{gap:12px;margin-top:14px;display:grid}.refund-item-row{background:#fff;border:1px solid #e2e7fa;border-radius:12px;gap:8px;padding:12px;display:grid}.refund-item-header{justify-content:space-between;align-items:baseline;gap:12px;min-width:0;display:flex}.refund-item-header strong{color:#2d3553;overflow-wrap:anywhere;min-width:0;font-size:14px}.refund-item-header span{color:var(--muted);text-align:right;flex-shrink:0;font-size:13px}.refund-total{color:#2f3a66;margin-top:14px;font-size:15px;font-weight:700}.refund-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}table{border-collapse:collapse;width:100%;min-width:760px;font-size:14px}thead{background:#f3f6ff}th,td{text-align:left;border-bottom:1px solid #edf1ff;padding:12px 14px}tbody tr:hover{background:#f9faff}.table-muted{color:var(--muted);white-space:nowrap}.status-pill{color:#415596;background:#edf2ff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.pagination{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:14px;display:flex}@media (width<=900px){.invoice-form,.grid-2,.filters,.invoice-item-row{grid-template-columns:1fr}.invoice-toolbar{flex-direction:column;align-items:stretch}.filter-actions{align-items:stretch}.filter-actions .button{width:100%}.payment-link-row,.payment-success-layout{grid-template-columns:1fr}.detail-card,.summary-tile,.meta-card{padding:14px}.qr-block{width:100%;min-width:0}.qr-block img{width:min(180px,100%);height:auto}.detail-meta-grid,.detail-summary{grid-template-columns:1fr}.summary-tile-wide{grid-column:auto}.detail-header{flex-direction:column;align-items:stretch}.refund-actions{grid-template-columns:1fr}table{min-width:0;font-size:13px}th,td{padding:10px 12px}}@media (width<=640px){.page-shell{padding:20px 12px 36px}.detail-card,.card{padding:14px}.table-wrap{border-radius:10px}table{min-width:560px}.detail-table-wrap{border:none;border-radius:0;overflow-x:visible}.mobile-stack-table{border-collapse:separate;border-spacing:0;width:100%;min-width:0}.mobile-stack-table thead{display:none}.mobile-stack-table tbody{gap:12px;display:grid}.mobile-stack-table tr{background:#fff;border:1px solid #e3e8fb;border-radius:12px;gap:8px;padding:12px;display:grid}.mobile-stack-table td{overflow-wrap:anywhere;border-bottom:none;grid-template-columns:minmax(0,110px) minmax(0,1fr);align-items:start;gap:10px;padding:0;display:grid}.mobile-stack-table td:before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:600}.mobile-stack-table td[colspan]{padding:2px 0;display:block}.mobile-stack-table td[colspan]:before{content:none}.status-pill{padding:2px 8px;font-size:11px}.page-header{flex-direction:column;align-items:flex-start}.header-actions{justify-content:space-between;width:100%}.cashier-meta{text-align:left}.detail-refresh-button{width:100%}.refund-item-header{flex-direction:column;align-items:flex-start}.refund-item-header span{text-align:left;flex-shrink:1}}