@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--primary: #E63946;--primary-dark: #C1121F;--primary-light: #FF6B7A;--secondary: #F4A261;--accent: #2A9D8F;--accent-light: #40C9B6;--purple: #7C3AED;--blue: #3B82F6;--pink: #EC4899;--orange: #F97316;--teal: #14B8A6;--yellow: #FBBF24;--success: #22C55E;--warning: #EAB308;--danger: #EF4444;--info: #0EA5E9;--bg-dark: #0D1117;--bg-card: #161B22;--bg-card-light: #21262D;--bg-elevated: #30363D;--bg-input: #0D1117;--text-primary: #F0F6FC;--text-secondary: #8B949E;--text-muted: #6E7681;--border-default: #30363D;--border-light: #21262D;--border-focus: var(--primary);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(230, 57, 70, .3);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 50px;--font-display: "Space Grotesk", sans-serif;--font-body: "DM Sans", sans-serif;--transition-fast: .15s ease;--transition: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-light)}button{font-family:var(--font-body);cursor:pointer}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-card)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}::selection{background:var(--primary);color:var(--text-primary)}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.container{max-width:1400px;margin:0 auto;padding:0 2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.container{padding:0 1.5rem}}@media(max-width:768px){.container{padding:0 1rem}body{font-size:14px}}.header{background:var(--bg-card);padding:1rem 2rem;position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border-default)}.header-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-size:1.5rem;font-weight:700;font-family:var(--font-display)}.logo-icon{width:40px;height:40px;background:var(--primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.logo-text{color:var(--text-primary)}.nav-links{display:flex;gap:2rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:var(--transition);display:flex;align-items:center;gap:.4rem}.nav-link:hover{color:var(--text-primary)}.admin-link{color:var(--secondary)}.admin-link:hover{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:1rem}.cart-btn{position:relative;color:var(--text-primary);padding:.6rem;border-radius:var(--radius-md);background:var(--bg-card-light);border:1px solid var(--border-default);transition:var(--transition)}.cart-btn:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-2px)}.cart-badge{position:absolute;top:-6px;right:-6px;background:var(--primary);color:#fff;font-size:.7rem;font-weight:700;padding:.15rem .45rem;border-radius:var(--radius-full);min-width:18px;text-align:center}.user-menu{display:flex;align-items:center;gap:.75rem}.user-name{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:500;font-size:.9rem}.logout-btn{background:var(--bg-card-light);border:1px solid var(--border-default);color:var(--danger);padding:.5rem;border-radius:var(--radius-md);transition:var(--transition)}.logout-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.login-btn{display:flex;align-items:center;gap:.5rem;background:var(--primary);color:#fff;padding:.6rem 1.25rem;border-radius:var(--radius-full);text-decoration:none;font-weight:600;font-size:.9rem;transition:var(--transition)}.login-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-glow)}@media(max-width:768px){.header{padding:.75rem 1rem}.nav-links{display:none}.logo-text{font-size:1.2rem}}.restaurant-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:var(--transition);border:1px solid var(--border-default)}.restaurant-card:hover{transform:translateY(-6px);border-color:var(--primary);box-shadow:var(--shadow-lg)}.restaurant-image{position:relative;height:180px;overflow:hidden;background:var(--bg-card-light)}.restaurant-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.restaurant-card:hover .restaurant-image img{transform:scale(1.08)}.restaurant-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;padding-bottom:1rem;opacity:0;transition:var(--transition)}.restaurant-card:hover .restaurant-overlay{opacity:1}.view-menu{background:var(--primary);color:#fff;padding:.5rem 1.5rem;border-radius:var(--radius-full);font-weight:600;font-size:.875rem;font-family:var(--font-display)}.restaurant-info{padding:1.25rem}.restaurant-name{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;font-family:var(--font-display)}.restaurant-cuisine{color:var(--text-secondary);font-size:.875rem;margin-bottom:.75rem}.restaurant-meta{display:flex;gap:1rem}.rating,.delivery-time{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-secondary)}.rating{color:var(--yellow);font-weight:600}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.spinner{border:4px solid var(--border-default);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small .spinner{width:24px;height:24px}.loading-spinner.medium .spinner{width:40px;height:40px}.loading-spinner.large .spinner{width:60px;height:60px}.loading-text{margin-top:1rem;color:var(--text-secondary);font-size:.875rem}.home{min-height:100vh}.home-loading,.home-error{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.home-error p{color:var(--danger);margin-bottom:1rem}.home-error button{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition)}.home-error button:hover{background:var(--primary-dark)}.hero{background:var(--bg-card);padding:4rem 2rem;text-align:center;border-bottom:1px solid var(--border-default)}.hero-content{max-width:700px;margin:0 auto}.hero h1{font-size:3rem;font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:1rem;font-family:var(--font-display)}.hero h1 span{color:var(--primary)}.hero p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.search-box{display:flex;align-items:center;gap:1rem;background:var(--bg-dark);border:2px solid var(--border-default);border-radius:var(--radius-full);padding:1rem 1.5rem;max-width:500px;margin:0 auto;transition:var(--transition)}.search-box:focus-within{border-color:var(--primary)}.search-box svg{color:var(--text-secondary)}.search-box input{flex:1;background:none;border:none;color:var(--text-primary);font-size:1rem;outline:none}.search-box input::placeholder{color:var(--text-muted)}.restaurants-section{padding:3rem 2rem;max-width:1400px;margin:0 auto}.section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.section-header h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);font-family:var(--font-display)}.cuisine-filters{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{background:var(--bg-card);border:1px solid var(--border-default);color:var(--text-secondary);padding:.5rem 1rem;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);font-size:.875rem;font-weight:500}.restaurants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.no-results{text-align:center;padding:3rem;color:var(--text-secondary)}@media(max-width:768px){.hero h1{font-size:2rem}.section-header{flex-direction:column;align-items:flex-start}}.menu-item{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;display:flex;gap:1rem;padding:1rem;transition:var(--transition);border:1px solid var(--border-default)}.menu-item:hover{border-color:var(--primary)}.menu-item-image{position:relative;width:120px;height:120px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:var(--bg-card-light)}.menu-item-image img{width:100%;height:100%;object-fit:cover}.menu-item-category{position:absolute;top:6px;left:6px;background:var(--bg-dark);color:var(--secondary);padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.menu-item-content{flex:1;display:flex;flex-direction:column}.menu-item-name{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:.35rem;font-family:var(--font-display)}.menu-item-description{color:var(--text-muted);font-size:.85rem;line-height:1.4;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.menu-item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.menu-item-price{font-size:1.2rem;font-weight:700;color:var(--success);font-family:var(--font-display)}.add-btn{display:flex;align-items:center;gap:.35rem;background:var(--primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;transition:var(--transition)}.add-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.quantity-controls{display:flex;align-items:center;gap:.5rem;background:var(--bg-card-light);padding:.25rem;border-radius:var(--radius-md);border:1px solid var(--border-default)}.qty-btn{background:var(--primary);color:#fff;border:none;width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.qty-value{color:var(--text-primary);font-weight:700;min-width:24px;text-align:center;font-family:var(--font-display)}@media(max-width:480px){.menu-item{flex-direction:column}.menu-item-image{width:100%;height:150px}}.restaurant-page{min-height:100vh}.restaurant-loading,.restaurant-error{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.restaurant-error p{color:var(--danger)}.back-btn{color:var(--primary);text-decoration:none}.restaurant-header{position:relative}.back-link{position:absolute;top:1rem;left:1rem;z-index:10;display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;background:#0009;padding:.5rem 1rem;border-radius:var(--radius-full);font-weight:500;transition:var(--transition)}.back-link:hover{background:var(--primary)}.restaurant-banner{height:300px;position:relative;overflow:hidden;background:var(--bg-card)}.restaurant-banner img{width:100%;height:100%;object-fit:cover}.banner-overlay{position:absolute;inset:0;background:#0d1117b3}.restaurant-info-card{max-width:800px;margin:-80px auto 0;padding:2rem;background:var(--bg-card);border-radius:var(--radius-lg);position:relative;z-index:5;border:1px solid var(--border-default)}.restaurant-info-card h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;font-family:var(--font-display)}.cuisine{color:var(--text-secondary);font-size:1rem;margin-bottom:1rem}.restaurant-meta{display:flex;gap:1.5rem;flex-wrap:wrap}.restaurant-meta span{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.restaurant-meta .rating{color:var(--yellow);font-weight:600}.menu-section{max-width:1200px;margin:0 auto;padding:2rem}.menu-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.menu-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);font-family:var(--font-display)}.category-filters{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{background:var(--bg-card);border:1px solid var(--border-default);color:var(--text-secondary);padding:.5rem 1rem;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);font-size:.875rem}.filter-btn:hover{border-color:var(--primary);color:var(--text-primary)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.menu-grid{display:grid;gap:1rem}.no-items{text-align:center;padding:3rem;color:var(--text-secondary)}@media(max-width:768px){.restaurant-info-card{margin:-60px 1rem 0}.menu-header{flex-direction:column;align-items:flex-start}}.cart-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-card-light);border-radius:var(--radius-lg);border:1px solid var(--border-default)}.cart-item-image{width:70px;height:70px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card)}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-details{flex:1}.cart-item-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;font-family:var(--font-display)}.cart-item-price{color:var(--text-secondary);font-size:.875rem}.cart-item-actions{display:flex;align-items:center;gap:1rem}.quantity-controls{display:flex;align-items:center;gap:.5rem;background:var(--bg-card);padding:.25rem;border-radius:var(--radius-sm);border:1px solid var(--border-default)}.qty-btn{background:var(--primary);color:#fff;border:none;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.qty-btn:hover{background:var(--primary-dark)}.qty-value{color:var(--text-primary);font-weight:600;min-width:20px;text-align:center}.remove-btn{background:var(--bg-card);border:1px solid var(--border-default);color:var(--danger);padding:.5rem;border-radius:var(--radius-sm);transition:var(--transition)}.remove-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.cart-item-total{font-size:1.1rem;font-weight:700;color:var(--success);min-width:80px;text-align:right;font-family:var(--font-display)}@media(max-width:600px){.cart-item{flex-wrap:wrap}.cart-item-total{width:100%;text-align:left;margin-top:.5rem}}.cart-page{min-height:100vh;padding:2rem}.cart-empty{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-muted)}.cart-empty svg{color:var(--border-default);margin-bottom:1.5rem}.cart-empty h2{color:var(--text-primary);margin-bottom:.5rem;font-family:var(--font-display)}.cart-empty p{margin-bottom:1.5rem}.cart-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 400px;gap:2rem}.cart-items-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-default)}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cart-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);font-family:var(--font-display)}.clear-cart-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--danger);color:var(--danger);padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;transition:var(--transition)}.clear-cart-btn:hover{background:var(--danger);color:#fff}.restaurant-info{padding:.75rem 1rem;background:var(--bg-card-light);border-radius:var(--radius-md);margin-bottom:1rem;color:var(--text-secondary);border:1px solid var(--border-default)}.restaurant-info strong{color:var(--secondary)}.cart-items-list{display:flex;flex-direction:column;gap:1rem}.cart-summary{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.5rem;height:fit-content;position:sticky;top:100px;border:1px solid var(--border-default)}.cart-summary h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;font-family:var(--font-display)}.summary-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.summary-row.total{border-bottom:none;border-top:2px solid var(--border-default);margin-top:.5rem;padding-top:1rem;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.checkout-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;background:var(--primary);color:#fff;text-decoration:none;padding:1rem;border-radius:var(--radius-lg);font-weight:600;font-size:1rem;margin-top:1.5rem;transition:var(--transition)}.checkout-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}@media(max-width:900px){.cart-container{grid-template-columns:1fr}.cart-summary{position:static}}.checkout-page{min-height:100vh;padding:2rem}.checkout-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 380px;gap:2rem}.checkout-form{background:var(--bg-card);border-radius:var(--radius-lg);padding:2rem;border:1px solid var(--border-default)}.checkout-form h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem;font-family:var(--font-display)}.form-section{margin-bottom:2rem}.form-section h3{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1.25rem;font-family:var(--font-display)}.form-section h3 svg{color:var(--primary)}.form-group{margin-bottom:1rem}.form-group input{width:100%;padding:.875rem 1rem;background:var(--bg-dark);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:var(--transition)}.form-group input:focus{outline:none;border-color:var(--primary)}.payment-options{display:flex;flex-direction:column;gap:.75rem}.payment-option{display:flex;align-items:center;padding:1rem;background:var(--bg-card-light);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition)}.payment-option.selected{border-color:var(--primary);background:var(--bg-dark)}.payment-option input{display:none}.option-content{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:500}.option-content svg{color:var(--success)}.place-order-btn{width:100%;padding:1rem;background:var(--primary);border:none;border-radius:var(--radius-lg);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition);font-family:var(--font-display)}.place-order-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px)}.place-order-btn:disabled{opacity:.7;cursor:not-allowed}.order-summary{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.5rem;height:fit-content;position:sticky;top:100px;border:1px solid var(--border-default)}.order-summary h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;font-family:var(--font-display)}.summary-restaurant{padding:.75rem;background:var(--bg-card-light);border-radius:var(--radius-md);color:var(--secondary);font-weight:500;margin-bottom:1rem;border:1px solid var(--border-default)}.summary-items{max-height:200px;overflow-y:auto;margin-bottom:1rem}.summary-item{display:flex;justify-content:space-between;padding:.5rem 0;color:var(--text-secondary);font-size:.875rem}.summary-totals{border-top:1px solid var(--border-default);padding-top:1rem}.summary-row{display:flex;justify-content:space-between;padding:.5rem 0;color:var(--text-secondary)}.summary-row.total{color:var(--text-primary);font-weight:700;font-size:1.1rem;border-top:1px solid var(--border-default);margin-top:.5rem;padding-top:.75rem}.summary-row.total span:last-child{color:var(--success)}@media(max-width:900px){.checkout-container{grid-template-columns:1fr}.order-summary{position:static;order:-1}}.order-status-tracker{padding:1.5rem;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-default)}.status-progress{display:flex;justify-content:space-between;position:relative;padding:0 1rem}.status-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.step-icon{width:50px;height:50px;border-radius:50%;background:var(--bg-card-light);display:flex;align-items:center;justify-content:center;font-size:1.2rem;border:3px solid var(--border-default);transition:var(--transition);z-index:2;color:var(--text-secondary)}.status-step.completed .step-icon{background:var(--success);border-color:var(--success);color:#fff}.status-step.current .step-icon{background:var(--primary);border-color:var(--primary);color:#fff;animation:pulse 2s infinite}.step-label{margin-top:.75rem;font-size:.75rem;color:var(--text-muted);text-align:center;font-weight:500}.status-step.completed .step-label,.status-step.current .step-label{color:var(--text-primary)}.step-connector{position:absolute;top:25px;left:50%;width:100%;height:3px;background:var(--border-default);z-index:1}.step-connector.completed{background:var(--success)}.order-status.cancelled{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--danger)}.status-icon{width:48px;height:48px;background:var(--danger);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.status-text{font-size:1.25rem;font-weight:600;color:var(--danger);font-family:var(--font-display)}.status-history{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-default)}.status-history h4{color:var(--text-secondary);font-size:.8rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.history-entry{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-light)}.history-status{color:var(--text-primary);font-weight:500;text-transform:capitalize}.history-time{color:var(--text-muted);font-size:.875rem}@media(max-width:600px){.status-progress{flex-direction:column;gap:1rem}.step-connector{display:none}.status-step{flex-direction:row;gap:1rem}.step-icon{width:40px;height:40px;font-size:1rem}}.order-tracking-page{min-height:100vh;padding:2rem}.order-tracking-loading,.order-tracking-error{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.order-tracking-error p{color:var(--danger)}.order-tracking-container{max-width:800px;margin:0 auto}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.order-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);font-family:var(--font-display)}.order-date{color:var(--text-secondary);margin-top:.25rem}.order-total{text-align:right}.order-total span{display:block;color:var(--text-secondary);font-size:.875rem}.order-total strong{font-size:1.5rem;color:var(--success);font-family:var(--font-display)}.order-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:2rem 0}.detail-card{background:var(--bg-card);padding:1.25rem;border-radius:var(--radius-lg);border:1px solid var(--border-default)}.detail-card h3{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:.75rem}.detail-card h3 svg{color:var(--primary)}.detail-card p{color:var(--text-secondary)}.order-items-card{background:var(--bg-card);padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border-default)}.order-items-card h3{color:var(--text-primary);font-size:1.1rem;margin-bottom:.5rem;font-family:var(--font-display)}.restaurant-name{color:var(--secondary);margin-bottom:1rem}.items-list{display:flex;flex-direction:column;gap:.75rem}.order-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-card-light);border-radius:var(--radius-md);border:1px solid var(--border-default)}.item-qty{background:var(--primary);color:#fff;padding:.25rem .5rem;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem}.item-name{flex:1;color:var(--text-primary)}.item-price{color:var(--success);font-weight:600;font-family:var(--font-display)}@media(max-width:600px){.order-header{flex-direction:column;gap:1rem}.order-total{text-align:left}.order-details-grid{grid-template-columns:1fr}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-dark)}.login-container{width:100%;max-width:420px}.login-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:2.5rem;border:1px solid var(--border-default)}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;font-family:var(--font-display)}.login-header p{color:var(--text-secondary)}.input-group{position:relative;margin-bottom:1rem}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);display:flex;align-items:center;pointer-events:none}.input-group input{width:100%;padding:.875rem 1rem .875rem 3rem;background:var(--bg-dark);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:var(--transition)}.input-group input:focus{outline:none;border-color:var(--primary)}.input-group input:focus+.input-icon,.input-group:focus-within .input-icon{color:var(--primary)}.input-group input::placeholder{color:var(--text-muted)}.demo-accounts{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-default)}.demo-title{color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;text-align:center}.demo-list{display:flex;flex-direction:column;gap:.5rem}.demo-btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;background:var(--bg-dark);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition)}.demo-btn:hover{border-color:var(--primary);background:var(--bg-card-light)}.demo-role{color:var(--secondary);font-weight:600;font-size:.85rem}.demo-email{color:var(--text-secondary);font-size:.85rem}.error-message{background:var(--bg-dark);border:1px solid var(--danger);color:var(--danger);padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem;text-align:center}.submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--primary);border:none;border-radius:var(--radius-lg);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.login-footer{text-align:center;margin-top:1.5rem;color:var(--text-secondary)}.switch-btn{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;margin-left:.5rem}.switch-btn:hover{text-decoration:underline}.back-home{display:block;text-align:center;margin-top:1.5rem;color:var(--text-muted);text-decoration:none;font-size:.875rem}.back-home:hover{color:var(--primary)}.my-orders-page{min-height:100vh;padding:2rem;max-width:800px;margin:0 auto}.orders-loading,.orders-empty{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-muted)}.orders-empty svg{color:var(--border-default);margin-bottom:1.5rem}.orders-empty h2{color:var(--text-primary);margin-bottom:.5rem;font-family:var(--font-display)}.orders-empty p{margin-bottom:1.5rem}.browse-btn{background:var(--primary);color:#fff;text-decoration:none;padding:.75rem 2rem;border-radius:var(--radius-full);font-weight:600;transition:var(--transition)}.browse-btn:hover{background:var(--primary-dark)}.my-orders-page h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem;font-family:var(--font-display)}.order-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.25rem;text-decoration:none;transition:var(--transition);border:1px solid var(--border-default)}.order-card:hover{border-color:var(--primary);transform:translate(5px)}.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.order-id{color:var(--text-secondary);font-size:.875rem}.order-status{font-weight:600;font-size:.875rem;text-transform:capitalize}.order-card-body h3{color:var(--text-primary);font-size:1.1rem;margin-bottom:.25rem;font-family:var(--font-display)}.order-card-body p{color:var(--text-secondary);font-size:.875rem}.order-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-default)}.order-date{color:var(--text-muted);font-size:.875rem}.order-amount{color:var(--success);font-weight:700;font-family:var(--font-display)}.admin-dashboard{min-height:100vh;padding:2rem;max-width:1200px;margin:0 auto}.admin-loading{min-height:60vh;display:flex;align-items:center;justify-content:center}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);font-family:var(--font-display)}.refresh-btn:hover{border-color:var(--primary);color:var(--primary)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1rem;border:1px solid var(--border-default)}.stat-icon{width:60px;height:60px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-icon.restaurants{background:var(--primary);color:#fff}.stat-icon.orders{background:var(--success);color:#fff}.stat-icon.pending{background:var(--yellow);color:var(--bg-dark)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);font-family:var(--font-display)}.stat-label{color:var(--text-secondary);font-size:.875rem}.quick-actions{margin-bottom:2rem}.quick-actions h2,.recent-orders h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;font-family:var(--font-display)}.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.action-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.5rem;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--text-primary);transition:var(--transition);border:1px solid var(--border-default);font-family:var(--font-display)}.action-card:hover{border-color:var(--primary);transform:translateY(-3px)}.action-card svg{color:var(--primary)}.recent-orders{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-default)}.no-orders{color:var(--text-secondary);text-align:center;padding:2rem}.orders-table{display:flex;flex-direction:column;gap:.5rem}.order-row{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;padding:1rem;background:var(--bg-card-light);border-radius:var(--radius-md);align-items:center;border:1px solid var(--border-default)}.order-id{color:var(--text-secondary)}.order-restaurant{color:var(--text-primary)}.order-status{text-transform:capitalize;font-weight:500}.order-status.placed{color:var(--blue)}.order-status.preparing{color:var(--yellow)}.order-status.out-for-delivery{color:var(--orange)}.order-status.delivered{color:var(--success)}.order-status.cancelled{color:var(--danger)}.order-amount{color:var(--success);text-align:right;font-family:var(--font-display)}@media(max-width:768px){.stats-grid,.actions-grid{grid-template-columns:1fr}.order-row{grid-template-columns:1fr 1fr;gap:.5rem}}.admin-form-page{min-height:100vh;padding:2rem}.admin-form-container{max-width:600px;margin:0 auto}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;margin-bottom:2rem;transition:var(--transition)}.back-link:hover{color:var(--primary)}.form-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:2rem;border:1px solid var(--border-default)}.form-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-default)}.form-header svg{color:var(--primary)}.form-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);font-family:var(--font-display)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.875rem 1rem;background:var(--bg-dark);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.form-group select{cursor:pointer}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.error-message{background:var(--bg-dark);border:1px solid var(--danger);color:var(--danger);padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem}.success-message{background:var(--bg-dark);border:1px solid var(--success);color:var(--success);padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem}.submit-btn{width:100%;padding:1rem;background:var(--primary);border:none;border-radius:var(--radius-lg);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.submit-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.manage-orders-page{min-height:100vh;padding:2rem}.manage-orders-loading{min-height:60vh;display:flex;align-items:center;justify-content:center}.manage-orders-container{max-width:1000px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.refresh-btn{display:flex;align-items:center;gap:.5rem;background:var(--bg-card);border:1px solid var(--border-default);color:var(--text-primary);padding:.5rem 1rem;border-radius:var(--radius-md);transition:var(--transition)}.refresh-btn:hover{border-color:var(--primary)}.manage-orders-container h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem;font-family:var(--font-display)}.no-orders{text-align:center;padding:3rem;color:var(--text-secondary)}.orders-list{display:flex;flex-direction:column;gap:1rem}.order-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-default)}.order-header{display:flex;justify-content:space-between;margin-bottom:1rem}.order-id{color:var(--text-primary);font-weight:600;font-family:var(--font-display)}.order-date{color:var(--text-secondary);font-size:.875rem}.order-details{display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-default)}.order-info h3{color:var(--secondary);margin-bottom:.25rem}.order-items{color:var(--text-secondary);font-size:.875rem;margin-bottom:.25rem}.order-address{color:var(--text-muted);font-size:.8rem}.order-amount{font-size:1.25rem;font-weight:700;color:var(--success);font-family:var(--font-display)}.order-actions{display:flex;flex-direction:column;gap:.75rem}.current-status{color:var(--text-secondary);font-size:.875rem}.current-status strong{color:var(--text-primary);text-transform:capitalize}.status-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.status-btn{padding:.4rem .75rem;background:var(--bg-card-light);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.75rem;cursor:pointer;text-transform:capitalize;transition:var(--transition)}.status-btn:hover:not(:disabled){border-color:var(--primary);color:var(--text-primary)}.status-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.status-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.order-details{flex-direction:column;gap:1rem}}
