:root{--navy:#06234f;--navy-2:#0a315f;--blue:#146bd1;--blue-soft:#eaf3ff;--green:#19a94b;--green-soft:#e8f8ee;--red:#cf3341;--red-soft:#fff0f1;--amber:#b86c00;--bg:#f4f7fb;--surface:#fff;--border:#dfe7f1;--text:#17243b;--muted:#65738a;--shadow:0 10px 32px rgba(21,48,84,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 "Segoe UI",Inter,Arial,sans-serif}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(20,107,209,.2);outline-offset:2px}
.app-header{height:72px;padding:0 max(24px,calc((100% - 1320px)/2));background:linear-gradient(110deg,var(--navy),var(--navy-2));color:#fff;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;box-shadow:0 6px 22px rgba(5,25,55,.18)}
.brand{display:flex;align-items:center;gap:11px;color:#fff}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#2ad354,#11953a);font-weight:800;font-size:20px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.2)}.brand strong,.brand small{display:block}.brand strong{font-size:20px;letter-spacing:-.4px}.brand small{font-size:11px;color:#b9cbe0;text-transform:uppercase;letter-spacing:.8px}.app-nav{display:flex;align-items:center;gap:6px}.app-nav a{color:#d9e6f5;padding:10px 12px;border-radius:8px;font-weight:600}.app-nav a:hover,.app-nav a.active{background:rgba(255,255,255,.1);color:#fff}.app-nav .logout{margin-left:8px;border:1px solid rgba(255,255,255,.2)}.menu-toggle{display:none;background:transparent;border:0;color:#fff;font-size:24px;cursor:pointer}
.dashboard-wrap{width:min(1320px,calc(100% - 32px));margin:28px auto 48px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.page-heading h1{font-size:30px;letter-spacing:-.8px;margin:3px 0;color:var(--navy)}.page-heading p,.section-heading p{margin:3px 0;color:var(--muted)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.2px;color:var(--blue)}.online-dot{color:#237742;background:var(--green-soft);padding:8px 12px;border-radius:999px;font-weight:700;font-size:12px}.online-dot:before{content:"";display:inline-block;width:8px;height:8px;background:#24b858;border-radius:50%;margin-right:7px}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.customer-metrics{grid-template-columns:repeat(3,1fr)}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow)}.metric-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font-size:12px;font-weight:900}.metric-card small,.metric-card strong{display:block}.metric-card small{color:var(--muted);font-weight:600}.metric-card strong{font-size:28px;line-height:1.1;color:var(--navy);margin-top:3px}
.panel-card,.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px;box-shadow:var(--shadow);margin-bottom:20px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2{font-size:22px;margin:2px 0;color:var(--navy)}.count-pill{background:#eef3f8;color:#516177;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.two-column{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.license-card{padding:0;overflow:hidden}.license-heading{padding:22px 22px 16px;margin:0}.status-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.action-drawer{border:1px solid var(--border);background:#f9fbfd;border-radius:10px;margin-bottom:18px}.action-drawer summary{padding:12px 15px;color:var(--blue);font-weight:750;cursor:pointer;list-style:none}.action-drawer summary::-webkit-details-marker{display:none}.action-drawer[open] summary{border-bottom:1px solid var(--border)}.action-drawer .form-grid{padding:16px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;align-items:end}.form-grid.compact{grid-template-columns:repeat(2,minmax(150px,1fr))}.form-stack{display:grid;gap:14px}.span-2{grid-column:span 2}.form-action{display:flex;align-items:end}.form-grid label,.form-stack label{font-size:12px;font-weight:700;color:#42516a}input,select,textarea{width:100%;margin-top:5px;padding:10px 11px;border:1px solid #cbd6e3;border-radius:8px;background:#fff;color:var(--text);transition:.2s}input:hover,select:hover,textarea:hover{border-color:#aebed0}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(20,107,209,.1);outline:0}.check-label{display:flex;align-items:center;gap:8px;padding:10px 0}.check-label input{width:auto;margin:0}
.btn,button,.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:8px;padding:10px 15px;cursor:pointer;font-weight:700;line-height:1.2;transition:transform .15s,box-shadow .15s,background .15s}.btn:hover,button:hover,.button:hover{transform:translateY(-1px)}.btn.primary,button:not(.ghost):not(.danger):not(.success):not(.secondary),.button{background:var(--blue);color:#fff;box-shadow:0 5px 14px rgba(20,107,209,.2)}.btn.success,.green{background:var(--green);color:#fff}.btn.danger,.danger{background:var(--red);color:#fff}.btn.ghost,.secondary{background:#eef3f8;color:var(--navy);box-shadow:none}.btn.small{padding:7px 10px;font-size:12px}.btn.block{width:100%}
.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:10px}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid #e8edf3;vertical-align:middle}th{background:#f6f9fc;color:#536179;font-size:11px;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}tbody tr:hover{background:#fbfdff}tbody tr:last-child td{border-bottom:0}td strong,td small{display:block}td small{margin-top:3px;color:var(--muted)}td code{font-weight:700;color:var(--navy)}.inline-form{display:flex;align-items:center;gap:5px;margin-top:6px}.inline-form input{width:58px;margin:0;padding:6px}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.row-actions form{margin:0}.status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.status.success{background:var(--green-soft);color:#14753a}.status.danger{background:var(--red-soft);color:#a32632}.status.neutral{background:#edf2f7;color:#536179}
.item-list{display:grid;gap:8px}.list-item{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--border);border-radius:10px}.avatar{width:36px;height:36px;border-radius:10px;background:var(--blue-soft);color:var(--blue);font-weight:800;display:grid;place-items:center}.grow{flex:1;min-width:0}.grow strong,.grow small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grow small{color:var(--muted)}.plan-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.plan-chips span{padding:7px 9px;border:1px solid var(--border);border-radius:8px;background:#f8fafc;font-size:12px}.plan-chips strong{color:var(--navy)}
.alert{padding:13px 15px;border-radius:10px;margin:12px 0 18px;border:1px solid #cfe0f5;background:var(--blue-soft);color:#174d87}.alert.success{background:var(--green-soft);border-color:#c9ead5;color:#176d38}.alert.error{background:var(--red-soft);border-color:#f3ccd0;color:#942431}.license-key-box{display:grid;gap:7px;background:linear-gradient(120deg,#eaf3ff,#effbf2);border:1px solid #cbdff4;border-radius:14px;padding:18px;margin-bottom:20px}.license-key-box span{font-weight:800;color:var(--navy)}.license-key-box code{font-size:18px;font-weight:800;letter-spacing:1px;overflow-wrap:anywhere}.license-key-box small{color:var(--muted)}.license-key-box .btn{justify-self:start;margin-top:5px}
.usage-box{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;background:#f7fafd;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 22px}.usage-box strong,.usage-box span{display:block}.usage-box strong{font-size:19px;color:var(--navy)}.usage-box span{font-size:12px;color:var(--muted)}.progress-track{height:9px;background:#e2eaf3;border-radius:999px;overflow:hidden}.progress-track span{height:100%;background:linear-gradient(90deg,var(--green),#62d77f);border-radius:999px}.empty-state{text-align:center!important;color:var(--muted);padding:28px!important}.empty-panel{text-align:center;padding:45px 20px}.empty-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border-radius:16px;background:var(--blue-soft);color:var(--blue);font-weight:900}.empty-panel h2{margin-bottom:5px}.empty-panel p{color:var(--muted)}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;align-items:stretch}.price-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column}.price-card h2{color:var(--navy);font-size:22px;margin:5px 0}.price{font-size:34px;font-weight:850;color:var(--navy);margin:8px 0 12px}.price small{font-size:14px;margin-right:4px}.price-card ul{padding:0;list-style:none;color:var(--muted);flex:1}.price-card li{padding:7px 0;border-bottom:1px solid #eef2f6}.price-card li:before{content:"✓";color:var(--green);font-weight:900;margin-right:8px}
.app-footer{text-align:center;color:var(--muted);padding:20px 16px 30px;font-size:12px}.center{min-height:100vh;display:grid;place-items:center;padding:20px}.center .card{width:min(860px,100%)}.center .login{width:min(430px,100%)}h1,h2{color:var(--navy)}
@media(max-width:1000px){.app-header{padding:0 18px}.form-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.two-column{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app-header{height:64px}.menu-toggle{display:block}.app-nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--navy);padding:10px 16px 16px;flex-direction:column;align-items:stretch;box-shadow:0 12px 20px rgba(0,0,0,.18)}.menu-open .app-nav{display:flex}.app-nav a,.app-nav .logout{margin:0}.dashboard-wrap{width:min(100% - 20px,1320px);margin-top:18px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:25px}.metric-grid,.customer-metrics{grid-template-columns:1fr 1fr}.panel-card{padding:15px}.license-card{padding:0}.license-heading{padding:17px;align-items:flex-start}.usage-box{grid-template-columns:1fr;padding:14px 17px}.form-grid,.form-grid.compact{grid-template-columns:1fr}.span-2{grid-column:auto}th,td{white-space:nowrap}.section-heading{align-items:flex-start}.list-item{flex-wrap:wrap}.pricing-grid{grid-template-columns:1fr}}
@media(max-width:440px){.metric-grid,.customer-metrics{grid-template-columns:1fr}.brand small{display:none}.page-heading .btn{width:100%}.license-heading form,.license-heading .btn{width:100%}}

/* Autenticação e cadastro */
.auth-body{min-height:100vh;margin:0;background:radial-gradient(circle at 15% 10%,#e8f3ff 0,transparent 35%),radial-gradient(circle at 90% 85%,#e8f8ee 0,transparent 32%),var(--bg);display:grid;place-items:center;padding:28px 16px}.auth-shell{width:min(460px,100%)}.register-shell{width:min(720px,100%)}.auth-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:30px;box-shadow:0 24px 60px rgba(13,42,77,.13)}.register-card{padding:28px 32px}.auth-brand{display:flex;align-items:center;justify-content:center;gap:11px;margin-bottom:25px}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{font-size:23px;color:var(--navy);line-height:1.1}.auth-brand small{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.auth-heading{text-align:center;margin-bottom:20px}.auth-heading h1{font-size:27px;margin:4px 0;color:var(--navy);letter-spacing:-.5px}.auth-heading p{margin:0;color:var(--muted)}.auth-form{display:grid;gap:14px}.auth-form label{font-size:12px;font-weight:750;color:#42516a}.auth-form input{padding:12px}.auth-divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:#8793a6;font-size:11px;text-transform:uppercase;letter-spacing:.8px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--border);flex:1}.auth-note{text-align:center;color:var(--muted);font-size:11px;margin:15px 0 0}.auth-footer{text-align:center;color:var(--muted);font-size:12px;margin-top:15px}.auth-footer a{font-weight:700}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.auth-grid .full{grid-column:1/-1}.password-hint{color:var(--muted);margin-top:-5px}.terms-check{display:flex!important;align-items:flex-start;gap:9px;font-weight:500!important;line-height:1.4}.terms-check input{width:auto;margin:3px 0 0}.back-link{display:inline-block;margin-bottom:18px;font-weight:700}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.alert ul{margin:7px 0 0;padding-left:18px}
@media(max-width:600px){.auth-card,.register-card{padding:22px 18px;border-radius:14px}.auth-grid{grid-template-columns:1fr}.auth-grid .full{grid-column:auto}.auth-heading h1{font-size:24px}}