:root{--ink:#17262c;--muted:#5f7179;--line:#e1e9ec;--surface:#fff;--canvas:#f5f8f9;--purple:var(--brand);--purple-dark:#005e73;--green:#239773;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:14px}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:254px;flex:0 0 254px;background:#fff;border-right:1px solid #ececf1;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;z-index:20}.brand{height:70px;display:flex;align-items:center;padding:0 23px;gap:11px;text-decoration:none;color:var(--ink)}.brand-mark{width:27px;height:27px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(-7deg)}.brand-mark span{border-radius:4px;background:var(--brand)}.brand-mark span:nth-child(2){background:#8ccbd6}.brand-mark span:nth-child(3){background:#006b82}.brand-mark span:nth-child(4){background:#e6f2f5}.brand-name{font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:-.7px}.brand-name span{display:block;color:#8e91a0;font-family:var(--font);font-size:9px;text-transform:uppercase;letter-spacing:2.4px;font-weight:700;margin-top:1px}.workspace-switcher{margin:4px 14px 14px;border:1px solid #ededf2;background:#fff;border-radius:11px;padding:9px 10px;display:flex;align-items:center;text-align:left;gap:9px;color:var(--ink);box-shadow:0 2px 7px #17262c08}.workspace-switcher:hover{background:#f3f9fa;border-color:#e6f2f5}.workspace-avatar,.profile-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(140deg,#f1c9a4,#df9f78);font-weight:700;color:#6e3f2d}.workspace-copy,.profile-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.workspace-copy strong,.profile-copy strong{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-copy small,.profile-copy small{font-size:10px;color:#999bab}.chevron{font-size:16px;color:#a1a3b1}.nav-list{padding:0 11px 9px;overflow:auto;scrollbar-width:thin;scrollbar-color:#e5e5ed transparent;flex:1}.nav-item{width:100%;height:34px;display:flex;align-items:center;gap:11px;padding:0 11px;border:0;border-radius:7px;background:transparent;color:#666b7f;text-align:left;font-size:12px;font-weight:500;margin:1px 0;transition:.15s}.nav-item:hover{background:#f3f9fa;color:#006b82}.nav-item.active{background:#f3f9fa;color:#006b82;font-weight:700}.nav-icon{width:17px;height:17px;display:inline-grid;place-items:center;font-size:17px;line-height:1;color:#969aac;font-weight:400}.active .nav-icon{color:var(--brand)}.nav-count{margin-left:auto;font-size:9px;color:#777c91;background:#f0f0f5;border-radius:10px;padding:2px 6px}.nav-count.warm{background:#fff0e8;color:#c87846}.nav-section{padding:13px 11px 5px;color:#a4a6b3;font-size:9px;font-weight:700;letter-spacing:1.15px}.new-tag{margin-left:auto;font-size:8px;color:var(--brand);background:#f3f9fa;padding:3px 5px;border-radius:4px;font-weight:700;letter-spacing:.5px}.app-icon{font-size:13px;width:17px;height:17px;border-radius:5px}.sheets{background:#eaf6ef;color:#3b9d70}.pdf{background:#fff0ed;color:#e37a6e}.ai{background:#f3f9fa;color:var(--brand)}.production{background:#e8f2ff;color:#5794db}.papers{background:#fff5e8;color:#d99a41}.sidebar-bottom{padding:8px 11px 12px;border-top:1px solid #f0f0f4}.plan-card{margin:8px 3px 9px;padding:11px 11px 10px;border-radius:9px;background:linear-gradient(120deg,#f3f9fa,#f3f9fa);border:1px solid #f3f9fa}.plan-top{display:flex;align-items:center;gap:6px;font-size:10px}.plan-dot{width:6px;height:6px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px #f3f9fa}.plan-card p{margin:7px 0 9px;color:#777b8d;font-size:10px}.plan-progress{height:4px;background:#e6f2f5;border-radius:4px;overflow:hidden}.plan-progress span{display:block;width:40%;height:100%;background:var(--brand);border-radius:4px}.plan-card small{display:block;font-size:9px;color:#a0a2b0;margin-top:6px}.profile-button{width:100%;display:flex;align-items:center;gap:9px;padding:8px 5px 0;border:0;border-top:1px solid #f1f1f5;background:transparent;text-align:left}.profile-avatar{background:#e4e7f2;color:#555f83;font-size:10px}.profile-copy strong{font-size:11px}.profile-copy small{font-size:9px}.main-area{flex:1;min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid #ececf1;display:flex;align-items:center;justify-content:space-between;padding:0 36px;position:sticky;top:0;z-index:10}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:11px;color:#9b9eae}.breadcrumb strong{color:#35394e;font-weight:600}.slash{color:#d2d3dc}.topbar-actions{display:flex;align-items:center;gap:15px}.search-trigger{height:35px;width:224px;border:1px solid #ececf1;background:#f3f9fa;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 9px;color:#a2a5b3;font-size:10px}.search-trigger:hover{border-color:#e6f2f5;background:#fff}.search-icon{font-size:19px;line-height:10px;color:#7c8095}.search-trigger kbd{margin-left:auto;border:1px solid #e7e7ed;background:#fff;border-radius:4px;padding:3px 5px;color:#9699a7;font-family:var(--font);font-size:9px}.icon-button{width:32px;height:32px;border:0;background:transparent;color:#73778a;border-radius:8px;font-size:16px;position:relative}.icon-button:hover{background:#f3f9fa}.notification-button i{position:absolute;width:5px;height:5px;right:7px;top:6px;background:#ef8d77;border:1px solid #fff;border-radius:50%}.new-button{height:35px;padding:0 13px;border:0;border-radius:7px;background:var(--brand);color:white;font-size:11px;font-weight:700;box-shadow:0 3px 8px color-mix(in srgb,var(--brand) 20%,transparent)}.new-button:hover{background:#006b82;transform:translateY(-1px)}.new-button span{font-size:16px;margin-right:4px;font-weight:400}.mobile-menu{display:none;border:0;background:transparent;color:#666;font-size:19px}.page-content{max-width:1510px;margin:0 auto;padding:30px 36px 18px}.welcome-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:23px}.eyebrow{font-size:9px;letter-spacing:1.05px;font-weight:700;color:#a0a2b0;margin:0 0 7px}.welcome-row h1{font-family:var(--display);font-size:25px;letter-spacing:-1px;margin:0;font-weight:700;color:#17262c}.wave{font-family:var(--font);font-size:17px;color:#edb665;vertical-align:4px;margin-left:3px}.subheading{margin:6px 0 0;font-size:11px;color:#9396a5}.date-picker,.select-button{border:1px solid #e8e8ef;background:#fff;border-radius:7px;padding:9px 11px;color:#656a7e;font-size:10px;display:flex;align-items:center;gap:8px}.date-picker:hover,.select-button:hover{border-color:#e6f2f5}.calendar-icon{color:var(--brand);font-size:13px}.date-picker .chevron,.select-button .chevron{font-size:14px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px}.metric-card,.panel{background:#fff;border:1px solid #ececf2;border-radius:10px;box-shadow:0 2px 7px #18204405}.metric-card{padding:15px 16px 12px;min-height:116px;position:relative;overflow:hidden}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-label{font-size:10px;color:#85899b;font-weight:500}.metric-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;font-size:13px;font-weight:700}.metric-icon.revenue{background:#f3f9fa;color:var(--brand)}.metric-icon.outstanding{background:#fff5e9;color:#e2a14e}.metric-icon.expenses{background:#eaf7f1;color:#399b78}.metric-icon.cash{background:#edf5ff;color:#6594d5}.metric-value{display:block;margin:11px 0 7px;font-family:var(--display);font-size:21px;letter-spacing:-.8px;font-weight:700;color:#292c40;white-space:nowrap}.metric-decimal{font-size:13px;letter-spacing:-.2px;color:#55596b;font-weight:600}.metric-foot{display:flex;align-items:center;gap:6px;color:#a1a3af;font-size:9px;position:relative}.trend{font-size:9px;font-weight:700;border-radius:4px;padding:3px 5px}.trend.up{color:#248767;background:#eaf6f1}.trend.down{color:#dc8b67;background:#fff2ec}.metric-note{color:#6c7083;font-weight:600}.sparkline{position:absolute;width:74px;height:27px;right:0;top:-7px;fill:none;stroke:var(--brand);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sparkline.lavender{stroke:#dcaa67}.sparkline.green{stroke:#50ae8b}.account-pips{margin-left:auto;display:flex}.account-pips i{width:12px;height:12px;border-radius:50%;background:var(--brand);border:2px solid white;margin-left:-3px}.account-pips i+ i{background:#43b38e}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr);gap:14px;margin-bottom:14px}.panel{padding:17px 18px}.revenue-panel{min-height:316px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-heading h2{font-family:var(--display);font-size:13px;letter-spacing:-.25px;margin:0 0 4px;font-weight:700;color:#17262c}.panel-heading p{margin:0;color:#a0a2b0;font-size:9px}.select-button{padding:7px 9px;font-size:9px;white-space:nowrap}.chart-summary{display:flex;align-items:center;gap:8px;margin-top:14px}.chart-summary strong{font-family:var(--display);font-size:18px;letter-spacing:-.6px}.chart-summary small{font-size:9px;color:#a1a3af}.chart-wrap{display:flex;height:151px;margin-top:6px}.chart-ylabels{width:40px;display:flex;flex-direction:column;justify-content:space-between;color:#b1b3be;font-size:8px;padding:8px 0 19px}.chart-area{position:relative;flex:1;min-width:0}.chart-gridlines{position:absolute;inset:7px 0 20px;display:flex;flex-direction:column;justify-content:space-between}.chart-gridlines i{width:100%;border-top:1px dashed #eeeef4}.revenue-chart{position:absolute;width:100%;height:calc(100% - 20px);left:0;top:4px;overflow:visible}.chart-fill{fill:url(#chartFill)}.chart-line{fill:none;stroke:var(--brand);stroke-width:2.5;vector-effect:non-scaling-stroke}.chart-point{fill:#fff;stroke:var(--brand);stroke-width:2;vector-effect:non-scaling-stroke}.chart-xlabels{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;color:#a3a5b1;font-size:8px}.chart-legend{display:flex;gap:16px;margin:6px 0 0 40px;color:#999cab;font-size:8px}.chart-legend span{display:flex;align-items:center;gap:5px}.legend-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.revenue-dot{background:var(--brand)}.expense-dot{background:#dec0a0}.tasks-panel{min-height:316px}.text-action,.activity-link{border:0;background:transparent;color:var(--brand);font-size:9px;font-weight:600;padding:2px 0;white-space:nowrap}.text-action span,.activity-link span{font-size:14px;margin-left:4px}.task-list{margin-top:15px}.task-row{position:relative;display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #f1f1f5;cursor:pointer}.task-row input{position:absolute;opacity:0;left:0}.task-check{height:15px;width:15px;border:1.5px solid #dadbe5;border-radius:5px;flex:0 0 15px;background:#fff;display:grid;place-items:center}.task-row input:checked+.task-check{background:var(--brand);border-color:var(--brand)}.task-row input:checked+.task-check:after{content:'✓';color:white;font-size:10px}.task-row:has(input:checked) .task-copy strong{text-decoration:line-through;color:#a9abb6}.task-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.task-copy strong{font-size:9px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4c5064}.task-copy small{font-size:8px;color:#a2a4b0}.priority{font-weight:600}.priority.high{color:#e2856d}.priority.medium{color:#dda75d}.priority.low{color:#58a48b}.task-avatar{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:7px;font-weight:700;flex:0 0 22px}.task-avatar.violet{background:#f3f9fa;color:var(--brand)}.task-avatar.blue{background:#e7f2ff;color:#5d8ec4}.task-avatar.peach{background:#fff0e8;color:#c67e57}.task-avatar.green{background:#e8f6ef;color:#4f9d7a}.add-task{height:31px;margin-top:8px;border:0;background:transparent;color:#7771a2;font-size:9px;font-weight:600;padding:0}.add-task span{font-size:14px;margin-right:4px;color:var(--brand)}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr);gap:14px}.invoices-panel{min-height:250px;padding-bottom:10px}.table-scroll{overflow:auto;margin-top:14px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}thead th{font-size:8px;letter-spacing:.6px;color:#a5a7b3;font-weight:700;padding:0 9px 9px}thead th:first-child,tbody td:first-child{padding-left:0}tbody td{border-top:1px solid #f1f1f5;padding:10px 9px;color:#9699a9;font-size:9px}.invoice-id{color:#575b70;font-size:9px;font-weight:600}.customer-cell{display:flex;align-items:center;gap:7px;color:#606477;font-weight:500}.customer-logo{width:19px;height:19px;border-radius:6px;display:grid;place-items:center;font-style:normal;font-size:8px;font-weight:700}.cl-1{background:#e8f5ed;color:#3d9b68}.cl-2{background:#fff0eb;color:#d47666}.cl-3{background:#edf1ff;color:var(--brand)}.cl-4{background:#fff4e2;color:#d39549}.amount-cell{color:#5d6175;font-weight:600}.status-badge{padding:4px 7px;border-radius:5px;font-size:8px;font-weight:600}.status-badge.paid{background:#eaf6f0;color:#30936d}.status-badge.pending{background:#fff7e9;color:#d39a49}.status-badge.overdue{background:#fff0ec;color:#d87563}.row-more,.more-button{border:0;background:transparent;color:#9b9eac;font-size:15px;padding:0 3px}.activity-panel{min-height:250px}.activity-list{margin-top:15px}.activity-row{display:flex;align-items:flex-start;gap:9px;padding:9px 0;border-bottom:1px solid #f2f2f6}.activity-mark{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;font-size:11px;font-weight:700;flex:0 0 23px}.activity-payment{background:#eaf6f0;color:#399879}.activity-invoice{background:#f3f9fa;color:var(--brand)}.activity-task{background:#edf4ff;color:#6792c9}.activity-row>div{flex:1;min-width:0}.activity-row p{margin:0 0 4px;display:flex;flex-direction:column;gap:2px;font-size:9px}.activity-row p strong{color:#565a6c;font-weight:600}.activity-row p span{color:#999baa}.activity-row small{color:#afb0ba;font-size:8px}.activity-amount{font-size:9px;color:#359676;font-weight:700;white-space:nowrap}.activity-link{margin-top:10px}.page-footer{display:flex;justify-content:space-between;padding:17px 2px 0;color:#b0b1bc;font-size:8px}.page-footer i{font-style:normal;color:#d2d2da;padding:0 5px}.flag-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:linear-gradient(180deg,#38976a 0 35%,#efbf50 35% 50%,#4f72bd 50%);padding:0!important;margin:0 2px}.page-footer b{color:#8b8e9e;font-size:9px}.overlay{position:fixed;inset:0;z-index:30;background:#17262c36;backdrop-filter:blur(2px)}.hidden{display:none!important}.popover{position:fixed;z-index:40;top:64px;right:26px;width:310px;background:#fff;border:1px solid #e9e9ef;border-radius:12px;box-shadow:0 16px 48px #17262c30;padding:16px}.popover.modal{top:50%;left:50%;right:auto;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 30px));padding:0;overflow:hidden}.popover h3{font-family:var(--display);font-size:14px;margin:0;color:#17262c}.popover p{font-size:10px;color:#989aa8;margin:5px 0 0}.popover-head{display:flex;justify-content:space-between;align-items:flex-start;padding:17px 18px;border-bottom:1px solid #eeeef3}.close-popover{border:0;background:transparent;color:#888b9a;font-size:18px;line-height:1;padding:0 3px}.quick-menu{padding:7px}.quick-option{width:100%;display:flex;align-items:center;gap:11px;padding:10px 9px;border:0;border-radius:8px;background:#fff;text-align:left}.quick-option:hover{background:#f3f9fa}.quick-option>i{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-style:normal;background:#f3f9fa;color:var(--brand);font-size:14px}.quick-option strong{display:block;font-size:10px;color:#45495d}.quick-option small{display:block;font-size:9px;color:#a2a4af;margin-top:3px}.search-input{width:100%;border:0;outline:0;padding:13px 3px 11px;font-size:12px;color:#34374d}.search-results{max-height:350px;overflow:auto}.search-result{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:7px;text-align:left;color:#616579;font-size:10px}.search-result:hover,.search-result.focus{background:#f3f9fa;color:#006b82}.search-result span:last-child{margin-left:auto;color:#acafbb;font-size:9px}.empty-search{padding:16px 8px;color:#a0a2b0;font-size:10px}.notification-item{display:flex;gap:9px;padding:12px 0;border-top:1px solid #f0f0f5}.notification-item i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#eef8f2;color:#3c9c76;font-style:normal}.notification-item p{line-height:1.5;margin:0}.notification-item strong{color:#55596d}.notification-item small{display:block;color:#a5a7b4;margin-top:4px;font-size:9px}.modal-body{padding:16px 19px 19px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-field{display:flex;flex-direction:column;gap:5px}.form-field.full{grid-column:1/-1}.form-field label{font-size:9px;color:#777b8e;font-weight:600}.form-field input,.form-field select,.form-field textarea{border:1px solid #e7e8ef;background:#f3f9fa;border-radius:7px;padding:9px 10px;outline:0;font-size:10px;color:#4b4f62}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#8ccbd6;box-shadow:0 0 0 3px var(--brand)15}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.secondary-button,.primary-button{border-radius:7px;padding:9px 12px;font-size:10px;font-weight:600}.secondary-button{border:1px solid #e6e6ed;background:#fff;color:#777b8c}.primary-button{border:0;background:var(--brand);color:#fff}.toast-region{position:fixed;z-index:60;right:22px;bottom:22px;display:flex;flex-direction:column;gap:8px}.toast{display:flex;align-items:center;gap:9px;background:#17262c;color:#fff;border-radius:8px;padding:11px 14px;box-shadow:0 8px 24px #17262c40;font-size:10px;animation:toast-in .2s ease-out}.toast i{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#32a17a;color:white;font-size:10px;font-style:normal}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-placeholder{min-height:70vh;display:grid;place-items:center}.placeholder-card{max-width:510px;text-align:center;padding:50px 30px;background:#fff;border:1px solid #ededf2;border-radius:12px;box-shadow:0 4px 20px #17262c06}.placeholder-icon{margin:0 auto 18px;width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:#f3f9fa;color:var(--brand);font-size:24px}.placeholder-card h1{font-family:var(--display);font-size:22px;letter-spacing:-.7px;margin:0 0 9px}.placeholder-card p{font-size:11px;color:#8f92a2;line-height:1.65;margin:0 auto 20px;max-width:380px}.placeholder-card .primary-button{display:inline-flex;align-items:center;gap:5px;text-decoration:none}.placeholder-note{display:block;color:#b0b2bd;font-size:9px;margin-top:15px}.toast-row{animation:fade-out 4s forwards}@media(max-width:1180px){.sidebar{width:224px;flex-basis:224px}.page-content{padding-left:25px;padding-right:25px}.topbar{padding:0 25px}.metric-grid{gap:9px}.metric-card{padding:13px}.metric-value{font-size:18px}.dashboard-grid,.bottom-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr)}}@media(max-width:930px){.sidebar{position:fixed;left:-260px;top:0;bottom:0;transition:left .22s ease;box-shadow:8px 0 24px #17262c15}.sidebar.open{left:0}.mobile-menu{display:block}.topbar{padding:0 20px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.tasks-panel{min-height:auto}.task-list{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.revenue-panel{min-height:300px}}@media(max-width:600px){.topbar{height:58px;padding:0 14px}.breadcrumb{font-size:10px;gap:6px}.topbar-actions{gap:7px}.search-trigger{width:34px;justify-content:center;padding:0;border:0;background:transparent}.search-trigger>span:not(.search-icon),.search-trigger kbd{display:none}.search-icon{font-size:20px}.new-button{height:32px;padding:0 9px;font-size:10px}.new-button span{margin:0 3px 0 0}.page-content{padding:23px 14px 16px}.welcome-row{align-items:flex-start;gap:12px;flex-direction:column;margin-bottom:17px}.welcome-row h1{font-size:22px}.date-picker{align-self:flex-start}.metric-grid{gap:8px}.metric-card{min-height:108px;padding:11px}.metric-label{font-size:9px}.metric-value{font-size:16px;margin:12px 0 7px}.metric-decimal{font-size:10px}.metric-foot{font-size:8px;gap:4px}.sparkline{width:52px}.dashboard-grid,.bottom-grid{gap:9px;margin-bottom:9px}.panel{padding:14px}.panel-heading h2{font-size:12px}.revenue-panel{min-height:294px}.chart-summary{margin-top:14px}.tasks-panel{min-height:auto}.task-list{display:block}.task-copy strong{font-size:9px}.invoices-panel{padding-right:12px;padding-left:12px}.activity-panel{min-height:auto}.page-footer{font-size:7px}.page-footer span:first-child{max-width:68%}.popover{right:10px;top:56px;width:calc(100vw - 20px)}.popover.modal{top:50%;left:50%;width:calc(100vw - 24px)}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.task-row{padding:9px 0}}