@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:#17342d;background:#f4f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}aside{background:#103a31;color:#fff;padding:30px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;margin-bottom:46px}.brand b{font:800 22px Manrope}.brand span{display:block;color:#a8c7bd;font-size:12px}.logo{display:grid;place-items:center;width:44px;height:44px;background:#dbf261;color:#103a31;border-radius:14px}.logo svg{width:25px}nav{display:grid;gap:7px}nav button{border:0;background:transparent;color:#b9cdc7;text-align:left;padding:13px 15px;border-radius:11px;font:600 14px inherit;cursor:pointer}nav button:hover,nav button.active{color:#fff;background:#1b4d42}.privacy{margin-top:auto;display:flex;gap:10px;padding:15px;border:1px solid #2f6257;border-radius:14px;background:#17463c}.privacy svg{width:20px;color:#dbf261}.privacy b{font-size:13px}.privacy p{margin:4px 0 0;color:#a8c7bd;font-size:11px;line-height:1.4}main{padding:35px 5vw 60px;max-width:1400px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}header p{color:#799087;font-size:11px;font-weight:700;letter-spacing:1.7px;margin:0 0 4px}h1{font:800 31px Manrope;margin:0}.header-actions{display:flex;align-items:center;gap:12px}.icon{border:1px solid #dce5df;background:#fff;border-radius:50%;width:42px;height:42px}.icon svg{width:18px}.avatar{width:42px;height:42px;border-radius:50%;background:#dcf260;display:grid;place-items:center;font-weight:800}.hero{padding:34px 38px;border-radius:24px;background:#18483d;color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;right:14%;top:-160px;border:45px solid #245b4f}.hero>*{z-index:1}.eyebrow{color:#dcf260;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px}.hero h2{font:800 27px Manrope;margin:7px 0}.hero p{margin:0;color:#c0d3cd}.primary{display:flex;align-items:center;gap:8px;border:0;border-radius:12px;background:#dcf260;color:#143b32;padding:14px 19px;font-weight:800}.primary svg{width:18px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 35px}.stats article{background:#fff;border:1px solid #e1e8e3;border-radius:17px;padding:21px;display:flex;gap:15px;align-items:center}.stats article>svg{padding:11px;width:45px;height:45px;border-radius:13px;background:#edf4ee;color:#2b6b59}.stats span,.stats small{display:block;color:#788d84;font-size:12px}.stats strong{display:block;font:800 22px Manrope;margin:2px 0}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.section-title h3{font:800 19px Manrope;margin:0}.section-title p{margin:3px 0 0;color:#81938d;font-size:13px}.section-title button{border:0;background:transparent;color:#357360;font-weight:700}.device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.device{background:#fff;border:1px solid #e0e8e2;border-radius:19px;padding:23px}.device-head{display:flex;justify-content:space-between}.phone{background:#edf4ee;color:#2a6a58;border-radius:13px;padding:10px}.phone svg{display:block}.online,.offline{height:min-content;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:700}.online{background:#e8f7d0;color:#51711c}.offline{background:#f1f1ee;color:#7e8079}.device h3{font:800 18px Manrope;margin:18px 0 2px}.device>p{margin:0;color:#8b9a95;font-size:12px}.metrics{display:flex;gap:18px;margin:19px 0}.metrics span{display:flex;align-items:center;gap:5px;font-size:12px;color:#526a62}.metrics svg{width:16px}.location{display:flex;gap:10px;padding:14px;background:#f5f8f5;border-radius:12px}.location svg{width:17px;color:#37745f}.location b,.location small{display:block;font-size:12px}.location small{color:#83918d;margin-top:2px}.outline{width:100%;margin-top:15px;padding:11px;background:#fff;border:1px solid #d9e3dc;border-radius:10px;color:#285d4f;font-weight:700}@media(max-width:850px){.shell{display:block}aside{height:auto;position:static;padding:18px}.brand{margin:0}.privacy{display:none}nav{display:flex;overflow:auto;margin-top:15px}nav button{white-space:nowrap}main{padding:24px 18px}.hero{align-items:flex-start;gap:24px;flex-direction:column}.stats,.device-grid{grid-template-columns:1fr}}.logout{border:0;background:transparent;color:#567068;display:flex;align-items:center;gap:6px;font-weight:700}.logout svg{width:17px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 20%,#e6f1d1 0,transparent 34%),#f4f7f4}.auth-card{width:min(430px,100%);background:#fff;border:1px solid #dfe8e2;border-radius:24px;padding:34px;box-shadow:0 20px 70px #1b44331a}.auth-brand{color:#17342d;margin-bottom:30px}.auth-card h1{font-size:26px}.auth-card>p{color:#71867e;margin:6px 0 22px}.auth-card form{display:grid;gap:14px}.auth-card label{font-size:13px;font-weight:700;color:#425d54}.auth-card input{display:block;width:100%;margin-top:6px;border:1px solid #d5e0d9;border-radius:11px;padding:13px;font:inherit;outline:none}.auth-card input:focus{border-color:#4f806f;box-shadow:0 0 0 3px #4f806f1f}.auth-submit{justify-content:center;margin-top:5px}.switch-auth{width:100%;border:0;background:transparent;color:#31705d;margin-top:18px;font-weight:700}.form-error{background:#fff0ed;color:#9c372b;border-radius:10px;padding:11px;font-size:13px}.page-error{margin:15px 0}.billing-head{margin:12px 0 25px}.billing-head h2{font:800 28px Manrope;margin:6px 0}.billing-head p{color:#74887f;margin:0}.cpf-field{display:block;width:min(360px,100%);margin-top:20px;color:#425d54;font-size:13px;font-weight:700}.cpf-field input{display:block;width:100%;margin:7px 0 5px;border:1px solid #d5e0d9;border-radius:11px;padding:12px 13px;background:#fff;font:inherit;outline:none}.cpf-field input:focus{border-color:#4f806f;box-shadow:0 0 0 3px #4f806f1f}.cpf-field small{color:#82958e;font-weight:400}.eyebrow.dark{color:#35705e}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.plan{background:#fff;border:1px solid #dfe7e1;border-radius:19px;padding:25px;position:relative}.plan.featured{border:2px solid #2e6a58;box-shadow:0 14px 35px #17443814}.recommended{position:absolute;top:-12px;right:18px;background:#dcf260;color:#17342d;border-radius:20px;padding:6px 11px;font-size:10px;font-weight:800;text-transform:uppercase}.plan h3{font:800 19px Manrope}.price b,.price span{display:block}.price b{font:800 26px Manrope;margin:8px 0 1px}.price span{color:#82958e;font-size:12px}.plan ul{list-style:none;padding:0;margin:22px 0;color:#536b62;font-size:13px;line-height:2}.plan li:before{content:"✓";color:#4b795c;font-weight:800;margin-right:8px}.plan-button{width:100%;justify-content:center}.payment-card{margin-top:22px;background:#fff;border:1px solid #dfe7e1;border-radius:19px;padding:26px}.payment-card h3{font:800 19px Manrope;margin:15px 0 3px}.payment-card p,.payment-card small{color:#71857d}.status-pill{background:#fff1c9;color:#795f16;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:800}.pix-code{display:flex;align-items:center;gap:8px;background:#f4f7f4;border-radius:12px;padding:13px;margin:15px 0}.pix-code code{font-size:11px;overflow-wrap:anywhere;flex:1}.pix-code button{border:0;background:#18483d;color:#fff;border-radius:9px;padding:9px}.pix-code svg{display:block;width:17px}.paid{display:flex;align-items:center;gap:14px}.paid>svg{width:46px;height:46px;color:#4c8a55}.paid h3{margin:0}.empty{grid-column:1 / -1;text-align:center;padding:45px;background:#fff;border:1px dashed #cbd9d0;border-radius:18px}.empty svg{color:#588072}.empty h3{margin:12px 0 3px}.empty p{color:#82958e;margin:0}@media(max-width:900px){.plans{grid-template-columns:1fr}.logout{font-size:0}.logout svg{width:20px}}