.toast-container{display:flex;flex-direction:column;gap:10px;max-width:400px;position:fixed;right:20px;top:20px;z-index:10000}.toast{animation:slideIn .3s ease-out;background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:300px;padding:16px}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.toast-success{border-left-color:var(--secondary-color)}.toast-error{border-left-color:var(--danger-color)}.toast-warning{border-left-color:var(--warning-color)}.toast-info{border-left-color:var(--info-color)}.toast-content{align-items:center;display:flex;gap:12px}.toast-icon{flex-shrink:0;font-size:20px;font-weight:700}.toast-success .toast-icon{color:var(--secondary-color)}.toast-error .toast-icon{color:var(--danger-color)}.toast-warning .toast-icon{color:var(--warning-color)}.toast-info .toast-icon{color:var(--info-color)}.toast-message{color:var(--dark-text);flex:1 1;font-size:14px;line-height:1.5}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--light-text);cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;padding:0;transition:all .2s;width:24px}.toast-close:hover{background-color:var(--light-bg);color:var(--dark-text)}@media (max-width:768px){.toast-container{left:10px;max-width:none;right:10px}.toast{min-width:auto}}.navbar{background-color:var(--dark-bg);box-shadow:0 6px 18px #0f172a3d;padding:15px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 15px}.navbar-brand h2{color:#fef9c3;font-size:20px;margin:0}.nav-menu{display:flex;flex:1 1;gap:30px;justify-content:center;list-style:none}.mobile-nav-panel{display:contents}.mobile-menu-toggle{display:none}.nav-menu a{border-bottom:2px solid #0000;color:var(--white);font-weight:500;padding:8px 0;transition:color .3s}.nav-menu a:hover{border-bottom-color:#facc15;color:#facc15}.navbar-right{align-items:center;display:flex;gap:15px;white-space:nowrap}.user-info{color:var(--white);font-size:14px}.user-avatar-icon{align-items:center;display:inline-flex;font-size:14px;justify-content:center;line-height:1}.user-dropdown{position:relative}.user-info-btn{align-items:center;background-color:#ffffff1a;border:none;border-radius:4px;color:var(--white);cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .3s}.user-info-btn:hover{background-color:#fff3}.dropdown-arrow{font-size:10px;transition:transform .3s}.user-info-btn:hover .dropdown-arrow{transform:translateY(2px)}.dropdown-menu{animation:fadeIn .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.dropdown-menu a,.dropdown-menu button{background:none;border:none;color:var(--dark-text);cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;text-decoration:none;transition:background-color .2s;width:100%}.dropdown-menu a:hover,.dropdown-menu button:hover{background-color:var(--light-bg)}.dropdown-menu button.logout-link{border-top:1px solid var(--border-color);color:var(--danger-color)}.logout-btn{background-color:var(--danger-color);border:none;border-radius:4px;color:var(--white);cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s}.logout-btn:hover{background-color:#c0392b;transform:translateY(-2px)}@media (max-width:768px){.navbar-container{align-items:center;display:flex;gap:0;justify-content:space-between;padding:10px 15px;position:relative}.mobile-nav-panel{background:var(--dark-bg);border-radius:0 0 8px 8px;box-shadow:0 8px 18px #0f172a3d;display:none;left:auto;max-height:calc(100vh - 72px);overflow-y:auto;padding:12px 15px 15px;position:absolute;right:10px;top:100%;width:min(78vw,260px)}.mobile-nav-panel.mobile-open{display:block}.mobile-nav-panel .nav-menu{grid-gap:0;border-top:1px solid #ffffff24;display:grid;gap:0;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:12px;width:100%}.mobile-nav-panel .nav-menu a{font-size:13px;padding-left:4px;padding-right:4px}.nav-menu li{min-width:0}.nav-menu a{display:block;font-size:14px;padding:10px 8px}.mobile-menu-toggle{align-items:center;background:#0000;border-radius:6px;box-shadow:none;display:flex;flex-direction:column;gap:4px;height:38px;justify-content:center;padding:8px;width:42px}.mobile-menu-toggle span{background:var(--white);border-radius:2px;display:block;height:2px;width:20px}.mobile-menu-toggle:focus-visible,.mobile-menu-toggle:hover{background:#0000;box-shadow:none}.navbar-brand h2{font-size:18px}.navbar-right{gap:10px;margin-top:0;order:2;width:auto}.navbar-right .user-dropdown{width:auto}.navbar-right .user-info-btn{justify-content:center;max-width:150px;padding:8px;width:auto}.mobile-menu-toggle{order:3}.user-info{font-size:12px;padding:5px 10px}.logout-btn{font-size:12px;padding:6px 12px}}@media (max-width:420px){.navbar-brand h2{font-size:16px}.user-info{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-right .user-info-btn{max-width:120px}}.login-container{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background-color:var(--white);border-radius:8px;box-shadow:0 10px 40px #0003;max-width:400px;padding:40px;width:100%}.login-card h1{color:var(--dark-text);font-size:24px;margin-bottom:10px;text-align:center}.login-subtitle{color:var(--light-text);font-size:14px;text-align:center}.login-card form,.login-subtitle{margin-bottom:30px}.login-card .form-group{margin-bottom:20px}.login-card label{color:var(--dark-text);display:block;font-weight:600;margin-bottom:8px}.login-card input{border:2px solid var(--border-color);border-radius:4px;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.login-card input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2ecc711a;outline:none}.login-btn{background-color:var(--primary-color);border:none;border-radius:4px;color:var(--white);cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:all .3s;width:100%}.login-btn:hover:not(:disabled){background-color:var(--secondary-color);box-shadow:0 5px 15px #2ecc714d;transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.error-message{font-size:14px;padding:12px}.demo-users{background-color:var(--light-bg);border-radius:4px;font-size:13px;padding:15px}.demo-title{color:var(--dark-text);font-weight:600;margin-bottom:8px}.demo-users p{color:var(--light-text);margin:5px 0}.auth-tab-buttons{background-color:var(--light-bg);border-radius:6px;display:flex;margin-bottom:20px;padding:4px}.auth-tab{background:#0000;border:none;border-radius:4px;color:var(--light-text);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;transition:all .2s ease}.auth-tab.active{background-color:var(--white);box-shadow:0 2px 5px #0000001a;color:var(--primary-color)}.auth-select{background-color:var(--white);border:2px solid var(--border-color);border-radius:4px;font-size:14px;padding:12px;width:100%}.success-message{background-color:#d4efdf;border-left:4px solid #27ae60;color:#1e8449;font-size:14px;padding:12px}@media (max-width:480px){.login-card{padding:30px 20px}.login-card h1{font-size:20px}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-line{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:1000px 100%;border-radius:4px}.skeleton-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.skeleton-title{height:16px;margin-bottom:12px;width:60%}.skeleton-amount{height:32px;margin-bottom:8px;width:80%}.skeleton-subtitle{height:12px;width:40%}.skeleton-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.skeleton-table-header{grid-gap:16px;background:var(--light-bg);border-bottom:2px solid var(--border-color);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding:16px}.skeleton-header{height:16px;width:100%}.skeleton-table-row{grid-gap:16px;border-bottom:1px solid var(--border-color);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding:16px}.skeleton-table-row:last-child{border-bottom:none}.skeleton-cell{height:14px;width:100%}.skeleton-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.skeleton-form-group{margin-bottom:20px}.skeleton-label{height:14px;margin-bottom:8px;width:120px}.skeleton-input{height:40px;width:100%}.loading-spinner{flex-direction:column;gap:16px;padding:40px}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--light-bg);border:4px solid var(--light-bg);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:var(--light-text);font-size:16px}.dashboard-container{margin:0 auto;max-width:1200px;padding:30px 15px}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.dashboard-header h1{color:var(--dark-text);font-size:28px;margin:0}.dashboard-subtitle{color:var(--light-text);font-size:13px;margin-top:4px}.month-selector{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.month-selector input{border:2px solid var(--border-color);border-radius:4px;font-size:14px;padding:10px 12px}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:30px}.card{background-color:#fffcf6;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 14px #0f172a14;padding:20px 18px;transition:all .3s ease}.card:hover{box-shadow:0 8px 24px #0f172a1f;transform:translateY(-2px)}.card h3{color:var(--light-text);font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.card .amount{color:var(--dark-text);font-size:28px;font-weight:700;margin:10px 0}.card small{color:var(--light-text);font-size:12px}.income-card{border-left:4px solid var(--primary-color)}.expense-card{border-left:4px solid var(--warning-color)}.salary-card{border-left:4px solid var(--info-color)}.total-expense-card{border-left:4px solid var(--danger-color)}.profit-card{border-left:4px solid var(--primary-color)}.profit-card.positive .amount{color:var(--primary-color)}.profit-card.negative .amount{color:var(--danger-color)}.quick-stats{align-items:stretch;background-color:var(--dark-bg);border-radius:999px;box-shadow:0 10px 25px #0f172a59;color:#fefce8;display:flex;gap:0;margin-bottom:26px;overflow-x:auto;padding:10px 18px}.quick-stat-card{align-items:center;border-right:1px solid #f8fafc2e;display:flex;gap:10px;min-width:0;padding:6px 18px}.quick-stat-card:last-child{border-right:none}.stat-icon{align-items:center;background-color:#0f172acc;border-radius:999px;display:flex;font-size:18px;height:34px;justify-content:center;width:34px}.stat-icon.upcoming{background-color:#d977062e}.stat-icon.completed{background-color:#16a34a2e}.stat-icon.pending{background-color:#b91c1c2e}.stat-icon.total{background-color:#0f766e2e}.stat-info h4{color:#e5e7eb;font-size:12px;font-weight:500;margin:0;text-transform:uppercase}.stat-info p{color:#fefce8;font-size:20px;font-weight:700;margin:5px 0 0}.charts-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.chart-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:25px}.chart-card h3{color:var(--dark-text);font-size:18px;font-weight:600;margin:0 0 20px}.no-chart-data{color:var(--light-text);padding:60px 20px;text-align:center}.dashboard-lists{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.list-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:25px}.list-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.list-header h3{color:var(--dark-text);font-size:18px;font-weight:600;margin:0}.view-all{color:var(--primary-color);font-size:14px;font-weight:500;text-decoration:none}.view-all:hover{text-decoration:underline}.event-list{list-style:none;margin:0;padding:0}.event-list li{border-bottom:1px solid var(--border-color);padding:12px 0}.event-list li:last-child{border-bottom:none}.event-item{align-items:center;display:flex;justify-content:space-between}.event-item>div:first-child{display:flex;flex-direction:column;gap:4px}.event-item strong{color:var(--dark-text);font-size:14px}.event-item .client{color:var(--light-text);font-size:12px}.event-meta{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.event-meta span{color:var(--light-text);font-size:12px}.event-meta .amount{color:var(--dark-text);font-size:14px;font-weight:600}.upcoming-badge{background-color:#fff3cd;border-radius:4px;color:#856404;font-size:11px;font-weight:600;padding:4px 8px}.no-data{font-size:14px}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column}.dashboard-header h1{font-size:24px}.month-selector{width:100%}.month-selector .btn,.month-selector input{flex:1 1;min-width:120px}.summary-cards{grid-template-columns:1fr}.card{padding:20px}.card .amount{font-size:24px}.quick-stats{grid-template-columns:repeat(2,1fr)}.charts-section,.dashboard-lists{grid-template-columns:1fr}}.search-bar{align-items:center;display:flex;margin-bottom:20px;max-width:400px;position:relative}.search-icon{color:var(--light-text);font-size:18px;left:12px;pointer-events:none;position:absolute}.search-input{border:1px solid var(--border-color);border-radius:6px;font-size:14px;padding:10px 40px;transition:all .3s ease;width:100%}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2ecc711a;outline:none}.search-clear{background:none;border:none;border-radius:4px;color:var(--light-text);cursor:pointer;font-size:24px;line-height:1;padding:4px 8px;position:absolute;right:8px;transition:all .2s}.search-clear:hover{background-color:var(--light-bg);color:var(--dark-text)}@media (max-width:768px){.search-bar{max-width:100%}}.events-container{margin:0 auto;max-width:1200px;padding:30px 15px}.events-table-wrapper{background-color:var(--white);border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.events-table{border-collapse:collapse;width:100%}.events-table thead{background-color:var(--dark-bg);color:var(--white)}.events-table th{font-size:14px;font-weight:600;padding:15px 12px;text-align:left;white-space:nowrap}.events-table td{border-bottom:1px solid var(--border-color);font-size:14px;padding:15px 12px}.events-table tbody tr:hover{background-color:var(--light-bg)}.status{text-transform:capitalize}.status-upcoming{background-color:#e3f2fd;color:var(--info-color)}.status-completed{background-color:#e8f5e9;color:var(--primary-color)}.events-table .btn{display:inline-block;font-size:12px;margin-right:5px;padding:6px 12px}.modal-backdrop{background:#00000073;inset:0;padding:20px}.modal{background:var(--white);border-radius:10px;box-shadow:0 10px 30px #00000040;max-width:820px;overflow:hidden;width:100%}.modal-header{align-items:flex-start;border-bottom:1px solid var(--border-color);gap:12px;padding:18px 20px}.modal-header h2{color:var(--dark-text);font-size:18px;margin:0}.modal-subtitle{color:var(--light-text);font-size:13px;margin-top:4px}.modal-close{background:#0000;border:none;color:var(--light-text);cursor:pointer;font-size:18px;line-height:1;padding:6px 8px}.modal-body{padding:18px 20px}.assign-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:260px 1fr}.hint{color:var(--light-text);font-size:12px;margin-top:6px}.employee-picker{background:var(--light-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px}.employee-picker-header{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.employee-picker-title{color:var(--dark-text);font-weight:700}.employee-picker-meta{color:var(--light-text);font-size:12px}.employee-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow:auto;padding-right:4px}.employee-item{align-items:flex-start;background:var(--white);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px}.employee-item.selected{border-color:#2ecc7199;box-shadow:0 0 0 3px #2ecc711f}.employee-item input{margin-top:4px}.employee-item-main{flex:1 1}.employee-item-title{align-items:center;display:flex;gap:10px;justify-content:space-between}.employee-name{font-weight:700}.employee-item-sub{color:var(--light-text);display:flex;font-size:12px;gap:10px;justify-content:space-between;margin-top:4px}.employee-salary{color:var(--dark-text);font-weight:700}.category-pill{background:#f5f5f5;border-radius:999px;color:#616161;display:inline-block;font-size:11px;font-weight:700;padding:3px 8px;text-transform:capitalize;white-space:nowrap}.category-chef{background:#fff3e0}.category-waiter{background:#e3f2fd}.category-helper{background:#f3e5f5}.category-manager{background:#e8f5e9}.category-driver{background:#fff9c4}.category-other{background:#f5f5f5}.modal-actions{background:var(--white);border-top:1px solid var(--border-color);padding:14px 20px}@media (max-width:768px){.assign-grid{grid-template-columns:1fr}.employee-list{max-height:300px}.page-header{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.events-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.events-table td,.events-table th{font-size:12px;padding:10px 8px}.events-table{min-width:800px}}.staff-count{background-color:#e3f2fd;border-radius:12px;color:#1565c0;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.assigned-staff-list{display:flex;flex-direction:column;gap:12px}.assigned-staff-item{align-items:center;background:var(--white);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:14px;transition:box-shadow .2s}.assigned-staff-item:hover{box-shadow:0 2px 8px #0000001a}.staff-item-main{flex:1 1}.staff-item-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:6px}.staff-name{color:var(--dark-text);font-size:15px;font-weight:700}.staff-item-details{align-items:center;color:var(--light-text);display:flex;font-size:13px;gap:8px}.staff-amount{color:var(--dark-text);font-weight:700}.staff-item-actions{display:flex;gap:8px}.expenses-container{margin:0 auto;max-width:1200px;padding:30px 15px}.page-subtitle{color:var(--light-text);font-size:13px;margin-top:4px}.header-actions{justify-content:flex-end}.view-mode-toggle{background:var(--light-bg);border:1px solid var(--border-color);border-radius:999px;display:inline-flex;overflow:hidden}.view-mode-toggle .btn-small{border:none;border-radius:0;font-size:12px;padding-inline:14px}.view-mode-toggle .btn-primary{box-shadow:none}.expenses-container .btn{font-size:13px}.form-group.full-width{grid-column:1/-1}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--border-color);border-radius:4px;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2ecc711a;outline:none}.total-expenses{background-color:var(--white);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px 25px}.total-expenses h3{color:var(--warning-color);font-size:18px;margin:0}.expenses-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:18px}.summary-label{font-size:11px}.summary-value{font-size:20px}.expenses-daily-list{display:flex;flex-direction:column;gap:12px}.daily-expense-card{background:var(--white);border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.daily-expense-header{align-items:center;background:var(--light-bg);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 18px}.daily-date{font-size:15px;font-weight:700;margin-bottom:4px}.daily-stats{font-size:12px}.total-amount{font-size:15px;font-weight:800}.amount-breakdown{flex-wrap:wrap;font-size:11px;gap:6px 10px}.category-total{background-color:#f9fafb;border:1px solid var(--border-color);border-radius:999px;padding:2px 8px}.daily-expense-list{display:flex;flex-direction:column;gap:10px;padding:12px 18px}.daily-expense-entry{grid-column-gap:12px;grid-row-gap:4px;align-items:center;background-color:var(--white);border:1px solid var(--border-color);border-radius:8px;column-gap:12px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(80px,auto);padding:10px 12px;row-gap:4px}.daily-expense-main{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.expense-event{color:var(--dark-text);font-weight:600}.daily-expense-amount{color:var(--dark-text);font-size:14px;font-weight:800}.daily-expense-notes{color:var(--light-text);font-size:12px;grid-column:1/-1}.daily-expense-actions{display:flex;gap:8px;grid-column:1/-1;justify-content:flex-end}.daily-expense-actions .btn-small{font-size:12px;padding:6px 12px}.daily-expense-actions .btn,.daily-expense-actions .btn.btn-primary{background:#f3f4f6;border-color:#e5e7eb;color:#111827}.daily-expense-actions .btn.btn-primary:hover,.daily-expense-actions .btn:hover{background:#e5e7eb}.daily-expense-actions .btn.btn-danger{background:#0000;border-color:#0000;color:#b91c1c}.daily-expense-actions .btn.btn-danger:hover{background:#fee2e2}.expenses-table-wrapper{background-color:initial;border-radius:12px;box-shadow:0 8px 24px #0f172a0f;overflow-x:auto}.expenses-table{background-color:var(--white);border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.expenses-table thead{background-color:#f4e7d3;color:var(--dark-text)}.expenses-table th{font-size:14px;font-weight:600;letter-spacing:.02em;padding:14px;text-align:left;white-space:nowrap}.expenses-table td{border-bottom:1px solid #e5e7eb;font-size:13px;padding:13px 14px}.expenses-table tbody tr:hover{background-color:#f9fafb}.expenses-table td:nth-child(4){font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.expenses-table td:nth-child(2){color:var(--light-text)}.category{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;padding:5px 10px;text-transform:capitalize}.category-vegetables{background-color:#c8e6c9;color:#2e7d32}.category-groceries{background-color:#ffe0b2;color:#f57f17}.category-gas{background-color:#ffccbc;color:#d84315}.category-transport{background-color:#b3e5fc;color:#01579b}.category-other{background-color:#f0f4c3;color:#6f7f00}.expenses-table .btn{display:inline-block;font-size:12px;margin-right:5px;padding:6px 12px}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.expenses-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.expenses-table td,.expenses-table th{font-size:12px;padding:10px 8px}.expenses-table{min-width:800px}.daily-expense-header{align-items:flex-start;flex-direction:column;gap:8px}.daily-expense-entry{align-items:flex-start;grid-template-columns:1fr}.daily-expense-amount{justify-self:flex-start}.header-actions{justify-content:flex-start}}.confirm-backdrop{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1200}.confirm-modal{background:#fefcf7;border:1px solid #e2d6c5;border-radius:16px;box-shadow:0 18px 45px #0f172a59;max-width:420px;overflow:hidden;width:100%}.confirm-header{padding:18px 20px 8px}.confirm-header h2{color:var(--dark-text);font-size:18px;margin:0}.confirm-body{padding:0 20px 18px}.confirm-body p{color:var(--light-text);font-size:14px;margin:0}.confirm-actions{background:#fbf5ea;border-top:1px solid #e2d6c5;display:flex;gap:10px;justify-content:flex-end;padding:14px 20px 16px}.confirm-actions .btn{min-width:90px}@media (max-width:480px){.confirm-modal{max-width:100%}}.employees-container{margin:0 auto;max-width:1200px;padding:30px 15px}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.page-header h1{color:var(--dark-text);font-size:28px;margin:0}.form-container{background-color:var(--white);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:25px}.form-container h2{color:var(--dark-text);font-size:20px;margin:0 0 20px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.checkbox-group{align-items:center;flex-direction:row}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px;margin:0}.checkbox-group input[type=checkbox]{margin:0;width:auto}.form-group label{font-size:14px}.form-group input,.form-group select{border:2px solid var(--border-color);border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2ecc711a;outline:none}.form-actions{display:flex;flex-wrap:wrap;gap:10px}.salary-summary{background-color:var(--white);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px 25px}.salary-summary h3{color:var(--info-color);font-size:18px;margin:0}.employees-table-wrapper{background-color:var(--white);border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.employees-table{border-collapse:collapse;width:100%}.employees-table thead{background-color:var(--dark-bg);color:var(--white)}.employees-table th{font-size:14px;font-weight:600;padding:15px 12px;text-align:left;white-space:nowrap}.employees-table td{border-bottom:1px solid var(--border-color);font-size:14px;padding:15px 12px}.employees-table tbody tr:hover{background-color:var(--light-bg)}.employees-table tbody tr.inactive{opacity:.6}.status{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;padding:5px 10px}.status-active{background-color:#e8f5e9;color:var(--primary-color)}.status-inactive{background-color:#ffebee;color:var(--danger-color)}.category-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;padding:5px 12px;text-transform:capitalize}.category-chef{background-color:#fff3e0;color:#e65100}.category-waiter{background-color:#e3f2fd;color:#1565c0}.category-helper{background-color:#f3e5f5;color:#6a1b9a}.category-manager{background-color:#e8f5e9;color:#2e7d32}.category-driver{background-color:#fff9c4;color:#f57f17}.category-other{background-color:#f5f5f5;color:#616161}.employees-table .btn{display:inline-block;font-size:12px;margin-right:5px;padding:6px 12px}.employee-details-loading{color:var(--light-text);padding:14px;text-align:center}.employee-details-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:20}.employee-details-modal{background:var(--white);border-radius:8px;max-height:90vh;overflow-y:auto;padding:24px;width:min(100%,980px)}.employee-details-header,.employee-details-summary{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.employee-details-header{align-items:flex-start;border-bottom:1px solid var(--border-color);padding-bottom:16px}.employee-details-header h2,.employee-details-header p,.employee-details-section h3{margin:0}.employee-details-header p{color:var(--light-text);text-transform:capitalize}.employee-details-summary{margin:18px 0}.employee-details-summary div{display:flex;flex-direction:column;gap:5px;min-width:150px}.employee-details-summary span{font-size:18px;font-weight:700}.employee-details-section{margin-top:24px}.details-table-wrapper{margin-top:10px;overflow-x:auto}.details-table{border-collapse:collapse;width:100%}.details-table td,.details-table th{border-bottom:1px solid var(--border-color);padding:10px;text-align:left;white-space:nowrap}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.employees-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.employees-table td,.employees-table th{font-size:12px;padding:10px 8px}.employees-table{min-width:700px}}.salaries-container{margin:0 auto;max-width:1200px;padding:30px 15px}.header-actions{flex-wrap:wrap;gap:10px}.view-mode-toggle{display:flex;gap:5px}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#27ae60}.month-input{border:2px solid var(--border-color);border-radius:6px;font-size:14px;padding:8px 10px}.monthly-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:18px}.summary-card{background:var(--white);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 8px #0000000f;padding:14px 16px}.summary-card.success{border-color:#2ecc7166}.summary-card.warning{border-color:#f39c1280}.summary-label{color:var(--light-text);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.summary-value{color:var(--dark-text);font-size:22px;font-weight:800;margin-top:6px}.summary-subtext{color:var(--light-text);font-size:12px;margin-top:2px}.salaries-list{display:flex;flex-direction:column;gap:12px}.employee-salary-card{background:var(--white);border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.employee-salary-header{grid-gap:12px;align-items:center;cursor:pointer;display:grid;gap:12px;grid-template-columns:1fr 260px 30px;padding:14px 16px}.employee-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.employee-name{color:var(--dark-text);font-weight:800}.employee-role{color:var(--light-text);font-size:13px}.employee-stats{align-items:center;color:var(--light-text);display:flex;font-size:12px;gap:8px;margin-top:6px}.employee-totals{text-align:right}.total-amount{color:var(--dark-text);font-size:16px;font-weight:900}.amount-breakdown{color:var(--light-text);display:flex;flex-direction:column;font-size:12px;gap:2px;margin-top:4px}.paid-text{color:#2e7d32;font-weight:700}.unpaid-text{color:#e65100;font-weight:700}.expand-icon{color:var(--light-text);text-align:right}.employee-salary-details{background:var(--light-bg);border-top:1px solid var(--border-color);padding:14px 16px}.bulk-action{margin-bottom:12px}.salary-entries{display:flex;flex-direction:column;gap:10px}.salary-entry{align-items:center;background:var(--white);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:10px;justify-content:space-between;padding:12px}.salary-entry-info{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:140px 1fr 120px}.salary-date{color:var(--dark-text);font-size:13px;font-weight:800}.salary-event{color:var(--light-text);font-size:13px}.salary-amount{color:var(--dark-text);font-weight:900;text-align:right}.salary-entry-actions{align-items:center;display:flex;gap:8px}.status-paid{background-color:#e8f5e9;color:#2e7d32}.status-unpaid{background-color:#fff3e0;color:#e65100}.btn-success{background-color:#2e7d32;color:#fff}.btn-success:hover{background-color:#1b5e20}@media (max-width:768px){.employee-salary-header{grid-template-columns:1fr}.employee-totals{text-align:left}.salary-entry{align-items:flex-start;flex-direction:column}.salary-entry-info{grid-template-columns:1fr}}.daily-salary-card{background:var(--white);border:1px solid var(--border-color);border-radius:10px;margin-bottom:16px;overflow:hidden}.daily-salary-header{align-items:center;background:var(--light-bg);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 18px}.daily-date-info{flex:1 1}.daily-date{color:var(--dark-text);font-size:16px;font-weight:800;margin-bottom:6px}.daily-stats{align-items:center;color:var(--light-text);display:flex;font-size:13px;gap:8px}.members-count{color:var(--dark-text);font-weight:700}.daily-totals{text-align:right}.daily-employees-list{display:flex;flex-direction:column;gap:10px;padding:12px 18px}.daily-employee-entry{align-items:center;background:var(--white);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:12px}.daily-employee-info{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:10px}.daily-employee-info .employee-name{color:var(--dark-text);font-weight:700}.daily-employee-info .employee-role{color:var(--light-text);font-size:12px}.headcount-badge{background-color:#e3f2fd;border-radius:12px;color:#1565c0;font-size:11px;font-weight:700;padding:3px 8px}.daily-employee-info .employee-event{color:var(--light-text);font-size:12px;font-style:italic}.daily-employee-amount{min-width:120px;text-align:right}.daily-employee-amount .salary-amount{color:var(--dark-text);display:block;font-size:14px;font-weight:800}.per-person{color:var(--light-text);display:block;font-size:11px;margin-top:2px}.daily-employee-actions{align-items:center;display:flex;gap:8px}@media (max-width:768px){.daily-salary-header{align-items:flex-start;flex-direction:column;gap:10px}.daily-totals{text-align:left;width:100%}.daily-employee-entry{align-items:flex-start;flex-direction:column}.daily-employee-amount{text-align:left;width:100%}.daily-employee-actions{justify-content:flex-start;width:100%}}.reports-container{margin:0 auto;max-width:1200px;padding:30px 15px}.reports-container h1{color:var(--dark-text);font-size:28px;margin:0 0 30px}.report-selector{align-items:flex-end;background-color:#fffcf6;border:1px solid var(--border-color);border-radius:14px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px;padding:18px 18px 14px}.report-selector .form-group{display:flex;flex-direction:column;margin:0}.report-selector label{color:var(--dark-text);font-size:14px;font-weight:600;margin-bottom:8px}.report-selector input,.report-selector select{border:2px solid var(--border-color);border-radius:4px;font-size:14px;min-width:200px;padding:10px 12px}.report-selector .btn{padding:10px 20px;white-space:nowrap}.report-container{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.report-header{margin-bottom:30px}.report-header h2{color:var(--dark-text);font-size:24px;margin:0}.report-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.report-card{background-color:#fffcf6;border-left:4px solid;border-radius:12px;box-shadow:0 4px 14px #0f172a14;padding:20px 18px;transition:all .3s ease}.report-card:hover{box-shadow:0 8px 24px #0f172a1f;transform:translateY(-2px)}.report-card h3{color:var(--light-text);font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.report-card .value{color:var(--dark-text);font-size:28px;font-weight:700;margin:10px 0}.report-card small{color:var(--light-text);font-size:12px}.income-card{border-left-color:var(--primary-color)}.expense-card{border-left-color:var(--warning-color)}.salary-card{border-left-color:var(--info-color)}.total-expense-card{border-left-color:var(--danger-color)}.profit-card,.profit-card.positive{border-left-color:var(--primary-color)}.profit-card.positive .value{color:var(--primary-color)}.profit-card.negative{border-left-color:var(--danger-color)}.profit-card.negative .value{color:var(--danger-color)}.report-breakdown{background-color:#fffcf6;border-radius:12px;box-shadow:0 4px 14px #0f172a14;padding:22px 20px}.report-breakdown h3{color:var(--dark-text);font-size:18px;margin:0 0 20px}.breakdown-items{border:2px solid var(--border-color);border-radius:8px;overflow:hidden}.breakdown-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;font-size:16px;justify-content:space-between;padding:15px 20px}.breakdown-item:last-child{border-bottom:none}.breakdown-item.divider{background-color:var(--light-bg);border-bottom:2px solid var(--border-color);padding:2px 20px}.breakdown-item.total{background-color:var(--light-bg);font-size:18px;font-weight:600}.breakdown-item strong{color:var(--dark-text);font-weight:600}.breakdown-item.positive strong{color:var(--primary-color)}.breakdown-item.negative strong{color:var(--danger-color)}.no-data{background-color:var(--white);border-radius:8px;box-shadow:0 2px 8px #0000001a;color:var(--light-text);font-size:16px;padding:40px 20px;text-align:center}@media (max-width:768px){.report-selector{align-items:stretch;flex-direction:column}.report-selector .btn,.report-selector input,.report-selector select{min-width:100%}.report-cards{grid-template-columns:1fr}.report-card{padding:20px}.report-card .value{font-size:24px}.breakdown-item{flex-direction:column;gap:8px;text-align:right}.breakdown-item span{text-align:left}}.users-container{margin:0 auto;max-width:1200px;padding:20px}.users-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 6px 18px #0f172a1f;margin-top:20px;overflow-x:auto;overflow-y:hidden}.users-table{border-collapse:collapse;min-width:640px;width:100%}.users-table thead{background-color:#f4e7d3}.users-table th{border-bottom:2px solid var(--border-color);color:var(--dark-text);font-weight:600;padding:16px;text-align:left}.users-table td{border-bottom:1px solid var(--border-color);padding:16px}.users-table td:last-child,.users-table th:last-child{white-space:nowrap}.users-table tbody tr:hover{background-color:#f9f9f9}.users-table tbody tr.current-user{background-color:#e8f5e9;font-weight:500}@media (max-width:768px){.users-table{font-size:14px}.users-table td,.users-table th{padding:12px 8px}.users-table-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:thin}}.profile-container{margin:0 auto;max-width:800px;padding:20px}.profile-header{margin-bottom:30px}.profile-header h1{color:var(--dark-text);font-size:28px}.profile-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:24px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-header h2{color:var(--dark-text);font-size:20px}.profile-info{display:flex;flex-direction:column;gap:16px}.info-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:16px;padding:12px 0}.info-row:last-child{border-bottom:none}.info-row label{color:var(--dark-text);font-weight:600;min-width:120px}.info-row span{color:var(--light-text)}.role{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.role-owner{background-color:#fff3cd;color:#856404}.role-staff{background-color:#d1ecf1;color:#0c5460}.password-form{margin-top:20px}.password-form .form-group{margin-bottom:20px}.password-form .form-actions{display:flex;gap:12px;margin-top:24px}@media (max-width:768px){.profile-container{padding:15px}.card-header{gap:12px}.card-header,.info-row{align-items:flex-start;flex-direction:column}.info-row{gap:8px}.info-row label{min-width:auto}}.attendance-page-container{margin:0 auto;max-width:1200px;padding:30px 20px}.attendance-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;display:flex;justify-content:space-between;margin-bottom:25px;padding:20px 25px}.attendance-header h1{color:#2c3e50;color:var(--dark-text,#2c3e50);font-size:24px;margin-bottom:5px}.attendance-subtitle{color:#7f8c8d;color:var(--light-text,#7f8c8d);font-size:14px}.attendance-date-chip{background-color:#ecf0f1;background-color:var(--light-bg,#ecf0f1);border-radius:20px;color:#2c3e50;color:var(--dark-text,#2c3e50);font-size:14px;font-weight:600;padding:8px 16px}.today-mark-card{background:#fff;border-radius:8px;border-top:4px solid #2ecc71;border-top:4px solid var(--primary-color,#2ecc71);box-shadow:0 4px 15px #0000000d;margin-bottom:25px;padding:25px}.today-mark-card h2{color:#2c3e50;color:var(--dark-text,#2c3e50);font-size:18px;margin-bottom:15px}.already-marked-box{align-items:center;background-color:#e8f8f5;border:1px solid #a3e4d7;border-radius:6px;display:flex;gap:15px;padding:15px 20px}.marked-icon{font-size:32px}.already-marked-box h3{color:#117864;font-size:16px;margin-bottom:4px}.already-marked-box p{color:#16a085;font-size:14px}.notes-text{font-style:italic;margin-top:4px}.mark-form .form-row{display:flex;gap:15px;margin-bottom:15px;margin-top:15px}.mark-form .flex-2{flex:2 1}.attendance-input,.attendance-select{border:1px solid #bdc3c7;border:1px solid var(--border-color,#bdc3c7);border-radius:6px;font-size:14px;padding:10px 12px;width:100%}.mark-submit-btn{background-color:#2ecc71;background-color:var(--primary-color,#2ecc71);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease}.mark-submit-btn:hover:not(:disabled){background-color:#27ae60;transform:translateY(-1px)}.attendance-history-card{background:#fff;border-radius:8px;box-shadow:0 4px 15px #0000000d;padding:25px}.attendance-history-card h2{color:#2c3e50;color:var(--dark-text,#2c3e50);font-size:18px;margin-bottom:20px}.attendance-table{border-collapse:collapse;width:100%}.attendance-table td,.attendance-table th{border-bottom:1px solid #ecf0f1;padding:12px 15px;text-align:left}.attendance-table th{background-color:#f8f9fa;color:#2c3e50;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.status-present{background-color:#e8f8f5;color:#117864}.status-halfday{background-color:#fef9e7;color:#f39c12}.status-absent{background-color:#fadbd8;color:#c0392b}.status-leave{background-color:#ebf5fb;color:#2980b9}.cat-badge{background:#eaeded;border-radius:4px;font-size:12px;padding:3px 8px;text-transform:capitalize}.kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:25px}.kpi-card{background:#fff;border-left:4px solid #2ecc71;border-left:4px solid var(--primary-color,#2ecc71);border-radius:8px;box-shadow:0 4px 12px #0000000d;padding:20px}.kpi-card.blue{border-left-color:#3498db}.kpi-card.green{border-left-color:#2ecc71}.kpi-card.orange{border-left-color:#e67e22}.kpi-card.red{border-left-color:#e74c3c}.kpi-title{color:#7f8c8d;font-size:13px;font-weight:600;margin-bottom:5px;text-transform:uppercase}.kpi-value{color:#2c3e50;font-size:28px;font-weight:700}.admin-toolbar{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.admin-toolbar,.filters-group{display:flex;flex-wrap:wrap;gap:15px}.filter-item{align-items:center;color:#34495e;display:flex;font-size:13px;font-weight:600;gap:8px}.toolbar-input,.toolbar-select{border:1px solid #cbd5e1;border-radius:4px;font-size:13px;padding:6px 10px}.add-record-btn{background-color:#2ecc71;background-color:var(--primary-color,#2ecc71);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px}.add-record-btn:hover{background-color:#27ae60}.modal-backdrop{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-card{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0003;max-width:500px;padding:25px;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-header h3{color:#2c3e50;font-size:18px}.close-btn{background:none;border:none;color:#7f8c8d;cursor:pointer;font-size:24px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.cancel-btn{background:#e2e8f0}.cancel-btn,.save-btn{border:none;border-radius:4px;cursor:pointer;padding:8px 16px}.save-btn{background:#2ecc71;background:var(--primary-color,#2ecc71);color:#fff;font-weight:600}.delete-icon-btn{background:none;border:none;cursor:pointer;font-size:16px}@media (max-width:768px){.attendance-header{align-items:flex-start;gap:10px}.attendance-header,.mark-form .form-row{flex-direction:column}}.billing-page-container{margin:0 auto;max-width:1240px;padding:30px 20px}.billing-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;margin-bottom:25px;padding:20px 25px}.billing-header h1{color:#2c3e50;color:var(--dark-text,#2c3e50);font-size:24px;margin-bottom:5px}.billing-subtitle{color:#7f8c8d;color:var(--light-text,#7f8c8d);font-size:14px}.create-bill-btn{background-color:#2ecc71;background-color:var(--primary-color,#2ecc71);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 22px;transition:all .2s ease}.create-bill-btn:hover{background-color:#27ae60;transform:translateY(-1px)}.billing-kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:25px}.billing-kpi-card{background:#fff;border-left:5px solid #2ecc71;border-left:5px solid var(--primary-color,#2ecc71);border-radius:8px;box-shadow:0 4px 12px #0000000a;padding:20px 22px}.billing-kpi-card.blue{border-left-color:#3498db}.billing-kpi-card.green{border-left-color:#2ecc71}.billing-kpi-card.red{border-left-color:#e74c3c}.billing-kpi-card .kpi-label{color:#7f8c8d;font-size:13px;font-weight:600;margin-bottom:6px;text-transform:uppercase}.billing-kpi-card .kpi-val{color:#2c3e50;font-size:26px;font-weight:700}.billing-toolbar{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px;padding:15px 20px}.billing-search-input{border:1px solid #cbd5e1;border-radius:6px;font-size:14px;padding:9px 14px;width:320px}.filters-row{align-items:center;display:flex;gap:12px}.billing-filter-date,.billing-filter-select,.clear-filter-btn{border:1px solid #cbd5e1;border-radius:6px;font-size:13px;padding:8px 12px}.clear-filter-btn{background:#f1f5f9;cursor:pointer}.bills-table-card{background:#fff;border-radius:8px;box-shadow:0 4px 15px #0000000a;padding:25px}.bills-table-card h2{color:#2c3e50;font-size:18px;margin-bottom:20px}.bills-table{border-collapse:collapse;width:100%}.bills-table td,.bills-table th{border-bottom:1px solid #e2e8f0;font-size:14px;padding:12px 14px;text-align:left}.bills-table th{background-color:#f8fafc;color:#334155;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.client-info strong{color:#1e293b;display:block}.event-sub{color:#64748b;font-size:12px}.amount-bold{color:#0f172a;font-weight:700}.paid-val{color:#16a085;font-weight:600}.due-bold{color:#e74c3c;font-weight:700}.zero-due{color:#94a3b8}.actions-cell{display:flex;flex-wrap:wrap;gap:6px}.action-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;padding:5px 9px;transition:all .2s ease}.view-btn{background-color:#e0f2fe;color:#0369a1}.copy-btn{background-color:#f1f5f9;color:#334155}.wa-btn{background-color:#dcfce7;color:#15803d}.pay-btn{background-color:#fef3c7;color:#b45309}.edit-btn{background-color:#f3e8ff;color:#6b21a8}.del-btn{background-color:#fee2e2;color:#b91c1c}.action-btn:hover{opacity:.85;transform:translateY(-1px)}.wide-modal{max-height:90vh;max-width:900px!important;overflow-y:auto}.modal-card.wide-modal{padding:20px;width:100%}.modal-card.wide-modal>.modal-header{background:var(--white);position:-webkit-sticky;position:sticky;top:-20px;z-index:2}.modal-card .modal-close-icon{align-items:center;background:#f1f5f9;border:0;border-radius:50%;color:#475569;display:inline-flex;flex:0 0 34px;font-size:18px;height:34px;justify-content:center;line-height:1;margin-left:auto;padding:0;width:34px}.modal-card .modal-close-icon:focus-visible,.modal-card .modal-close-icon:hover{background:#e2e8f0;box-shadow:none}.autofill-section{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;margin-bottom:20px;padding:14px}.section-label{color:#166534;display:block;font-weight:600;margin-bottom:6px}.bill-form input,.billing-select{border:1px solid #cbd5e1;border-radius:6px;font-size:14px;padding:9px 12px;width:100%}.form-row-3{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:15px}.form-group label{color:#334155;display:block;font-size:13px;font-weight:600;margin-bottom:5px}.items-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:18px}.items-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:14px}.items-header h3{color:#1e293b;font-size:16px}.quick-add-buttons{display:flex;flex-wrap:wrap;gap:6px}.add-item-chip{background:#white;border:1px solid #2ecc71;border-radius:15px;color:#27ae60;cursor:pointer;font-size:12px;font-weight:600;padding:5px 10px}.add-item-chip:hover{background:#2ecc71;color:#fff}.items-editor-table{border-collapse:collapse;width:100%}.items-table-wrapper{overflow-x:auto;width:100%}.items-editor-table th{color:#64748b;font-size:12px;padding-bottom:8px;text-align:left}.items-editor-table td{padding:6px 4px}.item-input{border:1px solid #cbd5e1;border-radius:4px;font-size:13px;padding:7px 10px;width:100%}.item-amount-col{color:#0f172a;font-weight:700;padding-right:10px;text-align:right}.remove-row-btn{background:#fee2e2;border:none;border-radius:50%;color:#ef4444;cursor:pointer;font-weight:700;height:28px;width:28px}.financials-calculator-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.notes-textarea{border:1px solid #cbd5e1;border-radius:6px;font-size:13px;padding:10px;width:100%}.totals-summary-col{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:15px 20px}.summary-line{color:#334155;font-size:14px}.summary-line,.summary-line-input{display:flex;justify-content:space-between;margin-bottom:10px}.summary-line-input{align-items:center;font-size:13px}.discount-inputs-group{display:flex;gap:5px}.advance-input-field,.disc-type-select,.disc-val-input,.tax-pct-input{border:1px solid #cbd5e1;border-radius:4px;font-size:13px;padding:5px 8px}.advance-input-field,.disc-val-input,.tax-pct-input{width:90px}.summary-calc-deduct{color:#e74c3c;font-weight:600}.summary-calc-add{color:#27ae60;font-weight:600}.grand-total-line{border-bottom:2px solid #cbd5e1;border-top:2px solid #cbd5e1;color:#0f172a;font-size:17px;font-weight:700;padding:10px 0}.balance-line{font-size:16px;font-weight:700;margin-top:8px}.due-text{color:#e74c3c}.paid-text{color:#2ecc71}.summary-status-pill{margin-top:10px;text-align:right}.pay-summary-box{grid-gap:8px;background:#f8fafc;border-radius:6px;display:grid;font-size:14px;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:15px;padding:12px 16px}.green-text{color:#2ecc71}.red-text{color:#e74c3c}.print-preview-modal{max-width:800px!important}.preview-top-actions{align-items:center;display:flex;gap:8px}.print-trigger-btn{background-color:#3498db}.copy-trigger-btn,.print-trigger-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:6px 12px}.copy-trigger-btn{background-color:#475569}.wa-trigger-btn{background-color:#25d366;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:6px 12px}.printable-invoice-container{background:#fff;color:#1e293b;font-family:inherit;padding:30px}.invoice-header{border-bottom:2px solid #2ecc71;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:20px}.company-name{color:#2c3e50;font-size:22px;margin-bottom:4px}.invoice-badge-box{text-align:right}.inv-title{color:#2ecc71;font-size:20px;margin-bottom:4px}.inv-number{color:#334155;font-size:16px;font-weight:700}.inv-date{color:#64748b;font-size:13px}.inv-status-tag{font-size:12px;font-weight:700;margin-top:4px}.bill-to-grid{grid-gap:20px;background:#f8fafc;border-radius:6px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:25px;padding:15px 20px}.bill-to-grid h4{color:#64748b;font-size:12px;margin-bottom:6px;text-transform:uppercase}.client-name{font-size:16px;font-weight:700}.print-items-table{border-collapse:collapse;margin-bottom:25px;width:100%}.print-items-table td,.print-items-table th{border-bottom:1px solid #cbd5e1;padding:10px 12px;text-align:left}.print-items-table th{background:#f1f5f9;font-size:13px;font-weight:600}.print-totals-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 280px;margin-bottom:30px}.totals-print-box{background:#f8fafc;border-radius:6px;padding:15px}.p-total-line{display:flex;font-size:13px;justify-content:space-between;margin-bottom:6px}.p-grand-total{border-bottom:1px solid #cbd5e1;border-top:1px solid #cbd5e1;font-size:16px;font-weight:700;margin:8px 0;padding:8px 0}.p-balance-line{color:#e74c3c;font-size:15px;font-weight:700}.print-footer{border-top:1px solid #e2e8f0;color:#94a3b8;font-size:12px;padding-top:15px;text-align:center}@media (max-width:768px){.billing-page-container{padding:16px 12px 28px}.billing-header{align-items:stretch;flex-direction:column;gap:14px;padding:16px}.billing-header h1{font-size:22px;line-height:1.35}.billing-subtitle{line-height:1.5}.create-bill-btn{height:46px;min-height:46px;padding:8px 14px;white-space:nowrap;width:100%}.billing-kpi-grid{gap:14px;grid-template-columns:1fr}.billing-kpi-card{padding:14px 16px}.billing-toolbar{align-items:stretch;gap:10px;padding:14px}.billing-search-input,.search-box{width:100%}.filters-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%}.billing-filter-date,.billing-filter-select,.clear-filter-btn{min-width:0;width:100%}.modal-backdrop{align-items:flex-start;overflow-y:auto;padding:8px}.modal-card.wide-modal{margin:0;max-height:none;max-width:100%!important;padding:14px;width:100%}.modal-card.wide-modal .modal-header{align-items:center;margin-bottom:14px;padding:0 0 12px;top:-14px}.modal-card.wide-modal .modal-header h2{font-size:18px;line-height:1.35}.modal-card.wide-modal .financials-calculator-grid,.modal-card.wide-modal .form-row-3{gap:12px;grid-template-columns:1fr}.modal-card.wide-modal .items-section{padding:12px}.modal-card.wide-modal .items-editor-table{display:block;min-width:0}.modal-card.wide-modal .items-editor-table thead{display:none}.modal-card.wide-modal .items-editor-table tbody{grid-gap:10px;display:grid;gap:10px}.modal-card.wide-modal .items-editor-table tr{grid-gap:6px;align-items:center;display:grid;gap:6px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(58px,auto) 34px}.modal-card.wide-modal .items-editor-table td{min-width:0;padding:0}.modal-card.wide-modal .items-editor-table td:first-child{grid-column:1/-1}.modal-card.wide-modal .items-editor-table td:nth-child(2),.modal-card.wide-modal .items-editor-table td:nth-child(3),.modal-card.wide-modal .items-editor-table td:nth-child(4),.modal-card.wide-modal .items-editor-table td:nth-child(5){grid-row:2}.modal-card.wide-modal .items-editor-table td:nth-child(2):before{content:"Qty"}.modal-card.wide-modal .items-editor-table td:nth-child(3):before{content:"Rate"}.modal-card.wide-modal .items-editor-table td:nth-child(4):before{content:"Amount"}.modal-card.wide-modal .items-editor-table td:nth-child(2):before,.modal-card.wide-modal .items-editor-table td:nth-child(3):before,.modal-card.wide-modal .items-editor-table td:nth-child(4):before{color:#64748b;display:block;font-size:10px;margin-bottom:3px}.modal-card.wide-modal .items-editor-table .item-amount-col{font-size:12px;padding-right:0;text-align:left;white-space:nowrap}.modal-card.wide-modal .items-editor-table .remove-row-btn{align-items:center;align-self:end;display:inline-flex;height:28px;justify-content:center;justify-self:center;line-height:1;margin:0;padding:0;width:28px}.modal-card.wide-modal .totals-summary-col{padding:14px}.modal-card.wide-modal .summary-line-input{flex-wrap:wrap;gap:6px}.modal-card.wide-modal .summary-line-input>label{flex:1 1 70px}.modal-card.wide-modal .discount-inputs-group{flex:0 1 auto}.modal-card.wide-modal .advance-input-field,.modal-card.wide-modal .disc-val-input,.modal-card.wide-modal .tax-pct-input{width:68px}.modal-card.wide-modal .modal-actions{flex-wrap:wrap;justify-content:stretch}.modal-card.wide-modal .modal-actions button{flex:1 1 140px}}@media print{body *{visibility:hidden}.printable-invoice-container,.printable-invoice-container *{visibility:visible}.printable-invoice-container{box-shadow:none;left:0;padding:0;position:absolute;top:0;width:100%}.no-print{display:none!important}}.phonebook-container{margin:0 auto;max-width:1200px;padding:2rem 1.5rem 3rem}.phonebook-container .page-header{align-items:flex-start;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1.75rem}.phonebook-container .page-header h1{margin:0}.phonebook-container .page-header .btn{flex:0 0 auto;margin-top:.15rem}.phonebook-summary{color:#667085;margin-top:-.5rem}.phonebook-form{margin:1.5rem 0}.search-filter-row{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.search-filter-row .search-bar{flex:1 1 420px;margin-bottom:0;max-width:none}.search-filter-row select{background:var(--white);flex:0 0 150px;min-height:42px}.search-filter-row .btn{flex:0 0 auto;min-height:42px}.phonebook-table-wrap{overflow-x:auto}.phonebook-table{background:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.phonebook-table.has-actions td:first-child,.phonebook-table.has-actions th:first-child{width:20%}.phonebook-table.has-actions td:nth-child(2),.phonebook-table.has-actions th:nth-child(2){width:11%}.phonebook-table.has-actions td:nth-child(3),.phonebook-table.has-actions th:nth-child(3){width:17%}.phonebook-table.has-actions td:nth-child(4),.phonebook-table.has-actions th:nth-child(4){width:18%}.phonebook-table.has-actions td:nth-child(5),.phonebook-table.has-actions th:nth-child(5){width:24%}.phonebook-table.has-actions td:nth-child(6),.phonebook-table.has-actions th:nth-child(6){width:10%}.phonebook-table.read-only td:first-child,.phonebook-table.read-only th:first-child{width:23%}.phonebook-table.read-only td:nth-child(2),.phonebook-table.read-only th:nth-child(2){width:12%}.phonebook-table.read-only td:nth-child(3),.phonebook-table.read-only th:nth-child(3){width:18%}.phonebook-table.read-only td:nth-child(4),.phonebook-table.read-only th:nth-child(4){width:20%}.phonebook-table.read-only td:nth-child(5),.phonebook-table.read-only th:nth-child(5){width:27%}.phonebook-table td,.phonebook-table th{border-bottom:1px solid #eaecf0;overflow-wrap:anywhere;padding:.9rem 1rem;text-align:left;vertical-align:middle}.phonebook-table th{background:#f8fafc;color:#475467;font-size:.85rem;white-space:nowrap}.phonebook-table a{color:#176b87;font-weight:600;text-decoration:none}.contact-note{color:#667085;font-size:.85rem;margin-top:.2rem}.contact-type{background:#e8f3f5;border-radius:999px;color:#155e75;display:inline-block;font-size:.8rem;padding:.25rem .55rem;text-transform:capitalize}.contact-actions{align-items:center;display:flex;gap:.5rem;white-space:nowrap}.contact-actions button{background:#0000;border:0;color:#176b87;cursor:pointer;flex:0 0 auto;font-weight:600;padding:.35rem .25rem;white-space:nowrap}.contact-actions button.delete{color:#b42318}.phonebook-empty{color:#667085;padding:3rem 1rem;text-align:center}@media (max-width:700px){.phonebook-container{padding:1rem}.phonebook-table.has-actions{min-width:760px;table-layout:fixed}.phonebook-table.read-only{min-width:650px;table-layout:fixed}.phonebook-table .contact-type{white-space:nowrap}.phonebook-table .contact-actions{gap:2px;white-space:nowrap}.phonebook-table .contact-actions button{font-size:12px;padding:.25rem .15rem}.phonebook-container .page-header{align-items:stretch;flex-direction:column;gap:1rem}.phonebook-container .page-header .btn{width:100%}.search-filter-row{align-items:stretch;flex-direction:column}.search-filter-row .btn,.search-filter-row .search-bar,.search-filter-row select{flex-basis:auto;width:100%}}.phonebook-table.has-actions td:first-child,.phonebook-table.has-actions th:first-child{width:45%}.phonebook-table.has-actions td:nth-child(2),.phonebook-table.has-actions th:nth-child(2){width:35%}.phonebook-table.has-actions td:nth-child(3),.phonebook-table.has-actions th:nth-child(3){width:20%}.phonebook-table.read-only td:first-child,.phonebook-table.read-only th:first-child{width:55%}.phonebook-table.read-only td:nth-child(2),.phonebook-table.read-only th:nth-child(2){width:45%}@media (max-width:700px){.phonebook-table.has-actions,.phonebook-table.read-only{display:block;min-width:0;table-layout:fixed;width:100%}.phonebook-table.has-actions tbody,.phonebook-table.has-actions thead,.phonebook-table.read-only tbody,.phonebook-table.read-only thead{display:block}.phonebook-table.has-actions tbody tr,.phonebook-table.has-actions thead tr{display:grid;grid-template-columns:42% 33% 25%}.phonebook-table.read-only tbody tr,.phonebook-table.read-only thead tr{display:grid;grid-template-columns:55% 45%}.phonebook-table.has-actions td,.phonebook-table.has-actions th,.phonebook-table.read-only td,.phonebook-table.read-only th{min-width:0;overflow-wrap:normal;width:auto!important}.phonebook-table.has-actions td:first-child,.phonebook-table.has-actions th:first-child{width:42%}.phonebook-table.has-actions td:nth-child(2),.phonebook-table.has-actions th:nth-child(2){width:33%}.phonebook-table.has-actions td:nth-child(3),.phonebook-table.has-actions th:nth-child(3){width:25%}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#c05621;--secondary-color:#92400e;--danger-color:#b91c1c;--warning-color:#d97706;--info-color:#0f766e;--light-bg:#f6f1e8;--dark-text:#1e293b;--light-text:#6b7280;--border-color:#e2d6c5;--white:#fff;--dark-bg:#2b241a}body{background-attachment:fixed;background-color:#f6f1e8;background-color:var(--light-bg);background-image:radial-gradient(circle at 0 0,#00000005 0,#0000 55%),radial-gradient(circle at 100% 100%,#00000005 0,#0000 55%);color:#1e293b;color:var(--dark-text);font-family:Manrope,sans-serif;line-height:1.6}#root,body,html{min-width:0;overflow-x:hidden;width:100%}canvas,img,svg,video{max-width:100%}a{color:inherit;text-decoration:none}button{border:none;border-radius:999px;cursor:pointer;font-family:inherit;padding:8px 16px;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}button:hover{box-shadow:0 1px 4px #0f172a29}input,select,textarea{border:1px solid #e2d6c5;border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:14px;padding:8px 12px}input:focus,select:focus,textarea:focus{border-color:#c05621;border-color:var(--primary-color);box-shadow:0 0 0 3px #2ecc711a;outline:none}.container{margin:0 auto;max-width:1200px;padding:0 15px}.error-message{background-color:#fadbd8;border-left:4px solid #b91c1c;border-left:4px solid var(--danger-color);color:#b91c1c;color:var(--danger-color)}.error-message,.success-message{border-radius:4px;margin-bottom:15px;padding:12px 16px}.success-message{background-color:#d5f4e6;border-left:4px solid #92400e;border-left:4px solid var(--secondary-color);color:#92400e;color:var(--secondary-color)}.loading-spinner{align-items:center;color:#6b7280;color:var(--light-text);display:flex;font-size:18px;height:100vh;justify-content:center}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group label{color:#1e293b;color:var(--dark-text);font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:10px 12px}.btn{background-color:#c05621;background-color:var(--primary-color);border:none;border-radius:999px;color:#fff;color:var(--white);cursor:pointer;display:inline-block;font-weight:600;letter-spacing:.01em;padding:9px 18px;transition:background-color .2s ease,box-shadow .2s ease,color .2s ease}.btn:hover{background-color:#92400e;background-color:var(--secondary-color)}.btn-secondary{background-color:#f3ebe0;border:1px solid #e2d6c5;color:#1e293b;color:var(--dark-text)}.btn-secondary:hover{background-color:#e8ddcf}.btn-danger{background-color:#b91c1c;background-color:var(--danger-color);color:#fef2f2}.btn-danger:hover{background-color:#991b1b}.btn-small{font-size:12px;padding:6px 12px}.btn:disabled{cursor:not-allowed;opacity:.6}.header-actions{align-items:center;display:flex;gap:12px}@media (max-width:768px){body{font-size:14px}.container{padding:0 10px}.attendance-container,.billing-container,.dashboard-container,.employees-container,.events-container,.expenses-container,.phonebook-container,.profile-container,.reports-container,.salaries-container,.users-container{max-width:100%;padding-left:12px;padding-right:12px;width:100%}.dashboard-grid,.form-grid,.stats-grid,.summary-grid{grid-template-columns:1fr}.content-section,.form-container,.table-container{max-width:100%;overflow-x:auto}.form-group input,.form-group select,.form-group textarea,input,select,textarea{min-width:0;width:100%}table{max-width:100%}.page-header{align-items:stretch;flex-direction:column}.page-header .btn,.page-header .header-actions,.page-header .header-actions .btn{width:100%}@media (max-width:480px){h1{font-size:24px}h2{font-size:20px}.btn{padding:9px 14px}.form-container{padding:16px}}.header-actions{flex-direction:column;width:100%}.header-actions .btn{width:100%}}
/*# sourceMappingURL=main.e6ad8b4d.css.map*/