@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary:#ff6b00;--primary-strong:#ea580c;--primary-rgb:255, 107, 0;--secondary:#1e40af;--secondary-strong:#1d4ed8;--secondary-rgb:30, 64, 175;--bg-main:#080808;--bg-panel:#121212;--bg-surface:#121212;--bg-surface-soft:#18181b;--bg-elevated:#0f1720;--main-rgb:8, 8, 8;--panel-rgb:18, 18, 18;--surface-rgb:18, 18, 18;--text-main:#fff;--text-subtle:#94a3b8;--text-muted:#64748b;--border-main:#1f2937;--border-strong:#94a3b838;--glass-bg:#121212e6;--glass-border:#94a3b814;--table-head:#1e293b4d;--accent-green:#22c55e;--accent-green-hover:#16a34a;--accent-red:#ef4444;--accent-red-hover:#dc2626;--accent-purple:var(--primary);--danger-rgb:239, 68, 68;--shadow-sm:0 14px 28px #0000002e;--shadow-md:0 18px 42px #00000042;--shadow-lg:0 24px 60px #00000057;--radius-md:10px;--radius-lg:12px;--sidebar-width:268px;--header-height:76px;--bg-primary:var(--bg-main);--bg-secondary:var(--bg-panel);--text-primary:var(--text-main);--text-secondary:var(--text-subtle);--border-light:var(--border-main);--border-focus:rgba(var(--primary-rgb), .22);--accent-blue:var(--secondary);--accent-blue-hover:var(--secondary-strong)}:root[data-theme=light]{--bg-main:#fff;--bg-panel:#f9fafb;--bg-surface:#fff;--bg-surface-soft:#f3f4f6;--bg-elevated:#eff6ff;--main-rgb:255, 255, 255;--panel-rgb:249, 250, 251;--surface-rgb:255, 255, 255;--text-main:#111827;--text-subtle:#4b5563;--text-muted:#6b7280;--border-main:#e5e7eb;--border-strong:#94a3b847;--glass-bg:#ffffffe0;--glass-border:#94a3b833;--table-head:#f3f4f6;--shadow-sm:0 10px 24px #0f172a14;--shadow-md:0 16px 38px #0f172a1f;--shadow-lg:0 24px 56px #0f172a29}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{isolation:isolate;background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Geist,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;position:relative;overflow:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at top left, rgba(var(--primary-rgb), .12), transparent 28%), radial-gradient(circle at top right, rgba(var(--secondary-rgb), .12), transparent 28%);position:fixed;inset:0}body,button,input,textarea,select,a,svg,.app-sidebar,.app-main,.app-header,.card,.table-container,table th,table td,.nav-link,.nav-link-icon,.theme-toggle,.theme-pill,.business-chip,.profile-avatar,.metric-card,.metric-icon-shell,.profit-hero,.app-lock-card,.app-lock-input{transition:background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out,transform .3s ease-in-out,opacity .3s ease-in-out}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:600}a{color:var(--secondary);text-decoration:none}a:hover{color:var(--secondary-strong)}button{font:inherit}input,textarea,select{background-color:var(--bg-surface-soft);border:1px solid var(--border-light);width:100%;color:var(--text-main);border-radius:var(--radius-md);outline:none;padding:.75rem .9rem;font-family:inherit;font-size:.95rem;box-shadow:inset 0 1px 1px #0f172a05}input:focus,textarea:focus,select:focus{border-color:rgba(var(--primary-rgb), .42);box-shadow:0 0 0 4px rgba(var(--primary-rgb), .14)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);padding:0}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:.5rem;min-height:42px;padding:.65rem 1rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn:focus-visible{border-color:rgba(var(--primary-rgb), .42);box-shadow:0 0 0 4px rgba(var(--primary-rgb), .16)}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--primary) 0%, var(--primary-strong) 100%);box-shadow:0 14px 28px rgba(var(--primary-rgb), .24)}.btn-primary:hover{box-shadow:0 18px 34px rgba(var(--primary-rgb), .28);transform:translateY(-1px)}.btn-secondary{color:var(--text-main);background-color:var(--bg-surface);border-color:var(--border-light)}.btn-secondary:hover{background-color:var(--bg-surface-soft);border-color:var(--border-strong)}.btn-success{color:#fff;background-color:var(--accent-green)}.btn-success:hover{background-color:var(--accent-green-hover)}.btn-danger{color:var(--accent-red);background-color:rgba(var(--danger-rgb), .12);border-color:rgba(var(--danger-rgb), .22)}.btn-danger:hover{background-color:rgba(var(--danger-rgb), .18);border-color:rgba(var(--danger-rgb), .32)}.btn:disabled{cursor:not-allowed;opacity:.58;box-shadow:none;transform:none}.app-container{width:100vw;height:100vh;display:flex}.app-sidebar{width:var(--sidebar-width);background:linear-gradient(180deg, rgba(var(--secondary-rgb), .18), transparent 24%), var(--bg-panel);border-right:1px solid var(--border-light);flex-direction:column;gap:1rem;padding:1.25rem 1rem;display:flex}.sidebar-brand{border-bottom:1px solid var(--border-light);align-items:center;gap:.9rem;padding:.3rem .4rem 1rem;display:flex}.sidebar-brand-badge{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;letter-spacing:.04em;width:44px;height:44px;box-shadow:0 14px 28px rgba(var(--secondary-rgb), .2);border-radius:12px;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:inline-flex}.sidebar-brand-copy h2{letter-spacing:-.03em;font-size:1.2rem}.sidebar-brand-copy p{color:var(--text-muted);margin-top:.15rem;font-size:.82rem}.nav-menu{flex-direction:column;flex:1;gap:.35rem;padding-right:.25rem;display:flex;overflow-y:auto}.nav-link{color:var(--text-subtle);border:1px solid #0000;border-radius:12px;align-items:center;gap:.85rem;padding:.85rem .95rem;font-weight:600;display:flex}.nav-link:hover{color:var(--text-main);background-color:rgba(var(--secondary-rgb), .08)}.nav-link.active{color:var(--text-main);background:linear-gradient(135deg, rgba(var(--secondary-rgb), .2), rgba(var(--secondary-rgb), .08));border-color:rgba(var(--secondary-rgb), .26);box-shadow:inset 0 1px #ffffff0a}.nav-link-icon{width:2rem;height:2rem;color:var(--secondary);background-color:rgba(var(--secondary-rgb), .12);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.nav-link.active .nav-link-icon{color:#fff;background-color:var(--secondary);box-shadow:0 12px 24px rgba(var(--secondary-rgb), .24)}.sidebar-footer{border-top:1px solid var(--border-light);color:var(--text-muted);text-align:center;padding:1rem .25rem 0;font-size:.8rem}.app-main{background:linear-gradient(180deg, rgba(var(--primary-rgb), .06), transparent 16%), var(--bg-main);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app-header{height:var(--header-height);border-bottom:1px solid var(--border-light);background-color:rgba(var(--panel-rgb), .92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.75rem;display:flex}.header-actions{align-items:center;gap:.85rem;display:flex}.theme-pill,.business-chip{border:1px solid var(--border-light);background-color:var(--bg-surface);min-height:40px;color:var(--text-subtle);white-space:nowrap;border-radius:999px;align-items:center;padding:0 .85rem;font-size:.9rem;display:inline-flex}.business-chip strong{color:var(--text-main);margin-left:.4rem}.theme-toggle{border:1px solid var(--border-light);background-color:var(--bg-surface);width:40px;height:40px;color:var(--primary);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{border-color:rgba(var(--primary-rgb), .3);box-shadow:0 10px 22px rgba(var(--primary-rgb), .16)}.profile-avatar{border:1px solid var(--border-light);background-color:var(--bg-surface);width:40px;height:40px;color:var(--text-subtle);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.profile-avatar-button{cursor:pointer;padding:0}.profile-avatar-button:hover{border-color:rgba(var(--primary-rgb), .32);box-shadow:0 10px 22px rgba(var(--primary-rgb), .18);transform:scale(1.05)}.profile-avatar-button:focus-visible{border-color:rgba(var(--primary-rgb), .42);box-shadow:0 0 0 4px rgba(var(--primary-rgb), .16);outline:none}.app-content{flex:1;padding:1.5rem 1.75rem 2rem;overflow-y:auto}.card{background:linear-gradient(180deg, #ffffff05, transparent 42%), var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.modal-backdrop{z-index:99998;background:rgba(var(--main-rgb), .76);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:center;align-items:center;padding:1.5rem;animation:.24s ease-out forwards modalFadeIn;display:flex;position:fixed;inset:0}.modal-panel{border:1px solid var(--border-light);background:linear-gradient(180deg, #ffffff05, transparent 36%), var(--bg-surface);width:min(100%,520px);max-height:calc(100vh - 3rem);box-shadow:var(--shadow-lg);border-radius:22px;animation:.24s cubic-bezier(.22,1,.36,1) forwards modalScaleIn;overflow:hidden}.modal-panel-lg{width:min(100%,1100px)}.modal-header,.modal-footer{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.modal-footer{border-bottom:none;border-top:1px solid var(--border-light)}.modal-body{padding:1.5rem}.modal-body-scroll{max-height:calc(100vh - 12rem);overflow:auto}.modal-header-copy h2{letter-spacing:-.03em;font-size:1.35rem}.modal-header-copy p{color:var(--text-muted);margin-top:.3rem;font-size:.9rem}.modal-close-button{border-radius:999px;flex-shrink:0;width:40px;height:40px;padding:0}.modal-close-button:focus-visible{border-color:rgba(var(--primary-rgb), .42);box-shadow:0 0 0 4px rgba(var(--primary-rgb), .16)}.modal-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.modal-form-grid .full-span{grid-column:1/-1}.form-field label{color:var(--text-subtle);margin-bottom:.45rem;font-size:.88rem;font-weight:600;display:block}.form-field-note{color:var(--text-muted);margin-top:.45rem;font-size:.78rem}.form-field-error{color:var(--accent-red);margin-top:.45rem;font-size:.8rem;font-weight:600}.modal-summary-strip{flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;display:flex}.modal-summary-chip{background-color:rgba(var(--secondary-rgb), .08);border:1px solid rgba(var(--secondary-rgb), .18);min-height:40px;color:var(--text-subtle);border-radius:999px;align-items:center;gap:.45rem;padding:0 .9rem;font-size:.9rem;display:inline-flex}.modal-summary-chip strong{color:var(--text-main)}.action-button-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.history-badge{border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .6rem;font-size:.78rem;font-weight:700;display:inline-flex}.history-badge.sale{color:var(--accent-green);background-color:#22c55e1f}.history-badge.purchase{color:var(--secondary);background-color:rgba(var(--secondary-rgb), .12)}.inventory-stock-indicator{border-radius:999px;flex-wrap:wrap;align-items:center;gap:.45rem;min-height:40px;padding:.45rem .7rem;font-size:.82rem;font-weight:600;display:inline-flex}.inventory-stock-indicator span:last-child{color:var(--text-subtle);font-weight:500}.inventory-stock-indicator.negative{color:var(--accent-red)}.inventory-stock-indicator.zero,.inventory-stock-indicator.low{color:var(--primary)}.inventory-stock-indicator.healthy{color:var(--accent-green)}.inventory-stock-badge{letter-spacing:.01em;border-radius:999px;justify-content:center;align-items:center;padding:.28rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.inventory-stock-badge.negative{color:#fff;background-color:var(--accent-red)}.inventory-stock-badge.zero,.inventory-stock-badge.low{color:#fff;background-color:var(--primary)}.inventory-stock-badge.healthy{color:#fff;background-color:var(--accent-green)}.inventory-view-toggle{border:1px solid var(--border-light);background-color:var(--bg-surface);min-height:40px;color:var(--text-subtle);cursor:pointer;border-radius:999px;align-items:center;gap:.6rem;padding:.55rem .9rem;font-size:.9rem;font-weight:600;display:inline-flex}.transaction-card-layer{position:relative;overflow:visible!important}.autocomplete-panel{z-index:80;background:linear-gradient(180deg, #ffffff0a, transparent 22%), var(--bg-surface);border:1px solid var(--border-strong);max-height:260px;box-shadow:var(--shadow-lg);border-radius:14px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.autocomplete-panel.product-panel{width:min(360px,92vw);left:0;right:auto}.autocomplete-option{width:100%;color:var(--text-main);border:none;border-bottom:1px solid var(--border-light);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem .95rem;display:flex}.autocomplete-option:last-child{border-bottom:none}.autocomplete-option:hover{background-color:rgba(var(--secondary-rgb), .1)}.autocomplete-option-meta{color:var(--text-muted);white-space:nowrap;font-size:.8rem}.autocomplete-empty{color:var(--text-muted);padding:.95rem;font-size:.88rem}.selected-chip{color:var(--accent-green);background-color:#22c55e1f;border:1px solid #22c55e3d;border-radius:999px;align-items:center;gap:.55rem;padding:.75rem .9rem;font-size:.92rem;display:inline-flex}.selected-chip-dot{background-color:var(--accent-green);border-radius:999px;width:8px;height:8px}.line-item-helper-text{color:var(--text-muted);margin-top:.35rem;font-size:.84rem}.line-item-row.inactive td{opacity:.65;background-color:rgba(var(--secondary-rgb), .03)}.line-item-row.inactive input{border-style:dashed}.line-item-row.active td{opacity:1}.tracking-switch{cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:.7rem;min-height:44px;padding:.45rem .9rem;font-size:.92rem;font-weight:700;display:inline-flex}.tracking-switch.enabled{color:var(--accent-green);background-color:#22c55e1f;border-color:#22c55e3d}.tracking-switch.disabled{background-color:rgba(var(--secondary-rgb), .08);border-color:rgba(var(--secondary-rgb), .18);color:var(--secondary)}.tracking-switch-thumb{background-color:#ffffff2e;border-radius:999px;flex-shrink:0;width:40px;height:22px;position:relative}.tracking-switch-thumb:after{content:"";background-color:#fff;border-radius:999px;width:16px;height:16px;transition:transform .2s ease-in-out;position:absolute;top:3px;left:3px;box-shadow:0 4px 10px #0f172a2e}.tracking-switch.enabled .tracking-switch-thumb:after{transform:translate(18px)}.tracking-switch-copy{white-space:nowrap}.tracking-helper-text{color:var(--text-muted);max-width:560px;margin-top:.35rem;font-size:.84rem}.tracking-mode-banner{border:1px solid #0000;border-radius:14px;align-items:center;gap:.6rem;padding:.8rem .95rem;font-size:.9rem;font-weight:600;display:inline-flex}.tracking-mode-banner.enabled{color:var(--accent-green);background-color:#22c55e1f;border-color:#22c55e38}.tracking-mode-banner.disabled{color:var(--secondary);background-color:rgba(var(--secondary-rgb), .08);border-color:rgba(var(--secondary-rgb), .2)}.empty-state-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;min-height:280px;display:flex}.empty-state-icon{width:72px;height:72px;color:var(--primary);background:linear-gradient(135deg, rgba(var(--primary-rgb), .18), rgba(var(--secondary-rgb), .14)), var(--bg-surface);border:1px solid rgba(var(--primary-rgb), .18);border-radius:20px;justify-content:center;align-items:center;display:inline-flex}.loan-form-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:1rem;display:grid}.loan-form-action{align-items:end;display:flex}.loan-inline-note{color:var(--text-subtle);background-color:rgba(var(--primary-rgb), .08);border:1px solid rgba(var(--primary-rgb), .16);border-radius:14px;margin-top:1rem;padding:.9rem 1rem;font-size:.88rem}.loan-payments-modal{width:min(100%,980px)}.loan-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.loan-summary-card{border:1px solid rgba(var(--primary-rgb), .14);background:linear-gradient(135deg, rgba(var(--primary-rgb), .12), rgba(var(--secondary-rgb), .08) 100%), var(--bg-surface);border-radius:18px;padding:1rem 1.1rem}.loan-summary-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;font-weight:700}.loan-summary-value{color:var(--text-main);letter-spacing:-.03em;margin-top:.6rem;font-size:1.35rem;font-weight:700}.loan-type-chip,.loan-status-pill,.loan-edited-badge,.loan-audit-badge{border-radius:999px;align-items:center;gap:.35rem;padding:.32rem .68rem;font-size:.78rem;font-weight:700;display:inline-flex}.loan-type-chip.given{color:var(--secondary);background-color:rgba(var(--secondary-rgb), .12)}.loan-type-chip.taken{color:var(--accent-red);background-color:rgba(var(--danger-rgb), .12)}.loan-status-pill.active{color:var(--primary);background-color:rgba(var(--primary-rgb), .14)}.loan-status-pill.partial{color:var(--secondary);background-color:rgba(var(--secondary-rgb), .12)}.loan-status-pill.settled{color:var(--accent-green);background-color:#22c55e1f}.loan-amount-cell{flex-wrap:wrap;align-items:center;gap:.45rem;display:inline-flex}.loan-edited-badge{color:var(--primary);background-color:rgba(var(--primary-rgb), .12);border:1px solid rgba(var(--primary-rgb), .18);padding-left:.55rem;padding-right:.55rem}.loan-audit-stack{flex-direction:column;gap:.35rem;display:flex}.loan-audit-badge.fresh{color:var(--text-subtle);background-color:#94a3b81f}.loan-audit-badge.edited{color:var(--primary);background-color:rgba(var(--primary-rgb), .12)}.loan-audit-badge.locked{color:var(--accent-red);background-color:rgba(var(--danger-rgb), .12)}.loan-form-shell{border:1px solid rgba(var(--primary-rgb), .16);background:linear-gradient(180deg, rgba(var(--primary-rgb), .08), transparent 42%), var(--bg-surface);border-radius:20px;margin-top:1.5rem;padding:1.25rem}.loan-history-empty{min-height:220px}.loan-warning-box{border:1px solid rgba(var(--primary-rgb), .18);background-color:rgba(var(--primary-rgb), .08);color:var(--text-subtle);border-radius:16px;align-items:flex-start;gap:.9rem;padding:1rem;display:flex}.expense-category-chip,.expense-source-chip,.expense-edited-badge{border-radius:999px;align-items:center;gap:.35rem;padding:.32rem .68rem;font-size:.78rem;font-weight:700;display:inline-flex}.expense-category-chip{color:var(--secondary);background-color:rgba(var(--secondary-rgb), .12)}.expense-source-chip{color:var(--text-subtle);background-color:#94a3b81f;border:1px solid #94a3b829}.expense-edited-badge{color:#b45309;background-color:rgba(var(--primary-rgb), .12);border:1px solid rgba(var(--primary-rgb), .18);padding-left:.55rem;padding-right:.55rem}.expense-amount-cell{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:inline-flex}.expense-editor-shell{border:1px solid rgba(var(--primary-rgb), .16);background:linear-gradient(180deg, rgba(var(--primary-rgb), .08), transparent 42%), var(--bg-surface);border-radius:20px;padding:1.25rem}.employee-hub-shell{background:linear-gradient(180deg, rgba(var(--secondary-rgb), .07), transparent 24%), var(--bg-surface)}.employee-hub-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.employee-tab-switch{border:1px solid var(--border-light);background-color:rgba(var(--secondary-rgb), .08);border-radius:999px;align-items:center;gap:.45rem;padding:.35rem;display:inline-flex}.employee-tab-button{min-height:40px;color:var(--text-subtle);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1rem;font-weight:700;display:inline-flex}.employee-tab-button.active{color:#fff;background:linear-gradient(135deg, var(--secondary) 0%, var(--secondary-strong) 100%);box-shadow:0 12px 24px rgba(var(--secondary-rgb), .2)}.employee-hub-grid{gap:1rem;display:grid}.employee-payments-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.employee-attendance-layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}.employee-pane{border:1px solid var(--border-light);background:linear-gradient(180deg, #ffffff08, transparent 34%), var(--bg-surface-soft);border-radius:20px;padding:1.1rem;box-shadow:inset 0 1px #ffffff0a}.employee-pane-highlight{background:linear-gradient(180deg, #10b9811a, transparent 38%), var(--bg-surface-soft);border-color:#10b98138}.employee-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.employee-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.employee-inline-note{width:100%;min-height:46px;color:var(--text-main);background-color:#10b98114;border:1px solid #10b9812e;border-radius:12px;align-items:center;padding:.75rem .9rem;font-size:.92rem;font-weight:600;display:inline-flex}.employee-payment-button{color:#fff;background:#10b981;border-color:#10b981;box-shadow:0 14px 28px #10b98138}.employee-payment-button:hover{background:#059669;border-color:#059669;box-shadow:0 18px 34px #10b98147}.employee-search-shell{margin-bottom:1rem;position:relative}.employee-search-icon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.employee-search-input{padding-left:2.3rem}.employee-roster-grid{flex-wrap:wrap;gap:.6rem;display:flex}.employee-roster-chip{border:1px solid var(--border-light);background:var(--bg-surface);min-height:40px;color:var(--text-subtle);cursor:pointer;font:inherit;border-radius:999px;justify-content:center;align-items:center;padding:.5rem .9rem;font-weight:700;display:inline-flex}.employee-roster-chip.active{color:#fff;border-color:rgba(var(--secondary-rgb), .3);background:linear-gradient(135deg, var(--secondary) 0%, var(--secondary-strong) 100%)}.employee-history-shell{border:1px solid var(--border-light);background-color:var(--bg-surface);border-radius:18px;margin-top:1rem;overflow:hidden}.employee-history-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1rem 0;display:flex}.employee-payment-type{color:#fff;border-radius:999px;align-items:center;padding:.26rem .58rem;font-size:.75rem;font-weight:700;display:inline-flex}.employee-payment-type.full{background-color:#10b981}.employee-payment-type.partial{background-color:var(--secondary)}.employee-directory-list{flex-direction:column;gap:.65rem;display:flex}.employee-list-item{border:1px solid var(--border-light);background:var(--bg-surface);width:100%;color:var(--text-main);cursor:pointer;font:inherit;text-align:left;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem .95rem;display:flex}.employee-list-item.active{border-color:rgba(var(--secondary-rgb), .26);background:linear-gradient(135deg, rgba(var(--secondary-rgb), .18), rgba(var(--secondary-rgb), .08))}.employee-empty-panel{border:1px dashed var(--border-light);background:rgba(var(--secondary-rgb), .04);min-height:220px;color:var(--text-muted);text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:1.4rem;display:flex}.employee-month-switch{border:1px solid var(--border-light);background:var(--bg-surface);border-radius:999px;align-items:center;gap:.45rem;padding:.25rem .4rem;font-weight:700;display:inline-flex}.employee-month-button{width:34px;min-height:34px;box-shadow:none;background:0 0;border:none;padding:0}.employee-calendar-shell{border:1px solid var(--border-light);background:rgba(var(--secondary-rgb), .03);border-radius:18px;padding:1.1rem}.employee-weekday-row{text-align:center;color:var(--text-muted);letter-spacing:.06em;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:.85rem;font-size:.76rem;font-weight:700;display:grid}.employee-attendance-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.employee-attendance-day{aspect-ratio:1;border:1px solid var(--border-light);background:var(--bg-surface);color:var(--text-main);cursor:pointer;font:inherit;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.18rem;font-weight:600;display:flex}.employee-attendance-day.present{color:#047857;background:#10b98124;border-color:#10b98138}.employee-attendance-day.absent{color:var(--accent-red);border-color:rgba(var(--danger-rgb), .22);background:rgba(var(--danger-rgb), .14)}.employee-attendance-day.half{color:#d97706;border-color:rgba(var(--primary-rgb), .22);background:rgba(var(--primary-rgb), .14)}.employee-attendance-status-label{text-transform:uppercase;letter-spacing:.04em;font-size:.58rem}.employee-legend{background:var(--bg-surface);color:var(--text-muted);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.2rem;margin-top:1rem;padding:.95rem;font-size:.78rem;font-weight:600;display:flex}.employee-legend-item{align-items:center;gap:.4rem;display:inline-flex}.employee-legend-swatch{border-radius:3px;width:10px;height:10px}.employee-legend-swatch.present{background:#10b981}.employee-legend-swatch.absent{background:var(--accent-red)}.employee-legend-swatch.half{background:#f59e0b}.glass-panel{background-color:var(--glass-bg);border-color:var(--glass-border);-webkit-backdrop-filter:blur(18px)}.dashboard-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.metric-card{padding:1.25rem}.metric-card.warm{background:linear-gradient(135deg, rgba(var(--primary-rgb), .18), rgba(var(--primary-rgb), .08) 38%, transparent 100%), var(--bg-surface);border-color:rgba(var(--primary-rgb), .2)}.metric-card.cool{background:linear-gradient(135deg, rgba(var(--secondary-rgb), .18), rgba(var(--secondary-rgb), .08) 38%, transparent 100%), var(--bg-surface);border-color:rgba(var(--secondary-rgb), .18)}.metric-card.neutral{background:linear-gradient(180deg, #94a3b814, transparent 35%), var(--bg-surface)}.metric-card-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.metric-card-title{color:var(--text-subtle);margin-bottom:.65rem;font-size:.88rem;font-weight:600}.metric-card-value{color:var(--text-main);letter-spacing:-.04em;font-size:1.75rem;font-weight:700}.metric-icon-shell{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;width:2.7rem;height:2.7rem;display:inline-flex}.metric-icon-shell.warm{color:var(--primary);background-color:rgba(var(--primary-rgb), .14);border-color:rgba(var(--primary-rgb), .14)}.metric-icon-shell.cool{color:var(--secondary);background-color:rgba(var(--secondary-rgb), .14);border-color:rgba(var(--secondary-rgb), .14)}.metric-icon-shell.neutral{color:var(--text-subtle);background-color:#94a3b81a;border-color:#94a3b814}.trend-chip{border-radius:999px;align-items:center;gap:.35rem;margin-top:.95rem;padding:.35rem .7rem;font-size:.82rem;font-weight:600;display:inline-flex}.trend-chip.up{color:var(--accent-green);background-color:#22c55e1f}.trend-chip.down{color:var(--accent-red);background-color:rgba(var(--danger-rgb), .12)}.trend-chip.neutral{color:var(--text-subtle);background-color:#94a3b824}.profit-hero{background:linear-gradient(135deg, rgba(var(--primary-rgb), .16), rgba(var(--primary-rgb), .09) 30%, rgba(var(--secondary-rgb), .12) 100%), var(--bg-surface);border-color:rgba(var(--primary-rgb), .18)}.profit-hero:after{content:"";pointer-events:none;background:radial-gradient(circle, rgba(var(--primary-rgb), .18), rgba(var(--primary-rgb), 0));width:220px;height:220px;position:absolute;top:-48px;right:-48px}.profit-hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:center;gap:1.5rem;display:grid;position:relative}.profit-hero-label{color:var(--text-subtle);font-size:.95rem;font-weight:600}.profit-hero-amount{letter-spacing:-.05em;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.8rem;font-size:clamp(2rem,4vw,2.85rem);font-weight:800;display:flex}.profit-hero-summary{color:var(--text-muted);margin-top:.7rem;font-size:.95rem}.profit-hero-summary span{color:var(--text-main);font-weight:600}.profit-hero-chart{min-width:260px;height:120px;padding-top:.4rem}.chart-card{background:linear-gradient(180deg, rgba(var(--secondary-rgb), .05), transparent 24%), var(--bg-surface)}.table-container{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid var(--border-light);padding:1rem}th{background-color:var(--table-head);color:var(--text-subtle);letter-spacing:.05em;text-transform:uppercase;font-size:.82rem;font-weight:600}tr:last-child td{border-bottom:none}tr:hover td{background-color:rgba(var(--secondary-rgb), .04)}.app-lock-screen{z-index:999999;background-color:rgba(var(--main-rgb), .94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.app-lock-card{text-align:center;width:min(100%,360px)}.app-lock-icon{width:72px;height:72px;color:var(--primary);background:linear-gradient(135deg, rgba(var(--primary-rgb), .18), rgba(var(--secondary-rgb), .14)), var(--bg-surface);border:1px solid rgba(var(--primary-rgb), .18);border-radius:20px;justify-content:center;align-items:center;margin:0 auto 1.25rem;display:flex}.app-lock-input{letter-spacing:.35em;text-align:center;font-size:1.8rem}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(var(--secondary-rgb), .18);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--secondary-rgb), .28)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-modal-scale{animation:.24s cubic-bezier(.22,1,.36,1) forwards modalScaleIn}.animate-spin{animation:.9s linear infinite spin}.text-green{color:var(--accent-green)}.text-red{color:var(--accent-red)}.text-blue{color:var(--secondary)}.text-muted{color:var(--text-muted)}.text-white{color:#fff}.text-black{color:#111827}.flex{display:flex}.grid{display:grid}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.mr-1{margin-right:.25rem}.w-full{width:100%}.h-full{height:100%}.h-10{height:2.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-10{padding:2.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pt-2{padding-top:.5rem}.pb-2{padding-bottom:.5rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-center{text-align:center}.text-left{text-align:left}.block{display:block}.relative{position:relative}.absolute{position:absolute}.uppercase{text-transform:uppercase}.font-bold{font-weight:700}.font-semibold{font-weight:600}.border-b{border-bottom:1px solid var(--border-light)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.col-span-full{grid-column:1/-1}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1024px){.app-container{flex-direction:column}.app-sidebar{width:100%;padding:1rem 1.25rem}.sidebar-brand{padding-bottom:.9rem}.nav-menu{flex-direction:row;padding-bottom:.35rem;overflow:auto hidden}.nav-link{white-space:nowrap}.sidebar-footer{display:none}.app-header{flex-direction:column;align-items:flex-start;height:auto;padding:1rem 1.25rem}.header-actions{flex-wrap:wrap;width:100%}.app-content{padding:1.25rem}.profit-hero-grid{grid-template-columns:1fr}.profit-hero-chart{min-width:0}.loan-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.loan-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-payments-layout,.employee-attendance-layout{grid-template-columns:1fr}}@media (width<=640px){.theme-pill,.business-chip{justify-content:center;width:100%}.header-actions{align-items:stretch}.dashboard-metrics-grid{grid-template-columns:1fr}.card{padding:1.2rem}.modal-form-grid{grid-template-columns:1fr}.modal-header,.modal-footer,.modal-body{padding:1rem}.loan-form-grid,.loan-summary-grid{grid-template-columns:1fr}.loan-form-shell{padding:1rem}.employee-hub-topbar{align-items:stretch}.employee-tab-switch{width:100%}.employee-tab-button{flex:1}.employee-payment-grid{grid-template-columns:1fr}.employee-month-switch{justify-content:space-between;width:100%}.employee-calendar-shell{padding:.8rem}.employee-weekday-row,.employee-attendance-grid{gap:4px}}