#nomina-app{--bg: #F6F7F3;--bg-panel: #FFFFFF;--ink: #1E2A22;--ink-soft: #55645B;--line: #DDE2D8;--line-strong: #C3CBBC;--brand: #1F4D42;--brand-soft: #E7EEE9;--gold: #B4842E;--gold-soft: #F6ECD9;--danger: #A6432F;--danger-soft: #F6E7E3;--input-bg: #FBFCFA;--shadow: 0 1px 2px rgba(30,42,34,.06), 0 6px 20px rgba(30,42,34,.05);--radius: 10px;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif}@media(prefers-color-scheme:dark){#nomina-app:not([data-theme=light]){--bg: #141915;--bg-panel: #1B221C;--ink: #EAEFE8;--ink-soft: #A6B3A9;--line: #2C362E;--line-strong: #3B4A3D;--brand: #6FAE9A;--brand-soft: #223028;--gold: #D9AE5F;--gold-soft: #2E2718;--danger: #E08D77;--danger-soft: #33231F;--input-bg: #1F2721;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 6px 20px rgba(0,0,0,.25)}}#nomina-app[data-theme=dark]{--bg: #141915;--bg-panel: #1B221C;--ink: #EAEFE8;--ink-soft: #A6B3A9;--line: #2C362E;--line-strong: #3B4A3D;--brand: #6FAE9A;--brand-soft: #223028;--gold: #D9AE5F;--gold-soft: #2E2718;--danger: #E08D77;--danger-soft: #33231F;--input-bg: #1F2721;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 6px 20px rgba(0,0,0,.25)}#nomina-app *{box-sizing:border-box}#nomina-app{margin:0;padding:0}#nomina-app{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.5;padding:28px 20px 60px}#nomina-app .wrap{max-width:1200px;margin:0 auto}#nomina-app header.top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;border-bottom:2px solid var(--line-strong);padding-bottom:18px}#nomina-app header.top h1{font-family:var(--font-display);font-weight:600;font-size:28px;margin:0 0 4px;letter-spacing:-.01em}#nomina-app header.top .sub{color:var(--ink-soft);font-size:13.5px}#nomina-app .period-box{display:flex;align-items:center;gap:10px;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px;box-shadow:var(--shadow)}#nomina-app .period-box label{color:var(--ink-soft);font-size:12.5px;white-space:nowrap}#nomina-app .period-box input[type=text]{border:none;background:transparent;font-family:var(--font-display);font-size:15px;color:var(--ink);width:220px;outline:none}#nomina-app nav.tabs{display:flex;gap:4px;margin-bottom:18px;border-bottom:1px solid var(--line);flex-wrap:wrap}#nomina-app nav.tabs button{border:none;background:transparent;border-radius:8px 8px 0 0;padding:10px 16px;font-size:13.5px;font-weight:600;color:var(--ink-soft);border-bottom:2px solid transparent;margin-bottom:-1px}#nomina-app nav.tabs button:hover{background:var(--brand-soft);color:var(--ink)}#nomina-app nav.tabs button.active{color:var(--brand);border-bottom:2px solid var(--brand);background:var(--brand-soft)}#nomina-app .tab-panel{display:none}#nomina-app .tab-panel.active{display:block}#nomina-app section.panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:22px;overflow:hidden}#nomina-app .panel-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);gap:12px;flex-wrap:wrap}#nomina-app .panel-head h2{font-family:var(--font-display);font-weight:600;font-size:17px;margin:0}#nomina-app .panel-head .hint{color:var(--ink-soft);font-size:12.5px}#nomina-app .panel-body{padding:16px 18px 18px}#nomina-app button{font-family:var(--font-body);font-size:13px;font-weight:600;border-radius:7px;border:1px solid var(--line-strong);background:var(--bg-panel);color:var(--ink);padding:8px 13px;cursor:pointer;transition:background .12s ease,transform .05s ease}#nomina-app button:hover{background:var(--brand-soft)}#nomina-app button:active{transform:translateY(1px)}#nomina-app button.primary{background:var(--brand);border-color:var(--brand);color:#fff}#nomina-app button.primary:hover{filter:brightness(1.08)}#nomina-app button.gold{background:var(--gold);border-color:var(--gold);color:#2a2109}#nomina-app button.ghost{background:transparent;border-color:transparent;color:var(--ink-soft);padding:6px 8px}#nomina-app button.ghost:hover{color:var(--danger);background:var(--danger-soft)}#nomina-app button.small{padding:5px 9px;font-size:12px}#nomina-app button:disabled{opacity:.45;cursor:not-allowed}#nomina-app button:focus-visible,#nomina-app input:focus-visible,#nomina-app textarea:focus-visible,#nomina-app select:focus-visible{outline:2px solid var(--brand);outline-offset:1px}#nomina-app .btn-row{display:flex;gap:8px;flex-wrap:wrap}#nomina-app table{border-collapse:collapse;width:100%}#nomina-app .scroll-x{overflow-x:auto;border-radius:8px;border:1px solid var(--line)}#nomina-app input[type=text],#nomina-app input[type=number],#nomina-app input[type=date],#nomina-app select{border:1px solid var(--line);background:var(--input-bg);border-radius:6px;padding:6px 8px;font-size:13px;color:var(--ink);font-family:var(--font-body)}#nomina-app .emp-card{border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin-bottom:12px}#nomina-app .emp-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}#nomina-app .emp-card-head input[name=name]{font-family:var(--font-display);font-size:16px;border:none;background:transparent;padding:2px 0;min-width:160px}#nomina-app .field-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 12px}#nomina-app .field-grid .field label{display:block;font-size:10.5px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}#nomina-app .field-grid .field input,#nomina-app .field-grid .field select{width:100%}#nomina-app .pay-card{border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin-bottom:14px}#nomina-app .pay-card-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:12px}#nomina-app .pay-card-name{font-family:var(--font-display);font-size:17px}#nomina-app .pay-card-salary{color:var(--ink-soft);font-size:12.5px}#nomina-app .pay-section-label{font-size:10.5px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin:12px 0 8px}#nomina-app .pay-section-label:first-of-type{margin-top:0}#nomina-app .pay-inputs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px 12px;margin-bottom:4px}#nomina-app .pay-inputs-grid .field label{display:block;font-size:10.5px;color:var(--ink-soft);margin-bottom:4px}#nomina-app .pay-inputs-grid input{width:100%;text-align:right;font-variant-numeric:tabular-nums}#nomina-app .pay-stats-row{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}#nomina-app .pay-stat{background:var(--brand-soft);border-radius:7px;padding:6px 12px;font-size:11.5px;color:var(--ink-soft)}#nomina-app .pay-stat .val{display:block;font-weight:700;color:var(--brand);font-size:14px;font-variant-numeric:tabular-nums}#nomina-app .pay-card-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:10px}#nomina-app .pay-total{background:var(--gold-soft);color:var(--gold);border-radius:7px;padding:8px 14px;font-weight:700;font-size:16px;font-variant-numeric:tabular-nums}#nomina-app .grand-total-bar{display:flex;justify-content:space-between;align-items:center;background:var(--gold-soft);border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin-bottom:14px;font-family:var(--font-display);font-size:15px}#nomina-app .grand-total-bar strong{color:var(--gold);font-size:20px}#nomina-app .empty-state{padding:30px 18px;text-align:center;color:var(--ink-soft);font-size:13.5px}#nomina-app .card-list{display:flex;flex-direction:column;gap:10px}#nomina-app .card-item{border:1px solid var(--line);border-radius:8px;padding:12px 14px}#nomina-app .card-item .row-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}#nomina-app .card-item .ci-main{display:flex;flex-direction:column;gap:2px}#nomina-app .card-item .ci-label{font-family:var(--font-display);font-size:15px}#nomina-app .card-item .ci-meta{color:var(--ink-soft);font-size:12px}#nomina-app .card-item .ci-total{color:var(--gold);font-weight:700;font-size:15px;margin-right:6px}#nomina-app .card-actions{display:flex;gap:6px;align-items:center}#nomina-app .vac-balance{font-family:var(--font-display);font-size:22px;color:var(--brand)}#nomina-app .vac-balance .unit{font-size:12px;color:var(--ink-soft);font-family:var(--font-body);margin-left:4px}#nomina-app .vac-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}#nomina-app .vac-form input[type=number]{width:70px}#nomina-app .vac-form input[type=text]{flex:1 1 160px;min-width:130px}#nomina-app .vac-log{margin-top:8px}#nomina-app .vac-log summary{cursor:pointer;color:var(--ink-soft);font-size:12.5px;-webkit-user-select:none;user-select:none}#nomina-app .vac-log-list{margin-top:8px;display:flex;flex-direction:column;gap:4px}#nomina-app .vac-log-entry{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:4px 0;border-bottom:1px solid var(--line)}#nomina-app .vac-log-entry .delta-pos{color:var(--brand);font-weight:600}#nomina-app .vac-log-entry .delta-neg{color:var(--danger);font-weight:600}#nomina-app .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1419158c;display:none;align-items:center;justify-content:center;z-index:50;padding:20px}#nomina-app .modal-overlay.open{display:flex}#nomina-app .modal-box{background:var(--bg-panel);border-radius:12px;max-width:900px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow);border:1px solid var(--line)}#nomina-app .modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}#nomina-app .modal-head h3{font-family:var(--font-display);margin:0;font-size:19px}#nomina-app .modal-body{padding:16px 20px 22px;overflow-x:auto}#nomina-app .modal-body table{width:100%;border-collapse:collapse;font-size:13px}#nomina-app .modal-body th,#nomina-app .modal-body td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:right}#nomina-app .modal-body th:first-child,#nomina-app .modal-body td:first-child{text-align:left}#nomina-app footer.note{color:var(--ink-soft);font-size:12px;text-align:center;margin-top:30px;line-height:1.7}#nomina-app .toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%) translateY(20px);background:var(--brand);color:#fff;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:600;box-shadow:var(--shadow);opacity:0;transition:opacity .25s ease,transform .25s ease;z-index:100;pointer-events:none}#nomina-app .toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:640px){#nomina-app header.top{flex-direction:column;align-items:stretch}#nomina-app .period-box{justify-content:space-between}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/nomina-styles.css.map */