@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--ink:#24324b;--muted:#8190a6;--blue:#597bb9;--line:#e9edf4;--bg:#f5f8f5;--mint:#e7f4ee;--lav:#eeebfa;--peach:#fff0e5;--sky:#eaf2ff}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px 'DM Sans',Segoe UI,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-1px;font-weight:650;line-height:1.25}h2{font-size:16px;font-weight:650}h3{font-size:15px}small{font-size:11px}strong{font-weight:600}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:50}.brand{height:115px;padding:17px 32px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center}.brand img{width:128px;height:77px;object-fit:contain}.brand span{color:var(--muted);font-size:10px;letter-spacing:1.1px}.workspace{margin:12px 20px 15px;padding:12px 10px;background:#f7f9fc;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:10px}.workspace strong{display:block;font-size:12px;max-width:146px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace small,.profile small{display:block;color:var(--muted);font-size:10px}.workspace-icon{background:#e6edfa;color:#5875a5;border-radius:8px;padding:6px 10px;font-weight:650}nav{padding:0 15px;overflow-y:auto;scrollbar-width:thin}.nav-label{text-transform:uppercase;font-size:9px;letter-spacing:1.6px;color:#9aa6b8;padding:15px 16px 6px;font-weight:600}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 14px;margin:2px 0;border-radius:8px;color:#77849a;font-size:12px}.nav-item svg{width:17px;height:17px}.nav-item:hover{background:#f5f8f5;color:var(--ink)}.nav-item.selected{color:#5b77ad;background:#edf2fc;font-weight:650}.nav-dot{width:5px;height:5px;background:#e6b397;border-radius:50%;margin-left:auto}.sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:7px;padding:20px 25px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.sidebar-foot a{margin-left:auto}.online{width:6px;height:6px;background:#83baa4;border-radius:50%}.main-shell{margin-left:245px}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#fff}.crumb{display:flex;align-items:center;gap:15px;font-size:11px;color:#9aa5b6}.crumb strong{color:#5a6880;font-weight:500}.separator{color:#c6cedb}.top-actions{display:flex;align-items:center;gap:15px}.top-actions select{font-size:11px;border:0;max-width:170px;background:#f7f9fc}.avatar{width:34px;height:34px;display:grid;place-items:center;background:#eceafa;color:#8b83ac;border:3px solid white;outline:1px solid #eae7f4;border-radius:50%;font-size:12px}.profile strong{font-size:11px}.icon-btn{border:0;background:transparent;color:#8e9cb2;display:grid;place-items:center;padding:5px}.menu{display:none}main{max-width:1660px;margin:auto;padding:32px 36px 40px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:9px;color:#8294af;font-weight:600;margin-bottom:7px}.subtitle{color:var(--muted);font-size:12px;margin-top:8px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{border:1px solid #e0e6ef;border-radius:7px;padding:10px 15px;background:white;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#66768f;font-size:11px;font-weight:550;min-height:38px}.btn svg{width:15px;height:15px}.btn.primary{background:#2d7460;border-color:#2d7460;color:white;box-shadow:0 3px 5px #2d746019}.btn:hover{filter:brightness(.97)}.btn.danger{color:#b75d68}.btn.small{padding:6px 10px;min-height:30px}.date-chip{font-size:10px;color:#8d9bb0;border:1px solid var(--line);padding:9px 13px;background:white;border-radius:7px}.hero{background:linear-gradient(105deg,#e8f3ed 0%,#f0f6ed 58%,#f8f2e5 100%);border:1px solid #e0e7f5;border-radius:13px;min-height:154px;padding:28px 30px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.hero h2{font-size:22px;letter-spacing:-.5px;margin-bottom:7px}.hero p{font-size:12px;color:#8290aa;max-width:450px}.hero .eyebrow{color:#869ac0}.hero .btn{margin-top:16px;background:#fff9;border-color:#fff;color:#657fae}.skyline{height:120px;width:240px;position:relative;align-self:flex-end;display:flex;align-items:flex-end;gap:9px;padding:0 18px;opacity:.8;transform:translateY(29px)}.skyline:before{content:'';position:absolute;width:145px;height:145px;border-radius:50%;background:#fff7;top:-20px;right:25px}.tower{background:linear-gradient(100deg,#b5c9e4,#d3deee);width:45px;position:relative;border-radius:4px 4px 0 0;box-shadow:inset -10px 0 #a0b8d829}.tower:after{content:'';position:absolute;inset:12px 10px;background:repeating-linear-gradient(0deg,transparent 0 10px,#fff9 11px 15px)}.tower:nth-child(1){height:60px}.tower:nth-child(2){height:109px;width:59px}.tower:nth-child(3){height:82px}.tower:nth-child(4){height:44px;width:38px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.stat{background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px}.stat-head{display:flex;justify-content:space-between;align-items:center;color:#8692a7;font-size:11px}.stat-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--sky);color:#7e9dc9}.stat-icon.mint{background:var(--mint);color:#88b49f}.stat-icon.lav{background:var(--lav);color:#a49bc5}.stat-icon.peach{background:var(--peach);color:#d4ac8a}.stat-value{font-size:26px;letter-spacing:-.9px;font-weight:600;margin:8px 0 2px}.stat-value small{font-size:15px;color:#92a1b4;margin-right:3px;font-weight:500}.stat-note{font-size:10px;color:#9aa6b6}.positive{color:#81aa97}.panels{display:grid;grid-template-columns:1.7fr 1fr;gap:22px;margin-bottom:22px}.panel{background:white;border:1px solid var(--line);border-radius:11px;padding:23px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:21px}.panel-head p{font-size:10px;color:#98a4b6;margin-top:3px}.panel-head a{font-size:10px;color:#8399be;display:flex;align-items:center;gap:6px}.panel-head a svg{width:13px;height:13px}.legend{display:flex;gap:15px;font-size:9px;color:#8e9aad;align-items:center}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#91b0d8;margin-right:5px}.legend i.light{background:#ddd8ed}.chart{width:100%;height:187px;display:block;stroke:none}.chart text{font-size:9px;fill:#a8b2c1;stroke:none}.chart .grid{stroke:#edf0f5;stroke-width:1;stroke-dasharray:3 4}.chart .line{stroke:#7caa94;stroke-width:2.5;fill:none}.chart .area{fill:url(#area)}.chart .expense{stroke:#c2b6de;stroke-width:2;fill:none;stroke-dasharray:4 4}.chart-summary{display:flex;gap:28px;border-top:1px solid #f0f2f6;padding-top:15px;margin-top:10px}.chart-summary span{font-size:9px;color:#9ba6b8;display:block}.chart-summary strong{font-size:14px;font-weight:550}.ring-wrap{display:flex;align-items:center;justify-content:center;gap:28px;margin:5px 0 15px}.ring{width:144px;height:144px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#9cbfa9 var(--angle),#f2e8ce 0)}.ring:before{content:'';position:absolute;inset:15px;border-radius:50%;background:#fff}.ring div{z-index:1;text-align:center}.ring strong{display:block;font-size:28px;font-weight:550;letter-spacing:-1px}.ring small{color:#9ca8b9;font-size:9px}.occupancy-legend{font-size:10px;color:#8c9ab0}.occupancy-legend p{margin:10px 0}.occupancy-legend i{display:inline-block;width:7px;height:7px;background:#9cbfa9;border-radius:50%;margin-right:8px}.occupancy-legend p+ p i{background:#ded8ed}.occupancy-legend strong{display:block;color:#5d6e88;padding-left:15px;font-size:15px}.occupancy-foot{border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;font-size:10px;color:#9ba6b8}.occupancy-foot strong{color:#8295b2}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:23px}.quick{background:#fff;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:12px;padding:15px 16px;font-size:11px;color:#75839b}.quick .stat-icon{width:31px;height:31px;border-radius:8px}.quick .stat-icon svg{width:16px;height:16px}.quick>svg{margin-left:auto;width:13px;color:#bbc5d4}.quick:hover{border-color:#b9c9e3}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:9px;color:#a0aabb;text-transform:uppercase;letter-spacing:.7px;font-weight:500;background:#f9fafc;padding:11px 13px}td{font-size:11px;padding:15px 13px;border-bottom:1px solid #f0f2f6;color:#7c8ba1}td strong{color:#50617c;font-weight:550}td small{display:block;font-size:9px;color:#a1adbd}tr:last-child td{border-bottom:0}.badge{display:inline-block;padding:4px 9px;border-radius:5px;background:#eaf4ee;color:#8bad9b;font-size:9px;white-space:nowrap}.badge.warn{background:#fcf0e5;color:#c4a283}.badge.lav{background:#f0ecf8;color:#a395bd}.alert-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #f0f2f6}.alert-row:last-child{border:0}.alert-row h3{font-size:11px;font-weight:550}.alert-row p{font-size:10px;color:#a1adbd;margin-top:3px}.alert-row>strong{margin-left:auto;font-size:17px;color:#8194b1;font-weight:500}.notice{padding:14px 18px;border-radius:9px;margin-bottom:20px;font-size:12px}.notice.success{background:#e8f4ed;color:#5a8c73}.notice.error{background:#fff0ee;color:#b06464}.notice ul{margin:5px 0}.searchbar{display:flex;align-items:center;gap:10px;margin-bottom:20px}.searchbar input{max-width:360px}.searchbar svg{color:#a5b1c2}.record-card{padding:0}.record-card .searchbar{padding:20px;margin:0}.record-card td .actions{flex-wrap:nowrap}label{display:block;font-size:11px;font-weight:550;color:#6e7f98;margin-bottom:7px}input,select,textarea{width:100%;background:#fff;border:1px solid #dfe5ef;color:#4f607a;border-radius:7px;padding:10px 12px;font-size:12px;min-height:41px;outline:none}input:focus,select:focus,textarea:focus{border-color:#95aed5;box-shadow:0 0 0 3px #edf6f1}textarea{resize:vertical;min-height:110px}input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:#6f8cbb}form .field{margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.field.full{grid-column:1/-1}.form-panel{max-width:1000px}.form-footer{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:flex-end;gap:10px}.hint{font-size:10px;color:#9aa6b8;margin-top:6px}.empty{padding:45px 25px;text-align:center;color:#9ba8bb}.empty svg{width:30px;height:30px;margin-bottom:10px}.empty strong{display:block;color:#75849b;font-size:14px}.empty p{font-size:11px;margin:6px 0 16px}details{border:1px solid var(--line);border-radius:8px;margin-bottom:12px;padding:15px}summary{font-size:12px;cursor:pointer;font-weight:550}details[open] summary{margin-bottom:20px}.permission-table input{margin:0}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:22px}.two-column .panel{margin-bottom:22px}.muted{color:var(--muted)}.pagination{padding:20px;display:flex;gap:10px;align-items:center;font-size:11px}.pagination a{padding:6px 12px;background:#f0f6f2;border-radius:6px}.renew{min-width:230px}.renew .field{margin:10px 0}footer{padding:0 36px 25px;display:flex;gap:15px;font-size:9px;color:#9eabbd}footer span:last-child{margin-left:auto}.shade{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.auth{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:white}.auth-art{padding:12%;background:linear-gradient(135deg,#edf6f1,#eeedf7 60%,#e8f3ef);display:flex;flex-direction:column;justify-content:center}.auth-art h1{font-size:47px;line-height:1.18;letter-spacing:-2px;max-width:470px;margin:20px 0}.auth-art p{max-width:380px;color:#8a99af;font-size:14px}.auth-art .skyline{transform:none;height:200px;width:310px;margin-top:45px;align-self:center}.auth-art .tower{width:70px}.auth-art .tower:nth-child(2){height:190px}.auth-art .tower:nth-child(1){height:110px}.auth-art .tower:nth-child(3){height:150px}.auth-form{padding:60px 15%;align-self:center}.auth-form img{width:145px;margin-bottom:35px}.auth-form h2{font-size:26px;letter-spacing:-.6px}.auth-form p{font-size:12px;color:#9aa6b8;margin:6px 0 25px}.auth-form .btn{width:100%}.public-header{padding:18px 6%;display:flex;justify-content:space-between;align-items:center;background:white;border-bottom:1px solid var(--line)}.public-header img{width:95px}.public-main{max-width:1240px;padding:40px 25px;margin:auto}.listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.listing-visual{height:150px;background:linear-gradient(130deg,#e4edfa,#eeeafa);display:grid;place-items:center;border-radius:8px;margin-bottom:20px}.listing-visual svg{width:75px;height:75px;color:#a2b8d6;stroke-width:1}.listing-card h2{font-size:18px;margin:10px 0}.listing-card p{font-size:12px;color:#8b99ac}.price{font-size:23px;font-weight:600;margin:13px 0}.price small{font-weight:400;color:#9ba6b8}.listing-card details{margin-top:20px}.listing-card .field{margin-bottom:12px}.listing-card .description{white-space:pre-line}.receipt{max-width:800px;background:white;margin:30px auto;padding:50px;border:1px solid var(--line)}.receipt h1{font-size:27px}.receipt section{margin:25px 0}.receipt p{margin:10px 0;line-height:1.8}.signature{display:flex;justify-content:space-between;gap:40px;margin-top:70px}.signature div{border-top:1px solid #8795a9;padding-top:10px;width:45%}.no-print{margin:20px auto;max-width:800px}
@media(min-width:1600px){.sidebar{width:260px}.main-shell{margin-left:260px}main{padding:38px 45px}.hero{min-height:170px}.stats{gap:22px}.stat{padding:24px}.chart{height:210px}}
@media(max-width:1150px){.sidebar{width:210px}.main-shell{margin-left:210px}.brand{height:100px}.workspace{margin:10px}.nav-item{font-size:11px;padding:8px 10px}main{padding:25px 22px}.topbar{padding:0 22px}.stats{gap:12px}.stat{padding:16px}.stat-value{font-size:23px}.panels{grid-template-columns:1.4fr 1fr}.quick-grid{gap:10px}.quick{padding:12px;font-size:10px;gap:8px}.profile{display:none}.panel{padding:18px}.ring-wrap{gap:16px}.ring{width:120px;height:120px}.two-column{grid-template-columns:1fr}.listing-grid{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:245px}.main-shell{margin-left:0}.nav-open .sidebar{transform:translateX(0)}.nav-open .shade{display:block;position:fixed;inset:0;background:#20304b44;border:0;z-index:49}.menu{display:grid}.topbar{height:68px}.stats{grid-template-columns:1fr 1fr}.panels{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr 1fr}.hero{padding:24px}.hero h2{font-size:20px}.hero p{max-width:340px}.skyline{width:180px}.auth-art h1{font-size:36px}.auth-form{padding:40px 10%}}
@media(max-width:600px){main{padding:23px 16px}.topbar{padding:0 16px}.top-actions{gap:8px}.top-actions select{max-width:123px;font-size:10px}.crumb{gap:8px}.crumb>span:first-of-type,.crumb .separator{display:none}h1{font-size:25px}.page-heading{align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:20px}.page-heading .actions{width:100%}.date-chip{margin-left:auto}.hero{padding:22px;min-height:174px}.hero>div:first-child{position:relative;z-index:1}.hero p{max-width:230px;font-size:11px}.hero h2{font-size:18px;max-width:230px}.hero .skyline{position:absolute;right:-33px;bottom:0;opacity:.35}.hero .btn{font-size:10px}.stats{gap:10px;margin-bottom:18px}.stat{padding:15px}.stat-head{font-size:10px}.stat-icon{width:29px;height:29px;border-radius:8px}.stat-icon svg{width:17px;height:17px}.stat-value{font-size:23px;margin-top:12px}.stat-note{font-size:9px}.panels{grid-template-columns:1fr;gap:18px;margin-bottom:18px}.panel{padding:18px}.quick-grid{gap:10px;margin-bottom:18px}.quick{padding:12px 10px;gap:9px}.quick>svg{width:11px}.panel-head{margin-bottom:15px}.panel-head h2{font-size:14px}.panel-head p{font-size:9px}.chart{height:180px}.ring-wrap{justify-content:center;gap:45px;padding:6px 0}.ring{width:145px;height:145px}.form-grid{grid-template-columns:1fr}.form-footer .btn{flex:1}footer{padding:0 16px 20px;font-size:8px}footer>span:first-child{display:none}.auth{grid-template-columns:1fr}.auth-art{display:none}.auth-form{padding:40px 28px;max-width:450px;width:100%;margin:auto}.auth-form img{width:130px}.listing-grid{grid-template-columns:1fr}.public-main{padding:28px 16px}.receipt{margin:10px;padding:25px}.signature{gap:20px}.no-print{margin:15px}.record-card .searchbar{padding:15px}.searchbar{gap:6px}.btn{min-height:40px}.permission-table th,.permission-table td{padding:9px}.permission-table{min-width:460px}details{padding:13px}.chart-summary{gap:22px}}
@media print{body{background:white}.no-print{display:none}.receipt{border:0;margin:0;padding:15px;max-width:100%}.sidebar,.topbar,footer,.page-heading{display:none}.main-shell{margin:0}main{padding:0}.panel{border:0}a{color:inherit}}
.listing-photo{width:100%;height:190px;object-fit:cover;border-radius:8px;margin-bottom:20px} .stat-head{font-size:12px}.nav-item{font-size:12px}label{font-size:12px}td{font-size:12px}.subtitle{font-size:13px}.btn{font-size:12px}.hint{font-size:11px}
@media(max-width:600px){.records-table{white-space:normal}.records-table thead{display:none}.records-table tbody,.records-table tr,.records-table td{display:block}.records-table tr{margin:0 15px 14px;border:1px solid #edf0f5;border-radius:8px;padding:13px}.records-table td{padding:5px 0;border:0;font-size:12px;display:flex;gap:15px;justify-content:space-between;text-align:right}.records-table td:before{content:attr(data-label);color:#9aa6b8;font-size:10px;flex-shrink:0;text-align:left}.records-table td small{display:none}.records-table td:first-child{display:block;text-align:left;padding:0 0 10px;margin-bottom:6px;border-bottom:1px solid #f0f2f6}.records-table td:first-child:before{display:none}.records-table td:first-child strong{font-size:14px}.records-table td:last-child{display:block;padding-top:14px}.records-table td:last-child:before{display:none}.record-card .records-table td .actions{flex-wrap:wrap;gap:7px}.record-card .records-table .btn{padding:7px 13px;min-height:36px}.searchbar{flex-wrap:wrap}.searchbar input{flex:1;min-width:110px}.searchbar .hint{width:100%;padding-left:30px}.renew{width:100%;white-space:normal}.records-table td[colspan]{display:block}.records-table td[colspan]:before{display:none}}
.hint,.stat-note,.panel-head p,.alert-row p,.date-chip{color:#7c899e}.nav-label{font-size:10px}.stat-note,.panel-head p,.alert-row p,.date-chip{font-size:11px}th{font-size:10px}.chart text{font-size:10px}.occupancy-foot,.chart-summary span,.occupancy-legend{font-size:11px}.subtitle{color:#7d8ba2}.btn:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8da8d1;outline-offset:3px}.records-table td .empty{white-space:normal}

.company-grid,.group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:20px}.setup-section{margin-bottom:24px}.company-card{background:linear-gradient(150deg,#fff,#f5f7ff)}.company-card p{font-size:12px}.company-mark{height:80px;margin-bottom:20px;display:flex;align-items:center}.company-mark img{max-height:80px;max-width:170px;object-fit:contain}.company-mark svg{width:48px;height:48px;color:#88a5ce}.group-card{padding:20px;border:1px solid #e5eaf5;border-radius:12px}.group-card strong{display:block;margin-top:12px}.group-card.current{background:#eef3ff;border-color:#acbedd}.group-card .btn{margin-top:12px}.recurring-terms{background:#eef3fc;padding:24px;border-radius:12px;margin-bottom:25px}.recurring-terms li{font-size:13px;color:#61718a;margin:8px 0}.line-editor{margin-bottom:25px;padding:20px;background:#f5f7fc;border:1px solid #e5eaf3;border-radius:10px}.invoice-line{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 0;border-bottom:1px solid #dfe6f2}.invoice-line .field{margin:0}.invoice-line .wide{grid-column:1/-1}.document-sheet{max-width:980px;border-radius:12px;padding:45px}.document-brand{display:flex;gap:24px;align-items:center;padding-bottom:28px;border-bottom:1px solid #dce4f2}.document-brand img{width:120px;max-height:100px;object-fit:contain}.document-brand p{font-size:11px;line-height:1.5;margin:4px 0;color:#718099}.document-brand h2{font-size:21px}.document-monogram{width:70px;height:70px;border-radius:14px;display:grid;place-items:center;background:#edf6f1;font-size:32px;color:#7a99c2}.document-title{display:flex;justify-content:space-between;gap:20px;padding:28px;background:#edf2fb;margin:25px 0;border-radius:10px}.document-title h1{font-size:34px}.document-title p{font-size:12px;margin:6px 0}.document-title>div:last-child{text-align:right}.document-parties{display:grid;grid-template-columns:1fr 1fr;gap:40px}.document-parties section{margin:8px 0 24px}.document-parties p{font-size:12px;color:#748198}.document-items{white-space:normal}.document-items th{background:#eef2fa;padding:13px 10px}.document-items td{padding:17px 10px;vertical-align:top}.document-items td:not(:first-child){white-space:nowrap;text-align:right}.document-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px}.document-bottom p{font-size:12px}.document-totals p{display:flex;justify-content:space-between;gap:15px;padding:7px 0;margin:0}.document-totals .total{background:#edf3fb;padding:14px;border-radius:8px;margin-top:6px;font-size:14px}.document-note{border-top:1px solid #e2e8f2;padding-top:16px;font-size:10px;color:#8290a4}.workflow-box{margin-bottom:24px;background:linear-gradient(120deg,#eff4fe,#f4f0fa)}.workflow-box p{font-size:12px}.workflow-box .actions{margin-top:15px}@media(max-width:600px){.invoice-line{grid-template-columns:1fr 1fr}.document-sheet{padding:22px}.document-brand{flex-direction:column;align-items:flex-start}.document-parties,.document-bottom{grid-template-columns:1fr;gap:10px}.document-title{padding:18px}.document-title h1{font-size:26px}.line-editor{padding:12px}}@media print{.document-sheet{border:0;padding:12px}.document-items tr{break-inside:avoid}.document-brand,.document-title,.document-bottom{break-inside:avoid}.receipt{box-shadow:none}a{color:inherit}}

/* Readable type and responsive controls */
:root{--muted:#67768e}.nav-item,.btn{font-size:13px}.subtitle{font-size:14px}.hint{font-size:12px}.top-actions select{font-size:12px;max-width:230px}.crumb{font-size:12px}.nav-label{color:#758299}.group-card strong{font-size:15px}.group-card .hint{margin:7px 0 14px}.setup-section .searchbar label{white-space:nowrap}.setup-section .searchbar .btn{white-space:nowrap}.form-panel{max-width:1100px}.document-parties p,.document-brand p,.document-bottom p{color:#596981;font-size:13px}.document-note{color:#596981}.review-parties{display:grid;grid-template-columns:1fr 1fr;gap:24px}.review-parties p{margin-top:8px}.review-status{padding:16px;border-radius:10px;background:var(--sky);margin-bottom:24px}
@media(max-width:600px){.topbar{height:auto;min-height:76px;flex-wrap:wrap;gap:10px;padding:12px 16px}.top-actions{width:100%;justify-content:space-between}.top-actions form{flex:1}.top-actions select{max-width:none;width:100%}.setup-section .searchbar{flex-wrap:wrap}.setup-section .searchbar input{width:100%;flex-basis:100%}.group-grid{grid-template-columns:1fr}.review-parties{grid-template-columns:1fr}.form-grid>*,.invoice-line>*{min-width:0}.document-title{flex-wrap:wrap}.document-title>div:last-child{text-align:left}}