@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#182a28;background:#f5f7f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.65}.auth-loading{min-height:100vh;display:grid;place-items:center;color:#53605e;background:#f5f7f6}.login-page{min-height:100vh;display:grid;grid-template-columns:47% 53%;background:#fff}.login-story{position:relative;overflow:hidden;padding:52px 6vw;color:#fff;background:linear-gradient(145deg,#0d453e,#0b302d 62%,#082925);display:flex;flex-direction:column;justify-content:space-between}.login-story:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff0d;border-radius:50%;right:-260px;bottom:-200px;box-shadow:0 0 0 95px #ffffff06,0 0 0 190px #ffffff04}.story-glow{position:absolute;width:400px;height:400px;background:#27b3941c;filter:blur(80px);right:-80px;top:23%}.brand{display:flex;align-items:center;gap:11px;position:relative;z-index:1;color:#123d37}.brand>span:last-child{display:flex;flex-direction:column}.brand b{font:700 25px/25px Manrope;letter-spacing:5px}.brand small{font-size:7px;letter-spacing:1.5px;font-weight:600;margin-top:4px}.brand--light{color:#fff}.brand-mark{width:37px;height:37px;position:relative;display:flex;align-items:flex-end;gap:3px}.brand-mark i{display:block;width:8px;background:#c69c55;border-radius:1px;transform:skewY(-28deg)}.brand-mark i:nth-child(1){height:22px}.brand-mark i:nth-child(2){height:31px}.brand-mark i:nth-child(3){height:18px}.story-copy{position:relative;z-index:1;max-width:590px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.4px;color:#d0ab6d}.story-copy h1{font:600 clamp(38px,4vw,61px)/1.13 Manrope;margin:22px 0 24px;letter-spacing:-2px}.story-copy h1 em{font-style:normal;color:#d4b479}.story-copy p{font-size:16px;line-height:1.8;color:#c5d1cf;max-width:510px}.story-stats{display:flex;gap:8%;position:relative;z-index:1;border-top:1px solid #ffffff1c;padding-top:30px}.story-stats div{display:flex;gap:12px}.story-stats b{color:#c9a664;font-size:13px}.story-stats span{font-size:11px;line-height:1.5;color:#aabbb8;letter-spacing:.3px}.login-panel{display:flex;align-items:center;justify-content:center;position:relative;padding:50px}.login-box{width:100%;max-width:420px}.mobile-brand{display:none}.welcome-icon{display:grid;place-items:center;width:48px;height:48px;color:#0c584e;background:#e9f2f0;border-radius:13px;margin-bottom:24px}.login-box h2{font:700 30px Manrope;margin:0 0 8px}.login-subtitle{color:#75807f;margin:0 0 36px}.login-box form{display:flex;flex-direction:column}.login-box label{font-size:13px;font-weight:600;margin-bottom:9px}.login-box input[type=email],.login-box input[type=password],.login-box input[type=text]{height:50px;border:1px solid #d9dfde;border-radius:8px;padding:0 15px;outline:none;transition:.2s}.login-box input:focus{border-color:#24786e;box-shadow:0 0 0 3px #24786e15}.password-row{display:flex;justify-content:space-between;margin-top:21px}.password-row label{margin:0}.password-row a,.support a{font-size:12px;color:#17675d;font-weight:600;text-decoration:none}.password{position:relative}.password input{width:100%;padding-right:50px!important}.password button{position:absolute;right:7px;top:7px;width:36px;height:36px;border:0;background:none;color:#80908d}.remember{display:flex;align-items:center;gap:5px;margin:18px 0 22px!important;color:#53605e;font-weight:400!important}.remember input{accent-color:#0e5a50;width:15px;height:15px}.form-error{color:#a12c2c;background:#fff1f1;border:1px solid #f1cccc;border-radius:8px;font-size:12px;line-height:1.5;margin:-8px 0 18px;padding:10px 12px}.primary{height:50px;border:0;border-radius:8px;background:#0c5149;color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 6px 16px #0c514921}.primary:hover{background:#083f39}.support{text-align:center;color:#8b9493;font-size:12px;line-height:1.7;margin-top:30px}.login-panel footer{position:absolute;bottom:28px;color:#a1aaa8;font-size:10px}.login-panel footer span{margin:0 5px}.dashboard{min-height:100vh;display:flex}.sidebar{width:250px;flex:none;background:#0b3934;color:#a9bdb9;padding:31px 18px 20px;display:flex;flex-direction:column;position:relative;z-index:20}.sidebar-head{padding:0 14px 36px}.close{display:none}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar button{border:0;color:inherit;background:none;display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:8px;text-align:left;font-size:13px}.sidebar nav button:hover,.sidebar nav .active{color:#fff;background:#ffffff10}.sidebar nav .active:before{content:"";position:absolute;left:0;width:3px;height:25px;background:#d0a45d;border-radius:0 4px 4px 0}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff13;padding-top:15px;display:flex;flex-direction:column}.workspace{min-width:0;flex:1}.workspace header{height:75px;background:#fff;border-bottom:1px solid #e5e9e8;padding:0 3%;display:flex;align-items:center;justify-content:space-between}.menu{display:none}.search{height:39px;width:min(390px,40vw);display:flex;align-items:center;gap:10px;color:#8d9997}.search input{border:0;outline:0;width:100%;font-size:12px}.search kbd{border:1px solid #e0e4e3;border-radius:5px;padding:3px 6px;background:#f8f9f9;font-size:10px}.header-actions{display:flex;align-items:center;gap:22px}.notification{position:relative;border:0;background:none;color:#63716f}.notification i{position:absolute;width:6px;height:6px;border-radius:50%;background:#d1a456;right:7px;top:2px}.profile{display:flex;align-items:center;gap:10px;border-left:1px solid #e4e8e7;padding-left:22px}.profile>span{width:36px;height:36px;border-radius:9px;background:#e5efed;color:#195b53;display:grid;place-items:center;font-weight:700;font-size:11px}.profile div{display:flex;flex-direction:column;min-width:100px}.profile b{font-size:12px}.profile small{font-size:10px;color:#899391;margin-top:3px}.content{padding:45px clamp(25px,5vw,75px)}.page-title{display:flex;justify-content:space-between;align-items:flex-end}.page-title p{color:#9a7740;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;margin:0 0 12px}.page-title h1{font:700 28px Manrope;margin:0 0 7px}.page-title span{color:#84908e;font-size:13px}.new-button{background:#0c5149;border:0;color:#fff;border-radius:7px;padding:11px 17px;font-size:12px;font-weight:600}.empty-card{height:430px;margin-top:38px;border:1px solid #e2e7e6;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.empty-illustration{width:100px;height:90px;position:relative;margin-bottom:20px}.empty-illustration span{position:absolute;left:20px;top:5px;width:66px;height:66px;border-radius:18px 18px 25px;display:grid;place-items:center;background:#e7f0ee;color:#266c63;transform:rotate(3deg)}.empty-illustration i{position:absolute;width:7px;height:7px;border-radius:50%;background:#cfa75e}.empty-illustration i:nth-of-type(1){left:8px;top:20px}.empty-illustration i:nth-of-type(2){right:0;bottom:8px}.empty-card h2{font:700 20px Manrope;margin:0 0 9px}.empty-card p{color:#84908e;font-size:13px;max-width:400px;line-height:1.6;margin:0 0 23px}.empty-card .primary{height:42px;padding:0 18px;font-size:12px}.empty-card small{color:#a0aaa8;margin-top:14px;font-size:10px}.overlay{display:none}@media(max-width:850px){.login-page{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh;padding:35px 24px 80px}.mobile-brand{display:block;position:absolute;top:28px;left:25px}.login-box{margin-top:70px}.sidebar{position:fixed;left:-270px;top:0;bottom:0;transition:.25s}.sidebar.open{left:0;box-shadow:15px 0 40px #0004}.close{display:block!important;position:absolute;right:12px;top:20px!important;padding:8px!important}.overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#0006;z-index:10}.menu{display:block;border:0;background:none;margin-right:15px}.workspace header{padding:0 18px}.search{width:45px}.search input,.search kbd{display:none}.profile div,.profile>svg{display:none}.profile{padding-left:15px}.content{padding:30px 20px}.page-title{align-items:flex-start}.page-title .new-button{display:none}.empty-card{height:400px;margin-top:28px}.page-title h1{font-size:23px}}@media(max-width:430px){.header-actions{gap:4px}.workspace header{height:65px}.profile{border:0;padding-left:4px}.content{padding:25px 14px}.empty-card{padding:20px}.login-box h2{font-size:26px}}
