:root{--ink:#173d34;--muted:#71817d;--line:#e6ece9;--paper:#fffdfa;--bg:#f5f7f4;--green:#1d6b57;--lime:#d8f26d;--amber:#d38b22;--purple:#7767b8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;background:#143b32;color:#eef5ee;padding:29px 17px 18px;display:flex;flex-direction:column;position:fixed;height:100vh}.brand{font:bold 26px 'DM Serif Display';letter-spacing:-1px;display:flex;align-items:center;gap:9px;padding:0 12px 43px}.brand-mark{font:20px 'DM Serif Display';display:grid;place-items:center;width:30px;height:30px;background:var(--lime);color:#174136;border-radius:9px}nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#b7c9c3;text-align:left;font:500 14px inherit;padding:12px;border-radius:8px;cursor:pointer}.nav-item span{font-size:19px;width:28px;display:inline-block;vertical-align:-2px}.nav-item:hover,.nav-item.active{background:#275247;color:white}.sidebar-bottom{border-top:1px solid #31584e;margin-top:auto;padding:19px 8px 0;display:flex;align-items:center;gap:9px}.profile-avatar{width:32px;height:32px;border-radius:50%;background:#d2e9d6;color:#164036;font-size:11px;font-weight:700;display:grid;place-items:center}.sidebar-bottom strong,.sidebar-bottom small{display:block;font-size:12px}.sidebar-bottom small{color:#93ada5;font-size:10px;margin-top:2px}.more{margin-left:auto;background:0;border:0;color:white;cursor:pointer}main{margin-left:240px;width:calc(100% - 240px);padding:34px 42px 60px;max-width:1600px}.topbar,.page-head,.panel-header{display:flex;align-items:center;justify-content:space-between}.eyebrow{text-transform:uppercase;letter-spacing:1.4px;font-size:10px;color:#84938e;font-weight:bold;margin:0 0 7px}h1,h2,p{margin:0}h1{font:32px 'DM Serif Display';letter-spacing:-.5px}h1 span{color:#c2d840;font-size:23px}.top-actions{display:flex;gap:12px;align-items:center}.icon-button{height:42px;width:42px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);font-size:18px;position:relative}.icon-button b{position:absolute;top:8px;right:9px;width:6px;height:6px;background:#e36d53;border-radius:50%}.primary{border:0;background:var(--green);color:white;border-radius:9px;padding:12px 17px;font:600 13px inherit;cursor:pointer;box-shadow:0 5px 11px #1d6b5722}.primary:hover{background:#145443}.page{display:none;margin-top:34px}.active-page{display:block}.metric-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px}.metric-card{height:169px;background:white;border:1px solid var(--line);border-radius:13px;padding:20px;overflow:hidden;position:relative}.metric-card.highlight{background:#e5f3e4;border:0}.metric-label{color:#5b706a;font-size:12px}.metric-card strong{font:700 27px 'DM Serif Display';display:block;margin:10px 0 6px;letter-spacing:-.5px}.metric-card p{font-size:11px;color:#647771}.metric-card.highlight p{color:#31715c}.metric-icon{float:right;width:26px;height:26px;border-radius:8px;background:white;display:grid;place-items:center;color:var(--green);font-size:15px}.metric-icon.amber{color:var(--amber);background:#fff3dd}.metric-icon.purple{color:var(--purple);background:#f0edfc}.spark-bars{position:absolute;bottom:17px;right:18px;height:38px;display:flex;gap:5px;align-items:end}.spark-bars i{display:block;width:5px;border-radius:4px;background:#99c5a1}.spark-bars i:nth-child(1){height:10px}.spark-bars i:nth-child(2){height:16px}.spark-bars i:nth-child(3){height:13px}.spark-bars i:nth-child(4){height:26px}.spark-bars i:nth-child(5){height:21px}.spark-bars i:nth-child(6){height:31px}.spark-bars i:nth-child(7){height:25px}.spark-bars i:nth-child(8){height:37px}.meter{height:5px;background:#f3f5f2;position:absolute;bottom:25px;left:20px;right:20px;border-radius:5px}.meter span{display:block;height:100%;background:#e8b75e;border-radius:5px}.recurring-dots{position:absolute;bottom:22px;display:flex;gap:7px}.recurring-dots i{width:8px;height:8px;border-radius:50%;background:#cfc7ec}.recurring-dots i:nth-child(-n+4){background:#8e7fc9}.content-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin-top:18px}.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:21px}.panel h2,.page-head h2{font:600 17px 'DM Serif Display';letter-spacing:-.2px}.panel-header p,.page-head p{margin-top:4px;color:var(--muted);font-size:12px}.panel-header select,.page-head select{border:1px solid var(--line);background:white;border-radius:7px;padding:7px 10px;color:#526660;font:12px inherit}.chart-wrap{height:246px;display:flex;margin-top:18px}.y-labels{width:41px;display:flex;justify-content:space-between;flex-direction:column;color:#9aa7a3;font-size:10px;padding:0 5px 19px 0}.chart{flex:1;position:relative}.chart svg{width:100%;height:218px}.grid{stroke:#edf0ee;stroke-width:1}.x-labels{position:absolute;bottom:-1px;width:100%;display:flex;justify-content:space-between;color:#9aa7a3;font-size:10px}.chart circle{fill:white;stroke:#1b6b57;stroke-width:3}.text-button{background:transparent;border:0;color:var(--green);font:600 12px inherit;cursor:pointer}.donut-area{display:flex;flex-direction:column;align-items:center;padding:22px 0 8px}.donut{width:148px;height:148px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--green) 0deg 270deg,#e7ede9 270deg)}.donut:after{content:"";background:white;width:106px;height:106px;border-radius:50%;position:absolute}.donut div{z-index:1;text-align:center}.donut strong{font:700 20px 'DM Serif Display';display:block}.donut span{font-size:10px;color:var(--muted)}.legend{width:100%;margin-top:19px}.legend p{display:flex;align-items:center;font-size:11px;padding:6px 0;color:#61736d}.legend strong{margin-left:auto;color:var(--ink)}.legend i{width:8px;height:8px;border-radius:50%;margin-right:8px}.paid-dot{background:var(--green)}.unpaid-dot{background:#dce5df}.invoices-panel{margin-top:18px}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:10px;letter-spacing:.7px;color:#98a39f;padding:4px 10px 13px;font-weight:600}td{border-top:1px solid #edf0ee;padding:14px 10px;font-size:12px;color:#576963}td:first-child{font-weight:600;color:var(--ink)}td.amount{font-weight:600;color:var(--ink);white-space:nowrap}.badge{padding:5px 8px;border-radius:20px;font-size:10px;font-weight:600;white-space:nowrap}.badge.paid{background:#e6f4e9;color:#287452}.badge.pending{background:#fff3de;color:#aa6d16}.badge.overdue{background:#fde9e5;color:#b44e39}.row-actions{display:flex;gap:6px}.small-action{border:1px solid var(--line);background:white;color:var(--green);border-radius:6px;padding:5px 7px;font:11px inherit;cursor:pointer}.page-head{margin-bottom:25px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.toolbar input{padding:11px 14px;border:1px solid var(--line);border-radius:8px;background:white;width:310px;font:13px inherit;outline:none}.toolbar span{color:var(--muted);font-size:12px}.company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.company-card{background:white;border:1px solid var(--line);border-radius:12px;padding:19px;cursor:pointer}.company-card:hover{border-color:#a7c7b7;transform:translateY(-1px)}.company-top{display:flex;justify-content:space-between}.company-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:#fff;font-weight:700;font-size:13px}.company-card h3{font-size:15px;margin:16px 0 4px}.company-card p{font-size:11px;color:var(--muted)}.company-card footer{border-top:1px solid var(--line);margin-top:16px;padding-top:13px;display:flex;justify-content:space-between;color:#587068;font-size:11px}.filter-row{display:flex;gap:8px;margin-bottom:16px}.filter{border:1px solid var(--line);background:white;border-radius:20px;padding:8px 13px;font:12px inherit;color:#687a75;cursor:pointer}.filter.active{border-color:var(--green);background:#e8f3ed;color:var(--green);font-weight:600}.recurring-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:18px}.recurring-summary div{background:white;padding:18px 21px}.recurring-summary span,.stat-large span{display:block;color:var(--muted);font-size:12px}.recurring-summary strong{font:700 22px 'DM Serif Display';margin-top:7px;display:block}.stat-large{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-large article{background:#e6f2e7;border-radius:12px;padding:22px}.stat-large article:nth-child(2){background:#f9efe0}.stat-large article:nth-child(3){background:#eeecf8}.stat-large strong{display:block;font:700 28px 'DM Serif Display';margin:8px 0}.stat-large em{font-size:11px;color:#61746d;font-style:normal}.breakdown{margin-top:18px}.breakdown-bar{height:18px;border-radius:20px;overflow:hidden;background:#eef2ef;display:flex;margin:28px 0 15px}.breakdown-bar i:first-child{background:#1b6b57}.breakdown-bar i:last-child{background:#b5d650}.breakdown-labels{display:flex;gap:45px;font-size:12px;color:#61736d}.breakdown-labels span b{display:inline-block;width:8px;height:8px;background:#1b6b57;border-radius:50%;margin-right:7px}.breakdown-labels span+span b{background:#b5d650}.breakdown-labels strong{margin-left:8px;color:var(--ink)}.modal-backdrop{display:none;position:fixed;z-index:4;inset:0;background:#143b3266;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{background:#fff;border-radius:15px;width:min(620px,100%);max-height:90vh;overflow:auto;padding:27px;position:relative}.close{position:absolute;right:15px;top:11px;border:0;background:transparent;font-size:25px;color:#69807a;cursor:pointer}.modal h2{font:24px 'DM Serif Display';margin:0 0 6px}.modal .intro{color:var(--muted);font-size:12px;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}.field label{display:block;font-size:11px;font-weight:600;margin-bottom:6px;color:#526961}.field input,.field select,.field textarea{width:100%;border:1px solid #dce5e0;border-radius:7px;padding:10px;font:13px inherit;color:var(--ink);background:#fff}.field textarea{resize:vertical;min-height:65px}.modal-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.secondary{border:1px solid var(--line);background:white;color:#60746e;border-radius:8px;padding:10px 15px;font:600 12px inherit;cursor:pointer}@media(max-width:950px){.sidebar{width:65px;padding:25px 9px}.brand{font-size:0;padding-left:8px}.brand-mark{font-size:20px}.nav-item{font-size:0;padding:12px 14px}.nav-item span{font-size:20px}.sidebar-bottom>div:not(.profile-avatar),.more{display:none}main{margin-left:65px;width:calc(100% - 65px);padding:28px 22px}.metric-grid,.stat-large{grid-template-columns:1fr}.content-grid{grid-template-columns:1fr}.company-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){main{padding:22px 14px}.topbar{align-items:flex-start}.top-actions .icon-button{display:none}.primary{padding:10px}.metric-grid,.company-grid{grid-template-columns:1fr}.page{margin-top:25px}.table-wrap{overflow:auto}.table-wrap table{min-width:670px}.recurring-summary{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}
.auth-screen{position:fixed;z-index:10;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(120deg,#143b32 0%,#1c6b57 100%)}.auth-screen.hidden{display:none}.auth-card{width:min(420px,100%);background:#fffdfa;border-radius:17px;padding:36px;box-shadow:0 22px 70px #061f1970}.auth-logo{font:24px 'DM Serif Display';color:var(--ink);margin-bottom:37px;display:flex;gap:8px;align-items:center}.auth-logo span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--lime);font:12px 'DM Sans';font-weight:700}.auth-card h2{font:30px 'DM Serif Display';margin:6px 0 8px}.auth-copy{color:var(--muted);font-size:13px;line-height:1.55;margin-bottom:23px}.auth-card label{display:block;color:#4d625c;font-size:12px;font-weight:600;margin:13px 0 5px}.auth-card input{width:100%;margin-top:6px;border:1px solid #dce5e0;border-radius:8px;padding:12px;font:14px inherit;outline-color:var(--green)}.auth-submit{width:100%;margin-top:20px}.auth-switch,.demo-button{display:block;margin:15px auto 0;border:0;background:none;color:var(--green);font:12px inherit;cursor:pointer}.demo-button{color:#71817d;text-decoration:underline}.auth-error{color:#bd4a38;font-size:12px;min-height:17px;margin-top:11px}
.sidebar{width:270px}.brand{font-size:22px;white-space:nowrap}.brand-mark{font-size:11px;flex:0 0 30px}main{margin-left:270px;width:calc(100% - 270px)}.settings-panel{max-width:780px}.settings-save{margin-top:22px;display:flex;justify-content:flex-end}@media(max-width:950px){.sidebar{width:65px}.brand{font-size:0}.brand-mark{font-size:11px}main{margin-left:65px;width:calc(100% - 65px)}}
.badge.draft{background:#edf0ee;color:#60716c}.badge.sent{background:#e6eef9;color:#376b9d}.badge.partial{background:#eeeafa;color:#6555a4}.badge.cancelled{background:#f0f1ef;color:#78817e;text-decoration:line-through}.small-action.danger,.secondary.danger{color:#b44e39;border-color:#efd3cd}.company-card.archived{opacity:.62}.edit-hint{font-size:10px;color:var(--green);font-weight:600}.empty-card,.empty-state{padding:30px;color:var(--muted);text-align:center}.record-info{margin-top:18px;padding:11px 13px;border-radius:8px;background:#f5f7f4;color:var(--muted);font-size:12px}.invoice-items-head,.invoice-item{display:grid;grid-template-columns:minmax(180px,2fr) 85px 75px 110px 28px;gap:8px;align-items:center}.invoice-items-head{font-size:10px;color:#8b9a95;margin-bottom:6px}.invoice-item{margin-bottom:8px}.invoice-item input{min-width:0;border:1px solid #dce5e0;border-radius:7px;padding:9px;font:12px inherit}.remove-item{border:0;background:#fde9e5;color:#b44e39;border-radius:6px;height:32px;cursor:pointer}.add-line{padding:8px 0}.invoice-form-total{text-align:right;font-size:13px;margin-top:18px}.invoice-form-total strong{font:24px 'DM Serif Display';margin-left:10px}.app-toast{position:fixed;z-index:20;right:24px;bottom:24px;max-width:380px;padding:13px 17px;border-radius:9px;background:#173d34;color:white;box-shadow:0 10px 30px #173d3440;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.app-toast.show{opacity:1;transform:none}.app-toast.error{background:#a74838}@media(max-width:700px){.invoice-items-head{display:none}.invoice-item{grid-template-columns:1fr 1fr}.invoice-item input:first-child{grid-column:1/-1}.invoice-item .remove-item{grid-column:2;justify-self:end;width:32px}.filter-row{overflow-x:auto;padding-bottom:4px}}
.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.detail-grid div{background:#f5f7f4;border-radius:8px;padding:12px}.detail-grid span{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.detail-grid strong{font-size:13px}.detail-title{font:17px 'DM Serif Display';margin:24px 0 10px}.detail-list{border:1px solid var(--line);border-radius:9px;overflow:hidden}.detail-list>div{display:flex;justify-content:space-between;padding:11px 13px;border-bottom:1px solid var(--line);font-size:12px}.detail-list>div:last-child{border-bottom:0}.inline-delete{border:0;background:none;color:#b44e39;cursor:pointer;font-size:16px}.settings-save{gap:9px}@media(max-width:700px){.detail-grid{grid-template-columns:1fr 1fr}}