:root{--bg:#f8f6f4;--surface:#fff;--text:#3a2018;--muted:#7c6b64;--line:#ebe3df;--accent:#ee6e42;--accent-dark:#3a2018;--accent2:#ffad8b;--soft:#fff0e9;--green:#1c9462;--blue:#3c6dd8;--shadow:0 18px 55px rgba(58,32,24,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.demo-ribbon{height:34px;padding:0 max(16px,calc((100vw - 1440px)/2));display:flex;align-items:center;gap:12px;background:#0b1220;color:#cbd5e1;font-size:.62rem;font-weight:750}.demo-ribbon span{color:#ffad8b;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.demo-ribbon b{font-weight:650}.demo-ribbon a{margin-left:auto;color:#fff}.shell{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 34px)}.sidebar{position:sticky;top:0;height:calc(100vh - 34px);padding:18px 14px;background:#2b1812;color:#fff;display:flex;flex-direction:column}.brand{padding:5px 7px 20px}.brand img{width:158px;filter:brightness(0) invert(1)}.brand small{display:block;color:#bea49b;font-size:.61rem;margin-top:4px}.sidebar nav{display:grid;gap:3px}.nav{width:100%;border:0;background:transparent;color:#bca79f;border-radius:9px;padding:9px 11px;display:flex;gap:9px;align-items:center;text-align:left;font-size:.73rem;font-weight:800}.nav:hover,.nav.active{background:rgba(255,255,255,.08);color:#fff}.sidebar-bottom{margin-top:auto;display:grid;gap:10px}.workspace{display:flex;gap:9px;align-items:center;padding:10px;border-radius:10px;background:rgba(255,255,255,.07)}.workspace>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent);font-size:.6rem;font-weight:900}.workspace b,.workspace small{display:block}.workspace b{font-size:.62rem}.workspace small{font-size:.51rem;color:#bca79f}.sidebar-bottom>button{border:1px solid rgba(255,255,255,.14);background:transparent;color:#c7b7b1;border-radius:9px;padding:9px;font-size:.62rem;font-weight:800}.main{min-width:0}.topbar{height:66px;padding:0 22px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:18px}.search{position:relative;flex:1;max-width:520px}.search span{position:absolute;left:11px;top:8px;color:#9c8f8a}.search input{width:100%;padding:9px 11px 9px 33px;border:1px solid var(--line);border-radius:9px;background:#faf9f8;outline:none}.search input:focus{border-color:#ef9a7a;box-shadow:0 0 0 3px rgba(238,110,66,.08)}.top-actions{display:flex;align-items:center;gap:8px}.quick-add{border:0;background:var(--accent-dark);color:#fff;padding:8px 11px;border-radius:9px;font-size:.61rem;font-weight:850}.notif{position:relative;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:#fff}.notif i{position:absolute;right:6px;top:6px;width:7px;height:7px;border-radius:50%;background:var(--accent);border:2px solid #fff}.user{display:flex;gap:8px;align-items:center}.user>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--soft);color:var(--accent);font-size:.61rem;font-weight:900}.user b,.user small{display:block}.user b{font-size:.63rem}.user small{font-size:.5rem;color:var(--muted)}.content{padding:22px 26px 85px;max-width:1440px;margin:auto}.view-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.view-header small,.view-header h1{display:block;margin:0}.view-header small{font-size:.55rem;color:#9a8b85;font-weight:850;letter-spacing:.08em}.view-header h1{font-size:1.04rem}.date{font-size:.53rem;color:#9a8b85;font-weight:800}.view{display:none}.view.active{display:block}.hero{min-height:245px;padding:29px;border-radius:21px;background:linear-gradient(130deg,#fff0e8,#fffaf7);display:grid;grid-template-columns:1fr 220px;gap:20px;align-items:center}.eyebrow{font-size:.56rem;color:var(--accent);font-weight:950;letter-spacing:.09em}.hero h2{font-size:2.65rem;line-height:.92;letter-spacing:-.06em;margin:7px 0 12px}.hero p{color:var(--muted);font-size:.8rem}.hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.primary,.secondary{border:0;padding:9px 12px;border-radius:8px;font-size:.66rem;font-weight:900}.primary{background:var(--accent-dark);color:#fff}.secondary{background:#fff;border:1px solid var(--line);color:var(--text)}.full{width:100%}.light-button{background:#fff;color:var(--accent-dark)}.health{height:175px;padding:18px;border-radius:20px;background:#fff;border:1px solid var(--line);text-align:center;display:flex;flex-direction:column;justify-content:center}.health small,.health strong,.health span{display:block}.health small{font-size:.5rem;color:var(--muted);font-weight:850}.health strong{font-size:3.1rem;line-height:1;color:var(--green)}.health span{font-size:.58rem;color:var(--green);font-weight:850}.health-row{display:flex;gap:4px;margin-top:13px}.health-row i{flex:1;height:5px;border-radius:999px;background:#d8eee5}.health-row i:nth-child(-n+4){background:#40b783}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:9px 0}.stats article{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.stats small,.stats b,.stats span{display:block}.stats small{font-size:.53rem;color:var(--muted);font-weight:750}.stats b{font-size:1.2rem;margin:2px 0}.stats span{font-size:.5rem;color:#8f7e78}.dash-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:8px;margin-bottom:8px}.dash-grid.second{grid-template-columns:1.15fr .85fr}.card{padding:16px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 4px 15px rgba(58,32,24,.02)}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px}.card-head h3{font-size:.83rem;margin:3px 0 0}.text-btn{border:0;background:transparent;color:var(--accent);font-size:.57rem;font-weight:850}.pipeline-chart{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:end;height:155px}.chart-col{display:grid;gap:4px;text-align:center;align-content:end;height:100%}.chart-bar-wrap{height:110px;display:flex;align-items:flex-end;justify-content:center}.chart-bar{width:54%;min-height:6px;border-radius:6px 6px 2px 2px;background:linear-gradient(#ffb196,var(--accent))}.chart-col b{font-size:.69rem}.chart-col span{font-size:.51rem;color:var(--muted)}.task-mini{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.task-mini:last-child{border-bottom:0}.task-mini i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--soft);color:var(--accent);font-style:normal}.task-mini b,.task-mini small{display:block}.task-mini b{font-size:.62rem}.task-mini small{font-size:.5rem;color:var(--muted)}.task-mini time{font-size:.49rem;color:#a18f88}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.61rem}th{text-align:left;color:#9a8b85;font-size:.51rem;padding:8px;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em}td{padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:middle}td b{font-size:.62rem}.badge{display:inline-flex;padding:4px 7px;border-radius:999px;background:var(--soft);color:var(--accent);font-size:.49rem;font-weight:850}.job-mini{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.job-mini:last-child{border-bottom:0}.job-date{width:44px;padding:6px;text-align:center;border-radius:9px;background:var(--soft)}.job-date b,.job-date span{display:block}.job-date b{font-size:.78rem}.job-date span{font-size:.45rem;color:var(--accent);font-weight:900}.job-mini>div:nth-child(2) b,.job-mini>div:nth-child(2) small{display:block}.job-mini>div:nth-child(2) b{font-size:.61rem}.job-mini>div:nth-child(2) small{font-size:.49rem;color:var(--muted)}.job-mini>strong{font-size:.63rem}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px}.page-head h2{font-size:2.1rem;line-height:.96;letter-spacing:-.05em;margin:4px 0 6px}.page-head p{color:var(--muted);font-size:.71rem;margin:0}.pipeline-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:8px}.pipeline-summary span{padding:10px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:.55rem}.pipeline-summary b{display:block;color:var(--text);font-size:.95rem}.kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:8px;overflow:auto;padding-bottom:8px}.kanban-col{min-height:500px;padding:8px;border-radius:12px;background:#f0ece9}.kanban-head{display:flex;justify-content:space-between;align-items:center;padding:5px 4px 10px;font-size:.62rem;font-weight:900}.kanban-head span:last-child{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#fff;color:var(--muted)}.lead-card{padding:11px;margin-bottom:7px;border:1px solid var(--line);border-radius:10px;background:#fff}.lead-card b,.lead-card small{display:block}.lead-card b{font-size:.62rem}.lead-card small{font-size:.5rem;color:var(--muted)}.lead-value{font-size:.68rem;font-weight:950;color:var(--accent);margin:7px 0}.lead-card select{width:100%;padding:6px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:.53rem;font-weight:800}.filters{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}.filters button{border:1px solid var(--line);background:#fff;padding:7px 9px;border-radius:999px;font-size:.54rem;font-weight:800}.filters button.active{background:var(--accent-dark);color:#fff;border-color:var(--accent-dark)}.action-select{padding:5px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:.52rem}.search-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.search-row input{width:min(360px,100%);padding:9px;border:1px solid var(--line);border-radius:9px}.search-row span{font-size:.54rem;color:var(--muted)}.customer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.customer-card{padding:15px;border:1px solid var(--line);border-radius:12px;background:#fff}.customer-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--soft);color:var(--accent);font-size:.58rem;font-weight:900}.customer-card h3{font-size:.75rem;margin:10px 0 3px}.customer-card p{margin:2px 0;color:var(--muted);font-size:.54rem}.customer-card footer{display:flex;justify-content:space-between;padding-top:10px;margin-top:10px;border-top:1px solid var(--line);font-size:.51rem;color:var(--muted)}.customer-card footer b{color:var(--text)}.quote-layout{display:grid;grid-template-columns:1fr 330px;gap:8px}.form{display:grid;gap:9px}.form label{display:grid;gap:4px;font-size:.59rem;font-weight:800;color:#6b5952}.form input,.form textarea,.form select{width:100%;padding:9px;border:1px solid var(--line);border-radius:8px;outline:none}.form input:focus,.form textarea:focus,.form select:focus{border-color:#efa387;box-shadow:0 0 0 3px rgba(238,110,66,.08)}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.line-entry{display:grid;grid-template-columns:1fr 70px 100px auto;gap:6px;margin:10px 0}.line-entry input{padding:8px;border:1px solid var(--line);border-radius:8px}.quote-line{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:.58rem}.quote-line small{display:block;color:var(--muted)}.small-btn{border:1px solid var(--line);background:#fff;padding:5px 7px;border-radius:7px;font-size:.5rem;font-weight:800}.discount-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.discount-row label{position:relative;display:grid;gap:4px;font-size:.58rem;font-weight:800}.discount-row input{padding:8px 25px 8px 8px;border:1px solid var(--line);border-radius:8px}.discount-row label span{position:absolute;right:9px;bottom:8px;color:var(--muted)}.quote-summary{position:sticky;top:80px;align-self:start;padding:20px;border-radius:15px;background:var(--accent-dark);color:#fff}.eyebrow.light{color:#ffb292}.quote-brand{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #5b3a2e}.quote-brand img{width:120px;filter:brightness(0) invert(1)}.quote-brand small{font-size:.48rem;color:#c7afa5}.quote-project{padding:14px 0}.quote-project b,.quote-project span{display:block}.quote-project b{font-size:.77rem}.quote-project span{font-size:.52rem;color:#c6b2aa}.quote-totals div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #52362c;font-size:.57rem}.quote-totals span{color:#c2ada5}.quote-totals .grand{font-size:.78rem}.disclaimer{display:block;margin-top:8px;color:#a98e84;font-size:.48rem}.invoice-stats{margin-top:0}.invoice-status{font-weight:850}.invoice-status.Paid{color:var(--green)}.invoice-status.Sent{color:#c47b1f}.invoice-status.Draft{color:#7d716c}.task-columns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.task-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.task-row:last-child{border-bottom:0}.task-row input{width:15px;height:15px}.task-row.done b{text-decoration:line-through;color:#a69893}.task-row b,.task-row small{display:block}.task-row b{font-size:.61rem}.task-row small{font-size:.49rem;color:var(--muted)}.task-row time{font-size:.49rem;color:var(--accent)}.reports-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8px}.period{padding:8px;border:1px solid var(--line);border-radius:8px}.revenue-chart{height:230px;display:flex;align-items:flex-end;gap:9px;padding:15px 5px 0}.revenue-chart div{flex:1;position:relative;border-radius:7px 7px 2px 2px;background:linear-gradient(#ffb291,var(--accent))}.revenue-chart span{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);font-size:.49rem;color:var(--muted)}.breakdown{display:grid;gap:10px}.breakdown-row{display:grid;grid-template-columns:1fr auto;gap:8px}.breakdown-row b{font-size:.58rem}.breakdown-row span{font-size:.54rem;color:var(--muted)}.breakdown-track{grid-column:1/-1;height:6px;background:#f0eae7;border-radius:99px;overflow:hidden}.breakdown-track i{display:block;height:100%;background:var(--accent);border-radius:99px}.settings-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.toggle{display:grid!important;grid-template-columns:auto auto 1fr;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.toggle input{display:none}.toggle span{width:32px;height:18px;border-radius:99px;background:#ddd0ca;position:relative}.toggle span:before{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;border-radius:50%;background:#fff;transition:.2s}.toggle input:checked+span{background:var(--accent)}.toggle input:checked+span:before{transform:translateX(14px)}.toggle b{font-size:.58rem}.mobile-nav{display:none}.modal-backdrop{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:18px;background:rgba(47,24,17,.55)}.modal-backdrop.open{display:grid}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;border-radius:16px;background:#fff;box-shadow:0 30px 90px rgba(47,24,17,.28)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 18px;border-bottom:1px solid var(--line)}.modal-head h3{margin:3px 0;font-size:1.05rem}.modal-head>button{border:0;background:#f5f1ef;width:30px;height:30px;border-radius:8px}.modal-body{padding:18px}.search-results{position:fixed;z-index:120;top:58px;left:258px;width:min(500px,calc(100vw - 290px));max-height:420px;overflow:auto;padding:8px;border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:var(--shadow);display:none}.search-results.open{display:block}.search-result{padding:9px;border-radius:8px}.search-result:hover{background:#faf6f4}.search-result b,.search-result small{display:block}.search-result b{font-size:.59rem}.search-result small{font-size:.48rem;color:var(--muted)}.notification-panel{position:fixed;right:18px;top:72px;z-index:110;width:300px;padding:13px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);display:none}.notification-panel.open{display:block}.notification-panel .card-head button{border:0;background:transparent}.notice{display:flex;gap:8px;padding:9px 0;border-bottom:1px solid var(--line)}.notice:last-child{border-bottom:0}.notice i{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--soft);color:var(--accent);font-style:normal}.notice b,.notice small{display:block}.notice b{font-size:.59rem}.notice small{font-size:.49rem;color:var(--muted)}.toast{position:fixed;right:18px;bottom:18px;z-index:150;padding:10px 13px;border-radius:9px;background:#0b1220;color:#fff;font-size:.58rem;font-weight:800;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}
@media(max-width:1100px){.shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{position:fixed;left:50%;bottom:9px;z-index:80;transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,1fr);width:min(95vw,560px);padding:6px;border-radius:15px;background:#3a2018;box-shadow:0 15px 40px rgba(58,32,24,.28)}.mobile{border:0;background:transparent;color:#c5ada4;padding:7px 3px;border-radius:9px;display:grid;gap:2px;place-items:center;font-size:.72rem}.mobile span{font-size:.48rem}.mobile.active{background:#634032;color:#fff}.content{padding-bottom:85px}.search-results{left:20px;width:calc(100vw - 40px)}.settings-grid{grid-template-columns:1fr 1fr}.settings-grid>form:first-child{grid-column:1/-1}}
@media(max-width:850px){.user div{display:none}.hero{grid-template-columns:1fr}.health{display:none}.stats{grid-template-columns:1fr 1fr}.dash-grid,.dash-grid.second,.quote-layout,.reports-grid{grid-template-columns:1fr}.quote-summary{position:static}.customer-grid{grid-template-columns:1fr 1fr}.task-columns{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.settings-grid>form:first-child{grid-column:auto}.kanban{grid-template-columns:repeat(4,250px)}.line-entry{grid-template-columns:1fr 65px 85px}.line-entry button{grid-column:1/-1}}
@media(max-width:560px){.demo-ribbon b{display:none}.demo-ribbon{padding-inline:10px}.topbar{padding-inline:10px}.quick-add{display:none}.search{max-width:none}.content{padding:16px 11px 82px}.view-header .date{display:none}.hero{padding:22px}.hero h2{font-size:2.25rem}.stats{gap:6px}.page-head{align-items:flex-start;flex-direction:column}.page-head h2{font-size:1.85rem}.pipeline-summary{grid-template-columns:1fr 1fr}.customer-grid{grid-template-columns:1fr}.two{grid-template-columns:1fr}.search-row{align-items:flex-start;flex-direction:column}.discount-row{grid-template-columns:1fr}.user{display:none}}
button.search-result{display:block;width:100%;border:0;background:#fff;text-align:left;cursor:pointer}