:root{color:#edf5ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#07192d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#07192d;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button:hover{opacity:.96;transform:translateY(-1px)}#root{min-height:100vh}h1,h2,h3,p{margin:0}p{color:#d7e6fa}.app-shell{color:#e7eefb;background:linear-gradient(#07192d 0%,#0d2446 100%);min-height:100vh;display:flex}.sidebar{background:#07192df5;border-right:1px solid #92acd233;flex-direction:column;gap:18px;width:260px;padding:24px 18px;display:flex}.brand{background:#91aad614;border-radius:16px;align-items:center;gap:12px;padding:10px 12px;display:flex}.brand strong,.topbar h2,.panel h2,.panel h3,.login-card h1{color:#f5f9ff}.logo-mark{color:#041427;background:linear-gradient(135deg,#2da4ff,#60e3c5);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.nav-list,.button-group,.topbar-actions,.sidebar-foot{flex-direction:column;gap:10px;display:flex}.nav-item,.primary-button,.secondary-button,.danger-button,button{cursor:pointer;font:inherit;border:none;border-radius:12px;transition:transform .2s,opacity .2s}.nav-item{color:#dfeaff;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:12px 14px;display:flex}.nav-item.active{background:#4487ff2e;border-color:#66a0ff66}.primary-button,.secondary-button,.danger-button{padding:12px 18px;font-weight:700}.primary-button{color:#041427;background:linear-gradient(135deg,#3ea7ff 0%,#5ce3c5 100%)}.secondary-button{color:#edf4ff;background:#92acd21a;border:1px solid #a8bcda33}.danger-button{color:#ffd0d0;background:#e8636324;border:1px solid #e863634d}.main-panel{flex-direction:column;flex:1;gap:18px;padding:28px 24px 20px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar-actions,.button-group{flex-direction:row}.panel{background:#0d2446cc;border:1px solid #a0bbe529;border-radius:22px;padding:22px;box-shadow:0 18px 45px #02060c40}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#8bd6ff;margin:0 0 10px;font-size:.72rem}.grid{gap:18px;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#081424d9;border:1px solid #a5b9df24;border-radius:20px;padding:18px}.form-card,.list-card,.result-card,.privacy-card,.dashboard-banner,.dashboard-companies{flex-direction:column;gap:14px;display:flex}.dashboard-companies-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.dashboard-companies-header h3,.dashboard-companies-header .eyebrow{margin-bottom:0}.dashboard-company-list{gap:10px;display:grid}.dashboard-company{color:#f3f7ff;text-align:left;cursor:pointer;background:#11253ad6;border:1px solid #a5b9df24;border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;width:100%;padding:14px;display:grid}.dashboard-company:hover{background:#173350f5;border-color:#65d6eea6}.dashboard-company>span:first-child,.dashboard-company-invoices{gap:4px;min-width:0;display:grid}.dashboard-company strong,.dashboard-company small{overflow-wrap:anywhere}.dashboard-company small{color:#a9bfdc}.dashboard-company-invoices{text-align:right}.dashboard-company-action{color:#65d6ee;white-space:nowrap;font-weight:700}label{color:#dfeafe;flex-direction:column;gap:8px;font-size:.92rem;display:flex}input,select,textarea{color:#f2f7ff;font:inherit;background:#13273de6;border:1px solid #a8bde038;border-radius:12px;padding:12px 14px}textarea{resize:vertical;min-height:90px}.result-header{justify-content:space-between;align-items:center;gap:12px;font-size:1.05rem;display:flex}.result-header strong{color:#76f0c2;font-size:2rem}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.stats-grid div{background:#829cc20d;border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}small{color:#b5cce7}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.summary-card{background:#11233af2;border:1px solid #a1bce026;border-radius:20px;flex-direction:column;gap:8px;padding:18px;display:flex}.summary-card span{color:#b9d5ff;font-size:.85rem}.summary-card strong{font-size:1.8rem}.summary-card.blue{background:linear-gradient(135deg,#1558a0b3,#2275e740)}.summary-card.green{background:linear-gradient(135deg,#0c614ccc,#24ab7c59)}.summary-card.violet{background:linear-gradient(135deg,#51398db3,#805cd640)}.summary-card.amber{background:linear-gradient(135deg,#916c17cc,#ffc34847)}.inline-alert{color:#b7f9d6;background:#5bcd981f;border:1px solid #5bcd9859;border-radius:12px;padding:12px 14px}.breakdown-card{margin-top:18px}.steps{color:#dfeeff;flex-wrap:wrap;align-items:center;gap:8px;font-weight:600;display:flex}.steps span{background:#79acff14;border-radius:999px;padding:8px 12px}.chart-row{align-items:end;gap:14px;height:140px;padding-top:18px;display:flex}.chart-bar{border-radius:12px 12px 0 0;flex:1;min-height:16px}.bar-bruto{background:linear-gradient(#7ac2ff,#437ae6)}.bar-inss{background:linear-gradient(#8de8c5,#3fb491)}.bar-irrf{background:linear-gradient(#ffb26d,#eb6767)}.bar-liquido{background:linear-gradient(#7ef0c4,#2dd39a)}.legend-row{color:#cfe1ff;justify-content:space-between;gap:8px;margin-top:10px;display:flex}.list-stack{flex-direction:column;gap:12px;display:flex}.list-item{background:#11253ad6;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 12px;display:flex}.list-item strong,.list-item small{display:block}.company-record{background:#11253ad6;border-radius:12px;padding:14px 12px}.company-record-header,.invoice-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.company-toggle,.invoice-row>div:first-child{min-width:0}.company-toggle{color:#a9bfdc;text-align:left;background:0 0;border:0;flex:1;gap:4px;padding:0;display:grid}.company-toggle-title{color:#f3f7ff;overflow-wrap:anywhere;font-size:1rem;font-weight:700}.company-toggle:hover .company-toggle-title{color:#65d6ee;text-decoration:underline}.company-toggle-hint{color:#65d6ee;font-size:.8rem}.invoice-row strong,.invoice-row small{overflow-wrap:anywhere;display:block}.invoice-row small,.helper-text{color:#a9bfdc;margin-top:4px;font-size:.85rem}.invoice-section{border-top:1px solid #9fb8d733;gap:12px;margin-top:16px;padding-top:14px;display:grid}.invoice-section h4,.invoice-section p{margin:0}.company-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 0;display:grid}.company-details>div{background:#07192db8;border-radius:10px;min-width:0;padding:10px}.company-details dt{color:#a9bfdc;margin-bottom:4px;font-size:.8rem}.company-details dd{overflow-wrap:anywhere;margin:0}.company-details-wide{grid-column:1/-1}.invoice-heading{justify-content:space-between;align-items:center;display:flex}.invoice-heading p{color:#a9bfdc;margin-top:4px}.invoice-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.invoice-form label{color:#dfeafe;gap:6px;display:grid}.invoice-form label:last-of-type{grid-column:1/-1}.invoice-form button{justify-self:start}.invoice-list{gap:8px;display:grid}.invoice-row{background:#07192db8;border-radius:10px;padding:10px}.service-record{background:#11253ad6;border:1px solid #a5b9df24;border-radius:14px;gap:14px;padding:14px;display:grid}.service-record>div:first-child>strong,.service-record>div:first-child>small{overflow-wrap:anywhere;display:block}.service-record>div:first-child>small{color:#a9bfdc;margin-top:4px}.service-record p{white-space:pre-wrap;margin:8px 0}.service-invoices{border-top:1px solid #9fb8d733;gap:12px;padding-top:14px;display:grid}.service-invoices h4{margin:0}.service-invoices .invoice-form{background:#07192d80;border-radius:12px;padding:12px}.invoice-row>strong{white-space:nowrap}.invoice-row button{flex:none}@media (width<=640px){.dashboard-companies-header{flex-direction:column;align-items:flex-start}.dashboard-company{grid-template-columns:minmax(0,1fr) auto}.dashboard-company-invoices{text-align:right}.dashboard-company-action{grid-column:1/-1}.company-record-header,.invoice-row{flex-direction:column;align-items:flex-start}.company-details{grid-template-columns:1fr}.company-details-wide{grid-column:auto}.invoice-form{grid-template-columns:1fr}.invoice-form label:last-of-type{grid-column:auto}}.learning-grid{align-items:start}.learning-card{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.learning-card h3,.learning-card p{margin:0}.learning-card details{color:#dfeafe;width:100%}.learning-card summary{cursor:pointer;padding:8px 0;font-weight:700}.learning-card ol{padding-left:22px;line-height:1.6}.learning-card li+li{margin-top:8px}.guide-link{align-items:center;text-decoration:none;display:inline-flex}.learning-warning{background:#916c1724;border-color:#ffc3484d}.button-group.compact{flex-wrap:wrap;gap:8px;display:flex}button.compact-button{padding:8px 12px}.login-screen{background:radial-gradient(circle at top,#153761,#07192d 58%);place-items:center;width:100%;min-height:100vh;display:grid}.login-card{background:#091626e6;border:1px solid #9fb8d74d;border-radius:28px;width:min(420px,100% - 32px);padding:28px 22px;box-shadow:0 28px 60px #02080e61}.brand-block{align-items:center;gap:14px;margin-bottom:22px;display:flex}.login-form{flex-direction:column;gap:18px;display:flex}.warning-text{color:#ffd2d2;margin:0}.footer-panel{justify-content:space-between;align-items:center;gap:14px;display:flex}.mobile-nav{display:none}@media (width<=960px){.sidebar{display:none}.main-panel{padding-bottom:90px}.two-columns,.summary-grid,.footer-panel{grid-template-columns:1fr;display:grid}.mobile-nav{background:#081424f5;border-top:1px solid #adbedd33;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:8px 12px 18px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav .nav-item{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:12px 6px;font-size:.72rem;display:flex}.topbar{flex-direction:column;align-items:flex-start}}