.auth-card{max-width:460px;margin:8vh auto;padding:32px;background:white;border:1px solid #e1e8f5;border-radius:22px;box-shadow:0 25px 70px #28457a12}.auth-card h1{font-size:28px;letter-spacing:-.05em}.auth-card p{font-size:13px;color:#7a889c;line-height:1.7}.auth-card form{display:grid;gap:16px}.auth-card label{display:grid;gap:7px;font-size:12px;color:#5e6f87}.auth-card input,.auth-card select{border:1px solid #dce3ed;border-radius:9px;padding:12px;font:inherit}#toast{position:fixed;bottom:24px;right:24px;z-index:20;max-width:460px;padding:16px 22px;background:#17263d;color:white;border-radius:12px;box-shadow:0 8px 24px #0002;font-size:13px}.company-select{width:100%;font:inherit;font-size:11px;padding:9px;border:1px solid #e4eaf3;border-radius:9px;margin-bottom:20px}.cloud-note{font-size:12px;color:#7f8b9e;margin:12px 0 20px}.cloud-toolbar{display:flex;gap:9px;margin:18px 0;flex-wrap:wrap}.line-editor{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border-top:1px solid #edf0f5;padding:16px 0}.line-editor label{font-size:11px;color:#71809a;display:grid;gap:6px}.line-editor input,.line-editor select{width:100%;min-width:0;padding:10px;border:1px solid #dce3ed;border-radius:8px;font:inherit;font-size:12px}.form-error{color:#ae3d32;font-size:12px}.report-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.report-filter label{font-size:12px;display:grid;gap:6px}.report-filter input,.report-filter select{padding:9px;border:1px solid #dce3ed;border-radius:8px}.nav{font-size:12px}.sidebar{width:230px}.sidebar-bottom button{margin:9px 0}.link-button{background:none;border:0;color:#2f5def;text-decoration:underline;font:inherit;cursor:pointer}.badge-neutral{background:#f1f4f9;color:#6e7f98;padding:5px 9px;border-radius:6px;font-size:11px}@media(max-width:800px){.sidebar{width:170px}.nav{font-size:11px;padding:10px}.brand>div:last-child,.sidebar-bottom{display:block}.line-editor{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.app-shell{display:block}.sidebar{width:100%;height:auto;position:static;display:block}.sidebar nav{flex-wrap:wrap;overflow:visible}.nav{width:auto;font-size:11px}.sidebar .brand{display:flex;margin:5px 0 15px}.company-select{margin-bottom:10px}.sidebar-bottom{display:none}.auth-card{margin:30px 14px}.line-editor{grid-template-columns:1fr 1fr}}@media print{.sidebar,.topbar,.cloud-toolbar,.button,.report-filter,#toast{display:none!important}.app-shell{display:block}.content{padding:0}.table-scroll{overflow:visible}}
/* Compact navigation and restrained motion keep the growing workspace usable. */
.sidebar nav{overflow-y:auto;min-height:0;flex:1;padding-right:4px;scrollbar-width:thin}.sidebar .brand{padding-bottom:18px}.sidebar-bottom{flex:none}.sidebar .nav{padding:9px 12px;min-height:36px}.panel{margin-bottom:16px}.panel>label{display:grid;gap:8px;margin:14px 0;font-size:12px;color:#51617a}.panel>label>input,.panel>label>select{padding:10px;border:1px solid #dce3ed;border-radius:8px}.panel>label.permission{display:inline-flex;align-items:center;margin:8px 15px 8px 0}.permission input{accent-color:#2f5def}.nav-search{width:100%;padding:10px;border:1px solid #dde5f1;border-radius:9px;margin-bottom:12px;font-size:12px}.global-search{width:min(340px,45vw);padding:10px 13px;border:1px solid #dce3ed;border-radius:10px;font-size:12px}.search-results{position:absolute;top:57px;right:30px;z-index:10;width:min(470px,90vw);max-height:420px;overflow:auto;box-shadow:0 18px 50px #22324b20}.search-results button{display:block;text-align:left;width:100%;padding:12px;border:0;background:white;color:#24334b}.search-results button:hover{background:#edf2ff}.topbar{position:relative;gap:14px}.save-state{font-size:12px}.invoice-header{display:flex;justify-content:space-between;gap:25px}.invoice-total{display:flex;justify-content:flex-end;font-size:18px;margin:20px 0}.metric:nth-child(2){animation-delay:40ms}.metric:nth-child(3){animation-delay:80ms}.metric:nth-child(4){animation-delay:120ms}.metric{animation:enter .35s ease both}button:disabled{opacity:.55;cursor:wait;transform:none!important}.button:focus-visible,.nav:focus-visible,.link-button:focus-visible{outline:3px solid #9fb7ff;outline-offset:3px}input[type="checkbox"]{width:16px;height:16px}.print-layout-control{display:flex;gap:12px;align-items:center;margin:14px 0}.receipt-mode #document-detail{max-width:80mm;margin:auto}.receipt-mode #document-detail table{font-size:10px}.receipt-mode #document-detail th,.receipt-mode #document-detail td{padding:6px;white-space:normal}.receipt-mode #document-detail .invoice-header{display:block}.receipt-mode #document-detail .posting-table{display:none}@media(max-width:580px){.sidebar nav{display:grid;grid-template-columns:repeat(2,1fr);max-height:210px}.sidebar .nav{white-space:normal}.metric-grid{grid-template-columns:repeat(2,1fr)}.topbar{display:flex;height:auto;padding:10px}.breadcrumb{display:none}.global-search{width:100%}.invoice-header{display:block}}@media print{.page-heading,footer,form,.fields,.print-layout-control,#attachment-panel,#search-results,.cloud-note{display:none!important}.content{max-width:none}.panel{border:0;box-shadow:none;padding:5px}.posting-table{display:none}.invoice-header{display:flex}thead{display:table-header-group}tr{break-inside:avoid}body{background:white}.receipt-mode #document-detail{width:76mm;max-width:76mm}.receipt-mode #document-detail .invoice-header{display:block}@page{margin:12mm}}
.print-layout-control select{border:1px solid #dce3ed;border-radius:8px;padding:9px;background:white;color:#24334b}.print-layout-control label{display:grid;gap:6px;font-size:12px}.panel p{font-size:13px;line-height:1.6;color:#637189}.cloud-toolbar a{display:inline-block;text-decoration:none}.quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.alert-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.alert-row{padding:12px 0;border-top:1px solid #edf0f5;font-size:12px;display:flex;justify-content:space-between;gap:10px}.alert-row strong{color:#a06412}.trend-bars{height:120px;display:flex;align-items:end;gap:8px}.trend-bar{background:#7397fa;border-radius:6px 6px 0 0;flex:1;min-height:2px;transform-origin:bottom;animation:bar-enter .45s ease both}.trend-labels{display:flex;justify-content:space-between;font-size:10px;color:#7c899a;margin-top:10px}@keyframes bar-enter{from{transform:scaleY(.05)}to{transform:scaleY(1)}}@media(max-width:800px){.alert-grid{grid-template-columns:1fr}}@media print{#document-detail table{table-layout:fixed;font-size:9px}#document-detail th,#document-detail td{white-space:normal;padding:6px;overflow-wrap:anywhere}.invoice-total{font-size:12px}}
fieldset{border:1px solid #e1e8f5;border-radius:12px;padding:14px;margin:16px 0}fieldset .permission{display:flex;gap:8px;align-items:center;padding:8px;font-size:12px}details>summary{cursor:pointer;font-size:13px;color:#51617a}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.tier-row{padding:12px 0;border-bottom:1px solid #edf0f5}.status-badge{font-size:12px;padding:8px 12px;background:#fff2cc;border-radius:8px;color:#785600}@media print{details,fieldset{display:none!important}.receipt-mode.receipt-narrow #document-detail{width:54mm;max-width:54mm}.hide-print-batch .invoice-lines table th:nth-child(2),.hide-print-batch .invoice-lines table td:nth-child(2),.hide-print-discount .invoice-lines table th:nth-child(6),.hide-print-discount .invoice-lines table td:nth-child(6){display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Dedicated account access experience */
.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(380px,46%) minmax(420px,54%);background:#f7f9fd;color:#172238}
.auth-story{position:relative;overflow:hidden;background:linear-gradient(145deg,#101e43 0%,#173b8f 57%,#2859d6 100%);color:#fff;isolation:isolate}
.auth-story::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 44%,#ffffff0a);z-index:-1}
.auth-story-inner{min-height:100vh;padding:clamp(36px,5vw,80px);position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between}
.auth-brand,.auth-mobile-brand{display:flex;align-items:center;gap:12px}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{font-size:23px;letter-spacing:-.055em;line-height:1}.auth-brand small{font-size:11px;letter-spacing:.08em;color:#b8ccff;margin-top:5px}
.auth-mark{width:44px;height:44px;flex:none;border-radius:14px;display:grid;place-items:center;color:#fff;background:#3968f2;font-size:28px;font-weight:850;box-shadow:0 12px 28px #102b844d}
.auth-kicker,.auth-eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em}.auth-kicker{color:#a9c4ff}.auth-story-copy{max-width:590px}.auth-story-copy h2{font-size:clamp(38px,4.2vw,68px);line-height:1.08;letter-spacing:-.06em;margin:20px 0 22px}.auth-story-copy h2 em{font-style:normal;color:#abc9ff}.auth-story-copy p{color:#d0ddfb;font-size:15px;line-height:1.8;max-width:430px}.auth-story-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.auth-story-tags span{border:1px solid #ffffff3d;background:#ffffff12;border-radius:100px;padding:9px 14px;font-size:11px;font-weight:700;color:#e4ecff}.auth-story-foot{font-size:12px;color:#afc5f3}.auth-story-foot strong{color:#fff}
.auth-orb{position:absolute;border:1px solid #ffffff20;border-radius:50%;pointer-events:none;animation:auth-float 9s ease-in-out infinite}.auth-orb-one{width:560px;height:560px;right:-270px;top:15%;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff05}.auth-orb-two{width:220px;height:220px;left:-135px;bottom:17%;animation-delay:-3s;background:#ffffff08}@keyframes auth-float{50%{transform:translateY(-18px)}}
.auth-form-side{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 28px;position:relative}.auth-panel{width:min(100%,440px);animation:enter .45s ease both}.auth-eyebrow{color:#3e63db;margin:0 0 12px}.auth-panel h1{font-size:clamp(32px,3vw,43px);letter-spacing:-.06em;line-height:1.12;margin:0 0 11px}.auth-intro{color:#75839a;font-size:14px;line-height:1.65;margin:0 0 30px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#ebeff7;border-radius:12px;padding:4px;margin-bottom:28px}.auth-tabs button{border:0;border-radius:9px;background:transparent;color:#66758b;padding:11px;font-size:13px;font-weight:750;transition:background .2s,color .2s,box-shadow .2s}.auth-tabs button.active{background:#fff;color:#234cd1;box-shadow:0 2px 9px #1d31531a}.auth-panel form{display:grid;gap:15px}.auth-field{display:grid;gap:8px;font-size:12px;color:#485a76;font-weight:720}.auth-field input{width:100%;height:48px;padding:0 14px;border:1px solid #d8e0ed;background:#fff;border-radius:10px;color:#192a43;outline:0;font-size:14px;transition:border-color .18s,box-shadow .18s}.auth-field input::placeholder{color:#a0abc0}.auth-field input:focus{border-color:#4e74ed;box-shadow:0 0 0 4px #dce6ff}.auth-field input:user-invalid{border-color:#d36363}.auth-utility{display:flex;justify-content:flex-end;margin-top:-4px}.auth-text-button,.auth-back{border:0;background:none;color:#315bd9;font-size:12px;font-weight:750;padding:2px;cursor:pointer}.auth-back{margin:6px auto 0}.auth-submit{width:100%;height:49px;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px!important;border-radius:10px!important}.auth-submit span{font-size:19px;font-weight:400}.auth-hint{color:#8190a6;font-size:11px;line-height:1.5;margin:-5px 0 0}.auth-feedback{font-size:12px;line-height:1.55;background:#e9f7f0;color:#146742;padding:12px 14px;border-radius:9px;margin:0}.auth-feedback.error{background:#fff0ef;color:#a43b33}.auth-preview{color:#94a0b1;font-size:11px;line-height:1.6;margin:30px 0 0}.auth-side-foot{position:absolute;bottom:25px;color:#9aa7b9;font-size:11px}.auth-mobile-brand{display:none}.auth-panel button:focus-visible{outline:3px solid #9fb7ff;outline-offset:3px}
@media(max-width:850px){.auth-page{grid-template-columns:1fr}.auth-story{display:none}.auth-mobile-brand{display:flex;align-self:flex-start;margin:0 0 48px}.auth-mobile-brand strong{font-size:18px;letter-spacing:-.04em}.auth-form-side{min-height:100vh;padding:28px 22px 70px}.auth-panel{margin:auto}.auth-side-foot{bottom:20px}}
@media(max-width:480px){.auth-form-side{padding:22px 18px 60px}.auth-mobile-brand{margin-bottom:35px}.auth-panel h1{font-size:32px}.auth-intro{margin-bottom:24px}.auth-tabs{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.auth-orb,.auth-panel{animation:none}}
.auth-code{letter-spacing:.3em;font-size:24px!important;text-align:center;font-variant-numeric:tabular-nums}.auth-code-actions{display:flex;justify-content:space-between;gap:20px;margin:24px 0}.auth-intro strong{overflow-wrap:anywhere;color:#485a76}