:root{font-family:Segoe UI,Trebuchet MS,sans-serif;line-height:1.4;font-weight:400;color:#102c48;background:linear-gradient(160deg,#f2f7fb,#dbe8f5);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-panel{width:min(420px,100%);background:#fff;border-radius:16px;padding:70px 24px 28px;box-shadow:0 16px 50px #102c4824}.brand-mark{display:flex;align-items:center;gap:14px}.brand-mark-only{justify-content:center}.brand-mark-login{margin-bottom:22px}.brand-mark-sidebar{padding:4px 0 10px}.brand-logo{width:62px;height:62px;object-fit:cover;object-position:center;border-radius:14px;box-shadow:0 10px 24px #102c4838;background:transparent;transform:scale(1.34);transform-origin:center}.brand-logo-login{width:168px;height:168px;transform:scale(1.3)}.brand-logo-hero{border-radius:22px}.brand-logo-sidebar-large{width:126px;height:126px;transform:scale(1.18);border-radius:20px}.brand-tagline{margin:4px 0 0;font-size:.95rem;opacity:.8}.auth-footer{margin-top:20px;text-align:center;border-top:1px solid #e4ecf5;padding-top:14px}.auth-version{margin:0 0 4px;font-size:.82rem;font-weight:600;color:#10324d;opacity:.75;letter-spacing:.03em}.auth-copyright{margin:0;font-size:.75rem;color:#647d95;line-height:1.5}.auth-form{margin-top:18px;display:grid;gap:12px}.auth-form label{display:grid;gap:6px;font-size:.9rem}.auth-form input{border:1px solid #c5d4e4;border-radius:8px;padding:10px;font:inherit}.auth-form button,.logout-btn,.menu-btn{border:none;border-radius:10px;padding:10px 14px;font:inherit;cursor:pointer}.auth-form button{background:#0f4c81;color:#fff}.error-message{color:#ab1f1f;margin:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:#10324d;color:#fff;padding:18px;display:grid;align-content:start;gap:16px}.sidebar h2{margin:0;font-size:1.5rem}.sidebar .brand-tagline{color:#ffffffc7}.sidebar nav{display:grid;gap:8px}.menu-btn{background:#ffffff1f;color:#fff;text-align:left}.menu-btn.active{background:#2e83bf}.logout-btn{background:#f2f6fb;color:#10324d}.sidebar-footer{margin-top:auto;padding:14px 10px 6px;border-top:1px solid rgba(255,255,255,.12);text-align:center}.sidebar-version{margin:0 0 3px;font-size:.78rem;font-weight:600;color:#ffffffa6;letter-spacing:.04em}.sidebar-copyright{margin:0;font-size:.7rem;color:#ffffff73;line-height:1.4}.content{padding:20px}.topbar{background:#fff;border-radius:14px;padding:16px;box-shadow:0 10px 30px #102c481a;display:flex;align-items:center;justify-content:space-between;gap:8px}.topbar h1{margin:0;font-size:1.4rem}.cards-grid{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.section-stack{display:flex;flex-direction:column;gap:18px}.kpi-card .kpi-value{font-size:1.35rem;font-weight:700;color:#0f4f7c;margin-top:8px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.donut-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:12px}.donut-chart{width:150px;height:150px;border-radius:50%;display:grid;place-items:center}.donut-hole{width:92px;height:92px;background:#f8fbff;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#0f4f7c}.donut-legend{display:flex;flex-direction:column;gap:6px;color:#35566f}.chart-list{display:flex;flex-direction:column;gap:14px;margin-top:10px;max-height:420px;overflow-y:auto;padding-right:4px}.chart-row{background:#f7fbff;border:1px solid #dce9f5;border-radius:12px;padding:10px}.chart-head,.chart-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.chart-head{margin-bottom:8px}.chart-head strong{color:#1f3e56}.chart-head span{color:#2f6f9c;font-size:.9rem}.stack-bar{width:100%;height:12px;border-radius:999px;overflow:hidden;display:flex;background:#d6e7f7}.stack-paid{background:linear-gradient(90deg,#2e83bf,#4fa4db)}.stack-outstanding{background:#d6e7f7}.stack-extra{background:linear-gradient(90deg,#1d9d74,#4ec89b)}.chart-foot{margin-top:8px;font-size:.85rem;color:#3d627d;flex-wrap:wrap}.section-stack{margin-top:18px;display:grid;gap:14px}.card-box{background:#fff;border-radius:14px;padding:16px;box-shadow:0 10px 28px #102c4817}.card-box h3{margin-top:0}.inline-form{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.field-group{display:flex;flex-direction:column;gap:4px;color:#284960;font-size:.9rem}.inline-form input,.inline-form select,.inline-form button,.field-group input,.field-group select{border:1px solid #c5d4e4;border-radius:8px;padding:8px 10px;font:inherit}.inline-form button{border:none;background:#0f4c81;color:#fff}.list-view{list-style:none;margin:0;padding:0;display:grid;gap:10px}.list-view li{border:1px solid #d8e4f1;border-radius:10px;padding:10px;display:grid;gap:6px}.actions-row{display:flex;gap:8px;flex-wrap:wrap}.actions-row button{border:none;border-radius:8px;background:#2e83bf;color:#fff;padding:6px 10px;cursor:pointer}.employees-toolbar{display:flex;gap:12px;align-items:end;justify-content:space-between;flex-wrap:wrap}.primary-action-btn{border:none;border-radius:999px;padding:10px 16px;background:linear-gradient(90deg,#0f4c81,#2e83bf);color:#fff;cursor:pointer;font-weight:600}.employee-name-btn{border:none;background:transparent;color:#0f4c81;font:inherit;font-weight:700;text-align:left;padding:0;cursor:pointer}.employee-name-btn:hover{color:#2e83bf;text-decoration:underline}.payments-list li{background:#f7fbff}.compact-payments-grid{margin-top:10px}.payment-line{grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) minmax(150px,1fr);align-items:center;cursor:pointer}.payment-line.selected{border-color:#2e83bf;box-shadow:inset 0 0 0 1px #2e83bf}.collaborator-line-list{margin-top:12px}.collaborator-line-item{grid-template-columns:minmax(220px,1.3fr) repeat(2,minmax(140px,1fr));align-items:center}.company-line-list{margin-top:12px}.company-line-item{grid-template-columns:minmax(200px,1fr) minmax(150px,1fr) auto auto;align-items:center;gap:10px}.line-action-btn{border:none;border-radius:8px;background:#2e83bf;color:#fff;padding:6px 10px;cursor:pointer;font:inherit;font-size:.85rem}.line-action-btn:hover{background:#1f6fa8}.period-line-list{margin-top:12px}.period-line-item{grid-template-columns:1fr auto;align-items:center}.compact-payroll-list{margin-top:12px}.payroll-run-line{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));align-items:center}.payroll-run-card{cursor:default}.payroll-detail-shell{display:grid;gap:14px;margin-top:14px}.detail-toolbar{display:flex;justify-content:flex-start}.detail-panel{border:1px solid #d8e4f1;border-radius:12px;padding:14px;background:#f9fcff}.secondary-action-btn{border:1px solid #b7cee2;border-radius:999px;padding:9px 14px;background:#fff;color:#0f4c81;font:inherit;cursor:pointer}.secondary-action-btn:hover{background:#eef6fd}.compact-stack{gap:6px}.compact-stack p{margin:0}.saldo-positivo{color:#1b8a3f}.saldo-negativo{color:#b72f2f}.saldo-neutro{color:#284960}.info-banner,.error-banner{border-radius:10px;padding:8px 10px;margin:12px 0 0}.info-banner{background:#daf0e1;color:#1b5d2f}.error-banner{background:#ffe2e2;color:#7d1e1e}.report-output{background:#0f2336;color:#e8f4ff;padding:12px;border-radius:10px;overflow:auto;max-height:360px}.report-brand-header{display:flex;gap:12px;align-items:center;background:linear-gradient(135deg,#f0f7ff,#e4f0fb);border:1px solid #d2e3f3;border-radius:12px;padding:10px 12px}.print-report-header{display:none}.report-brand-logo{width:56px;height:56px;object-fit:contain;border-radius:8px;background:#fff;border:1px solid #d3e1ef}.report-brand-header h4{margin:0;color:#12395a}.report-brand-header p{margin:2px 0 0;color:#3f607c;font-size:.9rem}.report-filters-list{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.2);display:grid;gap:4px}.report-filters-list p{margin:0;font-size:.9rem}.report-preview-area{overflow:hidden}.report-table-wrap{border:1px solid #d8e4f1;border-radius:12px;overflow:auto;background:#fff;box-shadow:0 2px 8px #12395a14;margin:1.5rem 0}.report-table{width:100%;border-collapse:collapse;min-width:860px;font-size:.875rem}.report-table th,.report-table td{border-bottom:1px solid #e4edf6;padding:11px 13px;text-align:left}.report-table td.cell-currency{text-align:right;font-weight:500}.report-table th{position:sticky;top:0;background:linear-gradient(135deg,#1e4d7a,#12395a);color:#fff;font-weight:600;letter-spacing:.3px;text-transform:uppercase;font-size:.8rem;z-index:10;-webkit-user-select:none;user-select:none}.report-table tbody tr{transition:background-color .15s ease}.report-table tbody tr:hover{background:#e8f2fc}.report-table tbody tr:nth-child(2n){background:#f7fbff}.report-table tbody tr:nth-child(2n):hover{background:#dfe9f7}.report-cards-grid,.report-row-card,.report-row-card h4,.report-row-card p,.report-output,.print-detail-table-wrap{display:none}@media print{.sidebar,.topbar,.inline-form,.menu-btn,.logout-btn,.report-form-area,.report-output-title,.kpi-cards-grid,.report-output,.report-brand-header,.info-banner,.error-banner,.report-table-wrap{display:none!important}.section-stack{display:block;width:100%;padding:0!important;margin:0!important}.app-shell,.content{box-shadow:none!important;border:none!important;margin:0!important;padding:0!important}.report-preview-area{box-shadow:none!important;border:none!important;margin:0!important;padding:0!important;width:100%;display:block}.print-report-header{display:flex!important;justify-content:space-between;align-items:flex-start;width:100%;border-bottom:1px solid #000;padding:0 0 8px!important;margin:0 0 8px!important}.print-title-block h2{margin:0;font-size:20px;color:#000;font-weight:700}.print-title-block p{margin:2px 0 0;color:#000;font-size:11px}.print-period-badge{background:transparent;color:#000;border-radius:0;padding:4px 0;font-size:10px;font-weight:700;letter-spacing:0;white-space:nowrap}.print-detail-table-wrap{display:block!important;width:100%;margin-top:6px}.print-detail-table{width:100%;border-collapse:collapse;font-size:8.5px;table-layout:auto}.print-detail-table thead tr th{background:transparent;color:#000;font-weight:700;border:none;padding:5px 7px;text-transform:uppercase;letter-spacing:.2px;text-align:right}.print-detail-table thead tr th:first-child{text-align:left}.print-group-header td{background:transparent;color:#000;font-weight:700;font-size:9.5px;padding:5px 8px;border:none;text-align:left}.print-group-sep{color:#000;margin:0 6px;font-weight:400}.print-data-row td{border:none;padding:4px 7px;font-size:8.5px;color:#000;text-align:right;vertical-align:middle;white-space:nowrap}.print-data-row td:first-child{text-align:left;font-weight:600}td.print-status-paid{color:#1b7a3e;font-weight:700;text-align:center!important}td.print-status-pending{color:#c0392b;font-weight:700;text-align:center!important}.print-totals-row td{background:transparent;border-top:1.5px solid #12395a;border-bottom:none;border-left:none;border-right:none;padding:5px 7px;font-size:8.5px;font-weight:700;color:#12395a;text-align:right;vertical-align:middle;white-space:nowrap}.print-totals-row td:first-child{text-align:left}td.print-total-label{text-align:center!important}}.report-totals-row td{background:#dde8f0;font-weight:700;color:#12395a;border-top:2px solid #12395a}@media (max-width: 900px){.app-shell,.sidebar{grid-template-columns:1fr}}