.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}.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-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{flex-direction:column;padding:10px 15px}.nav-menu{flex-wrap:wrap;gap:15px;justify-content:flex-start;width:100%}.navbar-brand h2{font-size:18px}.navbar-right{gap:10px;width:100%}.user-info{font-size:12px;padding:5px 10px}.logout-btn{font-size:12px;padding:6px 12px}}.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}@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{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.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);display:flex;gap:12px;justify-content:space-between;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);display:flex;gap:10px;justify-content:flex-end;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;font-weight:600}.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}@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:hidden}.users-table{border-collapse:collapse;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 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}}.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}}*{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}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){.container{padding:0 10px}.header-actions{flex-direction:column;width:100%}.header-actions .btn{width:100%}}
/*# sourceMappingURL=main.4f101d86.css.map*/