body{margin:0;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;background-color:#f5f5f5}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.header{background-color:#282c34;color:#fff;padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000001a}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{color:#fff;text-decoration:none;font-size:1.5rem;font-weight:700}.nav{display:flex;gap:1rem;align-items:center}.nav a,.nav button{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;background:transparent;border:none;cursor:pointer;transition:background-color .2s}.nav a:hover,.nav button:hover{background-color:#3a3f47}.logout-btn{background-color:#e74c3c}.logout-btn:hover{background-color:#c0392b}.auth-page{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:2rem}.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}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}.form-group textarea{resize:vertical;min-height:80px}.auth-form button{width:100%;padding:.75rem;background-color:#3498db;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer}.auth-form button:hover{background-color:#2980b9}.auth-form p{text-align:center;margin-top:1rem}.error{background-color:#ffebee;color:#c62828;padding:.75rem;border-radius:4px;margin-bottom:1rem}.success-message{background-color:#e8f5e9;color:#2e7d32;padding:.75rem;border-radius:4px;margin-bottom:1rem}.dashboard{padding:2rem}.dashboard h1{margin-bottom:1.5rem}.dashboard-actions h2{margin-bottom:1rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:1rem}.action-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.action-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.action-card h3{margin-top:0;color:#2c3e50}.menu-page{padding:2rem}.menu-page h1{margin-bottom:1.5rem}.menu-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.menu-item{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.menu-item-photo{width:100%;height:200px;object-fit:cover}.menu-item-info{padding:1rem}.menu-item-info h3{margin-top:0;margin-bottom:.5rem}.price{font-size:1.25rem;font-weight:700;color:#27ae60;margin:.5rem 0}.order-btn{display:inline-block;padding:.5rem 1rem;background-color:#3498db;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .2s}.order-btn:hover{background-color:#2980b9}.unavailable{color:#e74c3c;font-style:italic}.order-page{padding:2rem;max-width:600px;margin:0 auto}.order-page h1,.order-form .form-group{margin-bottom:1.5rem}.date-info{display:block;margin-top:.5rem;color:#7f8c8d;font-size:.9rem}.order-history-page{padding:2rem}.order-history-page h1{margin-bottom:1.5rem}.order-list{display:flex;flex-direction:column;gap:1.5rem}.order-item{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.status{padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:700;text-transform:uppercase}.status.pending{background-color:#f1c40f;color:#333}.status.confirmed{background-color:#3498db;color:#fff}.status.preparing{background-color:#9b59b6;color:#fff}.status.ready{background-color:#2ecc71;color:#fff}.status.delivered{background-color:#27ae60;color:#fff}.status.cancelled{background-color:#e74c3c;color:#fff}.order-details{display:flex;gap:1rem}.order-photo{width:100px;height:100px;object-fit:cover;border-radius:4px}.order-info{flex:1}.admin-page{padding:2rem}.admin-page h1{margin-bottom:1.5rem}.add-btn{padding:.75rem 1rem;background-color:#27ae60;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-bottom:1.5rem}.add-btn:hover{background-color:#219a52}.menu-form{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem}.menu-form h2{margin-top:0}.menu-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.menu-table th,.menu-table td{padding:.75rem;text-align:left;border-bottom:1px solid #eee}.menu-table th{background-color:#f8f9fa;font-weight:700}.edit-btn{background-color:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-right:.5rem}.edit-btn:hover{background-color:#2980b9}.delete-btn{background-color:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.delete-btn:hover{background-color:#c0392b}.filter-section{margin-bottom:1.5rem;display:flex;gap:1rem;align-items:center}.filter-section label{font-weight:700}.filter-section select{padding:.5rem;border-radius:4px;border:1px solid #ddd}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.order-card .order-header{border-bottom:1px solid #eee;padding-bottom:1rem;margin-bottom:1rem}.order-card .order-photo{width:120px;height:120px;object-fit:cover;border-radius:4px}.order-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.order-actions label{display:block;margin-bottom:.5rem;font-weight:700}.order-actions select{padding:.5rem;border-radius:4px;border:1px solid #ddd;width:100%;max-width:200px}@media (max-width: 768px){.header .container{flex-direction:column;gap:1rem}.nav{flex-wrap:wrap;justify-content:center}.menu-items,.actions-grid{grid-template-columns:1fr}.order-details{flex-direction:column}}