@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap");:root{--ink:#101a54;--muted:#64709b;--green:#008b73;--line:#e6eaf4}*{box-sizing:border-box}body{margin:0;background:#fcfdff;color:var(--ink);font-family:DM Sans,Arial,sans-serif}.shell{min-height:100vh;display:flex}.sidebar{width:258px;padding:25px 18px;border-right:1px solid var(--line);background:#fff;display:flex;flex-direction:column;gap:22px}.brand{display:flex;align-items:center;gap:10px}.brand strong{display:block;font-size:26px;letter-spacing:-1.3px}.account small,.brand small{display:block;font-size:10px;color:#53618a}.leaf{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#04cda0,#003e36);color:#fff;font-size:31px;font-weight:700}.nav{border:0;width:100%;padding:12px 10px;display:flex;align-items:center;gap:13px;border-radius:7px;background:transparent;color:var(--ink);font:600 14px inherit;text-align:left;cursor:pointer}.nav.active{color:#008168;background:#e9f8f4}.nav b,.nav em{margin-left:auto;background:#ddf4e9;color:#008168;border-radius:99px;padding:3px 7px;font-size:10px;font-style:normal}.nav em{background:#eee1ff;color:#914ae8}.ai-card{margin-top:auto;border:1px solid #dcf1eb;padding:15px;border-radius:10px;background:#f8fefc;font-size:12px}.ai-card strong{color:#008168}.ai-card p{color:var(--muted);line-height:1.5}.ai-card button,.outline{width:100%;border:1px solid #15a388;color:#008168;border-radius:6px;padding:9px;background:#fff;font:600 12px inherit}.account{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:9px;font-size:10px}.mini{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e7f7f1;color:#008168;font-size:20px}.account>span:last-child{margin-left:auto}.content{padding:25px;flex:1 1;min-width:0}.card-head,.module-head,header{display:flex;align-items:center;justify-content:space-between}h1{font-size:25px;letter-spacing:-.7px}h1,h2{margin:0}h2{font-size:15px}p{margin:7px 0 0;font-size:13px;color:var(--muted)}.actions{display:flex;gap:10px;align-items:center}.actions label{border:1px solid var(--line);padding:10px;border-radius:8px;color:#7180aa}.actions input{border:0;outline:0;width:210px;font:12px inherit}.actions button{width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:#fff}.actions .avatar{border:0;border-radius:50%;background:#e7f7f1;color:#008168;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:13px;gap:13px;margin:20px 0 16px}.stat{display:flex;gap:13px;align-items:center;border:1px solid var(--line);background:#fff;padding:18px}.stat,.stat-icon{border-radius:10px}.stat-icon{display:grid;place-items:center;width:43px;height:43px;font-size:23px}.green,.mint{background:#e7f7ef;color:#008b73}.coral{background:#ffeded;color:#f35454}.blue{background:#edf2ff;color:#386df5}.stat em,.stat small{display:block;color:var(--muted);font-size:11px;font-style:normal}.stat strong{display:block;font-size:20px;margin:4px 0}.stat em{color:#00a575}.grid{display:grid;grid-template-columns:1fr 1fr .78fr;grid-gap:14px;gap:14px}.card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:18px}.card-head button{padding:7px 9px;border:1px solid var(--line);background:#fff;border-radius:6px;font-size:11px}.card a{color:#2568e8;font-size:11px;font-weight:700}.aging{display:flex;align-items:center;gap:18px;padding:20px 3px}.donut{width:142px;height:142px;border-radius:50%;background:conic-gradient(#008b73 0 38%,#386df5 38% 65%,#f3af26 65% 84%,#ff6c6c 84%);position:relative;display:grid;place-content:center;text-align:center}.donut:after{content:"";position:absolute;inset:25px;background:#fff;border-radius:50%}.donut b,.donut small{z-index:1}.donut small{font-size:9px;color:var(--muted)}.aging li{font-size:11px;margin:12px 0;white-space:nowrap}.aging li b{margin-left:8px}.aging li:first-child{color:#008b73}.aging li:nth-child(2){color:#386df5}.aging li:nth-child(3){color:#c78714}.aging li:nth-child(4){color:#ef5a5a}.legend{font-size:10px}.legend span{color:#386df5}.chart{height:150px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(180deg,transparent 0 36px,#edf1f8 37px)}svg{height:100%;width:100%}.automation p{font-size:11px;line-height:1.5}.automation li{font-size:11px;padding:8px 0;color:var(--muted)}.automation li b{float:right;color:var(--ink)}hr{border:0;border-top:1px solid var(--line)}.switch{border:0!important;width:39px;height:22px;padding:3px!important;border-radius:20px!important;background:#c6ccda!important}.switch i{display:block;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:#008b73!important}.switch.on i{transform:translateX(17px)}.automation .outline{margin-top:12px}.table-card{min-height:230px}table{width:100%;border-collapse:collapse;margin-top:12px;font-size:12px}th{text-align:left;color:#68739b;font-size:10px;font-weight:500;border-bottom:1px solid var(--line)}td,th{padding:10px 6px}td{font-size:11px;color:#354166;border-bottom:1px solid #f0f2f7}.status{padding:4px 7px;border-radius:5px;font-size:10px}.overdue{color:#ef4e4e;background:#ffeded}.due-soon{color:#e18d00;background:#fff4df}.upcoming{color:#2763de;background:#edf2ff}.paid{color:#008b73;background:#e7f8f1}.activity p{border-bottom:1px solid var(--line);padding:12px 0;font-size:11px}.activity b{display:block;color:#008b73}.module-head{margin-top:20px}.module-head h2{font-size:22px}.primary{border:0;background:linear-gradient(90deg,#00a27f,#007d6a);color:#fff;border-radius:6px;padding:12px 17px;font:600 13px inherit}.full{padding:18px}.short{width:auto}.full table{margin-top:18px}@media(max-width:1100px){.sidebar{width:220px}.grid{grid-template-columns:1fr 1fr}.activity,.automation{grid-column:span 2}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{display:none}.content{padding:18px}.grid,.stats{grid-template-columns:1fr}.activity,.automation{grid-column:span 1}.actions label{display:none}.aging{justify-content:center}}