*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f3f4f6;color:#0f172a}a{color:#2563eb}header.top{background:#0b2e6b;color:#fff;padding:14px 24px;display:flex;justify-content:space-between;align-items:center}header.top a{color:#fff;text-decoration:none;font-weight:700}main{max-width:960px;margin:24px auto;padding:0 16px}.card{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(11,46,107,.08);padding:24px;margin-bottom:16px}.narrow{max-width:480px;margin:0 auto}label{display:block;font-size:14px;font-weight:600;margin:12px 0 4px}input,select,textarea{width:100%;padding:10px;border:1px solid #c5d3ea;border-radius:8px;font-size:15px}input[type=checkbox]{width:auto;margin-right:8px}.chk{display:block;font-weight:400;line-height:1.4}.btn,button{background:#2563eb;color:#fff;border:0;border-radius:8px;padding:11px 18px;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}button.sec{background:#e7eefb;color:#0b2e6b}button.danger{background:#c0392b}button.warn{background:#d68910}button:disabled{opacity:.6;cursor:not-allowed}.toggle{display:flex;gap:8px;margin-bottom:8px}.toggle button{flex:1 1;background:#e7eefb;color:#0b2e6b}.toggle button.on{background:#2563eb;color:#fff}.err{background:#fdecea;color:#922}.err,.ok{padding:10px;border-radius:8px;margin-top:12px}.ok{background:#e6f6ec;color:#185c34}.banner{background:#fff4d6;border-left:5px solid #d68910;padding:14px;margin-bottom:16px;font-weight:600}.banner,.disc{border-radius:8px}.disc{font-size:13px;color:#4a5b78;background:#eef3fb;padding:10px;margin-top:12px}table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:8px;border-bottom:1px solid #e3e9f4;text-align:left;vertical-align:top}.empty{padding:32px}.empty,footer{color:#6b7a95;text-align:center}footer{padding:24px}.pill,footer{font-size:12px}.pill{background:#e7eefb;border-radius:20px;padding:2px 10px}body:has(.app-shell)>footer,body:has(.app-shell)>header.top{display:none}body:has(.app-shell)>main{max-width:none;margin:0;padding:0}body:has(.app-shell){background:#f3f4f6}.app-shell{display:flex;min-height:100vh;background:#f3f4f6}.app-sidebar{width:260px;flex-shrink:0;background:#0b1f3a;color:#e2e8f0;display:flex;flex-direction:column;padding:20px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{display:flex;gap:12px;align-items:center;padding:4px 8px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand strong{display:block;color:#fff;font-size:15px}.sidebar-brand small{color:#94a3b8;font-size:11px}.brand-mark{display:flex}.sidebar-user{display:flex;gap:12px;align-items:center;padding:16px 8px;margin-bottom:8px}.sidebar-user strong{display:block;color:#fff;font-size:13px;line-height:1.3}.sidebar-user small{color:#94a3b8;font-size:11px}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1 1}.nav-item,.nav-logout{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#cbd5e1;text-decoration:none;font-size:13.5px;font-weight:500;border:0;background:transparent;width:100%;text-align:left;cursor:pointer;position:relative}.nav-item:hover,.nav-logout:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:#2563eb;color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.35)}.nav-icon{opacity:.9;flex-shrink:0}.nav-logout{margin-top:auto;color:#94a3b8}.nav-sair{background:transparent;border:0;color:inherit;font:inherit;font-weight:500;padding:0;cursor:pointer;text-align:left}.coming-soon{position:relative}.coming-soon-tip{display:none;position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);background:#0f172a;color:#fff;font-size:11px;padding:4px 8px;border-radius:6px;white-space:nowrap;z-index:5;pointer-events:none}.coming-soon[data-tip="1"] .coming-soon-tip{display:block}.app-main{flex:1 1;min-width:0;display:flex;flex-direction:column}.app-topbar{background:#fff;border-bottom:1px solid #e5e7eb;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:10}.greet{margin:0;font-size:20px;font-weight:700;color:#0f172a}.topbar-right{gap:12px}.bell,.topbar-right{display:flex;align-items:center}.bell{background:#f1f5f9;border:0;border-radius:10px;width:40px;height:40px;justify-content:center;color:#475569;cursor:pointer}.bell:hover{background:#e2e8f0}.period-chip{background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;border:1px solid #bfdbfe}.app-content{padding:24px 28px 40px;flex:1 1}.section-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.section-head h2{margin:0;font-size:18px;font-weight:700}.demo-badge{align-items:center;color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:999px;vertical-align:middle;margin-left:8px}.demo-badge,.live-badge{display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px}.live-badge{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7;border-radius:999px}.kpi-row{display:grid;grid-gap:14px;gap:14px;margin-bottom:18px}.kpi-row--3{grid-template-columns:repeat(3,1fr)}.kpi-row--4{grid-template-columns:repeat(4,1fr)}.kpi-row--admin{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stat-card{background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 1px 3px rgba(15,23,42,.06),0 4px 12px rgba(15,23,42,.04);border:1px solid #eef2f7}.stat-card--hl{border-color:#bbf7d0;background:linear-gradient(180deg,#fff 60%,#f0fdf4)}.stat-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px}.stat-value{font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.02em}.text-green{color:#16a34a!important}.text-blue{color:#2563eb!important}.muted{color:#64748b;font-size:13px}.cta-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#2563eb;color:#fff;border:0;border-radius:12px;padding:14px 20px;font-size:15px;font-weight:700;cursor:pointer;margin-bottom:18px;text-decoration:none;box-shadow:0 8px 20px rgba(37,99,235,.25)}.cta-primary:hover{background:#1d4ed8}.cta-primary:disabled{opacity:.55;box-shadow:none;cursor:not-allowed}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.grid-2,.panel{margin-bottom:16px}.panel{background:#fff;border-radius:14px;padding:20px 22px;box-shadow:0 1px 3px rgba(15,23,42,.06),0 4px 12px rgba(15,23,42,.04);border:1px solid #eef2f7}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.panel-head h3{margin:0;font-size:15px;font-weight:700;color:#0f172a}.panel--live{border-color:#a7f3d0}.comissao-box{display:flex;gap:16px;align-items:flex-start}.comissao-icon{width:56px;height:56px;border-radius:14px;background:#ecfdf5;display:flex;align-items:center;justify-content:center;font-size:28px}.comissao-big{font-size:26px;font-weight:800;color:#0f172a}.comissao-green{font-size:24px;font-weight:800;color:#16a34a}.donut-wrap{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.donut-svg{flex-shrink:0}.donut-center-val{font-size:18px;font-weight:800;fill:#0f172a}.donut-center-lbl{font-size:10px;fill:#64748b}.donut-legend{list-style:none;margin:0;padding:0;flex:1 1;min-width:160px}.donut-legend li{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#334155;padding:5px 0;border-bottom:1px solid #f1f5f9}.donut-legend li strong{margin-left:auto;font-weight:700;color:#0f172a;white-space:nowrap}.donut-legend .dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.line-chart{width:100%}.chart-axis{font-size:10px;fill:#94a3b8}.line-legend{display:flex;gap:16px;margin-top:8px;font-size:12px;color:#475569}.line-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-weight:700;padding:10px 12px;border-bottom:1px solid #e2e8f0;background:#f8fafc;white-space:nowrap}.data-table td{padding:12px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.data-table tbody tr:hover{background:#f8fafc}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700;white-space:nowrap}.status-badge--ok{background:#dcfce7;color:#166534}.status-badge--info{background:#dbeafe;color:#1e40af}.status-badge--warn{background:#fef3c7;color:#92400e}.status-badge--danger{background:#fee2e2;color:#991b1b}.status-badge--muted{background:#f1f5f9;color:#475569}.support-box{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid #e0e7ff;border-radius:14px;padding:18px 22px;box-shadow:0 1px 3px rgba(15,23,42,.04);flex-wrap:wrap}.support-info{display:flex;gap:14px;align-items:flex-start}.support-i{width:32px;height:32px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-style:italic;flex-shrink:0}.support-info strong{display:block;margin-bottom:2px}.support-info p{margin:0;font-size:13px;color:#64748b}.wa-btn{display:inline-flex;align-items:center;gap:8px;background:#22c55e;color:#fff;font-weight:700;padding:12px 18px;border-radius:10px;text-decoration:none;box-shadow:0 6px 16px rgba(34,197,94,.3)}.wa-btn:hover{background:#16a34a;color:#fff}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.quick-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:22px 12px;cursor:pointer;font-size:13px;font-weight:600;color:#1e293b;text-align:center}.quick-btn:hover{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}.quick-ico{font-size:22px;line-height:1}.sec-link{background:#e7eefb;color:#0b2e6b}.admin-block{margin-top:8px}.admin-block .card{box-shadow:none;border:1px solid #e2e8f0;padding:16px}@media (max-width:1100px){.kpi-row--3,.kpi-row--4{grid-template-columns:repeat(2,1fr)}.grid-2,.quick-grid{grid-template-columns:1fr 1fr}}@media (max-width:860px){.app-shell{flex-direction:column}.app-sidebar{width:100%;height:auto;position:relative}.grid-2,.kpi-row--3,.kpi-row--4,.kpi-row--admin,.quick-grid{grid-template-columns:1fr}.app-content{padding:16px}}