@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:#19313a;background:#e8eeeb;--navy:#183448;--navy2:#244b60;--teal:#237a70;--teal2:#49a294;--sand:#f1e8d8;--cream:#f7f3ea;--mist:#e8eeeb;--line:#cbd8d5;--muted:#667b80}*{box-sizing:border-box}body{margin:0;background:var(--mist)}button,input,select,textarea{font:inherit}button,a{cursor:pointer}.layout{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.layout>aside{height:100vh;position:sticky;top:0;background:linear-gradient(165deg,#173447,#214f5d);padding:28px 18px;color:#fff;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;margin:0 10px 35px}.mark{width:35px;height:35px;position:relative}.mark i{position:absolute;width:22px;height:22px;border-radius:50%}.mark i:first-child{left:0;top:0;background:#f0c67a}.mark i:nth-child(2){right:0;top:0;background:#65b7a4}.mark i:last-child{left:7px;bottom:0;background:#b8d4cf}.wordmark{font:800 24px Manrope;color:#fff;letter-spacing:-1px}.wordmark small{font-size:14px;color:#f0c67a}.layout nav{display:grid;gap:6px}.layout nav a,.logout{border:0;text-decoration:none;color:#c7d6da;background:transparent;border-radius:11px;padding:12px 14px;display:flex;gap:11px;align-items:center;font-weight:600;font-size:13px}.layout nav svg,.logout svg{width:18px}.layout nav a.active{background:#ffffff16;color:#fff}.security{margin-top:auto;border:1px solid #ffffff20;background:#ffffff0d;border-radius:13px;padding:13px;display:flex;gap:9px}.security svg{width:20px;color:#79c7b6}.security div{display:grid}.security b{font-size:11px}.security span{font-size:9px;color:#aac0c5}.logout{margin-top:10px;width:100%}.layout>main{min-width:0}.layout header{height:72px;background:#f7f3ea;border-bottom:1px solid var(--line);padding:0 40px;display:flex;align-items:center;position:sticky;top:0;z-index:5}.layout header>div{display:grid}.layout header b{font-size:13px}.header-avatar{margin-left:auto;width:39px;height:39px;background:#d7e5e1;color:#1f6d65;border-radius:12px;display:grid;place-items:center;text-decoration:none;font-weight:800}.overline{font-size:9px;letter-spacing:1.35px;font-weight:800;color:#698086}.page{padding:38px clamp(22px,4vw,60px) 70px;max-width:1450px;margin:auto}.page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.page-head h1{font:700 clamp(27px,3vw,38px) Manrope;margin:6px 0 4px;color:#173344}.page-head p{color:var(--muted);margin:0}.button{border:0;text-decoration:none;border-radius:11px;padding:12px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:12px}.button svg{width:17px}.button.primary{background:#237a70;color:#fff;box-shadow:0 8px 20px #237a7025}.button.secondary{background:#e1e9e5;color:#214d55;border:1px solid #c7d6d2}.hero{background:linear-gradient(125deg,#17374c,#245f68 70%,#2e756f);border-radius:22px;padding:32px;color:#fff;box-shadow:0 18px 42px #17374c24;margin-bottom:16px}.hero .overline{color:#aed1ca}.hero h2{font:700 43px Manrope;margin:8px 0}.hero p{color:#bfd5d5}.hero.compact{padding:25px}.hero.compact h2{font-size:34px}.surface{background:#f7f3ea;border:1px solid #cbd8d5;border-radius:17px;padding:22px;margin-top:16px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-title h2,.surface h2{font:700 19px Manrope;margin:4px 0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{background:#edf2ef;border:1px solid var(--line);border-radius:15px;padding:18px;display:grid;gap:5px}.stat span{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#718387;font-weight:800}.stat b{font:700 23px Manrope}.circle-line{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:14px;padding:16px 2px;border-top:1px solid #d7dfdb;color:#19313a;text-decoration:none}.circle-logo{width:44px;height:44px;border-radius:13px;background:#286e70;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800}.circle-line>div{display:grid;gap:3px}.circle-line span,.member span{font-size:10px;color:#718186}.circle-line strong{font:700 15px Manrope}.progress-wrap{margin-top:9px}.progress-wrap>div{display:flex;justify-content:space-between;font-size:9px;color:#718186}.progress-wrap>i{display:block;height:6px;background:#d5dfda;border-radius:9px;overflow:hidden;margin-top:5px}.progress-wrap em{height:100%;display:block;background:linear-gradient(90deg,#2b8073,#63ad96);border-radius:9px}.form{max-width:760px;display:grid;gap:15px}.field{display:grid;gap:7px}.field>span{font-size:10px;letter-spacing:.7px;color:#526d71;font-weight:800;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;border:1px solid #c3d1cd;background:#edf2ef;border-radius:11px;padding:12px;outline:none;color:#19313a}.field input:focus,.field select:focus,.field textarea:focus{border-color:#2d8275;box-shadow:0 0 0 3px #2d827518}.field textarea{min-height:110px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px}.message{background:#dcece6;color:#1f675e;border-radius:11px;padding:12px;font-size:12px}.message.error{background:#f4ded6;color:#8b4034}.workspace-tabs{display:flex;gap:5px;border-bottom:1px solid #c8d5d1;overflow:auto}.workspace-tabs a{white-space:nowrap;padding:11px 14px;text-decoration:none;color:#657a7d;font-weight:700;font-size:12px;border-bottom:3px solid transparent}.workspace-tabs a.active{color:#1d746a;border-color:#2a8275}.owner-action{display:flex;align-items:center;justify-content:space-between;gap:20px}.owner-action p{color:var(--muted);margin-bottom:0}.two-column{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.member,.transaction,.notification{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #d8e0dc}.member div,.transaction div,.notification div{display:grid;gap:2px}.transaction svg,.notification svg{width:19px;color:#2a8073}.transaction span,.notification span,.notification small{font-size:10px;color:#718186}.transaction strong{margin-left:auto;color:#21766b}.empty,.state{padding:35px;display:grid;place-items:center;text-align:center;gap:6px;color:#6c8083}.empty svg{color:#5b9288}.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 15%,#cce0da,transparent 35%),radial-gradient(circle at 88% 82%,#e7d8bc,transparent 36%),#e8eeeb}.auth-card{width:min(440px,100%);background:#f7f3ea;border:1px solid #cad7d2;border-radius:24px;padding:36px;box-shadow:0 28px 70px #1834481f;display:grid;gap:15px}.auth-card .brand{margin:0 0 18px}.auth-card .wordmark{color:#183448}.auth-card h1{font:700 30px Manrope;margin:0}.auth-card>p{color:var(--muted);margin:0 0 7px}.text-button{border:0;background:none;color:#237a70;font-weight:700}.auth-card .message{margin:0}@media(max-width:850px){.layout{grid-template-columns:80px 1fr}.layout>aside .wordmark,.layout nav a{font-size:0}.layout nav a{justify-content:center}.security,.logout{display:none}.two-column{grid-template-columns:1fr}}@media(max-width:620px){.layout{display:block}.layout>aside{height:auto;position:fixed;bottom:0;top:auto;left:0;right:0;z-index:10;padding:7px;background:#183448}.layout>aside>.brand,.security,.logout{display:none}.layout nav{display:flex;justify-content:space-around}.layout nav a{padding:8px}.layout nav a:nth-child(n+5){display:none}.layout header{height:62px;padding:0 16px}.page{padding:24px 14px 90px}.page-head{align-items:center}.page-head p{font-size:12px}.page-head .button{width:42px;height:42px;font-size:0;padding:0}.stat-grid{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1}.hero h2{font-size:35px}.surface{padding:16px}.circle-line{grid-template-columns:42px 1fr}.circle-line>strong{display:none}.two-column{display:block}.owner-action{align-items:flex-start;flex-direction:column}}.password-rules{background:#e9efec;border:1px solid #cbd8d5;border-radius:11px;padding:12px 14px;color:#5d7276;font-size:11px}.password-rules b{color:#314f55}.password-rules ul{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;padding:0;margin:8px 0 0;list-style:none}.password-rules li.met{color:#187366;font-weight:700}.auth-card .button:disabled{opacity:.55;cursor:not-allowed}