:root{--green:#123d31;--green2:#1d5946;--mint:#e7f3eb;--gold:#d5b777;--ink:#22342d;--muted:#77877e;--line:#e5eae6;--bg:#f5f7f5;--white:#fff;--shadow:0 4px 22px #1b3c2810;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.shell{display:flex;min-height:100vh}.sidebar{width:248px;background:var(--green);color:#e3eee7;flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:11px;padding:26px 23px 25px;font-weight:800;font-size:22px;letter-spacing:-.8px}.brand-symbol{display:grid;place-items:center;width:37px;height:37px;background:#e3f0e8;color:var(--green);border-radius:12px;font-size:23px}.brand em{font-style:normal;color:var(--gold)}.tenant{margin:0 14px 22px;background:#ffffff12;border:1px solid #ffffff20;border-radius:11px;padding:13px;display:flex;align-items:center;gap:10px}.tenant-avatar{background:#d7b978;color:#1c3f30;font-weight:800;border-radius:9px;padding:10px}.tenant small{display:block;color:#b2c9bb;margin-top:3px}.nav-label{font-size:10px;letter-spacing:1.6px;color:#91b0a0;font-weight:800;margin:15px 24px 7px}.nav-item{display:flex;align-items:center;gap:12px;border:0;color:#d9e9de;background:transparent;text-align:left;padding:12px 16px;margin:2px 11px;border-radius:9px;width:calc(100% - 22px);font-size:13px}.nav-item:hover{background:#ffffff12}.nav-item.active{background:#f6faf6;color:var(--green);font-weight:750}.nav-icon{width:22px;text-align:center;font-size:16px}.side-bottom{margin-top:auto;padding:20px;font-size:11px;color:#a5c2b0;border-top:1px solid #ffffff1b}.workspace{flex:1;min-width:0}.topbar{height:75px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:15px}.crumb{font-size:13px;color:var(--muted)}.crumb strong{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:12px}.searchbox{border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:#f9fbf9;min-width:230px}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 12px}.avatar{width:35px;height:35px;border-radius:50%;background:#e4eee6;display:grid;place-items:center;font-weight:800;color:#28604a}.content{padding:30px;max-width:1640px;margin:auto}.heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:24px}.heading h1{font-size:27px;letter-spacing:-.9px;margin:0 0 7px}.muted{color:var(--muted)}.small{font-size:12px}.btn{background:#fff;border:1px solid #dce5df;border-radius:9px;padding:10px 14px;color:#355443;font-weight:650}.btn:hover{background:#f3f7f3}.btn.primary{background:var(--green2);border-color:var(--green2);color:white}.btn.gold{background:#f7f0df;border-color:#e9dab7;color:#806124}.btn.danger{color:#a33f3f}.buttons{display:flex;gap:9px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.metric,.panel{background:white;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.metric{padding:20px;min-height:139px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;font-weight:650}.metric-icon{width:35px;height:35px;display:grid;place-items:center;background:#edf4ef;border-radius:10px;font-size:18px}.metric strong{display:block;font-size:32px;letter-spacing:-1.3px;margin:10px 0 2px}.delta{font-size:11px;color:#3d8b61}.panel{padding:21px;min-width:0}.panel h2{font-size:16px;margin:0 0 17px;letter-spacing:-.3px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.panel-head h2{margin:0}.columns{display:grid;grid-template-columns:1.45fr 1fr;gap:18px;margin-bottom:18px}.columns.equal{grid-template-columns:1fr 1fr}.columns.three{grid-template-columns:1.2fr 1fr .9fr}.section-space{margin-bottom:18px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stage{padding:15px;border-radius:11px;border:1px solid #e2eae4;background:#f9fbf9}.stage .stage-symbol{font-size:22px}.stage b{display:block;margin:9px 0 3px}.stage strong{font-size:25px}.stage small{display:block;color:var(--muted);margin-top:5px}.bar{height:6px;background:#e9eee9;border-radius:10px;overflow:hidden;margin-top:13px}.bar span{display:block;background:#5e9b73;height:100%;border-radius:10px}.activity{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #eef1ee}.activity:last-child{border-bottom:0}.activity-icon{background:#edf4ed;border-radius:10px;min-width:36px;height:36px;display:grid;place-items:center}.activity p{margin:2px 0 5px}.badge{display:inline-block;border-radius:20px;padding:5px 9px;background:#e8f3eb;color:#39714d;font-size:11px;font-weight:700}.badge.orange{background:#fff2e1;color:#a66b22}.badge.blue{background:#eaf1fb;color:#3766a0}.badge.purple{background:#f1eafb;color:#7b56a0}.list-item{padding:12px 0;border-bottom:1px solid #eef1ee;display:flex;align-items:center;justify-content:space-between;gap:12px}.list-item:last-child{border:0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.cal-day{padding:10px 0;border-radius:8px;font-size:12px}.cal-day.head{color:#89998f;font-size:10px}.cal-day.event{background:#e6f2e9;color:#27613f;font-weight:800}.cal-day.today{background:var(--green);color:white;font-weight:800}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:580px}th{text-align:left;color:#829087;font-size:11px;text-transform:uppercase;letter-spacing:.7px;background:#f8faf8}td,th{padding:14px 12px;border-bottom:1px solid #edf0ed}td{font-size:13px}tr:last-child td{border:0}.person{display:flex;align-items:center;gap:10px;font-weight:700}.initial{width:34px;height:34px;background:#e4efe7;color:#37664c;border-radius:10px;display:grid;place-items:center;font-size:12px;font-weight:800}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:20px;overflow:auto}.tab{border:0;background:transparent;padding:12px 17px;color:#73847b;border-bottom:3px solid transparent;white-space:nowrap}.tab.active{border-color:#2c7753;color:#23583e;font-weight:800}.field{border:1px solid #dce5df;border-radius:8px;padding:10px 12px;background:white;color:var(--ink);min-width:0}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:17px}.toolbar .field{min-width:200px}.empty{padding:30px;text-align:center;color:var(--muted)}.service-layout{display:grid;grid-template-columns:300px 1fr;gap:18px}.service-list button{display:block;width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0ed;padding:16px}.service-list button.selected{background:#eaf4ed;border-left:4px solid #2b7851}.service-list button strong{display:block;margin-bottom:5px}.service-row{display:grid;grid-template-columns:85px 1fr 130px 60px;gap:12px;align-items:center;padding:15px;border-bottom:1px solid #e5e9e5}.service-row:nth-child(2n){background:#f6f9f6}.service-row .title{font-weight:750}.service-row small{display:block;margin-top:4px;color:var(--muted)}.service-row button{border:0;background:transparent;color:#7d8b80;font-size:18px}.statline{display:flex;gap:16px;flex-wrap:wrap}.statline>div{flex:1;min-width:110px;background:#f6faf7;border-radius:10px;padding:15px}.statline strong{display:block;font-size:23px;margin-top:7px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.group-card{padding:19px;border:1px solid var(--line);border-radius:12px;background:#fff}.group-card h3{margin:0 0 9px}.group-card p{margin:8px 0;color:var(--muted);font-size:12px}.modal-cover{position:fixed;inset:0;background:#0b2119a8;display:grid;place-items:center;padding:18px;z-index:30}.modal{background:#fff;border-radius:16px;padding:25px;width:min(560px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 90px #0003}.modal h2{margin:0 0 9px;font-size:21px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:19px 0}.form-grid label{display:flex;flex-direction:column;gap:7px;color:#5e7165;font-size:12px;font-weight:700}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #dce4dd;border-radius:8px;padding:11px;color:var(--ink)}.toast{position:fixed;right:20px;bottom:20px;background:#183f30;color:white;border-radius:11px;padding:15px 19px;z-index:50;box-shadow:0 10px 30px #0003}.demo-note{padding:12px 16px;border:1px solid #edddb6;background:#fff9eb;color:#8b6a30;border-radius:10px;font-size:12px;margin-bottom:18px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-left{background:linear-gradient(140deg,#103d2f,#275d45);color:white;padding:clamp(30px,7vw,90px);display:flex;flex-direction:column;justify-content:space-between}.login-left h1{font-size:clamp(38px,5vw,66px);letter-spacing:-2px;line-height:1.08;max-width:570px}.login-left p{color:#c2d8c9;font-size:17px;max-width:450px;line-height:1.7}.login-right{display:grid;place-items:center;padding:30px}.login-box{width:min(410px,100%)}.login-box h2{font-size:30px;letter-spacing:-1px}.login-box label{display:block;margin:17px 0 7px;font-weight:700}.login-box select{width:100%;padding:13px;border:1px solid var(--line);border-radius:9px}.login-box .btn{width:100%;margin-top:20px;padding:14px}.mobile-toggle{display:none}@media(max-width:1180px){.metrics{grid-template-columns:repeat(2,1fr)}.columns,.columns.three{grid-template-columns:1fr 1fr}.columns.three> :first-child{grid-column:1/-1}.card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.sidebar{position:fixed;z-index:20;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.mobile-toggle{display:inline-block}.topbar{padding:0 15px}.searchbox{display:none}.content{padding:18px}.columns,.columns.equal,.columns.three{grid-template-columns:1fr}.columns.three> :first-child{grid-column:auto}.service-layout{grid-template-columns:1fr}.service-list{max-height:200px;overflow:auto}.login{grid-template-columns:1fr}.login-left{min-height:240px;padding:30px}.login-left h1{font-size:34px}.login-left p{font-size:13px}.heading{align-items:flex-start;flex-direction:column}}@media(max-width:530px){.metrics,.journey,.card-grid{grid-template-columns:1fr 1fr}.metric{padding:14px;min-height:120px}.metric strong{font-size:26px}.stage{padding:10px}.service-row{grid-template-columns:65px 1fr 30px}.service-row .leader{display:none}.form-grid{grid-template-columns:1fr}.top-actions .crumb{display:none}.content{padding:12px}.panel{padding:15px}}
