*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{font-size:1.6rem;font-family:sans-serif}.container{max-width:120rem;margin:0 auto;padding:0 2rem}.card-price{display:flex;justify-content:space-between;align-items:center;padding:0rem 1rem}.btn{background:var(--primary-color);border:none;border-radius:1.5rem;box-shadow:.5rem .5rem 1rem var(--shadow-dark),-.5rem -.5rem 1rem var(--shadow-light);padding:1rem 1.5rem;margin:0 .5rem;cursor:pointer;font-weight:600;color:var(--text-color);transition:color .2s ease,box-shadow .2s ease;outline:.2rem solid transparent;text-decoration:none}.btn:active,.btn.active{box-shadow:inset .2rem .2rem .5rem var(--shadow-dark),inset -.2rem -.2rem .5rem var(--shadow-light)}.all-btn:active,.all-btn.active{color:var(--all-btn-colr);outline:.2rem solid var(--all-btn-colr)}.veg-btn:active,.veg-btn.active{color:var(--veg-btn-colr);outline:.2rem solid var(--veg-btn-colr)}.nonveg-btn:active,.nonveg-btn.active{color:var(--nonveg-btn-colr);outline:.2rem solid var(--nonveg-btn-colr)}.home-container{padding:20px 0}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.card-padding{padding:0 1rem}.card{background:var(--primary-color);border-radius:20px;padding:2rem;box-shadow:6px 6px 15px var(--shadow-dark),-6px -6px 15px var(--shadow-light);transition:all .3s ease;display:flex;flex-direction:column}.card:hover{transform:translateY(-6px)}.home-image-container{width:100%;height:200px;overflow:hidden;border-radius:15px;margin-bottom:15px}.home-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.home-image:hover{transform:scale(1.08)}.home-title{font-size:2.5rem;font-weight:600;margin-bottom:6px}.home-description{font-size:1.3rem;color:#060606;flex-grow:1.5;margin-bottom:10px}.home-price{font-weight:700;font-size:2.1rem;color:var(--accent-color)}.veg-container{padding:20px 0}.veg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.veg-card{background:#f8fff8;border:2px solid green;border-radius:20px;padding:20px;box-shadow:2px 2px 10px #f003;transition:.3s ease;display:flex;flex-direction:column}.veg-card:hover{transform:scale(1.03)}.veg-image-container{height:200px;overflow:hidden;border-radius:15px;margin-bottom:15px}.veg-image{width:100%;height:100%;object-fit:cover}.veg-title{font-size:2.3rem;font-weight:600;color:green;margin-bottom:6px}.veg-description{font-size:1.3rem;color:#000;flex-grow:1;margin-bottom:10px}.veg-price{font-size:2.1rem;font-weight:700;color:#006400}.nonveg-container{padding:20px 0}.nonveg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.nonveg-card{background:#fff8f8;border:2px solid red;border-radius:20px;padding:20px;box-shadow:2px 2px 10px #f003;transition:.3s ease;display:flex;flex-direction:column}.nonveg-card:hover{transform:scale(1.03)}.nonveg-image-container{height:200px;overflow:hidden;border-radius:15px;margin-bottom:15px}.nonveg-image{width:100%;height:100%;object-fit:cover}.nonveg-title{font-size:2.3rem;font-weight:600;color:red;margin-bottom:6px}.nonveg-description{font-size:1.3rem;color:#555;flex-grow:1;margin-bottom:10px}.nonveg-price{font-size:2.1rem;font-weight:700;color:#8b0000}.chat-container{height:85vh;display:flex;flex-direction:column;background:#f5f6fa}.chat-messages{flex:1;padding:20px;overflow-y:auto}.date-divider{text-align:center;margin:15px 0;font-size:12px;color:#777}.chat-message{display:flex;margin-bottom:10px}.chat-message.left{justify-content:flex-start}.chat-message.right{justify-content:flex-end}.bubble{max-width:65%;padding:1.2rem;border-radius:1.5rem;position:relative}.left .bubble{background:#fff;border-bottom-left-radius:5px}.bubble p{white-space:pre-wrap;word-break:break-word}.right .bubble{background:linear-gradient(135deg,#8e2de2,#4a00e0);color:#fff;border-bottom-right-radius:5px}.meta{font-size:11px;margin-top:5px;opacity:.7;text-align:right}.actions{margin-top:5px;display:flex;gap:8px}.actions button{font-size:11px;border:none;background:transparent;cursor:pointer;color:#ff4d4f}.chat-input{display:flex;align-items:flex-end;gap:10px;padding:15px;background:#fff;border-top:1px solid #ddd;width:100%;box-sizing:border-box}.chat-textarea{flex:1;width:100%;padding:1px 16px;border-radius:25px;border:1px solid #ccc;resize:none;font-size:14px;line-height:24px;max-height:144px;overflow-y:auto;max-height:12rem;outline:none;box-sizing:border-box}.chat-textarea:focus{border-color:#4a00e0}.chat-input button{flex-shrink:0;padding:10px 18px;border:none;border-radius:25px;background:#4a00e0;color:#fff;cursor:pointer;white-space:nowrap}.auth-container{height:80vh;display:flex;justify-content:center;align-items:center}.auth-card{width:350px;padding:3rem;background:var(--primary-color);border-radius:20px;box-shadow:6px 6px 15px var(--shadow-dark),-6px -6px 15px var(--shadow-light);text-align:center}.auth-card h2{margin-bottom:2rem;font-size:2.4rem}.auth-input{margin-bottom:1.5rem}.auth-input input{width:100%;border:none;outline:none;background:transparent;font-size:1.4rem}.auth-btn{width:100%;margin-top:1rem}.auth-switch{margin-top:1.5rem;font-size:1.3rem}.auth-switch a{color:#4a00e0;font-weight:700;text-decoration:none}.neu-header{background:var(--primary-color);box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light);padding:1rem 2rem;border-radius:0 0 20px 20px;margin-bottom:1.1rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;flex-wrap:wrap}.neu-button,.neu-button:hover{text-decoration:none}.owner-nav{background:transparent;display:flex;justify-content:center;align-items:center;gap:1.2rem}.owner-link{background:#e0e5ec;color:#333;border-radius:30px;padding:10px 22px;text-decoration:none;font-weight:500;box-shadow:6px 6px 12px #c5c9d3,-6px -6px 12px #fff;transition:all .3s ease;margin-bottom:1rem}.owner-link:hover{color:#000;box-shadow:4px 4px 8px #c5c9d3,-4px -4px 8px #fff}.owner-link.active{color:#ff4d4d;border:2px solid #ff4d4d;box-shadow:inset 4px 4px 8px #c5c9d3,inset -4px -4px 8px #fff}.owner-content{background:#e0e5ec;padding:20px;box-shadow:10px 10px 20px #c5c9d3,-10px -10px 20px #fff}.modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-box{width:90%;max-width:520px;padding:25px;border-radius:20px;background:#e0e5ec;box-shadow:8px 8px 16px #b8bec7,-8px -8px 16px #fff;position:relative;animation:modalPop .25s ease}.close-modal{position:absolute;top:12px;right:15px;border:none;background:none;font-size:22px;cursor:pointer;color:#333}.close-modal:hover{color:#ff6b6b}.modal-form{display:flex;flex-direction:column;gap:12px;margin-top:10px}.modal-form label{font-weight:500;font-size:14px}@keyframes modalPop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.neu-input{width:100%;padding:12px 15px;border-radius:14px;border:none!important;background:#e0e5ec!important;box-shadow:inset 6px 6px 12px #b8bec7,inset -6px -6px 12px #fff!important;outline:none;font-size:14px}div>.img-url-input{padding:0}input,select,textarea{border:none;outline:none;background:#e0e5ec}.order-panel{position:fixed;right:15px;top:90px;width:270px;max-height:75vh;overflow-y:auto;padding:18px;border-radius:20px;background:#e0e5ec;box-shadow:8px 8px 18px #a3b1c6,-8px -8px 18px #fff}.order-item{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:10px;border-radius:12px;background:#e0e5ec;box-shadow:4px 4px 8px #a3b1c6,-4px -4px 8px #fff;font-size:13px}.left-section{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow:hidden}.qty{font-weight:600;font-size:12px;flex-shrink:0}.dish-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price{font-weight:600;min-width:55px;text-align:right;flex-shrink:0}.qty-control{display:flex;align-items:center;gap:4px;flex-shrink:0}.qty-control span{font-size:12px;min-width:14px;text-align:center}.qty-control button{width:22px;height:22px;border-radius:5px;border:none;font-size:13px;cursor:pointer;background:#e0e5ec;box-shadow:3px 3px 6px #a3b1c6,-3px -3px 6px #fff;transition:.2s}.qty-control button:active{box-shadow:inset 3px 3px 6px #a3b1c6,inset -3px -3px 6px #fff}.order-panel h3:last-of-type{margin-top:12px;padding:8px;border-radius:12px;font-size:14px;background:#e0e5ec;box-shadow:inset 4px 4px 8px #a3b1c6,inset -4px -4px 8px #fff}.order-panel>button{margin-left:20%;margin-top:10px;padding:8px;border-radius:20px;font-weight:600;background:#e0e5ec;box-shadow:4px 4px 8px #a3b1c6,-4px -4px 8px #fff;transition:.2s;cursor:pointer}.order-panel>button:active{box-shadow:inset 4px 4px 8px #a3b1c6,inset -4px -4px 8px #fff}.table-input{width:100%;padding:8px 10px;margin-bottom:12px;border-radius:12px;border:none;outline:none;font-size:13px;background:#e0e5ec;box-shadow:inset 4px 4px 8px #a3b1c6,inset -4px -4px 8px #fff}.table-input:focus{box-shadow:inset 3px 3px 6px #a3b1c6,inset -3px -3px 6px #fff,0 0 0 2px #d1d9e6}.table-input::-webkit-outer-spin-button,.table-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.orders-list{display:flex;flex-direction:column;gap:20px;padding:20px}.order-card{background:#f0f2f5;padding:20px;border-radius:14px;box-shadow:8px 8px 16px #00000014,-8px -8px 16px #ffffffe6}.order-header{display:flex;justify-content:space-between;margin-bottom:10px}.order-items{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.order-item-row{display:flex;justify-content:space-between}.order-footer{display:flex;justify-content:space-between;align-items:center}.payment-status{background:#2ecc71;color:#fff;padding:3px 8px;border-radius:6px;font-size:12px}.payment-method{background:#3498db;color:#fff;padding:3px 8px;border-radius:6px;font-size:12px}.serve-btn{background:#27ae60;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}.payment-info{display:flex;gap:10px;align-items:center}.payment-status{color:#fff;padding:4px 8px;border-radius:6px;font-size:12px}.payment-status.paid{background:#27ae60;color:#fff}.payment-status.pending{background:#e74c3c;color:#fff}.payment-method{background:#3498db;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px}.order-status.pending{color:#e67e22}.order-status.completed{color:#2ecc71}.owner-chat-layout{display:grid;grid-template-columns:250px 1fr 300px;height:80vh;gap:10px}.chat-users{background:#f4f4f4;padding:10px;overflow-y:auto}.chat-user{padding:10px;border-bottom:1px solid #ddd;cursor:pointer}.chat-user:hover{background:#e8e8e8}.chat-window{background:#fff;padding:15px;overflow-y:auto}.chat-msg{margin-bottom:10px}.order-panel{background:#fafafa;padding:15px}:root{--primary-color: #e0e5ec;--shadow-dark: #a3b1c6;--shadow-light: #ffffff;--accent-color: #ff6b6b;--text-color: #2d3436;--veg-btn-colr: #27ae60;--nonveg-btn-colr: #c0392b;--all-btn-colr: #2980b9}.neu-inset{background:var(--primary-color);border-radius:15px;box-shadow:inset 3px 3px 5px var(--shadow-dark),inset -3px -3px 5px var(--shadow-light);padding:10px 15px}.neu-button{background:var(--primary-color);border:none;border-radius:15px;box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light);padding:10px 20px;margin:0 5px;cursor:pointer;font-weight:600;color:var(--text-color);transition:color .2s ease,box-shadow .2s ease;outline:2px solid transparent}.neu-button:active,.neu-button.active{box-shadow:inset 2px 2px 5px var(--shadow-dark),inset -2px -2px 5px var(--shadow-light);color:var(--accent-color);outline:2px solid var(--accent-color)}.logo-container{display:flex;align-items:center;gap:10px}.logo-container img{width:40px;height:40px;object-fit:contain;border-radius:100%}.header-actions{display:flex;align-items:center;gap:10px}@media(max-width:768px){.neu-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.header-actions{width:100%;flex-wrap:wrap;justify-content:center;gap:8px}.neu-button{padding:6px 12px;font-size:.85rem}.logo-container h1{font-size:1.1rem}.logo-container img{width:35px;height:35px}}.modal-box h2{text-align:center;margin-bottom:20px;color:#333}.modal-box input,.modal-box textarea{width:100%;padding:12px 15px;margin-bottom:15px;border-radius:12px;border:none;outline:none;font-size:14px;background:#e0e5ec;color:#333;box-shadow:inset 4px 4px 8px #c5c9d3,inset -4px -4px 8px #fff;transition:.2s ease}.modal-box input:focus,.modal-box textarea:focus{box-shadow:inset 2px 2px 5px #c5c9d3,inset -2px -2px 5px #fff,0 0 0 2px #ff4d4d}.modal-box textarea{resize:none;min-height:80px}.modal-box .btn{width:100%;padding:12px;border-radius:25px;border:none;font-weight:600;cursor:pointer;background:#e0e5ec;color:#ff4d4d;box-shadow:6px 6px 12px #c5c9d3,-6px -6px 12px #fff;transition:.3s ease}.modal-box .btn:hover{transform:translateY(-2px)}.close-modal{font-size:18px;color:#ff4d4d}.footer{margin-top:50px;padding:40px 20px;background:#e6e9ef;box-shadow:inset 8px 8px 16px #c5c8ce,inset -8px -8px 16px #fff}.footer-container{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:1200px;margin:auto}.footer h2{margin-bottom:10px}.footer-links,.footer-contact{display:flex;flex-direction:column}.footer a{text-decoration:none;color:#333;margin:5px 0;transition:.3s}.footer a:hover{color:#ff4d4d}.footer-bottom{text-align:center;margin-top:30px;font-size:14px;color:#555}
