@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#182337;font-synthesis:none;text-rendering:optimizelegibility;font-optical-sizing:auto;background:#f4f6fa;font-family:DM Sans,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{color:#d7deea;z-index:5;background:#101b2d;flex-direction:column;width:250px;padding:27px 17px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;align-items:center;gap:11px;padding:0 9px 42px;font:800 19px Manrope,sans-serif;display:flex}.brand-mark{color:#172236;background:#e9b84d;border-radius:11px;place-items:center;width:34px;height:34px;font:800 12px Manrope;display:grid}.brand-ai{color:#e9b84d}.workspace-label{letter-spacing:1.6px;color:#7f8ba0;padding:0 12px 12px;font-size:10px;font-weight:700}.sidebar nav{gap:5px;display:grid}.nav-item{color:#aeb9ca;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;padding:12px 13px;font-size:13px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#223047}.nav-item.active{box-shadow:inset 3px 0 #e9b84d}.nav-icon{text-align:center;width:17px;font-size:17px}.nav-count{color:#fff;background:#36445a;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.plan-card{color:#e1e7ef;border:1px solid #344158;border-radius:10px;margin-bottom:16px;padding:13px;font-size:12px}.plan-dot{background:#e9b84d;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.plan-card small{color:#8795aa;margin:7px 0 0 15px;display:block}.user-chip{border-top:1px solid #344158;align-items:center;gap:10px;padding:12px 4px 0;display:flex}.avatar{color:#28374e;background:#e8edf5;border:0;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.user-chip strong,.user-chip small{text-overflow:ellipsis;white-space:nowrap;max-width:165px;display:block;overflow:hidden}.user-chip strong{color:#fff;font-size:11px}.user-chip small{color:#8795aa;margin-top:3px;font-size:10px}.signout{color:#9daabe;text-align:left;background:0 0;border:0;width:100%;padding:8px 4px;font-size:11px}.main-area{min-height:100vh;margin-left:250px}.topbar{background:#fff;border-bottom:1px solid #e8ebf1;justify-content:space-between;align-items:center;height:68px;padding:0 38px;display:flex}.breadcrumb{color:#8490a2;font-size:12px}.breadcrumb span{color:#c1c8d2;padding:0 9px}.topbar-right{align-items:center;gap:17px;display:flex}.connection{color:#7d8796;align-items:center;gap:7px;font-size:11px;display:flex}.connection i,.setting-status i{background:#e5b64d;border-radius:50%;width:7px;height:7px;display:inline-block}.connection.connected i,.setting-status i.ok{background:#2ca879}.top-avatar{width:30px;height:30px}.mobile-brand{display:none}.demo-banner{color:#6b5a32;background:#fff8e8;border:1px solid #f2e3bd;border-radius:9px;align-items:center;gap:10px;margin:20px 38px 0;padding:12px 15px;font-size:11px;display:flex}.demo-banner>span{color:#c38c25;font-size:18px}.demo-banner strong{color:#463817}.demo-banner button{color:#916b1e;white-space:nowrap;background:0 0;border:0;margin-left:auto;font-size:11px;font-weight:700}.notice{color:#28664a;text-align:left;background:#effaf4;border:1px solid #c9e6d8;border-radius:8px;width:calc(100% - 76px);margin:15px 38px 0;padding:11px 14px;font-size:12px;display:block}.notice b{float:right}.page{max-width:1500px;margin:auto;padding:34px 38px 55px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.eyebrow{letter-spacing:1.5px;color:#b18530;margin:0 0 9px;font-size:9px;font-weight:700}.page h1{letter-spacing:-.8px;color:#19263a;margin:0;font:800 27px Manrope,sans-serif}.subheading{color:#8993a2;margin:8px 0 0;font-size:12px}.button{border:0;border-radius:7px;padding:11px 16px;font-size:11px;font-weight:700;transition:all .15s}.button.primary{color:#fff;background:#17263d;box-shadow:0 2px 4px #15243a1c}.button.primary:hover{background:#263c5c;transform:translateY(-1px)}.button.secondary{color:#334158;background:#fff;border:1px solid #dce2eb}.button.secondary:hover{background:#f8f9fb}.button.small{padding:8px 11px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:19px;display:grid}.metric-card,.panel{background:#fff;border:1px solid #e8ebf1;border-radius:11px;box-shadow:0 2px 7px #1c2a4010}.metric-card{padding:17px 18px}.metric-top{color:#7f8a9a;justify-content:space-between;align-items:center;font-size:10px;display:flex}.metric-top i{color:#b58b38;background:#fbf5e8;border-radius:7px;place-items:center;width:27px;height:27px;font-size:14px;font-style:normal;display:grid}.metric-card>strong{color:#1c2a3e;margin:12px 0 4px;font:800 22px Manrope,sans-serif;display:block}.metric-card>small{color:#98a1af;font-size:10px}.content-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:17px;display:grid}.panel{padding:19px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.panel-heading h2,.settings-panel h2{color:#233148;margin:0;font:700 14px Manrope,sans-serif}.panel-heading p,.settings-panel>p{color:#919aa8;margin:5px 0 0;font-size:10px}.text-button{color:#9b7528;background:0 0;border:0;font-size:10px;font-weight:700}.estimate-list{display:grid}.estimate-row{border-top:1px solid #eff1f5;align-items:center;gap:12px;padding:13px 0;display:flex}.document-icon{color:#62738b;background:#f2f5fa;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.estimate-main{flex:1;min-width:0}.estimate-main strong,.estimate-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.estimate-main strong{color:#27354a;font-size:11px}.estimate-main small{color:#929baa;margin-top:4px;font-size:9px}.status{text-transform:capitalize;color:#748094;background:#f1f3f6;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:700}.status.accepted{color:#248153;background:#e8f7ef}.status.sent{color:#4576b8;background:#edf4ff}.status.declined{color:#b95c54;background:#fff0ef}.row-total{color:#27354a;text-align:right;min-width:65px;font-size:11px}.quick-panel{padding-bottom:14px}.quick-action{text-align:left;background:#fff;border:0;border-top:1px solid #eff1f5;align-items:center;gap:11px;width:100%;padding:12px 0;display:flex}.quick-action>span:nth-child(2){flex:1}.quick-action strong,.quick-action small{display:block}.quick-action strong{color:#29374b;font-size:10px}.quick-action small{color:#9aa3b0;margin-top:4px;font-size:9px}.quick-action>b{color:#a4adba;font-size:14px}.quick-icon{border-radius:8px;place-items:center;width:31px;height:31px;font-size:14px;display:grid}.quick-icon.gold{color:#b58a35;background:#fcf5e6}.quick-icon.blue{color:#5b83bb;background:#edf4ff}.quick-icon.green{color:#3a946d;background:#eaf7f0}.tip-card{background:#f7f8fb;border-radius:8px;margin-top:9px;padding:12px}.tip-card span{letter-spacing:1.2px;color:#b08534;font-size:8px;font-weight:700}.tip-card p{color:#788395;margin:6px 0 0;font-size:10px;line-height:1.6}.empty-state{text-align:center;padding:37px 15px}.empty-icon{color:#8290a4;background:#f3f5f9;border-radius:12px;place-items:center;width:40px;height:40px;margin:auto auto 11px;font-size:17px;display:grid}.empty-state h3{color:#344258;margin:0;font:700 13px Manrope}.empty-state p{color:#929baa;max-width:260px;margin:7px auto 14px;font-size:10px;line-height:1.5}.table-panel{padding:0;overflow:hidden}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:590px}th,td{text-align:left;border-bottom:1px solid #edf0f4;padding:14px 18px;font-size:10px}th{letter-spacing:1px;color:#929baa;background:#fafbfd;font-size:8px}td{color:#536074}td strong,td small{display:block}td strong{color:#27354a;font-size:10px}td small{color:#9aa3b0;margin-top:4px;font-size:9px}.right{text-align:right}.amount{color:#26354b;font-weight:700}.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.customer-card{align-items:center;gap:13px;display:flex}.customer-avatar{color:#98712d;background:#f5f0e5;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.customer-card strong{font-size:12px}.customer-card p{color:#7d899a;margin:4px 0;font-size:10px}.customer-card small{color:#a0a8b4;font-size:9px}.placeholder{text-align:center;padding:50px 20px}.placeholder>span{color:#b48b3d;font-size:30px}.placeholder h2{font:700 16px Manrope}.placeholder p{color:#8792a1;max-width:350px;margin:0 auto 17px;font-size:11px;line-height:1.6}.settings-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.settings-panel{padding:21px}.setting-status{color:#647186;background:#f6f8fa;border-radius:8px;align-items:center;gap:8px;margin-top:18px;padding:11px;font-size:10px;display:flex}.stack-form{gap:12px;margin-top:16px;display:grid}.stack-form label,.modal-form label{color:#59677c;gap:6px;font-size:10px;font-weight:600;display:grid}.stack-form input,.modal-form input,.modal-form select,.modal-form textarea{color:#25344a;background:#fff;border:1px solid #dfe4ec;border-radius:6px;outline:none;width:100%;padding:9px 10px;font-size:11px}.stack-form input:focus,.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:#b58a39;box-shadow:0 0 0 3px #eacb8030}.mode-switch{background:#f1f3f7;border-radius:7px;padding:3px;display:flex}.mode-switch button{color:#778397;background:0 0;border:0;border-radius:5px;flex:1;padding:7px;font-size:10px}.mode-switch button.selected{color:#26354b;background:#fff;box-shadow:0 1px 3px #0001}.default-row{color:#7e8999;border-top:1px solid #eff1f5;justify-content:space-between;padding:13px 0;font-size:10px;display:flex}.default-row strong{color:#29374b}.modal-backdrop{z-index:20;background:#101a2bbd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:13px;width:min(100%,520px);max-height:92vh;overflow:auto;box-shadow:0 20px 70px #0004}.modal.wide{width:min(100%,850px)}.modal-header{z-index:2;background:#fff;border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:17px 21px;display:flex;position:sticky;top:0}.modal-header h2{margin:0;font:800 16px Manrope}.modal-header button{color:#627087;background:#f2f4f7;border:0;border-radius:50%;width:29px;height:29px;font-size:19px}.modal-form{gap:14px;padding:19px 21px;display:grid}.form-two,.form-three{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-three{grid-template-columns:repeat(3,minmax(0,1fr))}.line-items-head{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.line-items-head h3{margin:0;font:700 12px Manrope}.line-items-head p{color:#929baa;margin:4px 0 0;font-size:9px}.line-items{gap:8px;display:grid}.line-item{background:#f8f9fb;border-radius:8px;grid-template-columns:1.5fr .9fr .55fr .8fr .9fr .9fr 22px;align-items:end;gap:7px;padding:10px;display:grid}.line-item label{font-size:8px}.line-item input,.line-item select{padding:8px 6px;font-size:10px}.remove-line{color:#ba625b;background:0 0;border:0;height:32px;font-size:20px}.remove-line:disabled{opacity:.25}.totals-box{background:#f7f8fa;border-radius:9px;gap:8px;width:min(100%,360px);margin-left:auto;padding:13px 15px;display:grid}.totals-box>div{color:#778397;justify-content:space-between;font-size:10px;display:flex}.totals-box strong{color:#344258}.totals-box .grand-total{color:#243249;border-top:1px solid #dfe4eb;margin-top:2px;padding-top:10px;font-weight:700}.totals-box .grand-total strong{color:#18263c;font:800 18px Manrope}.modal-actions{justify-content:flex-end;gap:8px;padding-top:5px;display:flex}.mobile-brand{color:#1b2940;align-items:center;gap:8px;font:800 14px Manrope}@media (width<=1050px){.sidebar{width:215px}.main-area{margin-left:215px}.page{padding:29px 25px}.topbar{padding:0 25px}.demo-banner{margin-left:25px;margin-right:25px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.quick-panel{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;display:grid}.quick-panel .panel-heading,.quick-panel .tip-card{grid-column:1/-1}}@media (width<=700px){.sidebar{width:auto;height:auto;padding:12px 15px;display:block;position:static}.brand{padding:0 3px 12px}.workspace-label,.sidebar-bottom{display:none}.sidebar nav{gap:4px;display:flex;overflow-x:auto}.nav-item{white-space:nowrap;padding:9px 10px;font-size:10px}.nav-icon{font-size:13px}.nav-count{display:none}.main-area{margin:0}.topbar{height:52px;padding:0 16px}.breadcrumb{display:none}.mobile-brand{display:flex}.topbar-right{gap:9px}.connection{font-size:9px}.page{padding:24px 15px 45px}.page-heading{flex-direction:column;align-items:flex-start;margin-bottom:19px}.page h1{font-size:23px}.page-heading>.button{width:100%}.demo-banner{flex-wrap:wrap;align-items:flex-start;margin:12px 15px 0}.demo-banner button{margin-left:28px}.notice{width:calc(100% - 30px);margin:12px 15px 0}.metric-grid{gap:9px}.metric-card{padding:13px}.metric-card>strong{font-size:18px}.metric-top,.metric-card>small{font-size:9px}.panel{padding:15px}.quick-panel{display:block}.customer-grid,.settings-grid{grid-template-columns:1fr}.estimate-row{gap:8px}.row-total{min-width:54px;font-size:10px}.status{padding:4px 6px;font-size:8px}.form-two,.form-three{grid-template-columns:1fr}.line-item{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.line-item label:first-child{grid-column:1/-1}.remove-line{grid-column:2;justify-self:end}.estimate-options{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-backdrop{padding:8px}.modal{max-height:96vh}.modal-form{padding:15px}.modal-header{padding:14px 16px}.totals-box{width:100%}}@media print{.sidebar,.topbar,.demo-banner,.button,.modal-backdrop{display:none!important}.main-area{margin:0}.page{padding:0}.panel,.metric-card{box-shadow:none}}