*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-background);min-height:100vh;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);-webkit-tap-highlight-color:transparent;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}#root{min-height:100vh}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.hidden{display:none!important}.overlay{z-index:50;background:#0d1b148a;position:fixed;inset:0}.loading-dots{gap:4px;display:inline-flex}.loading-dots span{background:var(--color-brand);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite both pulse}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}.loading-spinner{border:4px solid var(--color-brand-soft);border-top-color:var(--color-brand);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--color-brand:#17633a;--color-brand-hover:#104e30;--color-brand-bright:#58b915;--color-brand-soft:#e8f3e9;--color-text:#18251d;--color-text-secondary:#526158;--color-text-muted:#64736a;--color-background:#f5f8f5;--color-background-alt:#edf3ed;--color-surface:#fff;--color-border:#d9e3da;--color-focus:#248348;--color-success:#17633a;--color-success-bg:#e8f3e9;--color-warning:#854d0e;--color-warning-bg:#fef3c7;--color-error:#b42318;--color-error-bg:#fef0ee;--color-info:#1e40af;--color-info-bg:#eff6ff;--font-sans:"Manrope", "Segoe UI", Roboto, system-ui, sans-serif;--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1rem;--text-lg:1.125rem;--leading-tight:1.2;--leading-heading:1.15;--leading-body:1.65;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:.625rem;--radius-md:.875rem;--radius-lg:1.125rem;--radius-xl:1.375rem;--shadow-card:0 8px 24px #182d1f0e;--primary:var(--color-brand);--primary-dark:var(--color-brand-hover);--secondary:var(--color-info);--success:var(--color-success);--warning:#b45309;--error:#dc2626;--info:#0891b2;--background:var(--color-background);--foreground:var(--color-text);--muted:var(--color-text-muted);--card:var(--color-surface);--border:var(--color-border)}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-weight:var(--weight-regular)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes grow{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.app-root{background:var(--color-background);min-height:100vh}.app-shell{min-height:100vh;display:flex}.login-page{grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-visual{color:#fff;background:linear-gradient(145deg,#123d2b 0%,#17633a 100%);flex-direction:column;justify-content:center;padding:56px 48px;display:flex}.brand-block{color:var(--color-text);align-items:center;gap:12px;display:inline-flex}.brand-block strong,.brand-block small{display:block}.brand-block strong{color:inherit;font-size:1rem;font-weight:var(--weight-bold)}.brand-block small{color:var(--color-text-secondary);font-size:var(--text-xs)}.brand-block.large{color:#fff;margin-bottom:32px}.brand-block.large small{color:#ffffffd6}.brand-mark{border-radius:var(--radius-md);object-fit:contain;flex-shrink:0;width:48px;height:48px;display:block}.hero-copy{max-width:520px}.eyebrow{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-brand);margin-bottom:8px;display:inline-block}.eyebrow.light{color:#e4f3dc}.hero-copy h1{max-width:14ch;font-size:clamp(2rem,4vw,3.5rem);line-height:var(--leading-heading);color:#fff;font-weight:var(--weight-extrabold);letter-spacing:-.045em;text-wrap:balance;margin:0 0 16px}.hero-copy p{color:#ffffffe6;max-width:48ch;font-size:var(--text-lg);line-height:var(--leading-body)}.feature-list{gap:12px;max-width:420px;margin:32px 0 0;padding:0;list-style:none;display:grid}.feature-list li{color:#fffffff0;font-size:var(--text-sm);align-items:center;gap:10px;display:flex}.feature-list li:before{content:"✓";width:24px;height:24px;font-weight:var(--weight-bold);color:#fff;background:#ffffff29;border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid}.login-card-wrap{background:var(--color-background);justify-content:center;align-items:center;padding:32px;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:min(100%,440px);padding:clamp(24px,4vw,40px);animation:.35s grow;box-shadow:0 24px 56px #182d1f1a}.login-card h2{font-size:clamp(1.625rem,3vw,2rem);line-height:var(--leading-tight);letter-spacing:-.035em;color:var(--color-text);font-weight:var(--weight-bold);text-wrap:balance;margin:18px 0 24px}.login-error{background:var(--color-error-bg);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-error);border:1px solid #f3c5bf;margin:0 0 16px;padding:10px 12px}.login-success{border-radius:var(--radius-sm);background:var(--color-success-bg);color:var(--color-success);font-size:var(--text-sm);border:1px solid #c7dfcb;margin:0 0 16px;padding:10px 12px}.auth-switch-link{text-align:center;color:var(--color-brand);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-top:20px;text-decoration:none;transition:color .2s;display:block}.auth-switch-link:hover{color:var(--primary-dark);text-decoration:underline}.field{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.field span{font-weight:var(--weight-semibold);color:var(--color-text-secondary);font-size:var(--text-sm)}.field input,.field select,.field textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:#fff;padding:14px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--color-focus);outline-offset:2px;border-color:var(--color-focus);box-shadow:0 0 0 3px #2483482e}.field select{appearance:auto}.primary-button,.secondary-button,.ghost-button,.nav-item,.whatsapp-button,.invoice-actions button,.menu-toggle{cursor:pointer;border:none;font-family:inherit}.primary-button,.secondary-button,.ghost-button,.whatsapp-button,.invoice-actions button{transition:all .25s cubic-bezier(.4,0,.2,1)}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.whatsapp-button:hover,.invoice-actions button:hover{filter:brightness(.97);transform:translateY(-2px)}.primary-button{background:var(--color-brand);color:#fff;border-radius:var(--radius-md);width:100%;font-weight:var(--weight-bold);font-size:var(--text-base);padding:14px 20px;transition:background-color .2s,box-shadow .2s,transform .2s;box-shadow:0 8px 18px #17633a33}.primary-button:hover:not(:disabled){background:var(--color-brand-hover)}.primary-button:disabled{opacity:.72}.primary-button:active{transform:translateY(0)}.large-btn{margin-top:12px}.secondary-button{background:var(--color-surface);width:100%;color:var(--color-brand);border:1px solid var(--color-border);border-radius:var(--radius-md);font-weight:var(--weight-semibold);margin-top:12px;padding:12px 18px;transition:background-color .2s,border-color .2s,transform .2s}.secondary-button:hover{background:var(--color-brand-soft);border-color:#a6c6ad}.ghost-button{background:var(--color-brand-soft);color:var(--color-brand);border-radius:var(--radius-sm);font-weight:var(--weight-bold);padding:10px 14px;transition:all .25s}.ghost-button:hover{background:#dcebdd}.whatsapp-button{color:#fff;border-radius:var(--radius-md);font-weight:var(--weight-bold);background:#17633a;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:1rem;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 8px 20px #22c55e4d}.whatsapp-button:hover{background:#104e30;transform:translateY(-2px);box-shadow:0 12px 28px #22c55e66}.sidebar{color:#e2e8f0;background:#173b2a;flex-direction:column;gap:18px;width:280px;padding:24px 18px;transition:all .2s;display:flex;box-shadow:8px 0 30px #0f2d1a29}.sidebar-brand{color:#fff;padding:8px 8px 0}.sidebar-brand small{color:#ffffffc7}.nav-menu{flex-direction:column;gap:8px;display:flex}.nav-item{color:#d8e4dc;text-align:left;background:0 0;border-radius:14px;padding:12px 16px;font-weight:600;transition:all .25s;position:relative;overflow:hidden}.sidebar :focus-visible{outline-color:var(--color-brand-bright)}.nav-item:hover{color:#fff;background:#ffffff17}.nav-item:before{content:"";transform-origin:0;background:var(--color-brand-bright);border-radius:0 8px 8px 0;width:4px;height:60%;transition:transform .25s;position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.nav-item:hover:before,.nav-item.active:before{transform:translateY(-50%)scaleY(1)}.nav-item.active{color:#c9f5a9;background:#58b91524}.logout-item{color:#f5b8b2;background:#ffffff0d;margin-top:18px}.logout-item:hover{color:#ffd6d2;background:#ff63631a}.main-panel{flex:1;padding:24px 28px 40px;animation:.4s fadeIn}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.topbar-copy{flex:1}.topbar-copy h2{color:var(--color-text);font-weight:var(--weight-bold);font-size:clamp(1.375rem,2.2vw,1.75rem);line-height:var(--leading-tight);letter-spacing:-.03em;text-wrap:balance;margin:0}.topbar-copy .eyebrow{margin-bottom:4px}.menu-toggle{border-radius:var(--radius-md);background:var(--color-brand-soft);width:46px;height:46px;color:var(--color-brand);justify-content:center;align-items:center;font-size:1.3rem;display:none;box-shadow:0 4px 12px #17633a1f}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:22px;padding:24px;animation:.3s fadeIn}.highlight-panel{background:linear-gradient(135deg,#f1f7ef,#f9fbf8)}.panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.panel-header.compact{margin-bottom:20px}.panel-header h2,.panel-header h3{color:var(--color-text);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:-.025em;margin:0}.status-pill{border-radius:999px;justify-content:center;align-items:center;padding:6px 14px;font-size:.75rem;font-weight:600;display:inline-flex}.status-pill.success{background:var(--color-success-bg);color:var(--color-success)}.status-pill.neutral{color:#3e4d43;background:#edf1ed}.stats-grid,.info-grid,.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-card,.info-card,.summary-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-direction:column;gap:12px;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 10px #182d1f09}.stat-card:before,.info-card:before,.summary-card:before{content:"";background:var(--color-brand-bright);opacity:.85;height:3px;position:absolute;top:0;left:0;right:0}.stat-card:hover,.info-card:hover,.summary-card:hover{border-color:#b7cdbb;transform:translateY(-4px);box-shadow:0 10px 22px #182d1f14}.stat-card.primary:before,.stat-card.success:before,.stat-card.accent:before{background:var(--color-brand)}.stat-card.warning:before{background:#d97706}.stat-card span,.info-card span,.summary-card span{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium)}.stat-card strong,.info-card strong,.summary-card strong{color:var(--color-text);font-size:clamp(1rem,2vw,1.7rem);font-weight:var(--weight-bold);line-height:var(--leading-tight);overflow-wrap:anywhere}.stat-card small{color:var(--color-text-muted);font-size:var(--text-xs)}.bar-chart{justify-content:space-between;align-items:end;gap:12px;min-height:220px;padding-top:16px;display:flex}.bar-group{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.bar-value{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:var(--weight-semibold)}.bar-track{background:#e8eee8;border-radius:12px 12px 8px 8px;align-items:end;width:100%;max-width:50px;height:140px;display:flex;overflow:hidden}.bar-track span{background:linear-gradient(#58b915 0%,#17633a 100%);border-radius:12px 12px 8px 8px;width:100%;transition:height .3s;display:block}.bar-group strong{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.mini-bars{justify-content:space-between;align-items:end;gap:10px;min-height:160px;display:flex}.mini-group{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:10px;display:flex}.mini-group span{background:linear-gradient(#58b915 0%,#17633a 100%);border-radius:10px 10px 4px 4px;width:100%;max-width:32px;height:70%;transition:height .3s;display:block}.mini-group small{color:var(--color-text-muted);font-size:var(--text-xs)}.line-mockup{background:linear-gradient(#17633a03,#17633a12),linear-gradient(120deg,#0000 0% 42%,#17633a 42% 44%,#0000 44% 62%,#58b915 62% 64%,#0000 64%),repeating-linear-gradient(90deg,#0000,#0000 8px,#d9e3da 8px 9px);border-radius:18px;height:220px;margin-top:10px}.line-mockup.savings{background:linear-gradient(#17633a03,#17633a0f),linear-gradient(130deg,#0000 0% 45%,#58b915 45% 47%,#0000 47% 67%,#17633a 67% 69%,#0000 69%)}.invoice-list,.support-list{gap:12px;display:grid}.invoice-item,.support-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;transition:all .25s;display:flex;position:relative;overflow:hidden}.invoice-item:hover,.support-card:hover{background:#fbfdfb;border-color:#a9c5ad;box-shadow:0 6px 16px #17633a14}.invoice-item strong,.support-card strong{color:var(--color-text);font-weight:var(--weight-semibold);display:block}.invoice-item small,.support-card small{color:var(--color-text-muted);margin-top:4px;display:block}.invoice-actions{gap:8px;display:flex}.invoice-actions button{background:var(--color-brand-soft);color:var(--color-brand);border-radius:var(--radius-sm);font-size:.76rem;font-weight:var(--weight-bold);padding:9px 12px;transition:all .25s}.invoice-actions button:hover{background:#dcebdd}.tag{border-radius:999px;justify-content:center;align-items:center;margin-top:8px;padding:6px 10px;font-size:.72rem;font-weight:700;transition:all .2s;display:inline-flex}.tag.pago,.tag.resolvido,.tag.em-dia,.tag.tag-success{background:var(--color-success-bg);color:var(--color-success)}.tag.em-aberto,.tag.ativo,.tag.aberto,.tag.tag-neutral{background:var(--color-info-bg);color:var(--color-info)}.tag.vencido,.tag.em-atendimento,.tag.tag-error{background:var(--color-error-bg);color:var(--color-error)}.tag.tag-warning{background:var(--color-warning-bg);color:var(--color-warning)}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.profile-grid .field{margin-bottom:0}.primary-button.large-btn{margin-top:16px}@media (width<=980px){.login-page{grid-template-columns:1fr}.login-visual{padding:44px 28px}.hero-copy h1{max-width:18ch}.feature-list,.stats-grid,.info-grid,.summary-grid,.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app-shell{display:block;position:relative}.sidebar{z-index:20;width:min(82vw,280px);transition:transform .25s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:16px 0 36px #0f172a24}.sidebar.open{transform:translate(0)}.menu-toggle{place-items:center;display:inline-grid}.main-panel{min-width:0;padding:18px 14px 28px}.panel{padding:20px 16px}.panel-header,.invoice-item,.support-card{flex-direction:column;align-items:flex-start}.stats-grid,.info-grid,.summary-grid,.profile-grid{grid-template-columns:1fr}.bar-chart{gap:8px}.invoice-actions{width:100%}.invoice-actions button{flex:1}.topbar{align-items:flex-start}}@media (width<=560px){.login-visual{padding:32px 22px}.brand-block.large{margin-bottom:26px}.brand-mark{width:42px;height:42px}.hero-copy h1{font-size:clamp(2rem,9vw,2.75rem)}.hero-copy p{font-size:var(--text-base)}.feature-list{grid-template-columns:1fr;margin-top:24px}.login-card-wrap{align-items:flex-start;padding:20px 16px}.login-card{border-radius:var(--radius-lg)}.profile-grid{grid-template-columns:minmax(0,1fr)}.invoice-actions{flex-wrap:wrap}}