:root{--g:#10251f;--g2:#1d4236;--gold:#e3b457;--bg:#f5f4ef;--ink:#17221e;--muted:#6e7974;--line:#e1e5e1;--red:#b44b43}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 Inter,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:9px;padding:9px 12px;touch-action:manipulation}button:disabled{cursor:wait;opacity:.62}.primary{background:var(--gold);border:0;font-weight:800}.hidden{display:none!important}header{height:70px;background:var(--g);color:white;display:flex;justify-content:space-between;align-items:center;padding:0 24px 0 108px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px}.logo{width:40px;height:40px;border:1px solid #a98a4d;border-radius:12px;color:var(--gold);display:grid;place-items:center;font-weight:900}.brand b{font-size:18px;display:block}.brand small{color:#b8c7c1}.head{display:flex;gap:8px}.head select{background:#213a32;color:white;border:1px solid #52675f;border-radius:9px;padding:8px}aside{position:fixed;left:0;top:0;bottom:0;width:84px;background:white;border-right:1px solid var(--line);padding-top:80px;z-index:11}aside button{width:100%;border:0;border-radius:0;padding:15px 2px;font-size:20px;color:#747d79}aside small,.mobile small{display:block;font-size:10px}aside .active,.mobile .active{color:#176047;background:#eef5f2;font-weight:800}main{max-width:1240px;margin:auto;padding:24px 22px 80px 108px}.page{display:none}.page.active{display:block}.title{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:18px}.title h1{font:700 28px Georgia,serif;margin:0}.title p{color:var(--muted);margin:4px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric,.card{background:white;border:1px solid var(--line);border-radius:15px;box-shadow:0 5px 20px rgba(16,37,31,.04)}.metric{padding:17px}.metric span{font-size:12px;color:var(--muted);text-transform:uppercase}.metric strong{display:block;font-size:21px;margin-top:7px}.cols{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px;margin-top:14px}.card{padding:17px;margin-bottom:14px}.card h2{font-size:16px;margin:0 0 12px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick button{font-size:20px}.quick b{display:block;font-size:11px}.row{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #edf0ed}.row small{display:block;color:var(--muted)}.scroll{overflow:auto;padding:4px 13px}table{border-collapse:collapse;width:100%;min-width:720px}th{text-align:left;font-size:11px;text-transform:uppercase;color:var(--muted);padding:10px 8px;border-bottom:1px solid var(--line)}td{padding:11px 8px;border-bottom:1px solid #edf0ed}.pill{font-size:12px;padding:4px 8px;border-radius:99px;background:#e7f2ed;color:#28644f}.pill.warn{background:#fff0da;color:#8d5b17}.tabs{display:flex;gap:7px;margin-bottom:10px;overflow:auto}.tabs button.active{background:var(--g);color:white}.filters{display:flex;gap:11px;align-items:end}.filters label,.form label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:12px;font-weight:700}.filters input,.filters select,.form input,.form select,.form textarea{padding:10px;border:1px solid #d4dad5;border-radius:9px;background:white}.statement{max-width:820px;margin:auto}.statement-head{text-align:center;margin-bottom:18px}.statement-head h2{font:700 23px Georgia,serif;margin:0}.rline{display:flex;justify-content:space-between;gap:20px;padding:11px 7px;border-bottom:1px solid #edf0ed}.rline.open{cursor:pointer}.rline.open:hover{background:#f1f6f3}.rline.total{border-top:2px solid var(--ink);border-bottom:0;font-weight:900}.rline.sub{font-weight:800}.rline small{display:block;color:var(--muted);font-size:11px}.maint{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tile{text-align:left;padding:16px;border-radius:13px}.tile i{font-style:normal;font-size:22px}.tile b{display:block;margin-top:7px}.tile small{color:var(--muted)}.overlay{position:fixed;inset:0;background:rgba(5,18,14,.65);z-index:40;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:white;border-radius:18px;padding:20px;width:min(760px,100%);max-height:92vh;overflow:auto}.setup{max-width:640px}.setup h1,.modal h2{font:700 24px Georgia,serif}.modalhead{display:flex;justify-content:space-between;align-items:center}.modalhead button{border:0;border-radius:50%;font-size:20px}.form{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form .full{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.fullbtn{width:100%;margin-top:16px}.preview{max-width:100%;max-height:250px;border-radius:11px}.notice{background:#fff4dc;color:#77501a;padding:10px;border-radius:9px;margin:9px 0}.maint-head{display:flex;justify-content:space-between}.perm{display:grid;grid-template-columns:1fr repeat(4,60px);align-items:center}.perm>*{padding:7px;border-bottom:1px solid var(--line)}#toast{position:fixed;z-index:60;left:50%;bottom:22px;transform:translateX(-50%);background:var(--g);color:white;padding:10px 14px;border-radius:9px;opacity:0}#toast.show{opacity:1}.mobile{display:none}
@media(max-width:800px){header{height:62px;padding:0 12px}.head button{display:none}aside{display:none}main{padding:17px 12px 84px}.title{align-items:flex-start}.title h1{font-size:24px}.metrics{grid-template-columns:1fr 1fr}.cols{grid-template-columns:1fr}.maint{grid-template-columns:1fr 1fr}.filters{display:grid;grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}.mobile{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);z-index:20}.mobile button{border:0;border-radius:0;font-size:18px;padding:8px 2px}.form{grid-template-columns:1fr}.form .full{grid-column:auto}}@media print{header,aside,.mobile,.title,.filters{display:none!important}main{padding:0}.page{display:none!important}#reports{display:block!important}.card{border:0;box-shadow:none}@page{margin:12mm}}
.brand>img{width:52px;height:42px;object-fit:cover;object-position:left}.setup-logo{display:block;width:200px;max-width:65%;height:68px;object-fit:cover;object-position:left;margin-bottom:5px}.brand b{font-size:20px;letter-spacing:.2px}.success-note{background:#e7f2ed;color:#245d49}.maint-head{align-items:center;gap:10px}.import-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.import-step{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fafbf9;color:var(--muted)}.import-step.active{border-color:var(--gold);background:#fff8e8;color:var(--ink)}.import-step b{display:block}.import-drop{border:2px dashed #b8c7c1;border-radius:14px;padding:25px;text-align:center;background:#f8faf8}.import-drop strong{display:block;font-size:17px;margin-bottom:5px}.mapping{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.mapping label{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:700}.mapping select{padding:9px;border:1px solid #d4dad5;border-radius:9px;background:white}.tag{display:inline-block;font-size:11px;padding:3px 7px;border-radius:99px;background:#eef2ef;color:#52625b}.tag.bad{background:#ffe8e3;color:#963f36}.import-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}
@media(max-width:800px){.brand>img{width:42px;height:35px}.brand b{font-size:17px}.import-steps,.import-summary,.mapping{grid-template-columns:1fr}}
.login-card{max-width:420px;padding:30px}.login-logo{display:block;width:220px;max-width:75%;height:76px;object-fit:cover;object-position:left;margin:0 auto 14px}.login-card h1{text-align:center;margin:0;font:700 29px Georgia,serif}.login-card>p{text-align:center;color:var(--muted)}.login-error{min-height:22px!important;color:var(--red)!important;font-weight:700}.user-label{display:flex;align-items:center;padding:7px 10px;border:1px solid #52675f;border-radius:9px;color:#e9efec;white-space:nowrap}.install{background:var(--gold);border-color:var(--gold);font-weight:800}.logged-out header,.logged-out aside,.logged-out main,.logged-out .mobile{visibility:hidden}@media(max-width:800px){.user-label{display:none}.head button:first-of-type,.head button:nth-of-type(3){display:block;padding:7px 9px}.login-card{padding:24px}}
.business-switch{background:#213a32!important;color:white;border-color:#52675f;display:flex;gap:7px;align-items:center}.company-card{max-width:680px}.company-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.company-option{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:15px;border-radius:13px}.company-option.active{border:2px solid var(--gold);background:#fffaf0}.company-option b,.company-option small{display:block}.company-option small{color:var(--muted);margin-top:3px}.plan-badge{padding:4px 8px;border-radius:99px;background:#e7f2ed;color:#28644f;font-size:11px;font-weight:800}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.plan-card{border:1px solid var(--line);border-radius:13px;padding:15px}.plan-card.current{border:2px solid var(--gold)}.plan-card h3{margin:0 0 4px}.plan-card ul{padding-left:18px;color:var(--muted);min-height:88px}@media(max-width:800px){.company-list,.plan-grid{grid-template-columns:1fr}.head .business-switch{display:flex;max-width:130px}.business-switch span{max-width:90px;overflow:hidden;text-overflow:ellipsis}.head #installButton{display:none}.head button:last-of-type{display:block}}
.table-actions{white-space:nowrap}.table-actions button{padding:6px 9px;margin-right:4px}.danger{color:#a33b34;border-color:#e5b9b5;background:#fff8f7}.danger:hover{background:#fde9e7}
.cloud-status{position:fixed;right:14px;bottom:14px;z-index:35;background:#173c31;color:#fff;border:1px solid #416158;border-radius:99px;padding:6px 10px;font-size:12px;box-shadow:0 4px 14px #0002}.cloud-status.ok{background:#e7f2ed;color:#245d49;border-color:#b6d3c8}.cloud-status.off{background:#fff0da;color:#7d531a;border-color:#e8cca2}@media(max-width:800px){.cloud-status{bottom:70px;right:8px}}
.linkbtn{border:0;background:transparent;color:#176047;font-weight:800;margin-top:8px}
.select-add{display:flex;gap:6px;align-items:stretch}.select-add select{min-width:0;flex:1}.add-new{padding:7px 9px;color:#176047;border-color:#b9d3c9;background:#f4faf7;font-size:12px;font-weight:800;white-space:nowrap}
.entry-lines-head{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.entry-lines-head h3{margin:0}.entry-line{display:grid;grid-template-columns:minmax(190px,2fr) 90px 125px minmax(115px,1fr) auto;gap:8px;align-items:end;padding:12px 0;border-bottom:1px solid var(--line)}.entry-line-info{display:flex;flex-direction:column;gap:4px;padding:8px 0}.entry-line-info small{color:var(--muted)}.entry-totals{display:flex;justify-content:flex-end;gap:24px;padding:14px 0;font-size:16px}.entry-totals span{display:flex;gap:8px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice-grid button{min-height:115px;font-size:24px}.choice-grid b,.choice-grid small{display:block;margin-top:5px}.choice-grid small{color:var(--muted);font-size:12px}.invoice-list{display:grid;gap:8px}.invoice-list button{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:14px}.invoice-list small{display:block;color:var(--muted);margin-top:3px}
@media(max-width:800px){.entry-line{grid-template-columns:1fr 1fr}.entry-line label:first-child,.entry-line-info{grid-column:1/-1}.entry-line-info{flex-direction:row;justify-content:space-between}.entry-totals{flex-direction:column;align-items:flex-end;gap:5px}.choice-grid{grid-template-columns:1fr}.quick{grid-template-columns:repeat(3,1fr)}}