*{margin:0;padding:0;box-sizing:border-box}body.force-new-hash{background-color:#f8f9fa}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.header{background-color:#2c3e50;color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.header h1{margin:0}.logo{color:#fff;text-decoration:none;font-size:1.5rem;font-weight:700}.nav{display:flex;gap:1rem;align-items:center}.nav a{color:#fff;text-decoration:none;padding:.5rem;border-radius:4px;transition:background-color .3s}.nav a:hover{background-color:#34495e}.logout-btn{background-color:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:1rem}.logout-btn:hover{background-color:#c0392b}.auth-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f8f9fa;padding:1rem}.auth-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px}.auth-form h2{text-align:center;margin-bottom:1.5rem;color:#2c3e50}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#34495e}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.auth-form button{width:100%;padding:.75rem;background-color:#3498db;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;margin-bottom:1rem}.auth-form button:hover{background-color:#2980b9}.error{color:#e74c3c;margin-bottom:1rem;padding:.5rem;background-color:#fdeded;border-radius:4px;text-align:center}.dashboard{padding:2rem;max-width:1200px;margin:0 auto}.dashboard h1{margin-bottom:1rem;color:#2c3e50}.dashboard p{margin-bottom:2rem;color:#7f8c8d}.dashboard-actions h2{margin-bottom:1rem;color:#2c3e50}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:1rem}.action-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 4px #0000001a}.action-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.action-card h3{margin:0 0 .5rem;color:#2c3e50}.action-card p{color:#7f8c8d;margin:0}.admin-dashboard{padding:20px}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:15px;text-align:center}.stat-card h3{margin:0 0 10px;color:#495057;font-size:14px}.stat-number{font-size:24px;font-weight:700;color:#0d6efd;margin:0}.dashboard-actions{margin-bottom:30px}.action-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.action-buttons .btn{margin-right:10px;margin-bottom:10px}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:250px;background:#343a40;color:#fff;padding:20px 0;position:fixed;height:100vh;overflow-y:auto}.admin-brand{padding:0 20px 20px;border-bottom:1px solid #495057;margin-bottom:20px}.admin-menu{list-style:none;padding:0;margin:0}.admin-menu li{margin:0}.admin-menu a{display:block;color:#adb5bd;padding:12px 20px;text-decoration:none;transition:background-color .2s}.admin-menu a:hover,.admin-menu a.active{background:#495057;color:#fff}.admin-user-section{padding:20px;border-top:1px solid #495057;margin-top:auto}.admin-main{flex:1;margin-left:250px}.admin-content{padding:20px}.filters{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px}.filter-group{display:flex;flex-wrap:wrap;gap:15px;align-items:end}.filter-group label{display:flex;flex-direction:column;min-width:150px}.filter-group select,.filter-group input{margin-top:5px;padding:5px}.summary-stats{margin-bottom:30px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px}.table-container{overflow-x:auto;margin-top:15px}.orders-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.orders-table th,.orders-table td{padding:12px;text-align:left;border-bottom:1px solid #dee2e6}.orders-table th{background-color:#f8f9fa;font-weight:600}.orders-table tr:hover{background-color:#f8f9fa}.menu-breakdown{margin:30px 0}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:15px}.menu-item{border:1px solid #dee2e6;border-radius:8px;padding:15px;background:#fff}.menu-item h3,.menu-item h4{margin-top:0;color:#495057}.total-quantity{font-weight:700;color:#0d6efd;margin:10px 0}.menu-orders ul{list-style:none;padding:0}.menu-orders li{padding:5px 0;border-bottom:1px solid #f1f3f4}.user-name{font-weight:600;margin-right:8px}.quantity{color:#20c997;margin:0 8px}.special-instruction{color:#fd7e14;font-style:italic}.status-grid{display:flex;flex-wrap:wrap;gap:15px;margin-top:15px}.status-item{background:#e9ecef;padding:10px 15px;border-radius:5px;display:flex;justify-content:space-between;min-width:120px}.status-name{font-weight:600;margin-right:10px}.status-count{font-weight:700;color:#0d6efd}.controls{display:flex;flex-wrap:wrap;gap:15px;align-items:end;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px}.date-selector,.view-toggle{display:flex;flex-direction:column}.date-selector label,.view-toggle label{margin-bottom:5px;font-weight:500}.loading,.error{text-align:center;padding:40px;font-size:18px}.error{color:#dc3545}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background-color:#0d6efd;color:#fff}.btn-primary:hover{background-color:#0b5ed7}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5c636a}.order-status-manager{display:flex;flex-direction:column;gap:5px}.status-display{margin-bottom:5px}.status-badge{padding:3px 8px;border-radius:4px;font-size:12px;font-weight:700;text-transform:uppercase}.status-pending{background-color:#ffc107;color:#212529}.status-confirmed{background-color:#17a2b8;color:#fff}.status-preparing{background-color:#0d6efd;color:#fff}.status-ready{background-color:#28a745;color:#fff}.status-delivered{background-color:#20c997;color:#fff}.status-cancelled{background-color:#dc3545;color:#fff}.status-controls{display:flex;flex-direction:column;gap:5px}.status-select{padding:4px;border:1px solid #ced4da;border-radius:4px}.mark-ready-btn{margin-top:5px;padding:4px 8px;font-size:12px}.status-error{color:#dc3545;font-size:12px;margin-top:5px}.status-updating{font-size:12px;color:#0d6efd;margin-top:5px}.status-chart{margin-top:10px;padding:15px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.chart-legend{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.legend-item{display:flex;align-items:center;gap:5px}.legend-color{width:12px;height:12px;border-radius:2px}.legend-label{font-size:12px}.chart-bar-container{display:flex;height:20px;border-radius:4px;overflow:hidden;border:1px solid #dee2e6;margin-bottom:10px}.chart-bar-segment{height:100%;transition:width .3s ease;min-width:0}.chart-info{font-weight:600;text-align:right;font-size:14px}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}@media (max-width: 768px){.container{flex-direction:column;gap:1rem;padding:0 1rem}.nav{flex-wrap:wrap;justify-content:center}.admin-sidebar{width:100%;height:auto;position:relative}.admin-main{margin-left:0}.admin-layout{flex-direction:column}.filter-group,.controls{flex-direction:column;align-items:stretch}.action-buttons{flex-direction:column}.action-buttons .btn{margin-right:0;margin-bottom:10px}.actions-grid{grid-template-columns:1fr}}