:root{--navy: #07101f;--navy-mid: #0c1a3a;--navy-light: #152a52;--electric: #4d9fff;--electric-dim: rgba(77, 159, 255, .15);--electric-glow: rgba(77, 159, 255, .45);--gold: #e8c468;--slate: #64748b;--bg: #f4f6fa;--bg-elevated: rgba(255, 255, 255, .92);--bg-muted: #e8edf5;--glass-border: rgba(12, 26, 58, .08);--text: #07101f;--text-muted: #5c6478;--border: rgba(12, 26, 58, .12);--accent: #0c1a3a;--accent-soft: rgba(12, 26, 58, .06);--accent-hover: #152a52;--success: #0d9488;--success-bg: rgba(13, 148, 136, .12);--warning: #d97706;--warning-bg: rgba(217, 119, 6, .12);--danger: #dc2626;--danger-bg: rgba(220, 38, 38, .1);--shadow: 0 4px 24px rgba(7, 16, 31, .08), 0 1px 3px rgba(7, 16, 31, .04);--shadow-lg: 0 24px 64px rgba(7, 16, 31, .14);--radius: 14px;--radius-sm: 10px;--sidebar-w: 252px;--font: "Plus Jakarta Sans", system-ui, sans-serif;--table-head-bg: #e2e8f4;--table-head-border: rgba(12, 26, 58, .14)}[data-theme=dark]{--bg: #040810;--bg-elevated: rgba(12, 20, 40, .72);--bg-muted: rgba(26, 36, 64, .6);--glass-border: rgba(255, 255, 255, .08);--text: #f0f4fc;--text-muted: #8b9cb8;--border: rgba(255, 255, 255, .08);--accent: #4d9fff;--accent-soft: rgba(77, 159, 255, .12);--accent-hover: #7bb8ff;--success-bg: rgba(13, 148, 136, .2);--warning-bg: rgba(217, 119, 6, .2);--danger-bg: rgba(220, 38, 38, .18);--shadow: 0 4px 32px rgba(0, 0, 0, .35);--shadow-lg: 0 32px 80px rgba(0, 0, 0, .55);--table-head-bg: #0f1829;--table-head-border: rgba(77, 159, 255, .14)}[data-theme=dark] body{background-image:url(/assets/bg-dark-14nx8lhg.png);background-size:cover;background-attachment:fixed;background-position:center}[data-theme=light] body{background-image:url(/assets/bg-light-DHk60Rfy.png);background-size:cover;background-attachment:fixed;background-position:center}*,*:before,*:after{box-sizing:border-box}html{font-size:15px;scroll-behavior:smooth}body{margin:0;font-family:var(--font);background-color:var(--bg);color:var(--text);line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes viewIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:fadeUp .55s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--i, 0) * .07s)}.app{display:flex;min-height:100vh;position:relative;z-index:1}.sidebar{width:var(--sidebar-w);background:linear-gradient(180deg,var(--navy) 0%,#050a14 100%);border-right:1px solid rgba(255,255,255,.06);padding:1.75rem 1.15rem;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:20;overflow:hidden}.sidebar-accent{position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--electric),transparent 60%,var(--gold) 100%);opacity:.9}[data-theme=light] .sidebar{background:linear-gradient(180deg,var(--navy-mid) 0%,var(--navy) 100%)}.brand{margin-bottom:2.25rem;padding:0 .35rem 0 .5rem;position:relative}.brand-logo{width:100%;max-width:188px;height:auto;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25))}.brand-tagline{margin:.65rem 0 0;font-size:.68rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#fff6}.nav{display:flex;flex-direction:column;gap:.25rem;flex:1}.nav-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem .9rem;border:none;background:transparent;color:#ffffff8c;font-family:var(--font);font-size:.92rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background .2s,color .2s,transform .15s;position:relative}.nav-marker{width:6px;height:6px;border-radius:50%;background:transparent;border:1.5px solid rgba(255,255,255,.25);flex-shrink:0;transition:all .2s}.nav-btn:hover{background:#ffffff0f;color:#fffffff2}.nav-btn:hover .nav-marker{border-color:var(--electric);box-shadow:0 0 8px var(--electric-glow)}.nav-btn.active{background:#4d9fff1f;color:#fff}.nav-btn.active .nav-marker{background:var(--electric);border-color:var(--electric);box-shadow:0 0 12px var(--electric-glow)}.nav-btn.active .nav-label{font-weight:600}.main{flex:1;margin-left:var(--sidebar-w);padding:1.75rem 1.5rem 3rem;max-width:100%;min-width:0;box-sizing:border-box}.view.view-active:not(.view-hidden){animation:viewIn .4s cubic-bezier(.22,1,.36,1)}.eyebrow{display:block;font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--electric);margin-bottom:.4rem}[data-theme=light] .eyebrow{color:var(--navy-mid)}.page-header{margin-bottom:1.5rem}.page-header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1.25rem;flex-wrap:wrap}.page-header h2{margin:0 0 .4rem;font-family:var(--font);font-size:2rem;font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--text)}.page-header p{margin:0;color:var(--text-muted);font-size:.95rem;max-width:52ch}.data-meta{margin-top:.45rem!important;font-size:.8rem!important;font-family:var(--font);letter-spacing:.02em;opacity:.75}.filter-bar{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1.35rem}.filter-select{padding:.6rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);font-family:var(--font);font-size:.86rem;font-weight:500;cursor:pointer;transition:border-color .2s,box-shadow .2s}.filter-select:hover,.filter-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.filter-select-wide{min-width:200px;max-width:280px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.85rem}.stat-card{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius);padding:1.2rem 1.35rem;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--border),transparent);opacity:.6}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-card .label{font-size:.72rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.stat-card .value{font-size:1.65rem;font-weight:700;margin-top:.4rem;letter-spacing:-.03em;line-height:1.15}.stat-card .hint{font-size:.76rem;color:var(--text-muted);margin-top:.35rem}.stat-card.highlight{border-color:#4d9fff59;background:linear-gradient(145deg,var(--accent-soft),var(--bg-elevated))}.stat-card.highlight:before{background:linear-gradient(90deg,var(--electric),var(--gold));opacity:1;height:3px}.stat-card.highlight .value{color:var(--accent);font-size:1.85rem}.stat-card.accent-version:before{background:linear-gradient(90deg,var(--gold),transparent);opacity:.8}.stat-card.accent-version .value{color:var(--gold)}[data-theme=light] .stat-card.accent-version .value{color:#b8860b}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem}@media(max-width:900px){.charts-row{grid-template-columns:1fr}}.panel{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius);padding:1.35rem 1.4rem;box-shadow:var(--shadow)}.panel h3{margin:0 0 1.15rem;font-size:1.05rem;font-weight:600;letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}.panel-dot{width:8px;height:8px;border-radius:50%;background:var(--electric);box-shadow:0 0 10px var(--electric-glow);flex-shrink:0}.status-bars{display:flex;flex-direction:column;gap:.85rem}.status-bar-row{display:grid;grid-template-columns:72px 1fr 36px;align-items:center;gap:.85rem;font-size:.84rem;font-weight:500}.status-bar-track{height:6px;background:var(--bg-muted);border-radius:99px;overflow:hidden}.status-bar-fill{height:100%;border-radius:99px;transition:width .6s cubic-bezier(.22,1,.36,1)}.status-bar-fill.ativo{background:linear-gradient(90deg,var(--success),#34d399)}.status-bar-fill.inativo{background:var(--text-muted);opacity:.5}.status-bar-fill.pausado{background:linear-gradient(90deg,var(--warning),#fbbf24)}.service-list{list-style:none;margin:0;padding:0}.service-list li{display:flex;justify-content:space-between;align-items:center;padding:.65rem 0;border-bottom:1px solid var(--border);font-size:.88rem;transition:padding-left .15s}.service-list li:hover{padding-left:.35rem}.service-list li:last-child{border-bottom:none}.service-list li strong{font-weight:700;color:var(--accent)}.toolbar{display:flex;flex-wrap:wrap;gap:.85rem;margin-bottom:1.15rem;align-items:center}.search-wrap{flex:1;min-width:220px;position:relative}.search-wrap input{width:100%;padding:.72rem 1.1rem .72rem 2.65rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);font-family:var(--font);font-size:.9rem;transition:border-color .2s,box-shadow .2s}.search-wrap input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-wrap input::placeholder{color:var(--text-muted);opacity:.7}.search-wrap svg{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.filter-chips{display:flex;gap:.35rem;flex-wrap:wrap}.chip{padding:.48rem .95rem;border:1px solid var(--border);border-radius:99px;background:var(--bg-elevated);color:var(--text-muted);font-family:var(--font);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.chip:hover,.chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 0 16px var(--electric-dim)}.btn-primary{display:inline-flex;align-items:center;gap:.45rem;padding:.72rem 1.35rem;background:linear-gradient(135deg,var(--navy-mid),var(--navy));color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font);font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .2s,filter .2s;box-shadow:0 4px 20px #07101f40}[data-theme=dark] .btn-primary{background:linear-gradient(135deg,var(--electric),#2d6fd4);color:#fff;box-shadow:0 4px 24px var(--electric-dim)}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 8px 28px var(--electric-dim)}.btn-plus{font-size:1.1rem;font-weight:700;line-height:1}.btn-secondary{padding:.55rem 1.05rem;background:var(--bg-muted);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font);font-size:.86rem;font-weight:500;cursor:pointer;transition:border-color .2s,background .2s}.btn-secondary:hover{border-color:var(--accent);background:var(--accent-soft)}.danger-text{color:var(--danger)!important}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--glass-border);background:var(--bg-elevated);box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;font-size:.86rem}th,td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}th{background:var(--table-head-bg);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s,background .15s}th.sortable:hover{color:var(--text);background:var(--accent-soft)}th.sortable:after{content:" ⇅";opacity:.3;font-size:.65em}th.sortable.sorted-asc:after{content:" ▲";opacity:1;color:var(--accent)}th.sortable.sorted-desc:after{content:" ▼";opacity:1;color:var(--accent)}.tier-badge{display:inline-block;padding:.22rem .6rem;border-radius:6px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.tier-badge.tier-ouro{background:linear-gradient(135deg,#fef3c7,#fcd34d);color:#78350f;box-shadow:0 0 12px #fcd34d40}.tier-badge.tier-prata{background:linear-gradient(135deg,#f1f5f9,#cbd5e1);color:#334155}.tier-badge.tier-bronze{background:linear-gradient(135deg,#fed7aa,#fb923c);color:#7c2d12}.tier-badge.tier-none{background:var(--bg-muted);color:var(--text-muted);font-weight:500;text-transform:none}tbody tr{transition:background .15s}tbody tr:nth-child(2n) td{background:#ffffff05}[data-theme=light] tbody tr:nth-child(2n) td{background:#0c1a3a05}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--accent-soft)!important}.client-name{font-weight:600;max-width:220px;white-space:normal}.tag-carru{display:inline-block;margin-left:.4rem;padding:.12rem .45rem;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--warning-bg);color:var(--warning);border-radius:4px;vertical-align:middle}.badge{display:inline-block;padding:.22rem .6rem;border-radius:6px;font-size:.7rem;font-weight:600;letter-spacing:.02em}.badge.ativo{background:var(--success-bg);color:var(--success)}.badge.inativo{background:var(--bg-muted);color:var(--text-muted)}.badge.pausado{background:var(--warning-bg);color:var(--warning)}.renewal-pill{display:inline-flex;align-items:center;justify-content:center;min-width:1.55rem;height:1.55rem;padding:0 .45rem;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:.78rem}.btn-contract{font-size:.65rem;font-weight:700;letter-spacing:.04em;color:var(--electric)!important;border-color:#4d9fff59!important;background:var(--accent-soft)!important}.btn-contract:hover{background:#4d9fff33!important}.btn-contract-dl{font-weight:600}.btn-download-contract{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;min-height:2rem;width:auto;font-size:.72rem;font-weight:600;color:var(--electric)!important;border:1px solid rgba(77,159,255,.35)!important;background:#4d9fff1f!important;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s}.btn-download-contract:hover:not(:disabled){background:#4d9fff38!important;border-color:#4d9fff8c!important}.btn-download-contract:disabled{opacity:.35;cursor:not-allowed}.btn-download-contract svg{flex-shrink:0}.entry-chart-controls{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;align-items:flex-end}.entry-chart-summary{margin:0 0 1rem;font-size:.88rem;color:var(--text-muted)}.entry-chart-bar.entry-bar-active .fat-bar-fill{background:linear-gradient(90deg,var(--electric),#7bb8ff);box-shadow:0 0 12px var(--electric-glow)}.entry-chart-bar.entry-bar-empty{opacity:.45}.th-contract,.contract-cell{text-align:center}.contract-cell{white-space:nowrap}.actions-cell{display:flex;gap:.3rem}.btn-icon{width:2.1rem;height:2.1rem;border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;line-height:1;color:var(--text);transition:all .15s}.btn-icon:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.btn-icon.danger:hover{border-color:var(--danger);background:var(--danger-bg);color:var(--danger)}.empty-row{text-align:center;padding:2.5rem!important;color:var(--text-muted);font-size:.95rem}.view-hidden{display:none!important}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#040810bf;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.modal.open{opacity:1;visibility:visible}.modal.open .modal-dialog{animation:fadeUp .35s cubic-bezier(.22,1,.36,1)}.modal-dialog{width:100%;max-width:660px;max-height:90vh;overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.35rem 1.5rem;border-bottom:1px solid var(--border)}.modal-eyebrow{margin-bottom:.25rem}.modal-header h3{margin:0;font-size:1.35rem;font-weight:600;letter-spacing:-.03em}.modal-close{font-size:1.5rem;flex-shrink:0}.modal-body{padding:1.35rem 1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.form-field{display:flex;flex-direction:column;gap:.4rem}.form-field.span-2{grid-column:span 2}.form-field label,.form-field .field-label-block{font-size:.78rem;font-weight:600;color:var(--text-muted);letter-spacing:.02em}.form-field .field-label-block{display:block;margin-bottom:.35rem}.form-field .req{color:var(--danger)}.form-field .opt{font-weight:400;opacity:.75}.field-hint{font-size:.75rem;color:var(--text-muted);line-height:1.4}.field-error{font-size:.75rem;color:var(--danger);min-height:1.1em}.form-field input.invalid,.form-field select.invalid{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-bg)}.form-field input,.form-field select{padding:.65rem .85rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-family:var(--font);font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-field input:focus,.form-field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.contract-field .contract-actions{display:flex;flex-direction:column;gap:.55rem}.contract-status{margin:0;font-size:.84rem;color:var(--text-muted)}.contract-btns{display:flex;gap:.5rem;flex-wrap:wrap}.modal-footer{display:flex;justify-content:flex-end;gap:.65rem;padding-top:1.1rem;margin-top:.5rem;border-top:1px solid var(--border)}.confirm-dialog{max-width:440px}.confirm-body{padding:0 1.5rem 1.25rem}.confirm-body p{margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.55}.btn-danger{background:linear-gradient(135deg,#b91c1c,#dc2626)!important;color:#fff!important;box-shadow:0 4px 20px #dc262640!important}.btn-danger:hover{filter:brightness(1.08)}.skip-link{position:absolute;left:-9999px;top:0;z-index:200;padding:.65rem 1rem;background:var(--electric);color:var(--navy);font-weight:600;border-radius:var(--radius-sm);text-decoration:none}.skip-link:focus{left:1rem;top:1rem}.toast-host{position:fixed;top:1rem;right:1rem;z-index:200;display:flex;flex-direction:column;gap:.5rem;max-width:min(360px,calc(100vw - 2rem));pointer-events:none}.toast{padding:.75rem 1rem;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);color:var(--text);font-size:.88rem;font-weight:500;opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .25s}.toast.show{opacity:1;transform:translateY(0)}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}.toolbar-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.results-summary{margin:0;font-size:.88rem;color:var(--text-muted);font-weight:500}.btn-text{border:none;background:none;color:var(--accent);font-family:var(--font);font-size:.85rem;font-weight:600;cursor:pointer;padding:.35rem .5rem;border-radius:6px;text-decoration:underline;text-underline-offset:3px}.btn-text:hover{background:var(--accent-soft)}.filter-group{display:flex;flex-direction:column;gap:.3rem}.filter-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.nav-badge{margin-left:auto;padding:.1rem .45rem;font-size:.68rem;font-weight:700;border-radius:99px;background:var(--electric);color:var(--navy)}.form-section{margin-bottom:1.35rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-title{margin:0 0 .85rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--electric)}.file-drop{position:relative;border:2px dashed var(--border);border-radius:var(--radius-sm);padding:1.25rem 1rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:var(--bg-muted)}.file-drop:hover,.file-drop.dragover,.file-drop.has-file{border-color:var(--accent);background:var(--accent-soft)}.file-input-native{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.file-drop-text{display:block;font-size:.9rem;font-weight:600;color:var(--text)}.file-drop-hint{display:block;margin-top:.35rem;font-size:.75rem;color:var(--text-muted)}.table-wrap.clients-table-wrap{max-height:calc(100vh - 240px);overflow:auto;overscroll-behavior:contain}.table-wrap:not(.clients-table-wrap){max-height:calc(100vh - 320px);overflow:auto}.clients-table th,.clients-table td{white-space:normal;vertical-align:middle}.clients-table th.sortable,.clients-table .th-contract,.clients-table .actions-cell,.clients-table .contract-cell{white-space:nowrap}.clients-table .col-nome{min-width:8.5rem;max-width:11rem}.clients-table .col-servicos{max-width:7.5rem}.table-wrap thead th{position:sticky;top:0;z-index:2;background:var(--table-head-bg)!important;color:var(--text);border-bottom:1px solid var(--table-head-border);box-shadow:0 2px 10px #0003;-webkit-backdrop-filter:none;backdrop-filter:none}.table-wrap thead tr{background:var(--table-head-bg)}.data-row{cursor:pointer}.data-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem}.empty-state p{margin:0}.actions-cell .btn-icon{min-width:2.75rem;min-height:2.75rem;font-size:.72rem;font-weight:600;padding:0 .35rem;width:auto}body.modal-open{overflow:hidden}.mobile-nav{display:none}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-btn:focus-visible,.chip:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.filter-select:focus-visible{outline-offset:2px}@media(max-width:768px){.sidebar{display:none}.app{flex-direction:column}.main{margin-left:0;padding:1.25rem 1rem 5.5rem}.page-header h2{font-size:1.65rem}.page-header-row .btn-primary#btnAddClient{display:none}.form-grid{grid-template-columns:1fr}.form-field.span-2{grid-column:span 1}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--navy);border-top:1px solid rgba(255,255,255,.1);padding:.35rem .5rem calc(.35rem + env(safe-area-inset-bottom,0));gap:.25rem;box-shadow:0 -8px 32px #00000059}.mobile-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;border:none;background:transparent;color:#fff9;font-family:var(--font);font-size:.72rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,color .15s}.mobile-nav-btn.active{color:#fff;background:#4d9fff26}.mobile-nav-btn-accent{color:var(--electric);font-weight:700}.filter-bar{flex-direction:column;align-items:stretch}.filter-select-wide{max-width:none;width:100%}.table-wrap{max-height:none}}.finance-header-actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem}.finance-mes-filter{min-width:140px}.finance-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.25rem;padding:.25rem;background:var(--bg-muted);border-radius:var(--radius);border:1px solid var(--border)}.finance-tab{font-family:var(--font);font-size:.88rem;font-weight:600;padding:.55rem 1rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.finance-tab:hover{color:var(--text);background:var(--accent-soft)}.finance-tab.active{background:var(--bg-elevated);color:var(--accent);box-shadow:var(--shadow)}.finance-panel{display:none}.finance-panel.finance-panel-active{display:block;animation:viewIn .35s ease backwards}.finance-fat-grid{display:grid;gap:1.25rem;margin-top:1rem}.finance-fat-stack{display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem}@media(min-width:900px){.finance-fat-grid{grid-template-columns:1fr 1.2fr;align-items:start}}.fat-bars{display:flex;flex-direction:column;gap:.5rem}.fat-bar-row{display:grid;grid-template-columns:5.5rem 1fr auto;align-items:center;gap:.65rem;font-size:.85rem}.fat-bar-row.fat-bar-active span,.fat-bar-row.fat-bar-active strong{color:var(--accent);font-weight:700}.fat-bar-track{height:8px;background:var(--bg-muted);border-radius:99px;overflow:hidden}.fat-bar-fill{height:100%;background:linear-gradient(90deg,var(--electric),var(--accent-hover));border-radius:99px;min-width:2px}.faturamento-combo-chart{margin-top:1.25rem}.faturamento-combo-svg{width:100%;height:auto;max-height:280px;display:block}.combo-grid-line{stroke:#ffffff14;stroke-width:1;stroke-dasharray:4 4}.combo-axis-label,.combo-x-label{fill:var(--text-muted);font-size:11px;font-family:var(--font)}.combo-x-label{fill:var(--text);font-weight:600}.combo-bar{transition:opacity .2s}.combo-line{stroke:#f0f4fc;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.combo-dot-ring{fill:var(--navy-mid);stroke:#f0f4fc;stroke-width:2}.combo-dot{fill:var(--electric)}.combo-value-label{fill:var(--text);font-size:10px;font-weight:600;font-family:var(--font)}.combo-bar-previsto{fill:#fff3;stroke:#ffffff40;stroke-width:1}.combo-legend{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:.75rem;padding-top:.5rem}.combo-legend-item{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-muted)}.combo-legend-swatch{width:12px;height:12px;border-radius:3px}.combo-legend-previsto{background:#ffffff40}.combo-legend-realizado{background:var(--electric)}.finance-row-primary .finance-row-label{color:var(--electric);font-weight:700}.finance-row-primary td.col-active{color:var(--electric)}.despesa-group{margin-bottom:1.25rem}.despesa-group-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.despesa-group-header h3{margin:0;font-size:1rem}.despesa-group-hint{margin:.25rem 0 0;font-size:.78rem;color:var(--text-muted)}.despesa-group-total{font-size:1.1rem;color:var(--electric);white-space:nowrap}.despesa-month-total{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;margin-top:.5rem}.despesa-month-total span{color:var(--text-muted);font-size:.9rem}.despesa-month-total strong{font-size:1.25rem;color:var(--text)}.finance-table th.col-active,.finance-table td.col-active{background:var(--electric-dim);font-weight:600}.finance-row-label{font-weight:600;white-space:nowrap}.finance-cat{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .5rem;border-radius:6px;background:var(--accent-soft);color:var(--accent)}.finance-cat-variavel{background:var(--warning-bg);color:var(--warning)}.finance-cat-folha{background:var(--success-bg);color:var(--success)}.finance-cat-fixa{background:var(--electric-dim);color:var(--electric)}.empty-hint{color:var(--text-muted);font-size:.9rem;padding:1rem 0}@media(prefers-reduced-motion:reduce){.reveal,.view.view-active:not(.view-hidden),.modal.open .modal-dialog{animation:none}.stat-card:hover{transform:none}}:root{--font-display: "Syne", "Plus Jakarta Sans", system-ui, sans-serif;--font: "Plus Jakarta Sans", system-ui, sans-serif;--sidebar-w: 252px;--radius: 16px;--radius-sm: 11px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--glow-electric: 0 0 40px rgba(77, 159, 255, .35);--glow-gold: 0 0 32px rgba(232, 196, 104, .2)}[data-theme=dark]{--bg: #03060f;--bg-elevated: rgba(10, 18, 38, .78);--bg-muted: rgba(18, 28, 52, .65);--glass-border: rgba(77, 159, 255, .12);--text: #f2f6ff;--text-muted: #8fa3c4;--shadow: 0 8px 40px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 80px rgba(0, 0, 0, .55);--table-head-bg: rgba(12, 22, 48, .95)}[data-theme=dark] body{background-image:none;background-color:var(--bg)}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}body:before{background:radial-gradient(ellipse 80% 50% at 10% -10%,rgba(77,159,255,.22),transparent 55%),radial-gradient(ellipse 60% 40% at 90% 0%,rgba(232,196,104,.08),transparent 50%),radial-gradient(ellipse 50% 60% at 50% 100%,rgba(12,26,58,.9),transparent 70%);animation:ambientShift 18s ease-in-out infinite alternate}body:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:.4;mix-blend-mode:overlay}@keyframes ambientShift{0%{opacity:1}to{opacity:.88}}.app{position:relative;z-index:1}.sidebar{background:linear-gradient(165deg,#080e20eb,#040812f5);-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);border-right:1px solid var(--glass-border);box-shadow:8px 0 48px #00000059}.sidebar-accent{background:linear-gradient(180deg,var(--electric),transparent);opacity:.7;box-shadow:var(--glow-electric)}.brand-tagline{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:.65rem;font-weight:600}.nav-btn{border-radius:var(--radius-sm);transition:transform .25s var(--ease-out-expo),background .25s,box-shadow .25s,color .2s}.nav-btn:hover{transform:translate(4px);background:var(--accent-soft)}.nav-btn.active{background:linear-gradient(90deg,#4d9fff33,#4d9fff0f);box-shadow:inset 0 0 0 1px #4d9fff40}.nav-btn.active .nav-marker{box-shadow:var(--glow-electric)}.sidebar-footer{margin-top:auto;padding:1rem 1.25rem 1.5rem;font-size:.72rem;color:var(--text-muted);border-top:1px solid var(--glass-border)}.sidebar-footer strong{color:var(--electric);font-weight:600}.sidebar{display:flex;flex-direction:column}.nav-btn{display:flex;align-items:center;gap:.65rem}.nav-icon{width:18px;height:18px;flex-shrink:0;opacity:.9}.nav-btn.active .nav-icon{color:var(--electric)}.page-header h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;font-size:clamp(1.75rem,4vw,2.25rem);background:linear-gradient(135deg,var(--text) 0%,var(--electric) 120%);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{color:var(--electric);font-weight:600;letter-spacing:.14em}.section-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-muted);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.08em}.section-title-dot{width:8px;height:8px;border-radius:50%;background:var(--electric);box-shadow:var(--glow-electric)}.section-title-dot-gold{background:var(--gold);box-shadow:var(--glow-gold)}.dashboard-section{margin-bottom:2rem}.period-selector{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:flex-end}.period-badge{display:inline-flex;padding:.15rem .55rem;border-radius:6px;background:var(--electric-dim);color:var(--electric);font-weight:700;font-size:.85em}.stat-card,.panel,.faturamento-combo-chart,.table-wrap{background:var(--bg-elevated);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);transition:transform .35s var(--ease-out-expo),box-shadow .35s,border-color .25s}.panel:hover,.stat-card:hover{transform:translateY(-2px);border-color:#4d9fff38;box-shadow:var(--shadow-lg)}.stat-card-glow:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(77,159,255,.35),transparent 50%);opacity:0;transition:opacity .35s;pointer-events:none;z-index:0}.stat-card-glow{position:relative;overflow:hidden}.stat-card-glow:hover:before{opacity:1}.stat-card .value{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.stat-card.highlight{border-color:#4d9fff59;box-shadow:var(--glow-electric),var(--shadow)}.stat-card.accent-version{border-color:#e8c46840}.stat-card .value{transition:transform .4s var(--ease-out-expo)}.stat-card:hover .value{transform:none}.btn-primary{background:linear-gradient(135deg,#5aabff 0%,var(--electric) 50%,#3d8fef 100%);box-shadow:0 4px 20px #4d9fff66;transition:transform .2s var(--ease-out-expo),box-shadow .25s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #4d9fff80}.btn-primary:active{transform:translateY(0)}.btn-secondary{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s,background .2s}.btn-secondary:hover{border-color:#4d9fff66;background:var(--accent-soft)}.finance-tab{border-radius:var(--radius-sm);transition:all .25s var(--ease-out-expo)}.finance-tab.active{background:linear-gradient(180deg,#4d9fff40,#4d9fff14);box-shadow:inset 0 -2px 0 var(--electric)}html{overflow-x:hidden}body{overflow-x:hidden;max-width:100%}.app{max-width:100vw;overflow-x:hidden}.main{min-width:0;max-width:100%;box-sizing:border-box}.view{min-width:0;max-width:100%}.faturamento-combo-svg{max-width:100%}.period-selector,.finance-header-actions,.page-header-row,.filter-bar,.toolbar{min-width:0;max-width:100%}.table-wrap{border-radius:var(--radius);max-width:100%}.clients-table-wrap{max-height:calc(100vh - 240px);overflow:auto;overscroll-behavior:contain}.clients-table{width:100%;table-layout:auto}.clients-table th,.clients-table td{padding:.55rem .6rem;font-size:.78rem;line-height:1.35}.clients-table th{white-space:nowrap}.clients-table .col-nome{white-space:normal;min-width:8.5rem;max-width:11rem}.clients-table .col-servicos{white-space:normal;max-width:7.5rem;overflow:hidden;text-overflow:ellipsis}.clients-table .th-contract,.clients-table .contract-cell,.clients-table .actions-cell{white-space:nowrap}.table-scroll-hint{margin:0 0 .5rem;font-size:.75rem;color:var(--text-muted)}.table-wrap thead th{font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem}.data-row{transition:background .2s}.data-row:hover{background:#4d9fff0f}.col-active{color:var(--electric)!important;font-weight:700}.fat-bar-fill{background:linear-gradient(90deg,var(--navy-light),var(--electric));transition:width .8s var(--ease-out-expo)}.entry-bar-active .fat-bar-fill{background:linear-gradient(90deg,var(--electric),#7bb8ff);box-shadow:var(--glow-electric)}.combo-bar-active{filter:drop-shadow(0 0 8px var(--electric-glow))}.combo-line{stroke:var(--gold);stroke-width:2.5;filter:drop-shadow(0 0 6px rgba(232,196,104,.4))}.modal-dialog{border:1px solid var(--glass-border);box-shadow:var(--shadow-lg),var(--glow-electric);animation:modalIn .4s var(--ease-out-expo)}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.mobile-nav{background:#060c1ceb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border)}.mobile-nav-btn.active{color:var(--electric)}.view-active{animation:viewIn .5s var(--ease-out-expo)}.reveal{animation:fadeUp .65s var(--ease-out-expo) backwards}@media(prefers-reduced-motion:reduce){body:before,.reveal,.view-active,.stat-card:hover,.nav-btn:hover{animation:none!important;transition:none!important;transform:none!important}}.auth-shell,.app-state{min-height:100vh;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at top,rgba(77,159,255,.14),transparent 35%),linear-gradient(180deg,#080b14f5,#05080f)}.auth-card,.app-state-card{width:min(100%,32rem);padding:2rem;border-radius:1.5rem;background:#0d111deb;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 72px #00000052}.auth-card h1,.app-state-card h1{margin:.4rem 0 .75rem;font-size:clamp(1.8rem,4vw,2.4rem)}.auth-card p,.app-state-message{color:#ebf0ffc7;line-height:1.6}.auth-checklist,.app-state-details{margin:1rem 0 0;padding-left:1.15rem;color:#ebf0ffd1}.auth-form{margin-top:1.25rem;display:grid;gap:.75rem}.auth-form label{font-size:.92rem;color:#ffffffc7}.auth-form input{width:100%;border-radius:.9rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff;padding:.85rem 1rem}.auth-mode-switch,.app-state-actions,.layout-utility-actions,.layout-user-meta{display:flex;flex-wrap:wrap;gap:.75rem}.auth-mode-switch{margin-top:1.25rem}.auth-submit{margin-top:.5rem}.auth-error,.app-state-error{color:#ff9b9b;margin:.25rem 0 0}.auth-info{color:#9dd8ff;margin:.25rem 0 0}.layout-utility-actions{margin-top:1rem}.layout-user-email{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .75rem;border-radius:999px;background:#ffffff0f;color:#fffc;font-size:.85rem}