:root{
  --font-ui:"Microsoft YaHei","微软雅黑",sans-serif;
  --text-title:24px;--text-title-mobile:22px;--text-section:16px;--text-body:14px;--text-label:13px;--text-caption:12px;--text-total:26px;--text-metric:28px;--text-brand:18px;--text-display:40px;--text-display-mobile:32px;
  --ink:#252a32;--muted:#626b78;--subtle:#697481;
  --primary:#345fa1;--primary-hover:#294d85;--nav:#203e68;--nav-deep:#172f50;
  --bg:#e7eaee;--paper:#fff;--surface:#f0f2f4;--surface-header:#e9ecef;--surface-muted:#e6e9ed;--field:#fff;--field-line:#c9cfd6;--line:#cdd2d8;
  --danger:#b74848;--green:#29806a;--radius:8px;
  --icon-nav:20px;--icon-action:16px;--icon-standalone:18px;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;
  font-family:var(--font-ui);color:var(--ink);font-size:var(--text-body);line-height:1.6;
}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--primary);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}h1,h2,h3,p{margin:0}h1{font-size:var(--text-title);letter-spacing:.5px;font-weight:650}h2{font-size:var(--text-section)}h3{font-size:var(--text-body)}small{font-size:var(--text-caption);color:var(--muted)}.loading{padding:80px;text-align:center;color:var(--muted)}.muted{color:var(--muted)}.mono,.amount{font-family:var(--font-ui);font-variant-numeric:tabular-nums}.amount{font-size:var(--text-brand);font-weight:600}.eyebrow{letter-spacing:3px;font-size:var(--text-caption);font-family:var(--font-ui);color:var(--muted)}
.login{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:64px 24px 80px;color:#233446}
.login-background{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:#f0f4f6}
.login-orb{position:absolute;border-radius:50%;will-change:transform;animation:login-light-drift 14s ease-in-out infinite alternate}
.login-orb.one{width:72vw;height:72vw;top:-20vw;left:-18vw;background:radial-gradient(circle,#83afe2 0%,#abcce9a0 32%,#deebf600 68%);animation-delay:-4s}
.login-orb.two{width:68vw;height:68vw;bottom:-27vw;right:-14vw;background:radial-gradient(circle,#8bcbbb 0%,#b0ddd580 35%,#d3ece600 68%);animation-delay:-11s;animation-duration:18s;animation-direction:alternate-reverse}
.login-orb.three{width:60vw;height:60vw;top:3vw;right:-25vw;background:radial-gradient(circle,#a8b9e5b0 0%,#c1d4ec80 35%,#dde7f000 67%);animation-delay:-6s;animation-duration:16s}
.login-lines{position:absolute;inset:-20%;opacity:.65;background-image:linear-gradient(#6387a938 1px,transparent 1px),linear-gradient(90deg,#6387a938 1px,transparent 1px);background-size:90px 90px;transform:rotate(-12deg);animation:login-grid-drift 12s linear infinite}
.login-lines::before,.login-lines::after{content:"";position:absolute;inset:-30%;background:linear-gradient(135deg,transparent 38%,#79a8d82e 43%,#ffffffc0 48%,#8bc6d438 53%,transparent 59%);will-change:transform;animation:login-light-sweep 12s linear infinite alternate;pointer-events:none}
.login-lines::after{animation-delay:-9s;animation-duration:17s;animation-direction:alternate-reverse;opacity:.6}
@keyframes login-light-drift{0%{transform:translate3d(-3vw,-2vw,0) scale(.92)}50%{transform:translate3d(14vw,7vw,0) scale(1.12)}100%{transform:translate3d(2vw,16vw,0) scale(1.02)}}
@keyframes login-grid-drift{to{transform:rotate(-12deg) translate(90px,90px)}}
@keyframes login-light-sweep{from{transform:translate3d(-25%,-15%,0)}to{transform:translate3d(25%,15%,0)}}
.login-card{position:relative;display:grid;grid-template-columns:300px minmax(0,1fr);width:780px;max-width:100%;min-height:468px;background:#ffffffee;box-shadow:0 24px 80px #35566e18,0 3px 12px #35566e08;border:1px solid #fff;border-radius:20px;overflow:hidden}
.login-panel{background:#264860;color:#fff;padding:35px 30px;display:flex;flex-direction:column;overflow:hidden}
.login-logo{display:flex;align-items:flex-start;gap:10px}.login-logo img{width:35px;height:34px;object-fit:contain;filter:brightness(0) invert(1)}.login-logo strong{font-size:17px;letter-spacing:.5px;font-weight:600}.login-logo small{display:block;font-size:8px;letter-spacing:2px;margin-top:5px;opacity:.65}
.login-panel h1{font-size:28px;font-weight:500;letter-spacing:2px;line-height:1.7;margin:48px 0 0;color:#fff}.login-building{width:280px;height:190px;margin:2px 0 0 -24px;color:#a3c2d0;opacity:.92}.login-building svg{width:100%;height:100%}.login-caption{font-size:10px;letter-spacing:2px;color:#c3d4dd;margin-top:auto;padding-top:16px}@keyframes login-building-float{to{transform:translateY(-6px)}}
.login .login-form{padding:44px 45px 32px;display:flex;align-items:center;justify-content:center}.login-form form{width:100%;min-width:0}.login-form h2{font-size:25px;margin:0 0 8px;color:#203b51;font-weight:600}.login-form .intro{margin:0 0 24px;font-size:12px;line-height:1.8;color:#7b8794}.login-form .field{display:block;margin:18px 0 0;font-size:13px;color:#526272}.login-form .field>span{display:block;margin-bottom:9px}.login-input{display:flex;align-items:center;height:46px;border:1px solid #dce3e8;border-radius:7px;background:#fff;padding:0 14px;gap:11px}.login-input>.icon{color:#8b9aab;width:18px;height:18px;flex-shrink:0}.login-input:focus-within{background:#f1f5fb;border-color:#b8c9dc}.login .login-input input{border:0;outline:0;box-shadow:none;background:transparent;color:#20354b;width:100%;min-width:0;font-size:14px;height:100%;padding:0;margin:0}.login-input input::placeholder{color:#a1abb6;font-size:13px}.password-toggle{display:grid;place-items:center;padding:5px;margin-right:-6px;flex-shrink:0;border:0;background:transparent;color:#8b9aab;border-radius:4px}.password-toggle .icon{width:18px;height:18px}.password-toggle:hover,.password-toggle[aria-pressed="true"]{color:#325d89}.login-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:13px 0 0}.login-remember{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.8;color:#526272;cursor:pointer}.login .login-remember input{width:15px;height:15px;padding:0;margin:0;accent-color:#274e66;cursor:pointer;flex-shrink:0}.login-remember input:focus-visible{outline:2px solid #7197c1;outline-offset:3px}.login-help{font-size:12px;color:#6c7e91;background:none;border:0;padding:0;line-height:1.8}.login-help:hover{text-decoration:underline;color:#2c567f}.login-form .form-error{color:var(--danger);margin:8px 0;min-height:18px;font-size:12px;line-height:1.6}.login-form .btn.primary{width:100%;height:46px;margin-top:0;border:0;border-radius:7px;background:#274e66;color:#fff;display:flex;justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:500;padding:0}.login-form .btn.primary:hover{background:#1e435b}.login-form .btn .icon{width:18px;height:18px}.login-account-note{font-size:11px;color:#99a3ad;display:flex;align-items:center;justify-content:center;gap:6px;margin:20px 0 0;line-height:1.8}.login-account-note .icon{width:13px;height:13px}.login-footer{position:absolute;bottom:26px;left:20px;right:20px;text-align:center;font-size:11px;color:#8d9daa;letter-spacing:1px;line-height:1.8}.login-footer span{margin-left:12px;white-space:nowrap}.login button:focus-visible{outline:2px solid #7197c1;outline-offset:3px}
@media(max-width:800px){.login-card{width:680px;grid-template-columns:260px minmax(0,1fr)}.login-panel{padding:32px 24px}.login .login-form{padding:38px 32px}.login-panel h1{font-size:26px}.login-building{width:260px}}
@media(max-width:600px){.login{padding:40px 20px 76px}.login-card{display:flex;flex-direction:column;width:400px;border-radius:16px;min-height:0}.login-panel{padding:22px 28px}.login-panel h1,.login-building,.login-caption{display:none}.login-logo strong{font-size:18px}.login-logo img{width:38px;height:35px}.login-logo small{font-size:9px}.login .login-form{padding:29px 27px 27px}.login-orb{width:140vw!important;height:140vw!important}.login-footer{bottom:18px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.login-orb,.login-lines,.login-lines::before,.login-lines::after,.login-building{animation:none;will-change:auto}}

.shell{min-height:100vh;display:grid;grid-template-columns:224px 1fr}.sidebar{background:var(--nav-deep);color:white;padding:30px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.sidebar .brandline{padding:0 8px}.sidebar .brandline img{width:35px;height:35px}.sidebar .brandline b{font-size:var(--text-brand);letter-spacing:1px}.sidebar .subbrand{padding:12px 8px 32px;color:#9ab0cd;font-size:var(--text-caption);letter-spacing:2px}.nav-label{font-size:var(--text-caption);letter-spacing:2px;color:#8ca6c9;padding:20px 12px 10px}.nav{display:grid;gap:5px}.nav button{background:transparent;border:0;color:#b5c7de;text-align:left;display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:7px}.nav button:hover{background:#ffffff08;color:white}.nav button.active{background:#365981;color:white}.nav .glyph{font-size:var(--text-section);display:inline-block;width:20px;text-align:center}.sidebar-footer{margin-top:auto;padding:20px 10px 0;color:#a9bed7;border-top:1px solid #ffffff12;font-size:var(--text-caption);line-height:1.8}.main{min-width:0}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#ffffffd9;border-bottom:1px solid var(--line);gap:20px}.topbar .trail{font-size:var(--text-caption);color:var(--muted)}.userbox{display:flex;align-items:center;gap:12px}.avatar{width:32px;height:32px;border-radius:50%;background:#e4ecf6;display:grid;place-items:center;color:var(--nav);font-weight:700}.page{padding:var(--space-6);width:100%;min-width:0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.page-head p{margin-top:10px;color:var(--muted);line-height:1.7}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:white;padding:10px 16px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--ink);white-space:nowrap}.btn:hover{border-color:#9eb1cb;background:#f6f9fc}.btn.primary{background:var(--primary);border-color:var(--primary);color:white}.btn.primary:hover{background:var(--primary-hover)}.btn.danger{color:var(--danger);border-color:#e4baba}.btn.small{padding:5px 10px;font-size:var(--text-label);min-height:32px}.btn.text{background:transparent;border-color:transparent;padding:5px;color:var(--muted)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:24px;overflow:hidden}.panel-head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center}.panel-body{padding:var(--space-5)}.section-mark{display:inline-block;border:0;padding:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.metric{background:white;padding:24px;border:1px solid var(--line);border-radius:var(--radius)}.metric p{font-size:var(--text-caption);color:var(--muted);margin-bottom:18px}.metric b{font-family:var(--font-ui);font-weight:500;font-size:var(--text-metric);display:block}.metric small{display:block;margin-top:12px}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:25px}.workflow div{border-left:2px solid var(--line);padding-left:16px}.workflow b{display:block;margin-bottom:8px}.workflow p{font-size:var(--text-caption);color:var(--muted);line-height:1.8}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:var(--text-body)}th{text-align:left;font-weight:600;color:var(--muted);background:#f8fafc;font-size:var(--text-caption);padding:14px 20px;white-space:nowrap}td{padding:17px 20px;border-top:1px solid #edf0f5;vertical-align:middle}td strong{display:block;font-weight:600;margin-bottom:6px}td.num,th.num{text-align:right;white-space:nowrap}.quote-table .number{font-family:var(--font-ui);font-size:var(--text-caption);color:var(--primary);margin-bottom:6px}.badge{display:inline-block;padding:4px 9px;border-radius:4px;font-size:var(--text-caption);white-space:nowrap;color:#627589;background:#edf2f7}.badge.sent{color:#345fa1;background:#eaf0fa}.badge.accepted{color:#24765e;background:#e5f4ed}.badge.declined,.badge.void{color:#9b4e4e;background:#f8eded}.badge.expired{color:#976931;background:#faf0df}.badge.warning{background:#fff2dc;color:#946529}.toolbar{display:flex;gap:12px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.search{width:300px!important}.empty{text-align:center;padding:65px 20px;color:var(--muted)}.empty h3{color:var(--ink);margin-bottom:10px}.empty p{line-height:1.8;margin-bottom:20px}.link{border:0;padding:0;background:transparent;color:var(--primary);text-align:left;cursor:pointer}.notice{background:#edf3fb;border:1px solid #d6e2f4;color:#3d5d86;padding:13px 17px;border-radius:7px;font-size:var(--text-caption);line-height:1.8;margin-bottom:20px}.notice.warn{background:#fff8ed;border-color:#f0dfc3;color:#8b6b42}
label.field{display:flex;flex-direction:column;gap:8px;font-size:var(--text-label);color:var(--muted);margin-bottom:18px}input,select,textarea{border:1px solid var(--field-line);background:var(--field);color:var(--ink);padding:10px 12px;border-radius:6px;min-width:0;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--field-line);outline:none;box-shadow:none}input:disabled,select:disabled,textarea:disabled{background:#f5f7fa;color:#5e6d81;opacity:1}textarea{resize:vertical;min-height:85px;line-height:1.7}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:0 15px}.span2{grid-column:span 2}.checkfield{display:flex;gap:9px;align-items:center;margin:14px 0;font-size:var(--text-label)}.checkfield input{width:17px;height:17px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px}.editor-sidebar .panel-body{padding:20px}.sum-row{display:flex;justify-content:space-between;gap:10px;font-size:var(--text-body);margin-bottom:17px}.grand-total{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.grand-total .amount{font-size:var(--text-total);color:var(--nav)}.editor-sidebar{align-self:start;position:sticky;top:22px}.quote-actions{display:flex;align-items:center;gap:12px;margin:8px 0 12px}.quote-actions:empty{display:none}.quote-action{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--primary);cursor:pointer}.quote-action .icon{width:20px;height:20px}.quote-action:hover{background:#edf2f8}.quote-action.danger{color:var(--danger)}.quote-action.danger:hover{background:#fff0f0}.quote-action:focus-visible{outline:2px solid currentColor;outline-offset:2px}.quote-action:disabled{opacity:.45;cursor:wait}.quote-action span{font-size:var(--text-caption)}.lineitems td{padding:12px 10px;vertical-align:top}.lineitems th{padding:12px 10px}.lineitems input{padding:8px;font-size:var(--text-body)}.lineitems .namecell{min-width:210px}.lineitems .namecell input{margin-bottom:7px}.lineitems .namecell textarea{font-size:var(--text-body);min-height:52px;padding:7px}.lineitems .pricecell{min-width:100px;width:115px}.lineitems .quantitycell{min-width:95px;width:105px}.lineitems .unitcell{width:70px;min-width:70px}.lineitems .num{font-family:var(--font-ui);font-size:var(--text-body);padding-top:23px}.lineitems .remove{border:0;background:transparent;color:var(--danger);font-size:var(--text-brand);padding:6px}.inline-controls{padding:16px 20px;background:#f9fbfd;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center;flex-wrap:wrap}.inline-controls input{width:140px}.detail-meta{font-size:var(--text-caption);line-height:2;color:var(--muted)}.catalog-items{display:grid;gap:8px;margin-top:18px}.catalog-item{border:1px solid var(--line);background:white;padding:15px;border-radius:7px;display:flex;justify-content:space-between;align-items:center;text-align:left;gap:12px}.catalog-item:hover{border-color:var(--primary);background:#f5f8fc}.catalog-item b{display:block;font-size:var(--text-label);margin-bottom:5px}.catalog-item small{display:block;line-height:1.5}.catalog-item .price{color:var(--primary);white-space:nowrap;font-family:var(--font-ui)}.catalog-filter{display:flex;gap:10px}.catalog-filter input{flex:1}.catalog-filter select{width:145px}.settings-wrap{width:100%;min-width:0}.split-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.role-note{font-size:var(--text-caption);color:var(--muted);line-height:1.8;padding:15px;background:#f6f8fb;border-radius:6px;margin-bottom:20px}
dialog{border:1px solid var(--line);border-radius:12px;padding:0;width:min(620px,calc(100vw - 32px));max-height:85vh;color:var(--ink);box-shadow:0 20px 70px #142b4940}dialog::backdrop{background:#10213f66;backdrop-filter:blur(2px)}.modal-head{padding:22px 26px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:24px 26px;overflow-y:auto;max-height:65vh}.modal-actions{padding:17px 26px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line)}.close{border:0;background:none;font-size:var(--text-title);color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--nav-deep);color:white;border-radius:7px;padding:12px 24px;box-shadow:0 4px 20px #142b4930;max-width:90vw;z-index:1000;display:none}#toast.show{display:block}#toast.error{background:#974343}.privacy-note{font-size:var(--text-caption);line-height:1.8;color:var(--muted);margin-top:15px}.mobile-menu{display:none}
.editor-layout>div,.editor-sidebar{min-width:0}
.quote-table td:first-child>small{display:block;margin-top:5px}
.list-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.data-backups table{min-width:640px}.data-backups .backup-filename{display:block;overflow-wrap:anywhere;max-width:560px;line-height:1.6}.data-backups td:last-child{min-width:190px}.data-backups .panel-head{flex-wrap:wrap}.data-backups h2{display:flex;align-items:center;gap:8px}
.bulk-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:11px 18px;border-bottom:1px solid var(--line);background:#fafbfd}.bulk-controls .checkfield{margin:0;cursor:pointer}.bulk-controls>.actions{margin-left:auto}.bulk-selection{overflow-wrap:anywhere;line-height:1.7}.select-cell{width:58px;min-width:58px;text-align:center}.select-cell input{width:17px;height:17px;padding:0;accent-color:var(--primary);cursor:pointer}.select-cell input:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.project-context{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:24px}.project-context>div{min-width:0}.project-context small,.project-context strong,.project-context span{display:block;overflow-wrap:anywhere}.project-context strong{font-size:var(--text-body);margin:10px 0}.project-context span{font-size:var(--text-caption);color:var(--muted);line-height:1.8}.project-notes{white-space:pre-wrap;line-height:1.9;overflow-wrap:anywhere}.project-context .number{margin-bottom:8px}@media(max-width:700px){.project-context{grid-template-columns:1fr;padding:20px;gap:20px}.project-context>div+div{border-top:1px solid var(--line);padding-top:15px}}
.icon{width:17px;height:17px;flex-shrink:0;display:inline-block;vertical-align:middle;pointer-events:none}.nav .icon{width:19px;height:19px}.btn.small .icon{width:14px;height:14px}.badge{display:inline-flex;align-items:center;gap:4px}.badge .icon{width:12px;height:12px}.section-mark,.modal-head h2{display:flex;align-items:center;gap:9px}.section-mark>.icon{color:var(--primary);width:18px;height:18px}.metric p,.workflow b{display:flex;align-items:center;gap:8px}.metric p>.icon{color:var(--primary);width:16px;height:16px}.workflow b>.icon{color:var(--primary);width:16px;height:16px}.notice>.icon{margin-right:7px;vertical-align:-3px}.search-box{position:relative;min-width:0}.search-box>.icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted)}.search-box>input{padding-left:38px}.toolbar .search-box{width:300px}.search-box>input.search{width:100%!important}.catalog-filter .search-box{flex:1}.empty-icon{display:grid;place-items:center;width:32px;height:32px;background:none;color:var(--subtle);margin:0 auto 16px}.empty-icon>.icon{width:27px;height:27px}.close,.lineitems .remove{display:inline-flex;align-items:center;justify-content:center}.close>.icon{width:20px;height:20px}.lineitems .remove>.icon{width:17px;height:17px}.catalog-item .price>.icon{display:block;margin:8px 0 0 auto;color:var(--primary)}#toast.show{display:flex;align-items:center;gap:9px}#toast>.icon{width:18px;height:18px}@media(max-width:700px){.nav button{gap:7px}.nav .icon{width:15px;height:15px}.toolbar .search-box{width:100%}.catalog-filter .search-box{flex-basis:100%}}
@media(min-width:1500px){.page{padding:42px 55px}}@media(max-width:1100px){.shell{grid-template-columns:190px 1fr}.sidebar{padding:25px 12px}.page{padding:26px 24px}.topbar{padding:0 24px}.metrics{grid-template-columns:repeat(2,1fr)}.editor-layout{grid-template-columns:minmax(0,1fr)}.editor-sidebar{position:static}.editor-sidebar .panel-body{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grand-total{margin-top:0}.sidebar .brandline b{font-size:var(--text-body)}.grid4{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){h1{font-size:var(--text-title-mobile)}.shell{display:block}.sidebar{height:auto;position:static;padding:16px}.sidebar .brandline img{width:30px;height:30px}.sidebar .subbrand,.nav-label,.sidebar-footer{display:none}.nav{display:flex;overflow-x:auto;gap:5px;margin-top:15px}.nav button{flex-shrink:0;padding:9px 12px;font-size:var(--text-caption)}.nav .glyph{display:none}.sidebar .nav.admin{margin-top:7px}.topbar{height:60px;padding:0 18px}.topbar .trail{display:none}.userbox{width:100%;justify-content:flex-end}.page{padding:24px 16px}.page-head{gap:14px;flex-wrap:wrap;margin-bottom:22px}.metrics{gap:10px}.metric{padding:18px}.metric b{font-size:var(--text-title-mobile)}.metric p{margin-bottom:12px}.workflow{grid-template-columns:1fr;gap:17px;padding:20px}.grid2,.grid3,.grid4,.split-cards{grid-template-columns:1fr}.span2{grid-column:auto}.panel-body{padding:18px}.panel-head{padding:16px 18px}.toolbar{padding:14px}.search{width:100%!important}.toolbar select{width:100%}.login{display:block}.login-brand{min-height:240px;padding:30px}.login-thesis{margin:25px 0 0}.login-thesis h1{font-size:var(--text-display-mobile)}.login-thesis p,.drawing,.login-brand>small{display:none}.login-form{padding:32px 24px}.editor-sidebar .panel-body{display:block}.grand-total{margin-top:20px}.catalog-filter{flex-wrap:wrap}.catalog-filter select{width:100%}.modal-body{padding:20px}.modal-head,.modal-actions{padding:17px 20px}.actions .btn{padding:9px 12px}.userbox .btn{font-size:var(--text-caption)}td,th{padding:14px}.detail-meta{word-break:break-word}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.currency-amount{display:block;white-space:nowrap;font-size:clamp(var(--text-section),1.5vw,var(--text-title));line-height:1.5}
.metric b:has(.currency-amount){display:block;overflow-wrap:anywhere}


/* Shared interaction and surface rules; no page-specific color palette. */
button,input,select,textarea{font-family:var(--font-ui)}
h1{line-height:1.4;font-weight:600;letter-spacing:0}h2,h3{font-weight:600;line-height:1.5}
.page-head p{font-size:var(--text-label);color:var(--muted)}
small,.detail-meta,.topbar .trail,.privacy-note{font-size:var(--text-caption);color:var(--subtle)}
.btn{min-height:40px;padding:8px 14px;line-height:20px;font-size:var(--text-body)}
.btn.small{min-height:32px;padding:5px 10px;font-size:var(--text-label)}
.btn.text{min-height:32px;padding:5px 8px;color:var(--muted)}
.btn:hover{background:#f5f6f8;border-color:var(--field-line)}
.btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
.btn.danger{color:var(--danger)}.btn.danger:hover{color:var(--danger);background:#fcf1f1;border-color:#e4baba}
.panel-head{background:var(--surface-header)}
.panel:has(input,select,textarea),#quote-form .panel,.modal-body{background:var(--surface)}
input,select,textarea{font-size:var(--text-body);line-height:1.6;color:var(--ink);background:var(--field);border-color:var(--field-line)}
input:focus,select:focus,textarea:focus{background:var(--field);border-color:var(--field-line)}
input:disabled,select:disabled,textarea:disabled{background:var(--surface-header);color:var(--muted)}
.role-note,.inline-controls,.notice{background:var(--surface-muted);color:var(--muted);border-color:var(--line);font-size:var(--text-caption)}
.notice.warn{background:#fff8ed;border-color:#f0dfc3;color:#8b6b42}
label.field,.checkfield{font-size:var(--text-label);color:var(--muted)}
th{font-size:var(--text-label);background:var(--surface-header);color:var(--muted)}
.lineitems td{border-top-color:#d7dce1}.lineitems .namecell textarea{color:var(--ink)}
.grand-total .amount{font-size:var(--text-total);font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.quote-table .number{color:var(--subtle)}.quote-table .link{color:var(--ink)}.quote-table .link:hover{color:var(--primary)}
button:focus,a:focus,input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.quote-action:focus-visible{outline:none;box-shadow:none}
button:focus-visible,a:focus-visible{text-decoration:underline;text-underline-offset:4px}
.icon,.btn.small .icon,.section-mark>.icon{width:var(--icon-action);height:var(--icon-action)}
.nav .icon{width:var(--icon-nav);height:var(--icon-nav)}
.quote-action .icon,.lineitems .remove>.icon,.close>.icon{width:var(--icon-standalone);height:var(--icon-standalone)}
.section-mark>.icon,.metric p>.icon,.workflow b>.icon{color:var(--subtle)}
.quote-action{color:var(--muted)}.quote-action:hover{background:#e3e7ed}
#save-quote{background:var(--primary);color:white}#save-quote:hover{background:var(--primary-hover)}
.quote-action.danger{color:var(--danger)}.quote-action.danger:hover{background:#fcf1f1}
.badge{font-size:var(--text-caption);line-height:1.4}
.catalog-item b{font-size:var(--text-body)}.catalog-item .price{color:var(--ink)}
.nav button{font-size:var(--text-body)}
@media(max-width:700px){.nav button{font-size:var(--text-label)}.modal-body,.panel-body{padding:16px}.panel-head{padding:16px}.page-head .actions{gap:8px}.btn.small{min-height:32px}.lineitems .namecell{min-width:220px}}

.editor-details{margin:12px 0}.editor-details summary{cursor:pointer;color:var(--muted);font-size:var(--text-label);padding:8px 0}.editor-details[open] summary{margin-bottom:8px}.tracking-status{width:100%;margin-bottom:8px}.quote-actions{flex-wrap:wrap}.bundle-row{padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:12px}.bundle-row small{display:block;margin-top:8px;color:var(--muted)}

@media(min-width:1100px){.editor-core{grid-template-columns:2fr 1.5fr 1fr 1fr;gap:16px}}

.recovery-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:16px;margin-bottom:24px}.recovery-banner p{margin:8px 0 0;font-size:var(--text-caption);color:var(--muted)}.asset-setting img{display:block;width:120px;height:120px;object-fit:contain;margin:16px 0}.asset-setting small{display:block;color:var(--muted);line-height:1.6}@media(max-width:600px){.recovery-banner{align-items:flex-start;flex-direction:column}}

.customer-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:600px){.customer-metrics{grid-template-columns:1fr}}

.line-note summary{cursor:pointer;color:var(--muted);font-size:var(--text-caption);padding:2px 0;user-select:none}.line-note summary:hover{color:var(--ink)}.line-note summary:focus{outline:none;box-shadow:none}.line-note[open] summary{margin-bottom:6px}

.catalog-info{flex:1;min-width:0}.catalog-quantity{flex:0 0 100px;color:var(--muted);font-size:var(--text-caption);display:flex;flex-direction:column;gap:5px}.catalog-quantity input{padding:7px;width:100%}.catalog-item .price{min-width:80px;text-align:right}.catalog-item .btn{flex:0 0 auto}.catalog-item:focus-within{background:var(--paper)}#contract-table strong,#contract-table small{display:block;margin:4px 0}@media(max-width:600px){.catalog-item{flex-wrap:wrap}.catalog-info{flex-basis:100%}.catalog-quantity{flex:1}.catalog-item .price{flex:1}.catalog-item .btn{align-self:flex-end}}

.contract-clause-text{white-space:pre-wrap;line-height:1.8;color:var(--ink,#263244)}

.contract-article-editor{padding-top:14px;margin-top:14px;border-top:1px solid #d9dfe6}.contract-article-editor textarea{min-height:160px;line-height:1.8}.contract-article-editor:first-of-type{padding-top:0;border-top:0}
.login-logo small{color:inherit}

/* Compact business lists; inputs and editable service rows retain their own spacing. */
#page .table-wrap>table:not(.lineitems) th{padding:10px 20px}#page .table-wrap>table:not(.lineitems) td{padding:10px 20px}#page .quote-table .number{line-height:16px;margin-bottom:2px}#page .quote-table .link{display:block;line-height:20px}#page .quote-table .link strong{margin-bottom:0;line-height:20px}#page .quote-table td:first-child>small{margin-top:2px;line-height:16px}#contract-table td:first-child>small{margin:0;line-height:16px}#contract-table td:first-child>strong{margin:2px 0;line-height:20px}.panel-head{padding:12px 20px}@media(max-width:700px){#page .table-wrap>table:not(.lineitems) td,#page .table-wrap>table:not(.lineitems) th{padding-left:14px;padding-right:14px}.panel-head{padding:12px 16px}}

.metric{padding:20px}.metric p{margin-bottom:12px}.metric small{margin-top:8px}.metric b>small{display:inline;margin:0 0 0 6px;font-size:12px;line-height:inherit}@media(max-width:700px){.metric{padding:16px}}

.login-logo{align-items:center}.login-logo img{width:41px;height:34px;flex:0 0 auto}.login-logo>div{height:34px;display:flex;flex-direction:column;justify-content:center;gap:2px}.login-logo strong{display:block;line-height:20px}.login-logo small{margin-top:0;line-height:12px}

/* Compact information density for application screens. */
:root{--text-title:22px;--text-title-mobile:20px;--text-section:15px;--text-body:13px;--text-label:12px;--text-caption:11px;--text-total:23px;--text-metric:24px;--text-brand:16px;--icon-nav:18px;--icon-action:15px;--icon-standalone:17px;--space-3:10px;--space-4:14px;--space-5:18px;--space-6:22px;line-height:1.45}
.page{padding:20px 22px}.page-head{gap:14px;margin-bottom:16px}.page-head p{margin-top:4px;line-height:1.5}.actions{gap:8px}.panel{margin-bottom:16px}.panel-head{padding:9px 16px}.panel-body{padding:16px}.btn{min-height:34px;padding:6px 11px;line-height:18px}.btn.small,.btn.text{min-height:28px;padding:4px 8px}.metrics{gap:12px;margin-bottom:16px}.metric{padding:14px}.metric p{margin-bottom:7px}.metric small{margin-top:5px}.workflow{gap:14px;padding:16px}.workflow p{line-height:1.55}
#page .table-wrap>table:not(.lineitems) th{padding:7px 14px;line-height:17px}#page .table-wrap>table:not(.lineitems) td{padding:6px 14px;line-height:17px}#page .table-wrap>table:not(.lineitems) td strong{margin-bottom:2px;line-height:17px}#page .table-wrap>table:not(.lineitems) td small{line-height:14px}#page .quote-table .number{line-height:14px}#page .quote-table .link,#page .quote-table .link strong{line-height:17px}#page .quote-table td:first-child>small,#contract-table td:first-child>small{line-height:14px}.toolbar{gap:8px;padding:10px 14px}.bulk-controls{gap:10px;padding:8px 14px}.list-pagination{padding:9px 14px}.badge{padding:3px 7px}.empty{padding:42px 18px}
label.field{gap:5px;margin-bottom:12px}input,select,textarea{padding:7px 9px;line-height:1.4}textarea{min-height:68px}.checkfield{gap:7px;margin:9px 0}.grid2,.grid3{gap:0 14px}.grid4{gap:0 10px}.editor-layout{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.editor-sidebar .panel-body{padding:14px}.sum-row{margin-bottom:10px}.grand-total{padding-top:12px;margin-top:12px}.quote-actions{gap:8px;margin:5px 0 8px}.quote-action{width:30px;height:30px}.lineitems td,.lineitems th{padding:8px}.lineitems input{padding:6px}.lineitems .num{padding-top:17px}.inline-controls{gap:8px;padding:10px 14px}.catalog-items{gap:6px;margin-top:12px}.catalog-item{padding:10px}.role-note{padding:10px;margin-bottom:12px;line-height:1.6}
.modal-head{padding:14px 18px}.modal-body{padding:16px 18px;max-height:72vh;overscroll-behavior:contain}.modal-actions{padding:11px 18px}.project-context{gap:16px;padding:16px}.project-context strong{margin:6px 0}.project-context span{line-height:1.55}.data-backups td:last-child{min-width:164px}.login-card{min-height:430px}.login-panel{padding:28px 26px}.login .login-form{padding:32px 36px 26px}.login-panel h1{font-size:25px;margin-top:34px}.login-form h2{font-size:22px}.login-form .intro{margin-bottom:16px}.login-form .field{margin-top:13px}.login-input,.login-form .btn.primary{height:40px}
@media(max-width:700px){.page{padding:16px 12px}.page-head{margin-bottom:14px}.panel-body{padding:14px}.panel-head{padding:9px 12px}#page .table-wrap>table:not(.lineitems) td,#page .table-wrap>table:not(.lineitems) th{padding-left:10px;padding-right:10px}.metric{padding:13px}.modal-body{padding:14px}.modal-head,.modal-actions{padding:12px 14px}}
@media(pointer:coarse){.btn{min-height:40px}input,select{min-height:40px}.btn.small,.btn.text{min-height:36px}.quote-action{width:38px;height:38px}}

/* Financial order and receipt overview. */
.finance-currency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-bottom:16px}.finance-summary-card{background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:14px 16px}.finance-summary-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.finance-summary-head strong{font-size:var(--text-section)}.finance-summary-head span{color:var(--muted);font-size:var(--text-caption)}.finance-summary-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.finance-summary-values div{min-width:0}.finance-summary-values small,.finance-history-summary small{display:block;color:var(--muted);font-size:var(--text-caption);margin-bottom:3px}.finance-summary-values b,.finance-history-summary b{display:block;font-size:14px;white-space:nowrap}.finance-summary-rate{display:flex;align-items:center;gap:10px;margin-top:12px}.finance-summary-rate>span,.finance-progress>span{height:5px;overflow:hidden;background:#edf1f7;border-radius:99px;flex:1}.finance-summary-rate i,.finance-progress i{display:block;height:100%;background:var(--primary);border-radius:inherit}.finance-summary-rate small,.finance-progress small{color:var(--muted);font-size:var(--text-caption);white-space:nowrap}.finance-counts{grid-template-columns:repeat(4,minmax(0,1fr))}.finance-toolbar select{width:180px}.finance-selection{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.finance-table td strong,.finance-table td small{display:block}.finance-table td strong{margin:2px 0}.finance-table .received{color:#11845b}.finance-table .outstanding{color:#b76518}.finance-progress{display:flex;align-items:center;gap:8px;min-width:118px}.finance-history-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px 14px;margin-bottom:12px;background:var(--wash);border:1px solid var(--line);border-radius:6px}.finance-payment-controls{border:1px solid var(--line);border-bottom:0}.finance-empty{margin-bottom:16px;border:1px solid var(--line);border-radius:7px;background:var(--paper)}
@media(max-width:900px){.finance-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-currency-grid{grid-template-columns:1fr}.finance-table{min-width:960px}}
@media(max-width:600px){.finance-toolbar select{width:100%}.finance-summary-values,.finance-history-summary{grid-template-columns:1fr}.finance-summary-values{gap:8px}.finance-counts{grid-template-columns:1fr 1fr}.finance-selection{align-items:flex-start;flex-direction:column}.finance-selection .actions{width:100%}.finance-selection .btn{flex:1}}