*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f5f7f6;color:#17221d}header{height:82px;background:#123c2d;color:white;justify-content:space-between;padding:0 6vw}.brand,header{display:flex;align-items:center}.brand{gap:14px}.brand b{display:block;font-size:21px}.brand span{font-size:13px;opacity:.78}.lock{font-size:28px}.badge{background:#ffffff18;border:1px solid #ffffff30;padding:9px 14px;border-radius:999px;font-size:13px}.hero{max-width:1180px;margin:auto;padding:70px 30px;display:grid;grid-template-columns:1.1fr .9fr;grid-gap:70px;gap:70px;align-items:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#247d59}h1{font-size:55px;line-height:1.03;margin:14px 0 20px;letter-spacing:-2px}.lead{font-size:18px;line-height:1.6;color:#5c6862;max-width:620px}.actions{display:flex;gap:12px;margin-top:30px}button{border:0;background:#176b4a;color:white;padding:14px 20px;border-radius:10px;font-weight:700;font-size:14px}.secondary{background:white;color:#234437;border:1px solid #d7dfdb}.panel{background:white;border:1px solid #dce3df;border-radius:18px;box-shadow:0 18px 55px #173b2d12;overflow:hidden}.panelTop{padding:20px 22px;border-bottom:1px solid #edf0ee;display:flex;justify-content:space-between}.panelTop span{font-size:12px;color:#7a8580}.row{display:flex;justify-content:space-between;padding:13px 22px;border-bottom:1px solid #f0f2f1}.row small,.row strong{display:block}.row small{color:#89928e;margin-top:3px}.row>span{font-size:22px;color:#7f8b85}.cards{max-width:1180px;margin:0 auto 60px;padding:0 30px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.cards article{background:white;border:1px solid #e0e5e2;border-radius:14px;padding:24px}.cards b{font-size:17px}.cards p{color:#66716c;line-height:1.55}footer{border-top:1px solid #dde3df;padding:22px 6vw;display:flex;justify-content:space-between;color:#78817d;font-size:12px}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:35px;padding-top:45px}h1{font-size:42px}.cards{grid-template-columns:1fr}header{padding:0 20px}.badge{display:none}}.vault{min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:#f5f7f6}.vault aside{background:#123c2d;color:#fff;padding:22px 14px;display:flex;flex-direction:column;min-height:100vh}.vbrand{padding:8px 10px 25px;font-size:18px}.vbrand small{display:block;margin:5px 0 0 31px;opacity:.7;font-size:11px}.vault nav{display:grid;grid-gap:4px;gap:4px}.vault nav button{background:transparent;text-align:left;padding:10px 12px;font-weight:500}.vault nav button:hover{background:#ffffff12}.vault nav button span{float:right;opacity:.6}.vault aside h4{font-size:10px;letter-spacing:1.5px;opacity:.55;margin:24px 12px 8px}.asidefoot{margin-top:auto;padding:12px;font-size:11px;opacity:.55}.workspace{min-width:0}.vhead{height:72px;background:#fff;color:#1c2d25;border-bottom:1px solid #e3e8e5;padding:0 30px;display:flex;align-items:center;justify-content:space-between}.vhead b,.vhead small{display:block}.vhead small{color:#839089;margin-top:3px}.vhead input{width:min(430px,45vw);padding:12px 15px;border:1px solid #dce3df;border-radius:10px}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:32px}.toolbar h1{font-size:28px;margin:0}.toolbar p{color:#718078}.empty{margin:0 32px;background:#fff;border:1px solid #e0e6e2;border-radius:16px;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.empty>div:first-child{font-size:38px}.empty h2{margin:14px 0 4px}.empty p{max-width:600px;color:#718078;line-height:1.6}.chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:18px}.chips span{background:#edf5f1;color:#296248;border-radius:999px;padding:7px 11px;font-size:12px}@media(max-width:760px){.vault{grid-template-columns:1fr}.vault aside{min-height:auto}.workspace{min-height:70vh}.vhead{padding:0 16px}.vhead input{width:55vw}.toolbar{padding:22px 16px}.empty{margin:0 16px}}.loginPage{min-height:100vh;display:grid;place-items:center;padding:32px;background:#eef3f0}.loginShell{width:min(920px,100%);min-height:560px;background:#fff;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:.85fr 1.15fr;box-shadow:0 24px 70px #123c2d20}.loginBrand{background:#123c2d;color:#fff;padding:54px 42px;display:flex;flex-direction:column;align-items:flex-start}.loginMark{width:64px;height:64px;border-radius:16px;background:#27ae60;display:grid;place-items:center;font-size:23px;font-weight:900;margin-bottom:28px}.loginBrand h1{font-size:31px;letter-spacing:-1px;margin:0}.loginBrand h2{font-size:17px;font-weight:500;margin:5px 0 22px;opacity:.82}.loginBrand p{line-height:1.65;opacity:.75}.loginBrand small{margin-top:auto;opacity:.55}.loginForm{padding:54px;display:flex;flex-direction:column;gap:20px}.loginForm h1{font-size:34px;margin:4px 0}.loginForm>div>p:not(.eyebrow){color:#77827d}.loginForm>label{font-size:12px;font-weight:800;color:#52605a;display:grid;grid-gap:7px;gap:7px}.loginForm input[type=email],.passwordField input{width:100%;padding:14px;border:1px solid #d8e0dc;border-radius:10px;outline:none}.passwordField{display:flex;position:relative}.passwordField button{position:absolute;right:5px;top:5px;background:#edf4f0;color:#315b48;padding:9px 11px}.loginOptions{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#69756f}.loginOptions label{display:flex;align-items:center;gap:7px}.loginOptions a{color:#176b4a}.loginSubmit{width:100%;padding:15px}.licensePreview{display:flex;justify-content:space-between;border-top:1px solid #edf0ee;padding-top:17px;font-size:11px;color:#839089}.licensePreview b{color:#52605a}@media(max-width:720px){.loginShell{grid-template-columns:1fr}.loginBrand{min-height:240px;padding:30px}.loginBrand small{margin-top:18px}.loginForm{padding:32px}.loginPage{padding:14px}}.language{display:flex;align-items:center;gap:9px;font-size:12px}.language select{background:#ffffff18;color:white;border:1px solid #ffffff38;border-radius:9px;padding:8px 10px}.language option{color:#17221d;background:white}@media(max-width:560px){.language span{display:none}.language select{max-width:120px}}