:root{color:#17202d;font-synthesis:none;--ink:#17202d;--muted:#697386;--line:#e5e8ed;--navy:#111b2d;--blue:#2762d9;--blue-soft:#edf3ff;--green:#16845b;--red:#c43e48;--amber:#a26610;background:#f5f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--blue);text-decoration:none}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.035em;margin-bottom:6px;font-size:28px}h2{letter-spacing:-.015em;margin-bottom:18px;font-size:17px}h3{margin-bottom:12px;font-size:14px}.app-shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}aside{background:var(--navy);color:#fff;flex-direction:column;height:100vh;padding:26px 18px 18px;display:flex;position:sticky;top:0}.brand{background:#fff;border-radius:9px;width:100%;max-width:200px;margin:0 0 35px;padding:9px 11px;display:block}.brand-logo{width:100%;height:auto;display:block}nav{gap:4px;display:grid}nav a{color:#9eabc0;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:13px;font-weight:550;display:flex}nav a:hover{color:#fff;background:#18263d}nav a.active{color:#fff;background:#223451}nav i{flex:0 0 19px;place-items:center;width:19px;height:19px;font-style:normal;display:inline-grid}.nav-icon{width:19px;height:19px;display:block;overflow:visible}.operator button .nav-icon{width:17px;height:17px}.operator{border-top:1px solid #243149;align-items:center;gap:10px;margin-top:auto;padding:14px 10px 2px;display:flex}.operator>span{background:#304666;border-radius:50%;place-items:center;width:31px;height:31px;font-size:12px;font-weight:700;display:grid}.operator div{flex:1;min-width:0}.operator strong,.operator small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.operator strong{font-size:12px}.operator small{color:#8795aa;text-transform:capitalize;margin-top:2px;font-size:10px}.operator button{color:#93a0b4;cursor:pointer;background:0 0;border:0;font-size:17px}.content{width:100%;max-width:1450px;padding:42px 48px 70px}.page-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex}.header-actions,.row-actions{align-items:center;gap:8px;display:flex}.page-header p{color:var(--muted);margin:0;font-size:13px}.card{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:20px;padding:22px;box-shadow:0 1px 1px #111b2d05}.card-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.card-heading h2{margin:0}.card-heading a,.card-heading>span{font-size:12px;font-weight:650}.section-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.section-actions>span{color:var(--muted);font-size:11px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric{flex-direction:column;min-height:132px;display:flex}.metric>span{color:var(--muted);font-size:12px;font-weight:600}.metric strong{letter-spacing:-.03em;margin-top:18px;font-size:25px}.metric small{color:var(--muted);margin-top:5px}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.customer-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.customer-summary-grid .card{min-width:0}.table-wrap{width:calc(100% + 44px);margin:-7px -22px -22px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{border-bottom:1px solid var(--line);color:#758093;text-align:left;letter-spacing:.04em;text-transform:uppercase;background:#fafbfc;padding:11px 16px;font-size:10px;font-weight:650}td{vertical-align:middle;border-bottom:1px solid #edf0f3;padding:13px 16px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcff}td small{color:#8993a4;margin-top:3px;font-size:10px;display:block}.strong{color:var(--ink);font-weight:650}.badge{color:#596476;text-transform:capitalize;white-space:nowrap;background:#eef1f5;border-radius:999px;align-items:center;padding:4px 8px;font-size:9px;font-weight:700;display:inline-flex}.badge-issued,.badge-completed,.badge-active,.badge-pushed,.badge-enabled,.badge-sent{color:#11734e;background:#e7f6ef}.badge-pending,.badge-preparing,.badge-approved,.badge-awaiting_approval,.badge-queued,.badge-sending,.badge-dispatching,.badge-setup.required{color:#8d5b0f;background:#fff4dc}.badge-failed,.badge-voided,.badge-reversed,.badge-void{color:#a72b38;background:#fdebed}.empty,.loading{color:var(--muted);text-align:center;padding:45px;font-size:13px}.list-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:11px 0;font-size:12px;display:flex}.list-row small{color:var(--muted);margin-top:2px;display:block}.list-row>span{color:var(--muted)}.list-row.compact{gap:10px;padding:9px 0}.list-row.compact a{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.details{grid-template-columns:80px 1fr;gap:12px 20px;margin:0;font-size:12px;display:grid}.details dt{color:var(--muted)}.details dd{margin:0}.button{min-height:36px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d9dee6;border-radius:8px;justify-content:center;align-items:center;padding:8px 14px;font-size:12px;font-weight:650;display:inline-flex}.button-compact{min-height:30px;padding:5px 10px;font-size:11px}.button:hover{background:#fafbfc;border-color:#b9c2cf}.button:disabled{cursor:wait;opacity:.6}.button-primary{border-color:var(--blue);background:var(--blue);color:#fff}.button-primary:hover{background:#1c50bd;border-color:#1c50bd}.button-danger{color:#a72b38;border-color:#e7bec3}.button-danger:hover{background:#fff7f8;border-color:#d9919a}.text-button{color:var(--blue);cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:650}.danger{color:var(--red)}.icon-button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:25px;line-height:1}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a121e8c;place-items:start center;padding:5vh 20px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:13px;width:min(620px,100%);max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 24px 80px #00000038}.modal>header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal>header h2{margin:0;font-size:19px}.field{color:#4d5869;gap:6px;margin-bottom:14px;font-size:11px;font-weight:650;display:grid}.field small{color:var(--muted);font-size:10px;font-weight:400}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #d8dde5;border-radius:7px;outline:none;padding:9px 10px;font-size:12px}input:focus,select:focus,textarea:focus{border-color:#6b93e7;box-shadow:0 0 0 3px #2762d917}input:disabled,select:disabled,textarea:disabled,input[readonly]{color:#727d8d;background:#f5f6f8}.turnstile-container{min-height:65px;margin-top:1rem}textarea{resize:vertical}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.modal hr,.card hr{border:0;border-top:1px solid var(--line);margin:20px 0}.money-input{position:relative}.money-input span{color:var(--muted);position:absolute;top:9px;left:10px}.money-input input{padding-left:25px}.alert{border:1px solid;border-radius:7px;margin-bottom:15px;padding:10px 12px;font-size:11px}.alert-error{color:#a12734;background:#fff4f5;border-color:#f2c9cd}.alert-success{color:#126a49;background:#f0fbf6;border-color:#bae3d2}.alert-warning{color:#79531b;background:#fff9e9;border-color:#eddaa9}.notice{background:#f4f7fb;border-radius:8px;margin-bottom:16px;padding:13px;font-size:11px}.notice strong{margin-bottom:4px;display:block}.notice p{color:var(--muted);margin:0;line-height:1.5}.muted{color:var(--muted);font-size:12px;line-height:1.6}.line-editor-heading{justify-content:space-between;align-items:center;gap:12px;margin:18px 0 10px;display:flex}.line-editor-heading h3{margin:0}.invoice-line-editor{border:1px solid var(--line);background:#fafbfc;border-radius:9px;margin-bottom:12px;padding:0 14px 2px}.invoice-line-editor .line-editor-heading{margin:12px 0}.queue-counts{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;display:grid}.queue-counts div{border:1px solid var(--line);border-radius:8px;padding:14px}.queue-counts strong,.queue-counts span{display:block}.queue-counts strong{font-size:22px}.queue-counts span{color:var(--muted);margin-top:3px;font-size:10px}.integration-state{align-items:center;gap:10px;margin:20px 0;display:flex}.status-dot{background:#20a471;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #e2f7ef}.integration-state strong,.integration-state small{display:block}.integration-state small{color:var(--muted);margin-top:3px}.auth-page,.splash{background:var(--navy);color:#fff;align-content:center;place-items:center;min-height:100vh;padding:30px;display:grid}.auth-brand{background:#fff;border-radius:11px;width:min(310px,80vw);margin-bottom:25px;padding:12px 15px}.auth-card{width:min(410px,100%);color:var(--ink);background:#fff;border-radius:14px;padding:30px;box-shadow:0 25px 80px #0003}.auth-card h1{font-size:23px}.auth-card>p{color:var(--muted);margin-bottom:23px;font-size:12px;line-height:1.5}.auth-action{margin-top:22px}.auth-action .button{width:100%}.auth-page>small{color:#7e8ba2;margin-top:20px;font-size:10px}.secret-box{background:#f8fafc;border:1px dashed #aab5c6;border-radius:8px;margin-bottom:18px;padding:12px}.secret-box span{color:var(--muted);margin-bottom:7px;font-size:10px;display:block}.secret-box code{word-break:break-all;letter-spacing:.06em;font-size:14px}.auth-link{color:var(--blue);cursor:pointer;background:0 0;border:0;margin:15px auto 0;font-size:11px;display:block}.invoice-sheet{color:#111;background:#fff;flex-direction:column;width:100%;max-width:940px;min-height:1240px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 2px 15px #16202d1f}.invoice-logo-band{background:#f7f8fc;align-items:center;min-height:128px;padding:26px 40px;display:flex}.invoice-brand{width:min(340px,58%)}.invoice-document-body{flex:1;padding:38px 28px 28px}.invoice-heading-row{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:50px;display:grid}.invoice-heading-row h2{color:#171717;letter-spacing:-.025em;margin:4px 0 0;font-size:29px}.invoice-meta{grid-template-columns:1fr auto;gap:6px 24px;margin:0;font-size:12px;line-height:1.25;display:grid}.invoice-meta dt{color:#6c757d}.invoice-meta dd{text-align:right;margin:0;font-weight:700}.invoice-parties{grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:64px;margin-top:30px;display:grid}.invoice-parties address{color:#111;font-size:12px;font-style:normal;line-height:1.45}.invoice-parties span{color:#6c757d;margin-bottom:6px;display:block}.invoice-parties strong{display:block}.preline{white-space:pre-line}.invoice-groups{margin-top:58px}.invoice-account{break-inside:avoid;margin-bottom:25px}.account-info{margin:0 0 5px;font-size:12px;line-height:1.35}.invoice-items{overflow-x:auto}.invoice-items table{border-collapse:collapse;width:100%;font-size:11px}.invoice-items th{color:#111;text-align:right;letter-spacing:0;text-transform:none;white-space:nowrap;background:#f7f8fc;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef;padding:9px 8px;font-size:10px;font-weight:500}.invoice-items td{text-align:right;vertical-align:middle;border-bottom:1px solid #e9ecef;height:46px;padding:8px}.invoice-items th:first-child,.invoice-items td:first-child{text-align:center;width:36px}.invoice-items th:nth-child(2),.invoice-items td:nth-child(2){text-align:left}.invoice-items th:nth-child(3),.invoice-items td:nth-child(3){width:44px}.invoice-items th:nth-child(4),.invoice-items td:nth-child(4){width:64px}.invoice-items th:nth-child(5),.invoice-items td:nth-child(5),.invoice-items th:nth-child(7),.invoice-items td:nth-child(7),.invoice-items th:nth-child(8),.invoice-items td:nth-child(8){width:90px}.invoice-items th:nth-child(6),.invoice-items td:nth-child(6){width:54px}.invoice-items td small{color:#111;margin-top:2px;font-size:10px;font-weight:400;display:block}.invoice-account-total{text-align:right;grid-template-columns:1fr auto;gap:28px;width:310px;margin:12px 8px 0 auto;font-size:12px;display:grid}.invoice-account-total span{color:#6c757d}.invoice-summary{width:330px;margin:28px 8px 0 auto}.invoice-summary dl{text-align:right;grid-template-columns:1fr auto;gap:7px 32px;margin:0;font-size:12px;display:grid}.invoice-summary dt{color:#6c757d}.invoice-summary dd{min-width:80px;margin:0}.invoice-summary .total-due{color:#111;margin-top:8px;font-size:15px;font-weight:750}.invoice-note{max-width:58%;margin-top:24px;font-size:11px}.invoice-note span{color:#4f5968}.invoice-page-footer{color:#697386;background:#f7f8fc;justify-content:space-between;align-items:center;min-height:34px;margin-top:auto;padding:0 30px;font-size:10px;display:flex}.invoice-page-footer span:last-child{color:#111;font-size:11px}@media (width<=980px){.metric-grid{grid-template-columns:repeat(2,1fr)}.customer-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:35px 28px}.app-shell{grid-template-columns:190px minmax(0,1fr)}}@media (width<=720px){.app-shell{display:block}aside{width:100%;height:auto;padding:14px;position:static}.brand{margin:0 4px 14px}nav{display:flex;overflow-x:auto}nav a{flex:none}.operator{display:none}.content{padding:25px 16px}.metric-grid,.two-columns,.customer-summary-grid,.form-grid,.form-grid.three{grid-template-columns:1fr}.page-header{align-items:flex-start}.invoice-logo-band{min-height:95px;padding:20px}.invoice-brand{width:min(270px,85%)}.invoice-document-body{padding:25px 18px}.invoice-heading-row,.invoice-parties{grid-template-columns:1fr;gap:22px}.invoice-meta{max-width:300px}.invoice-groups{margin-top:35px}}@media print{aside,.page-header,.alert,.invoice-delivery-card{display:none!important}.app-shell{display:block}.content{max-width:none;padding:0}.invoice-sheet{width:210mm;max-width:none;min-height:297mm;box-shadow:none}.invoice-document-body{padding:10mm 7mm 7mm}.invoice-logo-band{min-height:32mm;padding:6mm 10mm}.invoice-account{break-inside:avoid}.invoice-page-footer{min-height:9mm}@page{size:A4;margin:0}}