@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#17233e;background:#f5f7fb;font-size:14px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif}h1{font-size:29px;letter-spacing:-.045em;line-height:1.25;margin-bottom:7px}h2{font-size:18px;letter-spacing:-.025em}.muted{color:#7c879c}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;flex:0 0 250px;min-height:100vh;background:#fff;border-right:1px solid #e7eaf0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:28px 22px 24px}.brand strong,.login-brand strong{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.08em;font-size:29px;color:#17243e;line-height:1}.brand small{display:block;color:#8d96a6;font-size:9px;letter-spacing:-.01em;margin-top:4px;white-space:nowrap}.brand-dot{color:#23c7a3}.brand-symbol{width:33px;height:33px;border-radius:10px;background:#162d59;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:8px 6px;transform:rotate(-6deg);box-shadow:0 5px 14px #172d5940}.brand-symbol span{width:4px;background:#54e1c5;border-radius:2px}.brand-symbol span:nth-child(1){height:8px}.brand-symbol span:nth-child(2){height:14px}.brand-symbol span:nth-child(3){height:20px}.workspace-label,.nav-caption{color:#abb3c0;font-size:10px;font-weight:800;letter-spacing:.11em}.workspace-label{padding:5px 22px 10px}.sidebar-workspace{display:flex;align-items:center;gap:10px;margin:0 14px 27px;padding:11px;border:1px solid #e9edf2;border-radius:10px;min-width:0}.sidebar-workspace>div:last-child{min-width:0}.sidebar-workspace strong{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-workspace small{display:block;color:#9ca6b5;font-size:10px;margin-top:3px}.workspace-icon{height:33px;width:33px;display:grid;place-items:center;border-radius:8px;background:#e9f8f5;color:#14856f;font-weight:800;flex:0 0 auto}.nav-main{padding:0 12px}.nav-caption{padding:0 11px 11px}.nav-caption-spaced{padding-top:28px}.nav-link{height:42px;display:flex;align-items:center;gap:11px;color:#67758b;font-weight:600;border-radius:9px;padding:0 12px;margin:2px 0}.nav-link:hover{background:#f4f8fb;color:#1f3151}.nav-link.active{background:#eaf7f4;color:#087b66;font-weight:800}.nav-icon{width:21px;font-size:20px;text-align:center;line-height:1;color:#8a9bad;font-family:Arial,sans-serif}.active .nav-icon{color:#09987a}.nav-arrow{margin-left:auto;font-size:19px;color:#b0bac8}.sidebar-bottom{margin-top:auto;padding:15px 13px 18px}.sidebar-help{display:flex;gap:11px;background:#eff8f6;padding:14px 12px;border-radius:10px;margin-bottom:15px}.help-icon{color:#02a881;font-size:21px}.sidebar-help strong{font-size:11px}.sidebar-help p{font-size:10px;line-height:1.5;color:#798b91;margin:4px 0 0}.sidebar-user{display:flex;align-items:center;gap:9px;padding:12px 7px 0;border-top:1px solid #edf0f3}.avatar,.top-avatar{height:34px;width:34px;border-radius:50%;display:grid;place-items:center;background:#f2d9bf;color:#77522f;font-weight:800;flex:0 0 auto}.sidebar-user>div{min-width:0;flex:1}.sidebar-user strong,.sidebar-user small{display:block}.sidebar-user strong{font-size:11px}.sidebar-user small{font-size:10px;color:#9da7b5;margin-top:3px}.logout-btn{border:0;background:none;color:#9aa6b5;font-size:19px}.main-column{flex:1;min-width:0}.topbar{height:74px;background:#fff;border-bottom:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;padding:0 39px;gap:12px}.breadcrumb{font-size:12px;color:#9ba5b4}.breadcrumb span{padding:0 10px;color:#ccd1da}.breadcrumb strong{color:#2d3d58;font-weight:700}.topbar-right{display:flex;align-items:center;gap:18px}.company-switch{height:38px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #e7ecf0;border-radius:8px;max-width:280px}.company-switch-dot{width:7px;height:7px;background:#17b894;border-radius:50%;flex:0 0 auto}.company-switch select{border:0;outline:0;background:transparent;color:#33415a;font-size:11px;font-weight:700;max-width:205px;appearance:none}.select-caret{color:#8895a7}.company-static{font-size:12px;font-weight:700}.top-avatar{height:32px;width:32px;font-size:11px}.menu-button{display:none;background:none;border:0;color:#253653;font-size:23px}.main-content{max-width:1510px;margin:0 auto;padding:35px 39px 60px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading p{color:#8994a6;margin:5px 0 0;font-size:12px}.page-actions{display:flex;gap:9px;align-items:center}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.13em;color:#05a98a}.eyebrow.light{color:#66e4ca}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 15px;border-radius:8px;border:1px solid #e1e7ed;background:#fff;color:#40506b;font-size:11px;font-weight:800;white-space:nowrap}.btn:hover{filter:brightness(.97)}.btn-primary{background:#11a984;color:#fff;border-color:#11a984;box-shadow:0 4px 12px #10a9842b}.btn-outline{background:#fff}.btn-soft{background:#e9f8f4;border-color:#e9f8f4;color:#0b8b70}.btn-danger{color:#bc4f54;border-color:#f1d3d6}.btn-block{width:100%}.btn-sm{min-height:31px;padding:0 10px}.card{background:#fff;border:1px solid #ebeff4;border-radius:12px;box-shadow:0 3px 14px #17243e06}.card-padding{padding:22px}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:21px 23px 0}.card-header h2{margin:0;font-size:15px}.card-header p{margin:4px 0 0;font-size:11px;color:#9aa5b5}.card-link{font-size:11px;color:#08997b;font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.metric-card{padding:22px 21px;min-height:150px}.metric-top{display:flex;justify-content:space-between;align-items:flex-start}.metric-icon{height:32px;width:32px;border-radius:8px;display:grid;place-items:center;font-size:18px;background:#e7f9f3;color:#11a881}.metric-icon.blue{background:#eaf3ff;color:#5599e9}.metric-icon.orange{background:#fff4e4;color:#e4a348}.metric-icon.violet{background:#f0edfc;color:#9279de}.metric-label{color:#8491a4;font-size:11px;font-weight:700;margin:16px 0 7px}.metric-value{font-family:Manrope,sans-serif;font-size:23px;font-weight:800;letter-spacing:-.045em;color:#1c2b46;white-space:nowrap}.metric-foot{font-size:10px;color:#9aa6b6;margin:8px 0 0}.metric-foot strong{color:#10a881}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.85fr);gap:18px}.stack{display:flex;flex-direction:column;gap:18px}.section-spacer{margin-top:18px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{font-size:10px;color:#a0aabd;text-transform:uppercase;letter-spacing:.06em;background:#fafbfd;font-weight:800;padding:13px 18px;white-space:nowrap}.data-table td{padding:15px 18px;border-top:1px solid #eff2f6;font-size:11px;color:#62718a;vertical-align:middle}.data-table tr:hover td{background:#fbfcfe}.data-table .strong{color:#243650;font-weight:800}.data-table .number{text-align:right;font-variant-numeric:tabular-nums}.data-table th.number{text-align:right}.data-table .link{color:#0b997a;font-weight:800}.data-table .link:hover{text-decoration:underline}.data-table tbody tr[hidden]{display:none}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:800;white-space:nowrap}.badge:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.badge.posted,.badge.resolved,.badge.profit,.badge.active{background:#e5f7f0;color:#0b986e}.badge.approved,.badge.medium{background:#e8f1ff;color:#4b81c3}.badge.submitted,.badge.high{background:#fff1e4;color:#d58429}.badge.draft,.badge.cost,.badge.low{background:#f0f2f6;color:#8490a1}.badge.closed{background:#f1f1f4;color:#8b8d9d}.spark-bars{height:115px;display:flex;align-items:flex-end;gap:7px;padding:0 22px 22px}.spark-bars span{flex:1;min-width:4px;background:#d9f2e9;border-radius:4px 4px 0 0}.spark-bars span.highlight{background:#13b28b}.insight-list{padding:8px 22px 18px}.insight-item{display:flex;gap:11px;padding:13px 0;border-bottom:1px solid #eff2f5}.insight-item:last-child{border:0}.insight-dot{height:7px;width:7px;border-radius:50%;background:#e8a84e;margin-top:5px;flex:0 0 auto}.insight-dot.green{background:#16b48d}.insight-item strong{font-size:11px;display:block;color:#263750}.insight-item p{font-size:10px;color:#94a0b0;margin:4px 0 0;line-height:1.5}.progress-track{height:6px;background:#edf3f3;border-radius:8px;overflow:hidden}.progress-track span{display:block;height:100%;background:#18b18d;border-radius:8px}.unit-row{padding:14px 22px;border-bottom:1px solid #f0f2f5}.unit-row:last-child{border:0}.unit-row-top{display:flex;justify-content:space-between;font-size:11px;margin-bottom:8px}.unit-row-top strong{color:#283854}.unit-row-top span{color:#6e7a90}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;gap:15px}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tab{font-size:11px;font-weight:700;color:#8b97a8;padding:8px 12px;border-radius:7px}.tab.active{color:#0b9d7e;background:#eaf8f4}.search-box{display:flex;align-items:center;gap:8px;border:1px solid #e4eaf0;padding:0 11px;border-radius:8px;height:34px;background:#fff;color:#a1acbc}.search-box input{border:0;outline:0;min-width:200px;font-size:11px}.empty-state{padding:42px;text-align:center;color:#95a2b3;font-size:12px}.empty-state strong{display:block;color:#34455f;margin-bottom:5px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid .full{grid-column:1/-1}.field label,.login-form label{display:block;font-size:11px;font-weight:800;color:#42516b;margin-bottom:8px}.field input,.field select,.field textarea,.login-form input{width:100%;border:1px solid #e0e7ee;background:#fff;border-radius:8px;padding:10px 12px;color:#253650;outline:0;min-height:40px;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus,.login-form input:focus{border-color:#0db28b;box-shadow:0 0 0 3px #0db28b18}.field textarea{min-height:86px;resize:vertical}.field small{font-size:10px;color:#a0aabd;display:block;margin-top:5px}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding-top:18px;border-top:1px solid #eef1f5;margin-top:22px}.form-intro{display:flex;gap:12px;padding:15px;background:#f2f9f7;border-radius:9px;color:#497069;font-size:11px;margin-bottom:22px;line-height:1.5}.form-intro strong{color:#13836b}.detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.8fr);gap:18px}.info-list{padding:6px 22px 18px}.info-row{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #eff2f5;font-size:11px}.info-row:last-child{border:0}.info-row span{color:#98a3b3}.info-row strong{color:#2b3c57;text-align:right}.timeline{padding:10px 23px 23px}.timeline-step{display:flex;gap:13px;position:relative;padding-bottom:18px}.timeline-step:before{content:'';position:absolute;left:10px;top:25px;bottom:-2px;width:1px;background:#e4eaf0}.timeline-step:last-child:before{display:none}.timeline-step .step-circle{height:21px;width:21px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#e9f8f3;color:#0ca482;font-size:11px;font-weight:800}.timeline-step.inactive .step-circle{background:#eff2f6;color:#abb5c3}.timeline-step strong{display:block;font-size:11px;color:#33445f}.timeline-step small{display:block;margin-top:4px;color:#9eabba;font-size:10px}.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:18px}.report-card{padding:20px}.report-card small{font-size:11px;color:#95a1b0}.report-card strong{display:block;margin-top:9px;font-family:Manrope,sans-serif;color:#233550;font-size:21px}.report-section{padding:19px 23px;border-bottom:1px solid #eef1f5}.report-section:last-child{border:0}.report-section h3{font-size:12px;margin-bottom:12px}.report-line{display:flex;justify-content:space-between;padding:7px 0;font-size:11px;color:#6c7a90}.report-line strong{color:#34445e}.report-total{border-top:1px solid #e7ecf0;margin-top:7px;padding-top:11px;font-weight:800;color:#22344e}.alert-card{padding:20px;display:flex;gap:16px;margin-bottom:12px}.alert-sign{height:35px;width:35px;border-radius:9px;background:#fff3e8;color:#d99037;display:grid;place-items:center;font-size:17px;flex:0 0 auto}.alert-card.high .alert-sign{background:#ffeaec;color:#d26069}.alert-body{flex:1}.alert-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.alert-body h3{font-size:13px;margin:0}.alert-body p{font-size:11px;color:#77849a;line-height:1.6;margin:8px 0}.alert-meta{font-size:10px;color:#a2adbc}.alert-actions{display:flex;align-items:flex-start}.flash{padding:13px 17px;margin-bottom:20px;border-radius:9px;font-size:12px;display:flex;align-items:center;gap:10px}.flash.success{background:#e8f7f0;color:#0b8d67}.flash.error{background:#fff0ef;color:#bb5458}.subtle-note{font-size:10px;color:#9ba7b5;margin-top:18px}.pill-info{font-size:10px;color:#4f92c6;background:#edf6fc;padding:7px 9px;border-radius:7px}.menu-button{flex:0 0 auto}
/* Sign in */
.login-body{background:#fff}.login-shell{min-height:100vh;display:grid;grid-template-columns:50% 50%}.login-story{background:#132b53;color:#fff;padding:42px 55px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:before,.login-story:after{content:'';position:absolute;border-radius:50%;border:1px solid #ffffff13;width:650px;height:650px;right:-340px;bottom:-320px}.login-story:after{width:490px;height:490px;right:-260px;bottom:-240px}.login-brand{display:flex;gap:11px;align-items:center;position:relative;z-index:1}.login-brand strong{color:#fff}.login-brand .brand-symbol{background:#27446d}.login-story-center{max-width:490px;margin:auto 0;position:relative;z-index:1}.login-story h1{font-size:47px;line-height:1.16;color:#fff;margin:17px 0;letter-spacing:-.055em}.login-story h1 em{font-style:normal;color:#6be0c9}.login-story p{max-width:390px;color:#bdcadb;line-height:1.7;font-size:14px}.login-stats{display:flex;gap:50px;margin-top:55px}.login-stats strong{display:block;font-size:15px;color:#fff}.login-stats span{display:block;font-size:11px;color:#9fb1cb;margin-top:6px}.login-story-footer{font-size:10px;color:#8ba0bd;position:relative;z-index:1}.login-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:50px}.login-card{width:100%;max-width:385px}.login-card h2{font-size:28px;margin:13px 0 8px;letter-spacing:-.04em}.login-card>.muted{font-size:12px;margin-bottom:30px}.login-form label{font-size:11px;margin-bottom:17px}.login-form input{display:block;margin-top:8px;min-height:44px}.login-form .btn{min-height:45px;margin-top:8px;justify-content:space-between;padding:0 17px;font-size:12px}.demo-note{display:flex;gap:12px;background:#f4f9f8;padding:16px;border-radius:9px;margin-top:27px;font-size:11px;color:#427268}.demo-note>span{font-size:19px;color:#12a986}.demo-note strong{color:#17856e}.demo-note p{margin:5px 0 0;line-height:1.6}.login-panel-footer{position:absolute;bottom:30px;font-size:10px;color:#a7b1c0}.login-mobile-brand{display:none}
@media(max-width:1150px){.sidebar{width:220px;flex-basis:220px}.main-content{padding:30px 25px}.topbar{padding:0 25px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sidebar{position:fixed;left:-260px;transition:left .25s;box-shadow:4px 0 24px #17243e13}.sidebar.open{left:0}.menu-button{display:block}.topbar{height:60px;padding:0 17px}.main-content{padding:24px 16px}.breadcrumb{display:none}.company-switch{max-width:230px}.company-switch select{max-width:155px}.topbar-right{margin-left:auto;gap:10px}.page-heading{flex-direction:column}.metric-grid,.report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{padding:16px}.metric-value{font-size:19px}.stack,.detail-grid{display:block}.stack>.card,.detail-grid>.card{margin-bottom:14px}.toolbar{flex-direction:column;align-items:stretch}.form-grid{grid-template-columns:1fr}.login-shell{display:block}.login-story{display:none}.login-panel{min-height:100vh;padding:28px}.login-mobile-brand{display:block;font-family:Manrope,sans-serif;font-weight:800;font-size:30px;letter-spacing:-.08em;margin-bottom:50px}.login-panel-footer{bottom:20px}}
@media(max-width:480px){.metric-grid,.report-grid{grid-template-columns:1fr}.metric-card{min-height:125px}.company-switch{max-width:180px}.company-switch select{max-width:113px}.top-avatar{display:none}.page-actions{width:100%;flex-wrap:wrap}.page-actions .btn{flex:1}.data-table th,.data-table td{padding:12px}}
.journal-lines-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:25px 0 12px}.journal-lines-head h2{font-size:15px;margin-bottom:4px}.journal-lines-head p{margin:0}.journal-line{display:grid;grid-template-columns:20px minmax(150px,1.5fr) minmax(120px,1fr) minmax(92px,.75fr) minmax(92px,.75fr) 25px;align-items:center;gap:8px;margin-bottom:9px}.journal-line select,.journal-line input{width:100%;min-height:37px;border:1px solid #e0e7ee;border-radius:7px;padding:7px;color:#32425d;font-size:11px}.line-number{font-size:11px;color:#9eabb9;font-weight:800}.remove-line{border:0;background:none;color:#c7a0a5;font-size:22px}.journal-totals{display:flex;justify-content:flex-end;gap:22px;align-items:center;padding:12px 0 0;font-size:11px;color:#8a96a7}.journal-totals strong{color:#33445e;margin-left:5px}.journal-totals .badge{font-size:9px}@media(max-width:880px){.journal-line{grid-template-columns:20px 1fr 1fr 25px}.journal-line input{grid-column:span 1}.journal-totals{flex-wrap:wrap}}@media(max-width:580px){.journal-line{grid-template-columns:20px 1fr 25px}.journal-line select,.journal-line input{grid-column:2}.journal-line .remove-line{grid-column:3;grid-row:1}.journal-totals{justify-content:flex-start}}
.allocation-target{display:grid;grid-template-columns:1fr 80px 20px;gap:7px;margin-bottom:8px}.allocation-target select,.allocation-target input{min-height:36px;width:100%;border:1px solid #e0e7ee;border-radius:7px;padding:6px 9px;font-size:11px;color:#31415c}.remove-target{background:none;border:0;color:#c7a0a5;font-size:21px}.allocation-total{text-align:right;color:#8895a6;font-size:11px;margin-top:9px}.allocation-total strong{margin-left:5px;color:#be795c}@media print{.sidebar,.topbar,.page-actions,.btn,.flash,.nav-main{display:none!important}.main-column{width:100%}.main-content{padding:0}.card{box-shadow:none}.page-heading{margin-bottom:15px}body{background:#fff}}