/* GLOBAL STYLING */
body{font-family:'Arial',sans-serif;margin:0;padding:0;background:#fffaf0;color:#333;}
h1,h2,h3{margin:0 0 15px 0;}
a{text-decoration:none;color:#ff6600;}a:hover{text-decoration:underline;}
button,.btn{padding:10px 20px;background:#ff6600;color:#fff;border:none;border-radius:5px;font-weight:bold;cursor:pointer;transition:0.3s;}
button:hover,.btn:hover{background:#e65c00;}
.auth-container,.form-container,.dashboard-container{max-width:800px;margin:30px auto;padding:20px 30px;background:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.1);}
form{display:flex;flex-direction:column;}
.form-group,fieldset{margin-bottom:15px;display:flex;flex-direction:column;}
input,select,textarea{padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px;margin-top:5px;}
textarea{min-height:60px;resize:vertical;}
.error-text{color:red;font-size:13px;margin:5px 0;}
.success-text{color:green;font-size:14px;margin:5px 0;}
.no-print{display:none;}
@media print{.no-print{display:none;}}

/* NAVBAR */
.navbar{display:flex;justify-content:space-between;padding:15px 30px;background:#fffaf0;box-shadow:0 2px 5px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000;}
.navbar .logo{font-weight:bold;font-size:22px;color:#ff6600;}
.navbar .nav-links{list-style:none;display:flex;gap:20px;margin:0;padding:0;}
.navbar .nav-links li a{transition:0.3s;color:#333;font-weight:bold;}
.navbar .nav-links li a:hover{color:#ff6600;}

/* HERO */
.hero{height:90vh;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;text-align:center;}
.hero-overlay{background:rgba(0,0,0,0.5);padding:50px;border-radius:10px;color:#fff;}
.hero-overlay h1{font-size:48px;margin-bottom:15px;}
.hero-overlay p{font-size:18px;margin-bottom:25px;}

/* MENU GRID */
.section-title{text-align:center;color:#ff6600;margin:40px 0 20px;font-size:28px;}
.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:0 30px;}
.menu-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.1);text-align:center;transition:0.3s;}
.menu-card img{width:100%;height:220px;object-fit:cover;border-bottom:1px solid #ddd;}
.menu-card h3{color:#ff6600;margin:15px 0 10px;}
.menu-card p{margin:5px 0;}
.menu-card .btn{margin:15px 0 20px;display:inline-block;}
.menu-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px rgba(0,0,0,0.15);}

/* DASHBOARD */
.dashboard-container h2{margin-bottom:20px;}
table{width:100%;border-collapse:collapse;margin-top:15px;}
table,th,td{border:1px solid #ddd;}
th,td{padding:8px;text-align:left;}

/* RESPONSIVE */
@media (max-width:768px){
.navbar{flex-direction:column;align-items:flex-start;}
.navbar .nav-links{flex-direction:column;width:100%;gap:10px;margin-top:10px;}
.hero-overlay h1{font-size:36px;}
.hero-overlay p{font-size:16px;}
}
/* TOAST NOTIFICATION */
.toast-container { position: fixed; top: 24px; right: 24px; z-index: 9999; display: flex; flex-direction: column; gap: 12px; }
.toast { min-width: 280px; max-width: 380px; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-left: 5px solid #ff6600; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,0.12); padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; transform: translateX(120%); opacity: 0; transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55), opacity 0.4s ease; }
.toast.show { transform: translateX(0); opacity: 1; }
.toast.hide { transform: translateX(120%); opacity: 0; }
.toast-content { font-size: 14px; color: #333; font-weight: 600; font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.5; }
.toast-close { cursor: pointer; color: #aaa; font-size: 20px; margin-left: 15px; transition: 0.2s; font-weight: bold; }
.toast-close:hover { color: #ff6600; }
.toast-success { border-left-color: #4caf50; }
.toast-error { border-left-color: #f44336; }
.toast-warning { border-left-color: #ff9800; }
.toast-info { border-left-color: #2196f3; }