:root{--bg:#f6f8fa;--bg-elev:#fff;--surface:#fff;--surface-2:#f0f4f7;--surface-3:#e7edf1;--border:#dbe3ea;--border-strong:#c4d0da;--text:#0d1b24;--text-2:#3d4f5c;--text-muted:#61727e;--primary-50:#e9fbf0;--primary-100:#cdf4dc;--primary:#22c55e;--primary-600:#16a34a;--primary-700:#12833c;--primary-800:#0d6a30;--primary-contrast:#fff;--grad-a:#2fd06d;--grad-b:#16a34a;--accent:#0f766e;--accent-soft:#d7f0ec;--ok:#157a4a;--ok-soft:#dcf2e6;--warn:#9a6a12;--warn-soft:#fbeecb;--danger:#b3261e;--danger-soft:#fbe0de;--info:#1f5f8b;--info-soft:#dcecf7;--r-sm:8px;--r:12px;--r-lg:18px;--r-pill:999px;--shadow-sm:0 1px 2px #0d1b240f;--shadow:0 1px 2px #0d1b240d, 0 6px 20px -6px #0d1b241f;--shadow-lg:0 12px 40px -12px #0d1b2438;--ring:0 0 0 3px #0e7c7659;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;--maxw:1140px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-num:ui-sans-serif, system-ui, "SF Pro Display", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a1216;--bg-elev:#0f1b21;--surface:#111e25;--surface-2:#16262e;--surface-3:#1d323b;--border:#24373f;--border-strong:#33505b;--text:#eaf2f5;--text-2:#b6c6cf;--text-muted:#8ba0ab;--primary-50:#0e2a1a;--primary:#25d366;--primary-600:#3ee07c;--primary-700:#1db8a0;--primary-contrast:#05140b;--grad-a:#25d366;--grad-b:#12a978;--accent:#f0a24a;--accent-soft:#3a2a12;--ok:#4cc487;--ok-soft:#10321f;--warn:#e6bd5c;--warn-soft:#33280d;--danger:#f0857f;--danger-soft:#3a1512;--info:#6fb2df;--info-soft:#10293a;--shadow-sm:0 1px 2px #0006;--shadow:0 1px 2px #0006, 0 8px 24px -8px #00000080;--shadow-lg:0 16px 48px -16px #0009;--ring:0 0 0 3px #2fb3aa66}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.6}h1,h2,h3{letter-spacing:-.02em;color:var(--text);margin:0;line-height:1.15}p{margin:0}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-600)}:focus-visible{box-shadow:var(--ring);border-radius:6px;outline:none}::selection{background:var(--primary-50)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.container{max-width:var(--maxw);padding:0 var(--s5);margin:0 auto}.skip-link{background:var(--primary);color:var(--primary-contrast);border-radius:var(--r-sm);z-index:100;padding:10px 16px;position:absolute;top:0;left:-9999px}.skip-link:focus{top:12px;left:12px}.muted{color:var(--text-muted)}.site-header{z-index:40;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg-elev) 82%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:var(--s4);height:64px;display:flex}.brand{letter-spacing:-.03em;color:var(--text);gap:var(--s2);align-items:center;font-size:1.18rem;font-weight:700;display:inline-flex}.brand .dot{background:linear-gradient(140deg, var(--primary), var(--primary-700));border-radius:7px;place-items:center;width:22px;height:22px;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff26}.brand .dot:after{content:"";opacity:.92;background:#fff;border-radius:50%;width:8px;height:8px}.nav-links{gap:var(--s5);align-items:center;display:flex}.nav-links a{color:var(--text-2);font-size:.95rem;font-weight:500}.nav-links a:hover{color:var(--text)}@media (max-width:720px){.nav-links{gap:var(--s3)}.nav-links a:not(.btn){display:none}}.btn{justify-content:center;align-items:center;gap:var(--s2);border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;padding:11px 18px;font-size:.95rem;font-weight:600;transition:background .15s,border-color .15s,transform 50ms,box-shadow .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg, var(--grad-a), var(--grad-b));color:#fff;box-shadow:0 2px 10px -2px color-mix(in srgb, var(--primary) 60%, transparent)}.btn-primary:hover{filter:brightness(1.06)saturate(1.05);color:#fff;box-shadow:0 4px 16px -3px color-mix(in srgb, var(--primary) 65%, transparent)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--surface-2);color:var(--text);border-color:var(--primary)}.btn-lg{border-radius:var(--r);padding:14px 24px;font-size:1.02rem}.btn-sm{padding:7px 12px;font-size:.85rem}.hero{padding:var(--s8) 0 var(--s7);position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:radial-gradient(60% 60% at 20% 10%, color-mix(in srgb, var(--primary) 22%, transparent), transparent 70%), radial-gradient(50% 50% at 90% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%);filter:blur(10px);height:520px;position:absolute;inset:-20% -10% auto}.eyebrow{align-items:center;gap:var(--s2);letter-spacing:.04em;text-transform:uppercase;color:var(--primary-600);background:var(--primary-50);border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);border-radius:var(--r-pill);padding:5px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.hero h1{margin:var(--s4) 0 var(--s4);letter-spacing:-.035em;max-width:17ch;font-size:clamp(2.1rem,5.2vw,3.4rem)}.hero p.lead{color:var(--text-2);max-width:54ch;margin:0 0 var(--s5);font-size:1.22rem}.cta-row{gap:var(--s3);flex-wrap:wrap;align-items:center;display:flex}.cta-note{color:var(--text-muted);font-size:.9rem}.section{padding:var(--s7) 0}.section h2{margin:0 0 var(--s2);font-size:clamp(1.5rem,3.4vw,2rem)}.section .sub{color:var(--text-muted);margin:0 0 var(--s6);max-width:60ch;font-size:1.05rem}.center{text-align:center;margin-left:auto;margin-right:auto}.grid{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:var(--s5);box-shadow:var(--shadow-sm)}.card--hover{transition:border-color .15s,box-shadow .15s,transform .15s}.card--hover:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.card h3{margin:0 0 var(--s2);font-size:1.08rem}.card p{color:var(--text-2);margin:0;font-size:.97rem}.icon-chip{background:var(--primary-50);width:40px;height:40px;color:var(--primary-600);margin-bottom:var(--s3);border-radius:10px;place-items:center;font-size:1.2rem;display:grid}.steps{counter-reset:step;gap:var(--s5);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.step{padding-left:52px;position:relative}.step:before{counter-increment:step;content:counter(step);background:linear-gradient(140deg, var(--primary), var(--primary-700));width:36px;height:36px;color:var(--primary-contrast);box-shadow:var(--shadow-sm);border-radius:10px;place-items:center;font-weight:700;display:grid;position:absolute;top:0;left:0}.step h3{margin:0 0 var(--s1);font-size:1.05rem}.step p{color:var(--text-muted);font-size:.96rem}.badge{border-radius:var(--r-pill);border:1px solid #0000;align-items:center;gap:6px;padding:3px 10px;font-size:.78rem;font-weight:600;line-height:1.5;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.badge--ok{color:var(--ok);background:var(--ok-soft)}.badge--warn{color:var(--warn);background:var(--warn-soft)}.badge--danger{color:var(--danger);background:var(--danger-soft)}.badge--info{color:var(--info);background:var(--info-soft)}.badge--muted{color:var(--text-muted);background:var(--surface-3)}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%}table.data th{text-align:left;border-bottom:1px solid var(--border-strong);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;padding:10px 12px;font-size:.8rem;font-weight:600}table.data td{border-bottom:1px solid var(--border);color:var(--text);padding:12px}table.data tbody tr:hover{background:var(--surface-2)}.num{font-variant-numeric:tabular-nums;text-align:right}.field{gap:6px;display:grid}.field>span{color:var(--text-2);font-size:.9rem;font-weight:500}.input,.select,input[type=text],input[type=email],input[type=number],select{border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);width:100%;padding:11px 13px;font-family:inherit;font-size:1rem;transition:border-color .12s,box-shadow .12s}.input:focus,input:focus,select:focus{border-color:var(--primary);box-shadow:var(--ring);outline:none}.notice{background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:var(--r-sm);color:var(--text-2);padding:14px 16px;font-size:.94rem}.notice--ok{border-left-color:var(--ok);background:var(--ok-soft);color:var(--text)}.notice--danger{border-left-color:var(--danger);background:var(--danger-soft);color:var(--text)}.notice--info{border-left-color:var(--info);background:var(--info-soft);color:var(--text)}.stat{gap:2px;display:grid}.stat .label{color:var(--text-muted);font-size:.82rem}.stat .value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.plans{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));display:grid}.plan{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:var(--s5);position:relative}.plan.h{border-color:var(--primary);box-shadow:var(--shadow)}.plan.h:before{content:"Mais popular";top:-11px;left:var(--s5);background:var(--primary);color:var(--primary-contrast);border-radius:var(--r-pill);padding:3px 10px;font-size:.72rem;font-weight:700;position:absolute}.plan .price{letter-spacing:-.02em;font-size:2rem;font-weight:700}.plan .per{color:var(--text-muted);font-size:.9rem}.plan ul{margin:var(--s4) 0 0;padding:0;list-style:none}.plan li{color:var(--text-2);padding:7px 0 7px 26px;font-size:.95rem;position:relative}.plan li:before{content:"✓";color:var(--ok);font-weight:700;position:absolute;left:0}.trust{gap:var(--s5);opacity:.85;flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.trust .pill{color:var(--text-muted);align-items:center;gap:8px;font-size:.9rem;font-weight:500;display:inline-flex}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--bg-elev);border-right:1px solid var(--border);height:100vh;padding:var(--s4) var(--s3);align-self:start;gap:var(--s2);flex-direction:column;display:flex;position:sticky;top:0}.sidebar-brand{padding:var(--s2) var(--s3) var(--s4)}.sidebar-nav{margin-top:var(--s2);flex-direction:column;gap:3px;display:flex}.sidebar-link{align-items:center;gap:var(--s3);border-radius:var(--r-sm);color:var(--text-2);padding:10px 12px;font-size:.95rem;font-weight:500;transition:background .12s,color .12s;display:flex}.sidebar-link:hover{background:var(--surface-2);color:var(--text)}.sidebar-link.active{background:color-mix(in srgb, var(--primary) 15%, transparent);color:var(--primary-700);font-weight:600}.sidebar-link .ic{opacity:.9;place-items:center;width:22px;height:22px;font-size:1rem;display:grid}.sidebar-foot{padding-top:var(--s3);border-top:1px solid var(--border);gap:var(--s3);margin-top:auto;display:grid}.sidebar-user{align-items:center;gap:var(--s3);padding:0 var(--s3);display:flex}.avatar{color:#fff;background:linear-gradient(135deg, var(--grad-a), var(--grad-b));border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.app-main,.app-main>*{min-width:0}@media (max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;height:auto;position:static;overflow-x:auto}.sidebar-brand{padding:var(--s2)}.sidebar-nav{flex-direction:row;margin-top:0}.sidebar-foot{border-top:none;grid-auto-flow:column;align-items:center;margin-top:0;margin-left:auto;padding-top:0}.sidebar-user,.sidebar-link .ic{display:none}}.page-head{justify-content:space-between;align-items:flex-start;gap:var(--s4);margin-bottom:var(--s5);flex-wrap:wrap;display:flex}.page-head h1{font-size:1.6rem}.chart{width:100%;display:block}.chart .axis-label{fill:var(--text-muted);font-size:11px}.chart .bar{transition:opacity .15s}.chart .bar:hover{opacity:.82}.chart-legend{gap:var(--s4);color:var(--text-muted);margin-top:var(--s2);flex-wrap:wrap;font-size:.85rem;display:flex}.chart-legend .swatch{vertical-align:middle;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.site-footer{border-top:1px solid var(--border);background:var(--bg-elev);margin-top:var(--s7);padding:var(--s6) 0;color:var(--text-muted);font-size:.92rem}.footer-cols{gap:var(--s5);grid-template-columns:1.5fr repeat(2,1fr);display:grid}@media (max-width:720px){.footer-cols{grid-template-columns:1fr 1fr}}.footer-cols strong{color:var(--text);margin-bottom:var(--s2);font-size:.9rem;display:block}.footer-cols a{color:var(--text-muted);padding:4px 0;display:block}.footer-cols a:hover{color:var(--text)}.status-dot{border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.status-dot.ok{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.status-dot.bad{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.brand-logo{width:auto;height:28px;display:block}.sidebar-brand .brand-logo{height:26px}.login-logo{width:auto;height:34px;margin-bottom:var(--s5);display:block}.sidebar-link .ic{opacity:1;place-items:center;width:20px;height:20px;display:grid}.sidebar-link .ic svg{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.sidebar-link{color:var(--text-2)}.sidebar-link.active{background:var(--primary-50);color:var(--primary-700)}.sidebar-link.active .ic{color:var(--primary-600)}.kpis{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));display:grid}.kpi{column-gap:var(--s3);padding:var(--s5);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;row-gap:2px;display:grid}.kpi .kpi-ic{background:var(--surface-2);width:42px;height:42px;color:var(--text-2);border-radius:11px;grid-row:1/span 2;place-items:center;display:grid}.kpi.kpi--brand .kpi-ic{background:var(--primary-50);color:var(--primary-600)}.kpi .kpi-ic svg{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.kpi .kpi-label{color:var(--text-muted);font-size:.82rem;font-weight:500}.kpi .kpi-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text);font-size:1.7rem;font-weight:700;line-height:1.1}.kpi .kpi-hint{color:var(--text-muted);grid-column:2;font-size:.82rem}.kpi .kpi-hint b{color:var(--ok);font-weight:600}.card-head{justify-content:space-between;align-items:baseline;gap:var(--s3);margin-bottom:var(--s4);display:flex}.card-head h3{font-size:1.05rem}.card-head .card-sub{color:var(--text-muted);font-size:.82rem}.dash-grid{gap:var(--s4);margin-top:var(--s4);grid-template-columns:1.7fr 1fr;align-items:start;display:grid}@media (max-width:900px){.dash-grid{grid-template-columns:1fr}}.chart .axis-y{fill:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.chart .val-label{fill:var(--text-2);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.chart .grid-line{stroke:var(--border);stroke-width:1px}.chart .grid-line.base{stroke:var(--border-strong)}.list{margin:0;padding:0;list-style:none}.list-row{align-items:center;gap:var(--s3);border-bottom:1px solid var(--border);padding:11px 0;display:flex}.list-row:last-child{border-bottom:none}.list-row .lr-avatar{width:34px;height:34px;color:var(--primary-700);background:var(--primary-50);border-radius:9px;flex:none;place-items:center;font-size:.82rem;font-weight:700;display:grid}.list-row .lr-main{flex:1;gap:1px;min-width:0;display:grid}.list-row .lr-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;overflow:hidden}.list-row .lr-sub{color:var(--text-muted);font-size:.82rem}.empty{text-align:center;padding:var(--s6) var(--s4);color:var(--text-muted)}.empty .empty-ic{width:46px;height:46px;margin:0 auto var(--s3);background:var(--surface-2);color:var(--text-muted);border-radius:12px;place-items:center;display:grid}.empty .empty-ic svg{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}
