@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#17211c;background:#f5f7f5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{height:100vh;position:sticky;top:0;background:#10251c;color:#d9e4de;padding:26px 18px;display:flex;flex-direction:column}.logo{display:flex;gap:11px;align-items:center;font:800 18px Manrope}.logo>b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#39d887;color:#0b2619;font-size:13px}.sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:38px}.sidebar nav button{display:flex;align-items:center;gap:13px;border:0;background:transparent;color:#9fb3a8;padding:11px 13px;border-radius:10px;text-align:left}.sidebar nav button:hover,.sidebar nav button.active{background:#1b392b;color:#fff}.sidebar nav i{width:20px;font-style:normal;color:#55db94}.profile{margin-top:auto;border-top:1px solid #284236;padding-top:18px;display:flex;gap:10px;align-items:center}.profile span,.activity span,.inbox button span,.inbox header span{display:flex;flex:1;flex-direction:column}.profile small,.activity small,.inbox small{color:#88a094}.profile>button{border:0;background:none;color:#93a99e}.avatar{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#dcf7e8;color:#178653;font-weight:800}.shell>main{min-width:0;padding:38px 44px 70px;max-width:1500px;width:100%;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.page-head h1{font:800 29px Manrope;margin:0 0 5px}.page-head p{color:#6d7d74;margin:0}.primary,.secondary{border:0;border-radius:10px;padding:11px 17px;font-weight:700}.primary{background:#20b86b;color:#fff;box-shadow:0 6px 16px #20b86b2b}.secondary{background:#e7f6ee;color:#147748}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat,.panel{background:#fff;border:1px solid #e8ece9;border-radius:15px;box-shadow:0 5px 20px #17251d08}.stat{padding:20px;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:#dff8ea;right:-20px;top:-20px}.stat.c1:after{background:#efe8ff}.stat.c2:after{background:#fff1d6}.stat.c3:after{background:#e3efff}.stat>span{color:#75847c;font-size:13px}.stat>b{display:block;font:800 27px Manrope;margin:12px 0 5px}.stat small{color:#98a39d}.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}.panel{padding:22px}.panel>h3,.modal h3{font:700 16px Manrope;margin:0 0 15px}.panel>h3 em{float:right;font:500 11px DM Sans;color:#168c56;background:#e5f8ed;padding:5px 9px;border-radius:15px}.activity{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #f0f2f1}.activity b,.activity small{font-size:13px}.activity time{color:#8a968f;font-size:12px}.bar{display:grid;grid-template-columns:75px 1fr 25px;gap:10px;align-items:center;margin:19px 0;font-size:12px;text-transform:capitalize}.bar>i{height:7px;background:#eef2ef;border-radius:8px;overflow:hidden}.bar>i b{display:block;height:100%;background:#25c477;border-radius:8px}.table{padding:0;overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:#7e8b84;background:#fafbfa;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:14px 18px}td{padding:16px 18px;border-top:1px solid #edf0ee;font-size:13px}.badge{display:inline-block;font-style:normal;background:#f1edff;color:#6846b8;padding:5px 9px;border-radius:20px;font-size:11px;text-transform:capitalize}.badge.green{background:#e6f8ee;color:#138653}.empty{text-align:center;color:#829087;padding:55px 15px}.empty i{font-size:32px;color:#44c582}.empty h3{color:#344139;margin:10px 0 4px}.empty p{margin:0}.inbox{height:calc(100vh - 160px);display:grid;grid-template-columns:310px 1fr;background:#fff;border:1px solid #e5eae7;border-radius:16px;overflow:hidden}.inbox>aside{border-right:1px solid #e8ecea;padding:14px;overflow:auto}.inbox input{width:100%;border:1px solid #e1e7e3;background:#f8faf8;border-radius:10px;padding:11px;outline:none}.inbox aside>button{width:100%;display:flex;gap:11px;text-align:left;border:0;background:transparent;padding:12px;border-radius:11px}.inbox aside>button.active{background:#eaf8f1}.inbox>section{display:flex;flex-direction:column;min-width:0}.inbox section>header{display:flex;gap:10px;padding:15px 20px;border-bottom:1px solid #e8ecea}.messages{flex:1;overflow:auto;padding:25px;background:#f7faf8;display:flex;flex-direction:column}.bubble{max-width:70%;padding:10px 13px;border-radius:13px;margin:5px 0;background:#fff;box-shadow:0 2px 7px #0000000a}.bubble.outbound{align-self:flex-end;background:#d9f8e7}.bubble p{margin:0}.bubble small{display:block;text-align:right;margin-top:5px}.inbox footer{display:flex;gap:10px;padding:14px}.settings p{color:#75837b;line-height:1.5}.settings label,.modal label,.auth label{display:flex;flex-direction:column;gap:6px;text-transform:capitalize;font-size:12px;font-weight:600;margin:14px 0}.settings input,.settings select,.modal input,.auth input{padding:11px;border:1px solid #dbe3de;border-radius:9px;outline:none}.shade{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c1b1477;display:grid;place-items:center;z-index:10}.modal{background:#fff;width:min(480px,92vw);padding:25px;border-radius:16px}.modal h3 button{float:right;border:0;background:none;font-size:24px}.error{padding:10px;border-radius:8px;background:#fff0f0;color:#b44242;font-size:13px}.link{border:0;background:none;color:#168e57;padding:12px}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth>form{padding:8vh 12vw;display:flex;flex-direction:column;justify-content:center}.auth h1{font:800 34px Manrope;margin:45px 0 5px}.auth form>p{color:#7b8981}.auth aside{background:linear-gradient(145deg,#102a1e,#16613c);color:#fff;padding:12vh 8vw;display:flex;flex-direction:column;justify-content:center}.auth aside>small{color:#5ce6a2;letter-spacing:.2em}.auth h2{font:800 46px/1.12 Manrope;max-width:520px}.phone{background:#fff;color:#1e2b24;border-radius:20px;padding:24px;max-width:420px;transform:rotate(-2deg);box-shadow:0 20px 50px #001b0e66}.phone>b{color:#14935a}.phone p{background:#daf8e8;border-radius:12px;padding:13px;margin-top:30px}.phone span{display:block;text-align:right;color:#698076;font-size:12px}@media(max-width:900px){.shell{grid-template-columns:75px 1fr}.sidebar{padding:20px 10px}.sidebar .logo span,.sidebar nav button{font-size:0}.sidebar nav button{justify-content:center}.sidebar nav i{font-size:16px}.profile span,.profile button{display:none}.shell>main{padding:25px 18px}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.inbox{grid-template-columns:220px 1fr}.auth{grid-template-columns:1fr}.auth aside{display:none}}@media(max-width:620px){.stats,.inbox{grid-template-columns:1fr}.inbox>aside{display:none}.page-head{gap:15px}}.empty-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(680px,100%);margin:20px auto 6px;text-align:left}.empty-steps span{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:12px;font-weight:700}.empty-steps b{display:grid;place-items:center;min-width:24px;height:24px;border-radius:50%;background:#e1f7e9;color:#12814a}.empty-steps+button{margin-top:18px}@media(max-width:760px){.empty-steps{grid-template-columns:1fr}}