@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f5f6f8;--paper:#fff;--ink:#17202c;--muted:#818a98;--line:#e9ecf0;--green:#b8f36c;--green-dark:#477b20;--navy:#111923;--amber:#e8a53a;--red:#e26d6d;--violet:#9582ef;--shadow:0 8px 28px #18243308}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:246px;flex-shrink:0;background:var(--navy);color:#f4f6f8;padding:28px 17px 18px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:#fff;font:800 22px Manrope,sans-serif;letter-spacing:-1px;margin:0 10px 52px}.brand-mark{display:grid;place-items:center;background:var(--green);color:#1d2a1a;width:36px;height:36px;border-radius:12px;font-size:20px}.brand-light{font-weight:500;color:#aeb8c5}.brand small{display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:1.4px;color:#8490a0;margin-top:4px}.workspace-label,.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#9aa3b0}.workspace-label{padding:0 12px 13px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:#9ba6b4;text-align:left;padding:13px 12px;border-radius:9px;font-weight:600}.nav-item>span{width:18px;font-size:18px;text-align:center}.nav-item.active{background:#222d3a;color:#fff}.nav-item.active>span{color:var(--green)}.nav-item b{margin-left:auto;background:#35414e;padding:2px 7px;border-radius:6px;font-size:11px}.live-dot{margin-left:auto;width:6px;height:6px;background:var(--green);border-radius:50%}.sidebar-bottom{margin-top:auto;padding:20px 12px 22px;border-top:1px solid #2c3541}.privacy-icon{width:32px;height:32px;border:1px solid #43505e;border-radius:10px;display:grid;place-items:center;color:var(--green);font-size:19px;margin-bottom:15px}.sidebar-bottom strong{font-size:12px}.sidebar-bottom p{font-size:11px;color:#9ba6b4;line-height:1.7;margin:8px 0 14px}.local-status{font-size:9px;letter-spacing:1.2px;color:#a9b3bf;display:flex;align-items:center;gap:7px}.local-status span,.privacy-pill span,.local-badge span{height:6px;width:6px;background:#8bdc54;border-radius:50%}.profile{border-top:1px solid #2c3541;padding:17px 8px 0;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:#354a3a;color:var(--green);display:grid;place-items:center;font-weight:700}.profile strong,.profile small{display:block}.profile strong{font-size:12px}.profile small{font-size:10px;color:#96a1af;margin-top:3px}.profile-dots{margin-left:auto;color:#aab3be;letter-spacing:2px}.main{flex:1;min-width:0}.topbar{height:72px;background:#ffffffc9;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.1%;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.breadcrumbs{color:#8a93a0;font-size:12px}.breadcrumbs span{margin:0 9px;color:#c3c8d0}.breadcrumbs strong{color:#313a47}.top-actions{display:flex;align-items:center;gap:20px}.privacy-pill,.local-badge{display:flex;align-items:center;gap:8px;font-size:11px;color:#677282}.button{border:0;border-radius:8px;padding:11px 15px;font-weight:700;font-size:12px;transition:transform .15s,filter .15s}.button:hover{filter:brightness(.97);transform:translateY(-1px)}.button-primary{background:var(--green);color:#24351b;box-shadow:0 3px 8px #9ad94b20}.button-secondary{background:#f1f3f6;color:#394452;border:1px solid #e6e9ed}.button-dark{background:#18212c;color:white}.view{padding:34px 4.1% 40px;max-width:1600px;margin:auto}.hidden{display:none!important}.welcome-row,.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.eyebrow{color:#8d97a3;margin-bottom:12px}.welcome-row h1,.page-heading h1{font:700 clamp(26px,3vw,35px) Manrope,sans-serif;letter-spacing:-1.5px;margin:0}.welcome-row h1 em{font-style:normal;color:#5f8c35}.subheading{color:#89919e;margin:9px 0 0;font-size:13px}.month-chip{padding:9px 13px;border:1px solid #e5e8ec;background:white;border-radius:8px;font-size:11px;color:#596373;margin-bottom:3px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat-card,.panel{background:var(--paper);border:1px solid #eaedf1;border-radius:12px;box-shadow:var(--shadow)}.stat-card{padding:19px 20px}.stat-head{font-size:9px;letter-spacing:1.15px;color:#858e9c;font-weight:700;display:flex;align-items:center;justify-content:space-between}.stat-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;font-size:15px}.green{background:#eff9e4;color:#5b8e30}.amber{background:#fff5e5;color:#bc7d20}.red{background:#fff0ef;color:#cf5e5e}.violet{background:#f1eeff;color:#806ce0}.stat-value{font:700 28px Manrope,sans-serif;letter-spacing:-1px;margin:16px 0 8px}.stat-foot{font-size:11px;color:#969eaa}.content-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);gap:19px}.panel{padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:19px}.panel-heading h2,.output-heading h2{font:700 16px Manrope,sans-serif;letter-spacing:-.4px;margin:0}.panel-heading p{color:#939ba7;font-size:11px;margin:7px 0 0}.text-button{background:none;border:0;color:#628d38;font-weight:700;font-size:11px;padding:5px 0}.text-button span{margin-left:6px}.invoice-list{display:grid}.invoice-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:15px 0;border-top:1px solid #eff1f4}.invoice-main{display:flex;gap:11px;align-items:center;min-width:0}.invoice-symbol{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#f1f5ed;color:#658c3f;font-size:16px;flex-shrink:0}.invoice-main strong,.invoice-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-main strong{font-size:12px}.invoice-main small{font-size:10px;color:#929ba7;margin-top:5px}.invoice-amount{text-align:right;font-weight:700;font-size:12px;white-space:nowrap}.invoice-amount small{display:block;font-weight:400;color:#9aa2ad;font-size:10px;margin-top:4px}.status{display:inline-flex;padding:5px 8px;border-radius:5px;font-size:9px;font-weight:700;white-space:nowrap}.status-paid{background:#edf8e7;color:#53862c}.status-pending{background:#fff5e5;color:#ae7b27}.status-overdue{background:#fff0ef;color:#c45c5c}.empty-state{text-align:center;padding:30px 20px 20px;display:none}.empty-illustration{margin:0 auto 14px;width:48px;height:48px;border-radius:15px;background:#f1f6eb;color:#719d43;display:grid;place-items:center;font-size:22px}.empty-state strong{font:700 14px Manrope}.empty-state p{font-size:11px;color:#8f98a5;line-height:1.7;max-width:280px;margin:8px auto 17px}.ai-label{font-size:9px;letter-spacing:1.2px;color:#73954f;font-weight:800;margin-bottom:9px}.ai-label span{font-size:14px;margin-right:5px}.sparkle{font-size:23px;color:#8dc84b}.assistant-prompt{display:flex;gap:12px;padding:15px 0;border-top:1px solid #eff1f4}.prompt-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#eff8e5;color:#628b39;font-size:16px;flex-shrink:0}.violet-bg{background:#f1eeff;color:#8674df}.assistant-prompt strong{font-size:12px}.assistant-prompt p{font-size:11px;line-height:1.6;color:#9099a5;margin:5px 0}.model-status{display:flex;align-items:center;gap:10px;background:#f7f8f9;border:1px solid #edf0f2;padding:12px;border-radius:8px;margin-top:8px}.status-pulse{width:7px;height:7px;border-radius:50%;background:#c4cbd3;flex-shrink:0}.model-status strong{font-size:10px}.model-status p{font-size:10px;color:#929aa6;margin:4px 0 0;line-height:1.5}.icon-button{margin-left:auto;border:1px solid #e3e7eb;border-radius:7px;background:#fff;color:#647080;width:29px;height:29px}.bottom-banner{margin-top:20px;border-radius:12px;background:#eaf4df;border:1px solid #dcebcf;padding:19px 22px;display:flex;align-items:center;gap:16px}.banner-symbol{width:39px;height:39px;display:grid;place-items:center;background:#d5eabb;color:#517b2b;border-radius:11px;font-size:21px;flex-shrink:0}.bottom-banner>div:nth-child(2){flex:1}.bottom-banner strong{font:700 13px Manrope}.bottom-banner p{font-size:11px;color:#6e8061;margin:5px 0 0;line-height:1.6}.bottom-banner .button{flex-shrink:0}.page-heading{align-items:center}.page-heading h1{font-size:31px}.filter-row{display:flex;gap:10px;margin-bottom:18px}.search-box{display:flex;align-items:center;gap:8px;border:1px solid #e7eaee;border-radius:8px;padding:0 12px;flex:1;color:#9099a6}.search-box input{border:0;outline:0;width:100%;padding:11px 0;background:transparent;font-size:12px}.filter-row select,.tool-content select{border:1px solid #e7eaee;background:white;border-radius:8px;padding:0 12px;color:#46505d;font-size:12px;min-width:135px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:#939ba7;font-size:9px;letter-spacing:1px;font-weight:700;padding:12px 10px;border-bottom:1px solid #edf0f3}td{padding:15px 10px;border-bottom:1px solid #f0f2f5;font-size:11px;color:#596372}td strong{color:#27313d;font-size:11px}.table-action{border:0;background:#f3f5f7;border-radius:6px;color:#637080;padding:6px 8px}.table-empty{text-align:center;padding:40px;color:#929ba7;font-size:12px}.assistant-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:18px;align-items:start}.assistant-workspace{padding:0;overflow:hidden}.tool-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);padding:0 18px;overflow-x:auto}.tool-tab{background:none;border:0;border-bottom:2px solid transparent;padding:18px 12px;color:#8993a0;font-size:11px;white-space:nowrap}.tool-tab.active{color:#527d2c;border-bottom-color:#82bb4b;font-weight:700}.tool-content{padding:22px}.tool-content label,.modal label{display:block;font-size:11px;font-weight:700;color:#586271;margin:0 0 8px}.tool-content input,.tool-content textarea,.tool-content select,.modal input,.modal select{width:100%;border:1px solid #e4e8ed;background:#fff;border-radius:8px;padding:12px;margin-bottom:17px;outline:none;color:#27313d;font-size:12px}.tool-content input:focus,.tool-content textarea:focus,.modal input:focus{border-color:#9bc775;box-shadow:0 0 0 3px #a9d87d22}.tool-content textarea{resize:vertical;line-height:1.6}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.generate-button{width:100%;padding:13px}.privacy-note{font-size:10px;color:#9aa2ad;line-height:1.65;margin:14px 0 0}.output-panel{min-height:420px}.output-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #eff1f4}.output-placeholder{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.output-orbit{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#f0f7e8;color:#73a342;font-size:25px;margin-bottom:18px;box-shadow:0 0 0 9px #f7faf3}.output-placeholder strong{font:700 13px Manrope}.output-placeholder p{font-size:11px;color:#929ba7;line-height:1.7;max-width:250px}.ai-output{margin-top:18px;width:100%;border:1px solid #e7eaee;border-radius:8px;padding:14px;font-size:12px;line-height:1.8;resize:vertical;color:#364150;background:#fcfdfb;outline:none}.output-meta{display:flex;justify-content:space-between;gap:8px;margin-top:10px;font-size:9px;color:#8e98a4}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:#17212d;color:white;padding:12px 18px;border-radius:9px;font-size:12px;box-shadow:0 8px 30px #10151d25;transition:all .25s;z-index:20;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;background:#10172188;backdrop-filter:blur(4px);display:grid;place-items:center;z-index:10;padding:20px}.modal{width:min(100%,520px);background:#fff;border-radius:15px;padding:27px;box-shadow:0 24px 90px #10172140}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.modal-head h2{font:700 23px Manrope;margin:0;letter-spacing:-.8px}.modal-head p{color:#929aa6;font-size:11px;margin:7px 0 0}.close-button{border:0;background:#f3f5f6;width:30px;height:30px;border-radius:8px;font-size:21px;color:#687381}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:8px}.modal input,.modal select{margin-bottom:16px}.modal label{margin-bottom:7px}.local-badge{padding:9px 12px;background:#eff8e7;border-radius:8px;color:#648c3e;font-weight:700}.empty-table-row td{padding:35px;text-align:center;color:#9aa2ad}
@media(max-width:1100px){.sidebar{width:210px}.content-grid,.assistant-layout{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assistant-panel{min-height:0}.bottom-banner{align-items:flex-start;flex-wrap:wrap}.bottom-banner .button{margin-left:55px}}@media(max-width:700px){.sidebar{width:65px;padding:20px 8px}.brand{margin:0 auto 40px}.brand>span:nth-child(2),.workspace-label,.nav-item:not(.active)>b,.nav-item{font-size:0}.nav-item{justify-content:center;padding:13px 0}.nav-item>span{font-size:18px}.nav-item.active{font-size:0}.nav-item b,.nav-item .live-dot,.sidebar-bottom,.profile>div:not(.avatar),.profile-dots{display:none}.profile{justify-content:center;padding:15px 0 0}.topbar{height:62px;padding:0 16px}.privacy-pill{display:none}.top-actions{gap:8px}.top-actions .button{padding:10px}.view{padding:25px 15px}.welcome-row,.page-heading{align-items:flex-start;flex-direction:column}.month-chip{display:none}.stats-grid{gap:9px}.stat-card{padding:14px}.stat-value{font-size:23px}.stat-head{font-size:8px}.content-grid{gap:13px}.panel{padding:16px}.invoice-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.invoice-row .status{grid-column:2;grid-row:1}.invoice-amount{grid-column:1;grid-row:2;text-align:left;margin-left:47px}.invoice-amount small{display:inline;margin-left:7px}.filter-row{flex-wrap:wrap}.search-box{flex-basis:100%}.filter-row select{flex:1;min-height:38px}.filter-row .button{padding:9px}.two-fields{gap:8px}.tool-tabs{padding:0 8px}.tool-tab{padding:14px 8px;font-size:10px}.tool-content{padding:16px}.bottom-banner{padding:16px}.bottom-banner .button{margin-left:0}.modal{padding:20px}.modal .two-fields{grid-template-columns:1fr}.modal input,.modal select{margin-bottom:12px}}