body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.app{max-width:1400px;margin:0 auto;padding:20px;min-height:100vh}.header{background:#fff;border-radius:16px;padding:20px 30px;margin-bottom:20px;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.header-content{display:flex;align-items:center;gap:12px;color:#667eea}.header-content h1{font-size:1.5rem;font-weight:600;color:#333}.header-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease}.btn-icon.delete{background:#fee2e2;color:#dc2626}.btn-icon.delete:hover{background:#fecaca}.main-content{display:flex;flex-direction:column;gap:20px}.section{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 20px #0000001a}.section h2{font-size:1.2rem;color:#333;margin-bottom:20px;display:flex;align-items:center;gap:10px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;gap:8px}.info-item label{font-size:14px;color:#666;display:flex;align-items:center;gap:6px}.info-item input{padding:12px 15px;border:2px solid #e5e5e5;border-radius:8px;font-size:14px;transition:border-color .3s ease}.info-item input:focus{outline:none;border-color:#667eea}.info-item.weekday .weekday-value{padding:12px 15px;background:#f5f5f5;border-radius:8px;font-weight:500;color:#667eea}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{background:#f5f5f5;padding:12px 15px;text-align:left;font-weight:600;color:#666;border-bottom:2px solid #e5e5e5}.data-table td{padding:10px 15px;border-bottom:1px solid #f0f0f0}.data-table input{width:100%;padding:8px 12px;border:1px solid #e5e5e5;border-radius:6px;font-size:14px;transition:border-color .3s ease}.data-table input:focus{outline:none;border-color:#667eea}.data-table .amount-input{width:120px;text-align:right}.data-table .remark-input{width:150px}.sub-header td{background:#f0f7ff;font-weight:600;color:#667eea}.subtotal td{background:#fffbeb;font-weight:600;color:#b45309}.total td{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:16px}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:30px;color:#fff;margin-bottom:25px}.summary-card.loss{background:linear-gradient(135deg,#ef4444,#dc2626)}.result-display{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2)}.result-display .label{font-size:1.1rem;opacity:.9}.result-display .value{font-size:2rem;font-weight:700}.calculation{display:flex;flex-direction:column;gap:10px}.calc-row{display:flex;justify-content:space-between;padding:8px 0}.calc-row.total{margin-top:10px;padding-top:15px;border-top:1px solid rgba(255,255,255,.2);font-size:1.1rem;font-weight:600}.calc-row .profit{color:#86efac}.calc-row .loss{color:#fca5a5}.cash-management{margin-bottom:25px}.cash-management h3{font-size:1rem;color:#333;margin-bottom:15px}.cash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.cash-item{display:flex;flex-direction:column;gap:8px}.cash-item label{font-size:14px;color:#666}.cash-item input{padding:12px 15px;border:2px solid #e5e5e5;border-radius:8px;font-size:16px;font-weight:600;text-align:right;color:#667eea}.cash-item input:focus{outline:none;border-color:#667eea}.notes-section h3{font-size:1rem;color:#333;margin-bottom:15px}.notes-section textarea{width:100%;padding:15px;border:2px solid #e5e5e5;border-radius:8px;font-size:14px;resize:vertical;min-height:100px;transition:border-color .3s ease}.notes-section textarea:focus{outline:none;border-color:#667eea}.report-container{padding:20px}.report-actions{margin-bottom:20px;display:flex;justify-content:flex-end}.report{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 20px #0000001a;max-width:900px;margin:0 auto}.report-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #667eea}.report-title{font-size:1.8rem;font-weight:700;color:#333;margin-bottom:10px}.report-date{font-size:1.1rem;color:#666;margin-bottom:10px}.report-notes{background:#fff3cd;color:#856404;padding:10px 20px;border-radius:8px;margin:10px 0;font-size:14px}.report-clerk{font-size:14px;color:#666}.report-section{margin-bottom:30px}.section-title{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e5e5e5}.report-table{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:15px}.report-table th{background:#f5f5f5;padding:10px 12px;text-align:left;font-weight:600;color:#666;border:1px solid #e5e5e5}.report-table td{padding:10px 12px;border:1px solid #e5e5e5}.report-table td.amount{text-align:right;font-weight:500}.report-table .sub-header-row td{background:#f0f7ff;font-weight:600;color:#667eea}.report-table .subtotal-row td{background:#fffbeb;font-weight:600;color:#b45309}.report-table .total-row td{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:15px}.report-table .total-row.revenue-total td{background:linear-gradient(135deg,#10b981,#059669)}.report-table .total-row.expense-total td{background:linear-gradient(135deg,#ef4444,#dc2626)}.report-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:25px;color:#fff;margin-top:20px}.report-summary.loss{background:linear-gradient(135deg,#ef4444,#dc2626)}.summary-box{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2)}.summary-label{font-size:1.1rem;opacity:.9}.summary-value{font-size:2rem;font-weight:700}.summary-value.profit{color:#86efac}.summary-value.loss{color:#fca5a5}.summary-details{margin-bottom:15px}.detail-row{display:flex;justify-content:space-between;padding:8px 0}.detail-row.final{margin-top:10px;padding-top:15px;border-top:1px solid rgba(255,255,255,.2);font-size:1.1rem;font-weight:600}.detail-row .profit{color:#86efac}.detail-row .loss,.detail-row .negative{color:#fca5a5}.cash-info{display:flex;justify-content:space-around;padding-top:15px;border-top:1px solid rgba(255,255,255,.2)}.cash-info .cash-item{text-align:center;display:flex;flex-direction:column;gap:5px}.cash-info .cash-item span:first-child{font-size:14px;opacity:.8}.cash-info .cash-item span:last-child{font-size:1.1rem;font-weight:600}.footer{text-align:center;padding:30px;color:#fff;opacity:.8}@media (max-width: 768px){.header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:flex-start}.section{padding:15px}.info-grid{grid-template-columns:1fr}.data-table{font-size:12px}.data-table th,.data-table td{padding:8px 10px}.data-table .amount-input{width:80px}.data-table .remark-input{width:100px}.result-display{flex-direction:column;gap:10px;text-align:center}.result-display .value{font-size:1.5rem}.report{padding:20px}.report-title{font-size:1.4rem}.report-table{font-size:12px}.summary-box{flex-direction:column;gap:10px;text-align:center}.summary-value{font-size:1.5rem}.cash-info{flex-direction:column;gap:15px}}@media print{.header-actions{display:none}.section{-moz-column-break-inside:avoid;break-inside:avoid;box-shadow:none;border:1px solid #ddd}.report-container{padding:0}.report-actions{display:none}.report{box-shadow:none;border:1px solid #ddd}}.pwa-prompt{position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:15px;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.pwa-prompt-content{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 -4px 20px #00000026}.pwa-icon{font-size:40px;flex-shrink:0}.pwa-text{flex:1;color:#fff}.pwa-text h3{font-size:16px;font-weight:600;margin-bottom:4px}.pwa-text p{font-size:13px;opacity:.9;margin:0}.pwa-install-btn{display:flex;align-items:center;gap:8px;background:#fff;color:#667eea;border:none;border-radius:10px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;flex-shrink:0}.pwa-install-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #ffffff4d}.pwa-dismiss-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .3s ease;flex-shrink:0}.pwa-dismiss-btn:hover{background:#ffffff4d}@media (max-width: 480px){.pwa-prompt-content{padding:15px;gap:12px}.pwa-icon{font-size:32px}.pwa-text h3{font-size:14px}.pwa-text p{font-size:12px}.pwa-install-btn{padding:10px 15px;font-size:13px}.pwa-dismiss-btn{width:28px;height:28px}}.kitchen-inventory{min-height:100vh}.kitchen-header{background:linear-gradient(135deg,#f093fb,#f5576c)}.kitchen-header .header-content h1{color:#fff}.kitchen-header .header-content svg{color:#fff}.kitchen-basic-info{background:#fff;border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 4px 20px #0000001a}.kitchen-ingredients-section{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000001a}.category-list{display:flex;flex-direction:column;gap:15px}.category-group{border:1px solid #e5e5e5;border-radius:12px;overflow:hidden;transition:all .3s ease}.category-group:hover{border-color:#f5576c}.category-header{background:#f8f9fa;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s ease}.category-header:hover{background:#f0f0f0}.category-header.expanded{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.category-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:16px}.category-stats{display:flex;align-items:center;gap:15px;font-size:14px}.item-count{background:#f5576c1a;color:#f5576c;padding:4px 10px;border-radius:20px;font-size:12px}.category-header.expanded .item-count{background:#fff3;color:#fff}.category-total{color:#666;font-weight:500}.category-header.expanded .category-total{color:#ffffffe6}.category-items{padding:15px;background:#fff}.ingredient-table{width:100%;border-collapse:collapse;font-size:14px}.ingredient-table th{background:#f8f9fa;padding:12px 10px;text-align:left;font-weight:600;color:#666;border-bottom:2px solid #e5e5e5}.ingredient-table td{padding:12px 10px;border-bottom:1px solid #f0f0f0}.ingredient-table tr:last-child td{border-bottom:none}.ingredient-table tr.has-data{background:#fff9fa}.ingredient-name{font-weight:500;color:#333}.quantity-input{width:80px;padding:8px 12px;border:1px solid #e5e5e5;border-radius:8px;font-size:14px;transition:all .3s ease}.quantity-input:focus{outline:none;border-color:#f5576c;box-shadow:0 0 0 3px #f5576c1a}.price-input{width:100px;padding:8px 12px;border:1px solid #e5e5e5;border-radius:8px;font-size:14px;transition:all .3s ease}.price-input:focus{outline:none;border-color:#f5576c;box-shadow:0 0 0 3px #f5576c1a}.unit{color:#999;font-size:13px;text-align:center}.total-cost{font-weight:600;color:#f5576c;text-align:right}.unit-price{font-weight:600;color:#f5576c}.price-badge{display:inline-flex;align-items:baseline;gap:2px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600;box-shadow:0 2px 8px #f5576c4d}.price-unit{font-size:11px;opacity:.9;font-weight:400}.no-price-badge{background:#fee2e2;color:#dc2626;padding:4px 8px;border-radius:4px;font-size:11px;margin-left:8px}.supplier-input,.remark-input{width:120px;padding:8px 12px;border:1px solid #e5e5e5;border-radius:8px;font-size:14px;transition:all .3s ease}.supplier-input:focus,.remark-input:focus{outline:none;border-color:#f5576c;box-shadow:0 0 0 3px #f5576c1a}.kitchen-report-section{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000001a}.kitchen-report{max-width:1000px;margin:0 auto}.kitchen-report .report-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.kitchen-report .report-title{font-size:24px;font-weight:700;color:#333;margin-bottom:10px}.kitchen-report .report-date{font-size:16px;color:#666;margin-bottom:5px}.kitchen-report .report-staff{font-size:14px;color:#f5576c}.kitchen-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.summary-card{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;padding:25px;text-align:center;border:1px solid #e5e5e5;transition:all .3s ease}.summary-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.summary-card.total{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none}.summary-card.total .card-label{color:#ffffffe6}.summary-card.categories{border-color:#f093fb}.summary-card.categories .card-value{color:#f093fb}.summary-card.items{border-color:#f5576c}.summary-card.items .card-value{color:#f5576c}.card-label{font-size:14px;color:#666;margin-bottom:10px}.card-value{font-size:28px;font-weight:700;color:#333}.kitchen-category-summary,.kitchen-detail-summary{margin-bottom:30px}.kitchen-category-summary h3,.kitchen-detail-summary h3{font-size:18px;color:#333;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.summary-table,.detail-table{width:100%;border-collapse:collapse;font-size:14px}.summary-table th,.summary-table td,.detail-table th,.detail-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #f0f0f0}.summary-table th,.detail-table th{background:#f8f9fa;font-weight:600;color:#666}.summary-table .amount,.detail-table .cost-cell{text-align:right;font-weight:600;color:#f5576c}.summary-table .percentage{text-align:center;color:#999}.summary-table .total-row{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-weight:700}.summary-table .total-row td{border:none}.detail-table .category-cell{color:#f093fb;font-weight:500}.detail-table .quantity-cell{text-align:right;font-weight:500}.current-entry-info{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:20px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;border:1px solid #e5e5e5}.current-entry-info .info-item{flex:1;min-width:200px}.current-entry-info label{font-size:14px;color:#666;display:flex;align-items:center;gap:6px;margin-bottom:8px}.current-entry-info input{width:100%;padding:12px 15px;border:2px solid #e5e5e5;border-radius:8px;font-size:14px;transition:border-color .3s ease}.current-entry-info input:focus{outline:none;border-color:#f5576c}.current-total{display:flex;align-items:center;gap:10px;padding:15px 25px;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:12px;color:#fff;font-weight:600}.current-total .amount{font-size:24px;font-weight:700}.save-section{margin:25px 0;text-align:center}.save-section .btn-large{padding:18px 50px;font-size:18px;border-radius:12px;background:linear-gradient(135deg,#f093fb,#f5576c)}.saved-records-section{margin-top:30px;padding-top:25px;border-top:2px solid #f0f0f0}.saved-records-section h3{font-size:18px;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.records-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.record-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.record-item:hover{background:#f0f0f0}.record-info{display:flex;align-items:center;gap:15px}.record-staff{font-weight:600;color:#333;min-width:80px}.record-time{font-size:13px;color:#999}.record-amount{font-weight:600;color:#f5576c}.btn-small{padding:8px 15px;font-size:12px;border-radius:8px}.btn-danger{background:#fee2e2;color:#dc2626}.btn-danger:hover{background:#fecaca}.records-total{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:15px 20px;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:12px;color:#fff;font-weight:600}.records-total .amount{font-size:24px;font-weight:700}.day-summary{display:flex;gap:15px;margin-top:20px;flex-wrap:wrap}.day-summary-card{flex:1;min-width:150px;padding:20px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;text-align:center;border:1px solid #e5e5e5;transition:all .3s ease}.day-summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.day-summary-card.total{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none}.day-summary-card .label{display:block;font-size:14px;color:#666;margin-bottom:10px}.day-summary-card.total .label{color:#ffffffe6}.day-summary-card .value{font-size:28px;font-weight:700;color:#333}.day-summary-card.total .value{color:#fff}.staff-records-section{margin-bottom:30px}.staff-records-section h3{font-size:18px;color:#333;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.staff-table{width:100%;border-collapse:collapse;font-size:14px}.staff-table th{background:#f8f9fa;padding:12px 15px;text-align:left;font-weight:600;color:#666;border-bottom:2px solid #e5e5e5}.staff-table td{padding:12px 15px;border-bottom:1px solid #f0f0f0}.staff-table .amount{text-align:right;font-weight:600;color:#f5576c}.staff-table .total-row{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-weight:700}.staff-table .total-row td{border:none}.staff-table .total-row .amount{color:#fff}.stock-warning{display:flex;align-items:flex-start;gap:12px;padding:15px 20px;background:#fff3cd;border:1px solid #ffc107;border-radius:12px;margin-top:15px}.stock-warning svg{color:#ffc107;flex-shrink:0;margin-top:2px}.warning-content{flex:1}.warning-content p{font-size:13px;color:#856404;margin-bottom:5px}.warning-content p:last-child{margin-bottom:0}.stock-status{font-weight:500;color:#666}.stock-status.warning{color:#dc2626;font-weight:600}.no-price-badge{display:inline-block;padding:2px 6px;background:#fee2e2;color:#dc2626;border-radius:4px;font-size:10px;margin-left:5px}.no-stock-badge{display:inline-block;padding:2px 6px;background:#f3f4f6;color:#999;border-radius:4px;font-size:10px;margin-left:5px}.inventory-stock{min-height:100vh}.inventory-header{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.inventory-header .header-content h1{color:#fff}.inventory-header .header-content svg{color:#fff}.search-section{padding:15px 20px}.search-box{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014}.search-box svg{color:#999}.search-box input{flex:1;border:none;font-size:16px;outline:none}.stats-section{background:#fff;border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 4px 20px #0000001a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.stat-card{display:flex;align-items:center;gap:15px;padding:20px;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:12px;border:1px solid #e2e8f0}.stat-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}.stat-icon.total{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-info{flex:1}.stat-label{display:block;font-size:13px;color:#64748b;margin-bottom:5px}.stat-value{font-size:20px;font-weight:700;color:#1e293b}.category-summary{background:#fff;border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 4px 20px #0000001a}.category-summary h3{font-size:16px;color:#333;margin-bottom:15px}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.category-card{padding:15px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.category-name{font-weight:600;color:#334155;margin-bottom:8px}.category-stats{display:flex;justify-content:space-between;font-size:13px}.category-value{font-weight:600;color:#0ea5e9}.stock-list-section{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000001a}.stock-list-section h3{font-size:16px;color:#333;margin-bottom:15px}.category-group{margin-bottom:20px;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.group-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #e2e8f0}.group-name{font-weight:600;color:#334155}.group-count{font-size:13px;color:#64748b}.stock-table{width:100%;border-collapse:collapse}.stock-table th{background:#f8fafc;padding:12px 15px;text-align:left;font-weight:600;color:#64748b;border-bottom:2px solid #e2e8f0}.stock-table td{padding:12px 15px;border-bottom:1px solid #f1f5f9}.stock-table tr.in-stock{background:#f0fdf4}.stock-table tr.out-stock{background:#fef2f2}.item-name{font-weight:500;color:#334155}.item-stock{display:flex;align-items:center;gap:5px}.stock-value{font-weight:600;color:#0ea5e9}.stock-unit{font-size:12px;color:#64748b}.item-price{min-width:150px}.edit-form{display:flex;gap:8px;align-items:center}.edit-form input{width:80px;padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px}.edit-form input:focus{outline:none;border-color:#0ea5e9}.item-value{font-weight:600;color:#059669}.item-actions{display:flex;gap:8px}.editing-badge{font-size:12px;color:#f59e0b}.history-section{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000001a}.history-section h3{font-size:16px;color:#333;margin-bottom:15px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{display:flex;gap:15px;padding:15px;background:#f8fafc;border-radius:12px;border-left:4px solid #e2e8f0}.history-item.add{border-left-color:#10b981}.history-item.deduct{border-left-color:#ef4444}.history-item.consume{border-left-color:#f59e0b}.history-item.adjust{border-left-color:#6366f1}.history-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.history-item.add .history-icon{background:#d1fae5;color:#059669}.history-item.deduct .history-icon{background:#fee2e2;color:#dc2626}.history-item.consume .history-icon{background:#fef3c7;color:#d97706}.history-item.adjust .history-icon{background:#e0e7ff;color:#4f46e5}.history-content{flex:1}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.history-name{font-weight:600;color:#334155}.history-type{padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500}.history-type.add{background:#d1fae5;color:#059669}.history-type.deduct{background:#fee2e2;color:#dc2626}.history-type.consume{background:#fef3c7;color:#d97706}.history-type.adjust{background:#e0e7ff;color:#4f46e5}.history-details{font-size:13px;color:#64748b;margin-bottom:8px}.history-meta{font-size:12px;color:#94a3b8;display:flex;gap:15px}.add-section{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000001a}.add-section h3{font-size:16px;color:#333;margin-bottom:20px}.add-form{max-width:500px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;color:#64748b;margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:12px 15px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#0ea5e9}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.waste-report{min-height:100vh}.waste-header{background:linear-gradient(135deg,#f59e0b,#d97706)}.waste-header .header-content h1{color:#fff}.waste-header .header-content svg{color:#fff}.waste-basic-info{background:#fff;border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 4px 20px #0000001a}.waste-entry-section{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000001a}.operator-section{margin-bottom:20px}.operator-section .info-item{max-width:300px}.add-waste-form{background:#f8fafc;border-radius:12px;padding:20px;margin-bottom:25px}.add-waste-form h3{font-size:16px;color:#334155;margin-bottom:15px}.quick-select{margin-bottom:15px}.quick-select label{display:block;font-size:13px;color:#64748b;margin-bottom:10px}.product-buttons{display:flex;flex-wrap:wrap;gap:8px}.product-btn{padding:8px 15px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;font-size:13px;color:#64748b;cursor:pointer;transition:all .3s ease}.product-btn:hover{border-color:#f59e0b;color:#f59e0b}.product-btn.active{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;color:#fff}.custom-badge{background:#fff3;padding:2px 6px;border-radius:4px;font-size:10px;margin-left:4px}.add-product-btn{margin-left:10px}.custom-products-section{margin-top:15px;padding-top:15px;border-top:1px dashed #e2e8f0}.custom-products-section label{display:block;font-size:13px;color:#64748b;margin-bottom:10px}.custom-product-list{display:flex;flex-wrap:wrap;gap:8px}.custom-product-item{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;font-size:13px;color:#0369a1}.custom-product-item span{color:#0369a1}.waste-form .form-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;margin-bottom:15px}.reason-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.reason-btn{padding:8px 15px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;font-size:13px;color:#64748b;cursor:pointer;transition:all .3s ease}.reason-btn:hover{border-color:#ef4444;color:#ef4444}.reason-btn.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff}.waste-list-section{margin-top:30px}.waste-list-section h3{font-size:16px;color:#334155;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #f1f5f9}.waste-table{width:100%;border-collapse:collapse}.waste-table th{background:#f8fafc;padding:12px 15px;text-align:left;font-weight:600;color:#64748b;border-bottom:2px solid #e2e8f0}.waste-table td{padding:12px 15px;border-bottom:1px solid #f1f5f9}.product-name{font-weight:500;color:#334155}.quantity{font-weight:600;color:#f59e0b}.reason{font-size:13px}.no-reason{color:#94a3b8;font-style:italic}.operator{font-size:13px;color:#64748b}.time{font-size:12px;color:#94a3b8}.waste-report-section{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000001a}.waste-report .report-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.waste-report .report-title{font-size:24px;font-weight:700;color:#333;margin-bottom:10px}.waste-report .report-date{font-size:16px;color:#666}.waste-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.waste-summary-cards .summary-card{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:16px;padding:25px;text-align:center;border:1px solid #fcd34d}.waste-summary-cards .summary-card.total{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#fca5a5}.waste-summary-cards .card-label{font-size:14px;color:#92400e;margin-bottom:10px}.waste-summary-cards .summary-card.total .card-label{color:#b91c1c}.waste-summary-cards .card-value{font-size:28px;font-weight:700;color:#d97706}.waste-summary-cards .summary-card.total .card-value{color:#dc2626}.waste-trend-section{padding:20px}.waste-trend .report-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;flex-wrap:wrap;gap:15px}.waste-trend .report-title{font-size:22px;font-weight:600;color:#333}.month-selector{display:flex;align-items:center;gap:10px}.month-selector .selector-info{display:flex;align-items:center;gap:8px;font-size:16px;color:#64748b;min-width:140px}.waste-trend .waste-summary-cards{display:flex;gap:20px;margin-bottom:25px;flex-wrap:wrap}.waste-trend .summary-card{background:#fff;border-radius:16px;padding:20px 25px;box-shadow:0 4px 15px #0000000d;min-width:150px}.waste-trend .summary-card .card-label{font-size:13px;color:#64748b;margin-bottom:8px}.waste-trend .summary-card .card-value{font-size:24px;font-weight:700;color:#333}.waste-trend .summary-card.total .card-value{color:#dc2626}.trend-section{margin-bottom:30px}.trend-section h3,.product-monthly-summary h3{font-size:18px;color:#333;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.table-container{overflow-x:auto;border-radius:12px;box-shadow:0 4px 15px #0000000d;background:#fff}.trend-table{width:100%;border-collapse:collapse;min-width:800px}.trend-table th{background:#f8fafc;padding:10px 8px;text-align:center;font-weight:600;color:#64748b;border-bottom:2px solid #e2e8f0;font-size:12px}.trend-table td{padding:8px;text-align:center;border-bottom:1px solid #f0f0f0;font-size:13px}.trend-table .product-col{min-width:120px;text-align:left;padding-left:15px}.trend-table .product-name{text-align:left;font-weight:500;color:#333;background:#f8fafc}.trend-table .day-col{min-width:36px;font-size:11px}.trend-table .total-col{min-width:60px;background:#f1f5f9;font-weight:600}.trend-table .day-cell{color:#94a3b8}.trend-table .day-cell.has-data{color:#333;background:#fef3c7;font-weight:500}.trend-table .total-cell{background:#f1f5f9;font-weight:600;color:#dc2626}.product-monthly-summary{margin-top:30px}.product-monthly-summary .summary-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000000d}.product-monthly-summary .summary-table .quantity{font-weight:600;color:#dc2626}.product-summary,.reason-summary,.detail-section{margin-bottom:30px}.product-summary h3,.reason-summary h3,.detail-section h3{font-size:18px;color:#333;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.summary-table{width:100%;border-collapse:collapse}.summary-table th{background:#f8fafc;padding:12px 15px;text-align:left;font-weight:600;color:#64748b;border-bottom:2px solid #e2e8f0}.summary-table td{padding:12px 15px;border-bottom:1px solid #f0f0f0}.summary-table .quantity{font-weight:600;color:#f59e0b}.summary-table .percentage{text-align:center;color:#94a3b8}.reason-chart{display:flex;flex-direction:column;gap:12px}.reason-bar-item{display:flex;align-items:center;gap:15px}.reason-label{min-width:100px;font-size:14px;color:#64748b}.reason-bar-container{flex:1;display:flex;align-items:center;gap:10px}.reason-bar{height:24px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;transition:width .3s ease;min-width:5px}.reason-value{font-weight:600;color:#334155;min-width:40px}.detail-table{width:100%;border-collapse:collapse}.detail-table th{background:#f8fafc;padding:12px 15px;text-align:left;font-weight:600;color:#64748b;border-bottom:2px solid #e2e8f0}.detail-table td{padding:12px 15px;border-bottom:1px solid #f0f0f0}.detail-table .time{font-size:12px;color:#94a3b8;white-space:nowrap}@media (max-width: 768px){.stats-grid,.category-grid,.form-row,.waste-form .form-row{grid-template-columns:1fr}.product-buttons,.reason-buttons{gap:6px}.product-btn,.reason-btn{padding:6px 12px;font-size:12px}.waste-summary-cards{grid-template-columns:1fr}.history-item{flex-direction:column}.edit-form{flex-wrap:wrap}.edit-form input{width:60px}}@media (max-width: 768px){.category-header{flex-direction:column;align-items:flex-start;gap:10px}.category-stats{width:100%;justify-content:space-between}.ingredient-table{font-size:12px;overflow-x:auto}.ingredient-table th,.ingredient-table td{padding:8px;white-space:nowrap}.quantity-input,.price-input{width:60px;padding:6px 8px}.supplier-input,.remark-input{width:80px;padding:6px 8px}.kitchen-summary-cards{grid-template-columns:1fr}.summary-table,.detail-table{font-size:12px}.card-value{font-size:24px}.kitchen-report .report-title{font-size:20px}}.summary-page{min-height:100vh;display:flex;flex-direction:column}.summary-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #0000001a}.summary-header .header-content{display:flex;align-items:center;gap:12px;color:#fff}.summary-header .header-content h1{font-size:1.5rem;font-weight:600;color:#fff}.summary-main{flex:1;padding:20px;max-width:1200px;margin:0 auto;width:100%}.period-selector{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:30px;background:#fff;padding:15px 30px;border-radius:12px;box-shadow:0 4px 15px #00000014}.selector-btn{width:44px;height:44px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.selector-btn:hover{transform:scale(1.1);box-shadow:0 4px 15px #667eea66}.selector-info{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#333;min-width:180px;justify-content:center}.selector-info svg{color:#667eea}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.summary-card{background:#fff;border-radius:16px;padding:25px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 15px #00000014;transition:all .3s ease}.summary-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001f}.summary-card.revenue{border-left:4px solid #10b981}.summary-card.expenses{border-left:4px solid #ef4444}.summary-card.profit{border-left:4px solid #667eea}.summary-card.loss{border-left:4px solid #ef4444}.summary-card .card-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center}.summary-card.revenue .card-icon{background:linear-gradient(135deg,#d1fae5,#10b981);color:#059669}.summary-card.expenses .card-icon{background:linear-gradient(135deg,#fee2e2,#ef4444);color:#dc2626}.summary-card.profit .card-icon{background:linear-gradient(135deg,#e0e7ff,#667eea);color:#4f46e5}.summary-card.loss .card-icon{background:linear-gradient(135deg,#fee2e2,#ef4444);color:#dc2626}.summary-card .card-info{flex:1;display:flex;flex-direction:column;gap:5px}.summary-card .card-label{font-size:14px;color:#666}.summary-card .card-value{font-size:24px;font-weight:700;color:#333}.stats-section{background:#fff;border-radius:16px;padding:25px;margin-bottom:30px;box-shadow:0 4px 15px #00000014}.stats-section h3{font-size:18px;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.stat-item{text-align:center;padding:15px;background:#f8f9fa;border-radius:12px}.stat-item .stat-label{display:block;font-size:13px;color:#666;margin-bottom:8px}.stat-item .stat-value{font-size:20px;font-weight:700;color:#333}.stat-item .stat-value.profit{color:#10b981}.stat-item .stat-value.loss{color:#ef4444}.records-section{background:#fff;border-radius:16px;padding:25px;margin-bottom:30px;box-shadow:0 4px 15px #00000014}.records-section h3{font-size:18px;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.records-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.record-item{display:flex;align-items:center;gap:15px;padding:15px;border-radius:12px;background:#f8f9fa}.record-item .record-icon{font-size:28px}.record-item .record-info{flex:1;display:flex;flex-direction:column;gap:3px}.record-item .record-label{font-size:12px;color:#666}.record-item .record-value{font-size:14px;font-weight:600;color:#333}.record-item .record-amount{font-size:13px;font-weight:600;color:#10b981}.record-item .record-amount.loss{color:#ef4444}.detail-section{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 15px #00000014;overflow-x:auto}.detail-section h3{font-size:18px;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.detail-table{width:100%;border-collapse:collapse;font-size:14px;min-width:600px}.detail-table th,.detail-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #f0f0f0}.detail-table th{background:#f8f9fa;font-weight:600;color:#666}.detail-table .amount{text-align:right;font-weight:500}.detail-table .profit{color:#10b981;font-weight:600}.detail-table .loss{color:#ef4444;font-weight:600}.detail-table tfoot .total-row{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700}.detail-table tfoot .total-row td{border:none}.detail-table tfoot .total-row .amount,.detail-table tfoot .total-row .profit{color:#fff}.no-data{text-align:center;padding:60px 20px;color:#999}.no-data svg{margin-bottom:20px;opacity:.5}.no-data p{font-size:16px;margin-bottom:10px}.no-data .hint{font-size:14px;color:#bbb}.summary-footer{text-align:center;padding:30px;color:#fff;opacity:.8}.summary-lock-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.lock-content{text-align:center;background:#fff;padding:50px 40px;border-radius:24px;box-shadow:0 20px 60px #0003;max-width:400px;width:100%}.lock-icon{color:#667eea;margin-bottom:20px}.lock-content h2{font-size:24px;color:#333;margin-bottom:10px}.lock-content p{font-size:14px;color:#666;margin-bottom:30px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-content{background:#fff;border-radius:20px;padding:30px;max-width:400px;width:100%;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:#667eea}.modal-header h3{font-size:20px;color:#333}.modal-body{margin-bottom:25px}.modal-body p{font-size:14px;color:#666;margin-bottom:15px}.password-input{width:100%;padding:15px;border:2px solid #e5e5e5;border-radius:12px;font-size:18px;text-align:center;transition:all .3s ease}.password-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.error-message{color:#ef4444;font-size:14px;margin-top:10px!important}.modal-footer{display:flex;gap:15px;justify-content:flex-end;margin-top:25px}.modal-actions{display:flex;gap:15px;justify-content:flex-end}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.btn-secondary{background:#f5f5f5;color:#666}.btn-secondary:hover{background:#e5e5e5}.btn-large{padding:15px 30px;font-size:16px;border-radius:12px}@media (max-width: 768px){.summary-header{flex-direction:column;gap:15px;padding:20px}.summary-header .header-content h1{font-size:1.2rem}.summary-main{padding:15px}.period-selector{padding:12px 20px}.selector-info{font-size:16px;min-width:140px}.summary-card{padding:20px}.summary-card .card-value{font-size:20px}.records-grid{grid-template-columns:1fr}.modal-content{padding:25px}}