:root{--ink:#183b32;--muted:#779087;--line:#e4ebe4;--cream:#f8f9f4;--green:#245842;--green2:#366b51;--sage:#e9f0e5;--gold:#bf9149;--white:#fff;--shadow:0 12px 35px rgba(31,66,46,.055)}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--cream)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{display:flex;min-height:100vh}.sidebar{width:250px;flex:none;background:#183e30;color:#e6eee7;display:flex;flex-direction:column;padding:29px 15px 18px;position:sticky;top:0;height:100vh;z-index:3}.brand{display:flex;align-items:center;gap:10px;padding:0 15px 36px}.brandmark{border:1px solid #9cbd9d;color:white;width:41px;height:41px;border-radius:12px;display:grid;place-items:center;font-family:Outfit;font-weight:800;font-size:16px;letter-spacing:-2px}.brandmark span{color:#d6ad63;font-size:11px;letter-spacing:0;margin:-2px}.brand strong{display:block;font:600 15px Outfit}.brand small{display:block;color:#9ebbaa;letter-spacing:2px;font-size:9px;margin-top:2px}.workspace-label{font-size:10px;color:#83a691;letter-spacing:1.8px;margin:0 15px 13px;font-weight:700}nav{display:grid;gap:5px}nav button{border:0;background:transparent;color:#bfd3c5;text-align:left;padding:12px 15px;border-radius:9px;font-weight:600;font-size:13px}nav button span{font-size:18px;display:inline-block;width:28px;vertical-align:-1px;font-weight:400}nav button:hover,nav button.active{background:#2c6249;color:#fff}nav button.active{box-shadow:inset 3px 0 #d3a65f}.sidebar-bottom{margin-top:auto}.storage-note{font-size:10px;color:#aac4b3;padding:12px}.status-dot{display:inline-block;width:7px;height:7px;background:#a9d392;border-radius:50%;margin-right:5px}.outline-side{display:block;width:100%;text-align:left;border:1px solid #4b755e;background:transparent;color:#d6e5d8;padding:10px 12px;border-radius:8px;margin-bottom:7px;font-size:11px}.profile{border-top:1px solid #416951;margin-top:20px;padding:18px 9px 0;display:flex;gap:10px;align-items:center}.profile .avatar,.top-avatar{width:32px;height:32px;background:#d7e2cf;color:#24523b;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800}.profile b{font-size:11px}.profile small{display:block;font-size:10px;color:#aac4b3;margin-top:2px}.profile>span{margin-left:auto}main{flex:1;min-width:0}.topbar{height:70px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.breadcrumb{font-size:12px;color:#95a69b}.breadcrumb span{margin:0 10px;color:#c5d0c8}.breadcrumb b{color:#416250}.top-actions{display:flex;align-items:center;gap:22px}.today{font-size:11px;color:#82988b}.content{padding:31px 35px 60px;max-width:1500px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:2.3px;color:#ad8145;font-size:10px;font-weight:800}.page-title{font:700 30px Outfit;margin:7px 0 4px;letter-spacing:-.9px}.sub{color:var(--muted);font-size:13px;margin:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px;gap:18px}.btn{border:0;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:var(--green);color:white}.btn.primary:hover{background:#174934}.btn.secondary{background:white;color:var(--green);border:1px solid #d6e2d7}.btn.ghost{background:#e9f0e7;color:var(--green)}.btn.small{padding:7px 10px;font-size:11px}.grid{display:grid;gap:17px}.metrics{grid-template-columns:repeat(4,1fr);margin-bottom:22px}.card{background:white;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.metric{padding:20px 21px;min-height:134px}.metric-top{display:flex;justify-content:space-between;color:#6a8775;font-size:11px;font-weight:700}.metric-icon{background:#edf4ea;border-radius:10px;width:30px;height:30px;display:grid;place-items:center;color:#2e6948;font-size:18px}.metric strong{display:block;font:700 29px Outfit;margin-top:15px;letter-spacing:-.6px}.metric small{color:#90a092;font-size:10px}.dashboard-grid{grid-template-columns:1.55fr 1fr;align-items:start}.panel{padding:23px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel h2{font:600 17px Outfit;margin:0}.panel-head button{background:none;border:0;color:var(--green2);font-size:11px;font-weight:700}.chart{display:flex;align-items:flex-end;height:185px;gap:13px;border-bottom:1px solid var(--line);padding:10px 4px 0}.bar-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bar{width:100%;max-width:37px;background:#d4e5d0;border-radius:5px 5px 0 0;min-height:4px}.bar.current{background:var(--green2)}.bar-col span{font-size:10px;color:#95a99a;position:relative;top:23px}.chart-foot{display:flex;justify-content:space-between;margin-top:37px;font-size:10px;color:#94a699}.chart-foot b{color:var(--green)}.activity{display:grid;gap:0}.activity-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #edf0eb}.activity-row:last-child{border:0}.activity-icon{flex:none;width:32px;height:32px;border-radius:10px;background:#edf3e9;color:#538263;display:grid;place-items:center}.activity-row b{font-size:11px}.activity-row p{font-size:10px;color:#90a296;margin:4px 0}.section-gap{margin-top:21px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:660px}.table th{text-align:left;color:#8ca194;text-transform:uppercase;letter-spacing:1.2px;font-size:9px;padding:14px 16px;border-bottom:1px solid var(--line)}.table td{font-size:11px;padding:15px 16px;border-bottom:1px solid #eef1eb}.table tr:last-child td{border-bottom:0}.table td strong{font-size:11px}.table td small{display:block;color:#9aac9f;font-size:10px;margin-top:4px}.chip{display:inline-block;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:800;background:#edf4ea;color:#497657}.chip.gold{background:#fff4e3;color:#b4873e}.chip.blue{background:#e8f0f5;color:#5e8196}.chip.gray{background:#f0f1ef;color:#78877c}.row-actions{display:flex;gap:6px}.icon-btn{border:1px solid #e5ebe4;background:white;color:#5f7c68;border-radius:7px;padding:5px 7px;font-size:11px}.icon-btn:hover{background:#edf4e9}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.search{border:1px solid var(--line);background:white;border-radius:8px;padding:10px 12px;width:min(330px,100%);font-size:12px;outline:0}.select{border:1px solid var(--line);background:white;border-radius:8px;padding:10px 12px;color:var(--ink);font-size:11px}.two-col{grid-template-columns:1.1fr .9fr}.three-col{grid-template-columns:repeat(3,1fr)}.mini-card{padding:20px}.mini-card h3{font:600 15px Outfit;margin:0 0 5px}.mini-card p{color:#8ba08e;font-size:11px;line-height:1.5}.mini-card .large{font:700 24px Outfit;margin:13px 0 0}.progress{height:7px;background:#edf2e9;border-radius:10px;overflow:hidden}.progress i{display:block;height:100%;background:#5d916a;border-radius:10px}.campaign-card{padding:21px;display:flex;flex-direction:column;min-height:214px}.campaign-card h3{font:600 17px Outfit;margin:15px 0 4px}.campaign-card p{font-size:11px;color:#849b89;line-height:1.5;margin:0 0 15px}.campaign-card footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;font-size:10px;color:#8da091}.campaign-card footer b{color:#3e7351}.social-card{padding:20px}.social-meta{display:flex;align-items:center;justify-content:space-between}.social-card h3{font:600 15px Outfit;margin:18px 0 7px}.social-card p{font-size:11px;color:#879b8b;line-height:1.5;white-space:pre-wrap}.social-card footer{border-top:1px solid var(--line);padding-top:12px;margin-top:16px;display:flex;justify-content:space-between;align-items:center;color:#8da094;font-size:10px}.workflow-row{display:flex;gap:13px;align-items:center;padding:17px;border-bottom:1px solid var(--line)}.workflow-row:last-child{border:0}.flow-icon{width:38px;height:38px;flex:none;background:#edf3e9;border-radius:10px;display:grid;place-items:center;font-size:18px}.workflow-row .grow{flex:1}.workflow-row strong{font-size:12px}.workflow-row p{font-size:10px;color:#8da092;margin:5px 0 0}.switch{width:33px;height:19px;border:0;border-radius:20px;background:#c9d3ca;padding:3px}.switch:after{content:'';display:block;width:13px;height:13px;background:#fff;border-radius:50%;transition:transform .2s}.switch.on{background:#407d58}.switch.on:after{transform:translateX(14px)}.empty{padding:45px 15px;text-align:center;color:#82988b;font-size:12px}.empty span{font-size:26px;display:block;margin-bottom:10px}.report-grid{grid-template-columns:repeat(3,1fr);margin-bottom:18px}.report-detail{grid-template-columns:1fr 1fr}.task-item{display:flex;gap:13px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.task-item:last-child{border:0}.task-item input{accent-color:#387450}.task-item label{flex:1;font-size:12px}.task-item label.done{text-decoration:line-through;color:#9aa99e}.task-item small{color:#96a699;font-size:10px}.modal-backdrop{position:fixed;inset:0;background:#14271dcc;z-index:10;display:grid;place-items:center;padding:16px}.hidden{display:none!important}.modal{width:min(550px,100%);max-height:90vh;overflow:auto;background:white;border-radius:16px;box-shadow:0 30px 80px #071b1640}.modal-head{padding:23px 25px 12px;display:flex;align-items:center;justify-content:space-between}.modal-head h2{font:600 21px Outfit;margin:0}.modal-head button{border:0;background:none;font-size:27px;color:#8a9a8e}.modal form{padding:0 25px 24px}.field{display:block;margin:13px 0}.field span{display:block;font-size:11px;font-weight:700;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #dce6dc;border-radius:8px;padding:10px 12px;font-size:12px;outline:0;background:white;color:var(--ink)}.field textarea{height:95px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px}.toast{position:fixed;bottom:22px;right:24px;background:#1c4c36;color:white;padding:11px 16px;border-radius:9px;font-size:12px;opacity:0;transform:translateY(10px);transition:.2s;z-index:20}.toast.show{opacity:1;transform:none}.mobile-menu{display:none}.tip{background:#f0f5ed;color:#5d7d66;border:1px solid #dfebdf;padding:12px 15px;border-radius:9px;font-size:11px;line-height:1.5;margin-bottom:18px}.split-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.donut{width:150px;height:150px;border-radius:50%;margin:15px auto;background:conic-gradient(#356e50 0 61%,#a6c7a2 61% 82%,#e6eee1 82% 100%);display:grid;place-items:center}.donut:after{content:'Contacts';display:grid;place-items:center;width:98px;height:98px;background:white;border-radius:50%;font-size:11px;color:#748d79}.legend{display:flex;justify-content:center;gap:16px;font-size:10px;color:#829584}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.form-note{color:#8fa291;font-size:10px}
@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.three-col{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{position:fixed;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none}.mobile-menu{display:block;border:0;background:none;color:#28553c;font-size:21px}.topbar{padding:0 18px}.content{padding:24px 18px}.today{display:none}.dashboard-grid,.two-col,.report-detail{grid-template-columns:1fr}.page-title{font-size:26px}.page-head{align-items:flex-start}.page-head .btn{white-space:nowrap}.breadcrumb{font-size:11px}}@media(max-width:520px){.metrics,.three-col,.report-grid{grid-template-columns:1fr}.page-head{display:block}.page-head .btn{margin-top:16px}.content{padding:22px 14px}.panel{padding:18px}.topbar{height:60px}}

.brand{padding:0 8px 28px}.brand-logo{display:block;width:100%;height:74px;object-fit:contain;background:#f8f4e9;border:1px solid #d9c9aa;border-radius:12px;padding:8px;box-shadow:0 5px 14px #071b1638}