@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;700&display=swap";:root{--primary-color: #051835;--secondary-color: #A9B7C7;--accent-color: #4A6D9E;--success-color: #051835;--danger-color: #d32f2f;--background-color: #1A2B42;--text-color: #E0E0E0;--light-text-color: #B0B0B0;--primary-color-rgb: 5, 24, 53;--accent-color-rgb: 74, 109, 158;--secondary-color-rgb: 169, 183, 199;--shadow-light: 0 2px 8px rgba(0, 0, 0, .2);--shadow-medium: 0 4px 12px rgba(0, 0, 0, .3);--shadow-strong: 0 6px 18px rgba(0, 0, 0, .4);--border-radius-sm: 6px;--border-radius-md: 12px}body{font-family:Vazirmatn,sans-serif;background-color:var(--background-color);color:var(--text-color);direction:rtl;margin:0;padding:0}main{max-width:1200px;margin:0 auto;padding:20px}.header{background-color:var(--primary-color);color:var(--secondary-color);padding:1rem 15px;box-shadow:0 4px 8px #0000004d;display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box;position:relative;z-index:100;border-bottom-left-radius:15px;border-bottom-right-radius:15px}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;gap:20px}.header-logo{height:50px;width:auto;margin-right:15px;flex-shrink:0;border-radius:8px;object-fit:contain;box-shadow:0 0 5px var(--secondary-color),0 0 10px var(--secondary-color),0 0 20px var(--secondary-color),0 0 40px var(--secondary-color),0 0 80px var(--secondary-color);transition:box-shadow .3s ease-in-out}.header-logo:hover{box-shadow:0 0 8px var(--secondary-color),0 0 15px var(--secondary-color),0 0 30px var(--secondary-color),0 0 60px var(--secondary-color),0 0 100px var(--secondary-color)}.header-title{margin:0;font-size:1.8rem;font-family:Vazirmatn,sans-serif;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.4);flex-grow:1;text-align:right;color:var(--text-color)}.waiter-panel-button{background-color:var(--accent-color);color:var(--text-color);border:none;padding:.75rem 1.2rem;border-radius:var(--border-radius-md);font-size:.9rem;font-family:Vazirmatn,sans-serif;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;box-shadow:var(--shadow-light);white-space:nowrap;flex-shrink:0}.waiter-panel-button:hover{background-color:#3a5b8a;transform:translateY(-2px);box-shadow:var(--shadow-medium)}@media (max-width: 768px){.header{padding:.8rem 15px}.header-content{gap:10px}.header-logo{height:40px;margin-right:10px;box-shadow:0 0 3px var(--secondary-color),0 0 7px var(--secondary-color),0 0 15px var(--secondary-color)}.header-logo:hover{box-shadow:0 0 5px var(--secondary-color),0 0 10px var(--secondary-color),0 0 20px var(--secondary-color)}.header-title{font-size:1.6rem}.waiter-panel-button{padding:.6rem 1rem;font-size:.8rem}}@media (max-width: 480px){.header-logo{height:35px}.header-title{font-size:1.4rem}.waiter-panel-button{font-size:.75rem;padding:.5rem .8rem}}.home-container{min-height:100vh;padding:20px 15px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:25px;padding-right:calc(15px + var(--sidebar-width, 80px))}.home-title{font-size:2.2rem;margin:0 0 30px;color:var(--secondary-color);text-align:center;font-weight:800;width:100%;background-color:var(--primary-color);padding:15px 20px;border-radius:var(--border-radius-md);box-shadow:var(--shadow-medium);letter-spacing:1px;text-shadow:1px 1px 2px rgba(0,0,0,.4);box-sizing:border-box}@media (min-width: 768px){.home-title{font-size:2.5rem;padding:20px 30px}}@media (min-width: 1024px){.home-title{font-size:3rem}}.home-error{color:var(--danger-color);background-color:rgba(var(--danger-color-rgb),.1);padding:10px 15px;border-radius:var(--border-radius-sm);text-align:center;font-size:.9rem;width:calc(90% - var(--sidebar-width, 80px));max-width:calc(400px - var(--sidebar-width, 80px))}.action-button{padding:.75rem 1.5rem;font-size:1rem;border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;font-family:Vazirmatn,sans-serif;box-shadow:var(--shadow-light);color:var(--text-color);background-color:var(--accent-color)}.action-button:hover{background-color:#3a5b8a;transform:translateY(-2px);box-shadow:var(--shadow-medium)}.main-layout-content{width:100%;display:flex;flex-direction:row;align-items:flex-start;gap:20px;position:relative;justify-content:center;max-width:1200px;padding-left:15px;box-sizing:border-box}.category-sidebar-desktop{position:fixed;right:0;width:var(--sidebar-width, 80px);height:calc(100vh - var(--header-height, 0px));background-color:rgba(var(--primary-color-rgb),.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-strong);padding:20px 0;box-sizing:border-box;overflow-y:auto;z-index:90;display:flex;flex-direction:column;align-items:center;gap:15px;border-radius:var(--border-radius-md) 0 0 var(--border-radius-md);border-left:1px solid rgba(var(--secondary-color-rgb),.2)}.category-sidebar-desktop::-webkit-scrollbar{display:none}.category-sidebar-desktop{-ms-overflow-style:none;scrollbar-width:none}.category-icon-button{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 5px;color:var(--secondary-color);transition:transform .3s ease,color .3s ease,background-color .3s ease;width:100%;box-sizing:border-box;border-radius:var(--border-radius-sm)}.category-icon-button:hover{color:var(--accent-color);transform:scale(1.05);background-color:rgba(var(--accent-color-rgb),.15)}.category-icon-button.active{color:var(--accent-color);transform:scale(1.15);font-weight:700;background-color:rgba(var(--accent-color-rgb),.3)}.category-icon-button .category-icon{font-size:2rem;margin-bottom:5px;transition:transform .3s ease,font-size .3s ease}.category-icon-button .category-label{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-content-area{flex-grow:1;width:calc(100% - var(--sidebar-width, 80px) - 20px);max-width:900px;padding:0;box-sizing:border-box}.category-section{margin-bottom:40px;scroll-margin-top:var(--sticky-category-title-offset, 0px)}.category-section-title{font-size:1.6rem;color:var(--secondary-color);margin-bottom:20px;text-align:right;border-bottom:2px solid var(--accent-color);font-weight:700;position:sticky;top:var(--sticky-category-title-offset, 0px);background-color:var(--background-color);z-index:55;margin-top:-15px;padding:15px 15px 10px;box-shadow:0 2px 5px #0003;border-radius:var(--border-radius-sm);background-image:linear-gradient(to left,rgba(var(--primary-color-rgb),.7) 0%,transparent 100%);display:flex;align-items:center;justify-content:space-between}.category-section-title:before{content:"";display:block;width:20px;height:20px;background-color:var(--accent-color);border-radius:50%;margin-left:10px;flex-shrink:0}.no-items-message{text-align:center;color:var(--light-text-color);font-size:1.1rem;padding:50px 20px}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;padding:0}.menu-card{position:relative;width:100%;height:360px;background-color:var(--primary-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-medium);animation:fadeIn .5s ease-in;overflow:hidden;border:1px solid rgba(var(--secondary-color-rgb),.1)}.menu-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius-sm);z-index:1;background-color:#333;transition:transform .3s ease}.menu-card:hover .menu-image{transform:scale(1.03)}.menu-content-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:15px;box-sizing:border-box;background:linear-gradient(to top,#000000e6,#000000b3,#0000);color:var(--text-color);text-align:right;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.menu-content-overlay::-webkit-scrollbar{display:none}.menu-name{font-size:1.3rem;color:var(--secondary-color);margin-bottom:.5rem;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.7)}.menu-description{font-size:.85rem;color:var(--light-text-color);margin-bottom:10px;text-shadow:1px 1px 2px rgba(0,0,0,.7);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.4;min-height:3em}.price-options{margin-top:10px;display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid rgba(var(--secondary-color-rgb),.2)}.price-option{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background-color:rgba(var(--accent-color-rgb),.2);border-radius:var(--border-radius-sm);box-shadow:none;flex-wrap:wrap}.price-option span{font-size:.8rem;color:var(--text-color);font-weight:600}.cart-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.add-button,.remove-button{padding:.3rem .6rem;font-size:.75rem;border-radius:var(--border-radius-sm);box-shadow:var(--shadow-light);color:var(--text-color)}.add-button{background-color:var(--success-color)}.add-button:hover{background-color:#104498}.remove-button{background-color:var(--danger-color)}.remove-button:hover{background-color:#b71c1c}.quantity{font-size:.85rem;color:var(--secondary-color);font-weight:700;min-width:18px;text-align:center}.cart-fab-container{position:fixed;bottom:20px;left:20px;z-index:100;animation:fadeIn .5s ease-in}.cart-fab-button{background-color:var(--accent-color);color:var(--text-color);border:none;border-radius:50%;width:60px;height:60px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;cursor:pointer;box-shadow:var(--shadow-strong);transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;position:relative}.cart-fab-button:hover{background-color:#3a5b8a;transform:translateY(-3px);box-shadow:0 8px 20px #0006}.cart-item-count{position:absolute;top:-5px;right:-5px;background-color:var(--danger-color);color:#fff;border-radius:50%;padding:4px 8px;font-size:.8rem;min-width:20px;text-align:center;font-weight:700}.cart-modal-overlay{position:fixed;inset:0;background-color:#000c;z-index:101;display:flex;justify-content:center;align-items:flex-end;animation:fadeInOverlay .3s ease-out}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.cart-panel{background-color:var(--background-color);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;box-shadow:var(--shadow-strong);padding:20px;width:100%;max-width:600px;transform:translateY(100%);animation:slideUpPanel .3s ease-out forwards;max-height:80vh;overflow-y:auto;box-sizing:border-box;color:var(--text-color)}@keyframes slideUpPanel{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cart-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(var(--light-text-color-rgb),.2);padding-bottom:10px}.cart-title{font-size:1.5rem;color:var(--secondary-color);margin:0;font-weight:700}.close-cart-button{background:none;border:none;font-size:1.8rem;color:var(--light-text-color);cursor:pointer;padding:0;transition:transform .2s ease}.close-cart-button:hover{transform:scale(1.1);color:var(--text-color)}.order-type-selection{display:flex;justify-content:center;gap:20px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(var(--light-text-color-rgb),.2)}.order-type-selection label{display:flex;align-items:center;gap:8px;font-size:1rem;color:var(--text-color);cursor:pointer}.order-type-selection input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid var(--accent-color);border-radius:50%;outline:none;cursor:pointer;position:relative;transition:all .2s ease;background-color:var(--primary-color)}.order-type-selection input[type=radio]:checked{background-color:var(--accent-color);border-color:var(--accent-color)}.order-type-selection input[type=radio]:checked:before{content:"";display:block;width:10px;height:10px;background-color:var(--text-color);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.input-group{margin-bottom:15px;text-align:right}.text-input{width:100%;padding:10px 12px;font-size:1rem;border:1px solid rgba(var(--secondary-color-rgb),.3);border-radius:var(--border-radius-sm);box-sizing:border-box;font-family:Vazirmatn,sans-serif;color:var(--text-color);background-color:var(--primary-color);transition:border-color .3s ease,box-shadow .3s ease}.text-input::placeholder{color:var(--light-text-color);opacity:.8}.text-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.3)}.cart-list{list-style:none;padding:0;margin:0 0 20px}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed rgba(var(--light-text-color-rgb),.15);font-size:.95rem;color:var(--text-color)}.cart-item:last-child{border-bottom:none}.cart-item-info{flex-grow:1;text-align:right}.cart-item-name{font-weight:600;color:var(--secondary-color);margin-bottom:5px}.cart-item-details{font-size:.85rem;color:var(--light-text-color);text-align:left}.cart-item-controls{display:flex;align-items:center;gap:8px;margin-left:10px}.cart-item-quantity{min-width:25px;text-align:center;font-weight:700;color:var(--secondary-color)}.cart-item-remove-button,.cart-item-add-button{background-color:var(--accent-color);color:var(--text-color);border:none;border-radius:50%;width:28px;height:28px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;cursor:pointer;transition:background-color .2s ease}.cart-item-remove-button{background-color:var(--danger-color)}.cart-item-add-button:hover{background-color:#3a5b8a}.cart-item-remove-button:hover{background-color:#b71c1c}.cart-summary{border-top:1px solid rgba(var(--light-text-color-rgb),.2);padding-top:15px;margin-top:20px;text-align:left}.cart-total{font-size:1.2rem;font-weight:700;color:var(--secondary-color);display:flex;justify-content:space-between}.submit-order-button{width:100%;padding:.8rem 1.5rem;font-size:1.1rem;background-color:var(--success-color);color:var(--text-color);border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:background-color .3s ease,transform .2s ease;margin-top:20px;box-shadow:var(--shadow-medium)}.submit-order-button:hover{background-color:#104498;transform:translateY(-2px)}.cart-empty-message{text-align:center;color:var(--light-text-color);font-size:1rem;padding:20px}.table-number-modal-overlay{position:fixed;inset:0;background-color:#000c;z-index:102;display:flex;justify-content:center;align-items:center;animation:fadeInOverlay .3s ease-out}.table-number-modal-content{background-color:var(--background-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-strong);padding:25px;width:90%;max-width:350px;text-align:center;transform:translateY(-20px);animation:popIn .3s cubic-bezier(.175,.885,.32,1.275) forwards;color:var(--text-color)}.table-number-modal-content h3{color:var(--secondary-color);font-size:1.4rem;margin-top:0;margin-bottom:15px}.table-number-modal-content p{color:var(--light-text-color);font-size:1rem;margin-bottom:25px}.table-number-modal-content .action-button{background-color:var(--accent-color);color:var(--text-color);width:100%}.table-number-modal-content .action-button:hover{background-color:#3a5b8a}.order-feedback-modal-overlay{position:fixed;inset:0;background-color:#000c;z-index:103;display:flex;justify-content:center;align-items:center;animation:fadeInOverlay .3s ease-out}.order-feedback-modal-content{background-color:var(--background-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-strong);padding:25px;width:90%;max-width:350px;text-align:center;transform:translateY(-20px);animation:popIn .3s cubic-bezier(.175,.885,.32,1.275) forwards;color:var(--text-color)}.order-feedback-modal-content.success{border:2px solid var(--success-color)}.order-feedback-modal-content.error{border:2px solid var(--danger-color)}.order-feedback-modal-content h3{font-size:1.4rem;margin-top:0;margin-bottom:15px}.order-feedback-modal-content.success h3{color:var(--success-color)}.order-feedback-modal-content.error h3{color:var(--danger-color)}.order-feedback-modal-content p{color:var(--light-text-color);font-size:1rem;margin-bottom:25px}.order-feedback-modal-content .action-button{background-color:var(--accent-color);color:var(--text-color);width:100%}.order-feedback-modal-content .action-button:hover{background-color:#3a5b8a}@media (min-width: 768px){.home-title{font-size:2.5rem}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (min-width: 1024px){.home-title{font-size:3rem}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.waiter-panel-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Vazirmatn,sans-serif;direction:rtl;background-color:var(--background-color);min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;color:var(--text-color)}.header-area{text-align:center;margin-bottom:20px;background-color:var(--primary-color);color:var(--secondary-color);padding:20px;border-radius:var(--border-radius-md);box-shadow:var(--shadow-medium)}.header-area h2,.welcome-message{margin:0;font-size:2rem;font-weight:800;color:var(--secondary-color)}.error{color:var(--danger-color);background-color:rgba(var(--danger-color-rgb),.15);padding:12px;border-radius:8px;text-align:center;margin-bottom:15px;font-size:.95rem}.notification{background-color:var(--accent-color);color:var(--text-color);padding:12px;border-radius:8px;text-align:center;margin-bottom:15px;font-size:.95rem;animation:fadeInOut 5s ease-in-out;z-index:1100}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.filter-container{margin-bottom:25px;display:flex;justify-content:flex-end;align-items:center;gap:10px;position:relative;z-index:20;background-color:var(--primary-color);padding:15px;border-radius:var(--border-radius-md);box-shadow:var(--shadow-medium)}.filter-container label{margin-left:10px;font-size:1rem;color:var(--text-color)}.filter-select{padding:8px 12px;font-family:Vazirmatn,sans-serif;font-size:.95rem;border:1px solid var(--accent-color);border-radius:8px;background-color:var(--background-color);box-shadow:var(--shadow-light);cursor:pointer;transition:border-color .3s ease,transform .2s ease;color:var(--text-color)}.filter-select:focus{outline:none;border-color:var(--secondary-color);transform:scale(1.02)}.sidebar-toggle{background-color:var(--accent-color);color:var(--text-color);border:none;padding:10px 15px;border-radius:var(--border-radius-md);cursor:pointer;font-family:Vazirmatn,sans-serif;font-size:1rem;transition:background-color .3s ease,transform .2s ease;box-shadow:var(--shadow-medium)}.sidebar-toggle:hover{background-color:#3a5b8a;transform:translateY(-2px)}.panel-layout{display:flex;flex:1;gap:20px;min-height:0}.sidebar{width:var(--sidebar-width-desktop);background-color:var(--primary-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-strong);padding:15px;flex-shrink:0;transition:transform .3s ease,width .3s ease,padding .3s ease,opacity .3s ease;overflow-y:auto;color:var(--text-color)}.sidebar.closed{width:0;padding:0;overflow:hidden;opacity:0;transform:translate(100%)}.sidebar.open{width:var(--sidebar-width-desktop);padding:15px;opacity:1;transform:translate(0)}.sidebar-close-button-mobile{padding:8px 12px;background-color:var(--danger-color);color:var(--text-color);border:none;border-radius:8px;font-family:Vazirmatn,sans-serif;font-size:.95rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease;width:100%;margin-bottom:15px;box-sizing:border-box;display:none}.sidebar-close-button-mobile:hover{background-color:#b71c1c;transform:translateY(-2px)}.sidebar h3{color:var(--secondary-color);font-size:1.2rem;margin-bottom:15px;text-align:center}.takeaway-orders{display:flex;flex-direction:column;gap:15px}.main-orders{flex:1;overflow-x:hidden;min-width:0}.orders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;padding:10px}.order-card{background-color:var(--primary-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-medium);overflow:hidden;position:relative;animation:fadeIn .5s ease-in;border:1px solid rgba(var(--secondary-color-rgb),.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-header{background-color:var(--accent-color);color:var(--text-color);padding:10px;text-align:center;font-weight:700;font-size:1.1rem}.card-content{padding:12px}.card-field{display:flex;align-items:center;margin-bottom:8px;font-size:.95rem;border-bottom:1px dashed rgba(var(--light-text-color-rgb),.15);padding-bottom:5px}.card-field:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}.field-label{font-weight:700;color:var(--secondary-color);min-width:80px;margin-left:8px}.field-value{flex:1;text-align:right;color:var(--text-color)}.button-group{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start}.items-list{list-style:none;padding:0;margin:0}.items-list li{background-color:rgba(var(--secondary-color-rgb),.1);padding:5px 8px;border-radius:5px;margin-bottom:5px;font-size:.9rem;word-break:break-word;color:var(--light-text-color)}.card-pending:after{content:"";position:absolute;right:0;top:0;bottom:0;width:5px;background-color:var(--danger-color)}.card-confirmed:after{content:"";position:absolute;right:0;top:0;bottom:0;width:5px;background-color:var(--accent-color)}.card-completed:after{content:"";position:absolute;right:0;top:0;bottom:0;width:5px;background-color:var(--success-color)}.status-button{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-family:Vazirmatn,sans-serif;font-size:.9rem;transition:transform .2s ease,background-color .3s ease;box-shadow:var(--shadow-light);box-sizing:border-box;color:var(--text-color)}.status-button:hover{transform:translateY(-2px)}.confirm-button{background-color:#2e7d32;flex:2;min-width:100px}.confirm-button:hover{background-color:#246a28}.complete-button{background-color:var(--accent-color);width:100%}.complete-button:hover{background-color:#3a5b8a}.cancel-button{background-color:var(--danger-color);font-size:.8rem;padding:6px 8px;flex:1;min-width:60px}.cancel-button:hover{background-color:#b71c1c}.no-orders{text-align:center;color:var(--light-text-color);font-size:.95rem;padding:20px}.sidebar-overlay{position:fixed;inset:0;background-color:#000000b3;z-index:999}@media screen and (max-width: 768px){.waiter-panel-container{padding:10px;max-width:100%}.header-area{margin-bottom:10px}.header-area h2,.welcome-message{font-size:1.5rem;margin-bottom:8px}.error,.notification{margin-bottom:8px}.filter-container{justify-content:space-between;flex-wrap:wrap;gap:8px;z-index:1001;position:sticky;top:0;background-color:var(--background-color);padding:5px 0}.sidebar-toggle{display:block}.panel-layout{flex-direction:column;gap:0}.main-orders{width:100%;margin-left:0;order:1}.orders-grid{grid-template-columns:1fr;gap:12px;padding:8px}.order-card{width:100%}.card-field{flex-direction:row;align-items:center;font-size:.9rem}.card-field[data-label=اقلام] .field-value{display:flex;flex-direction:column}.sidebar{width:85%;position:fixed;right:0;height:calc(100vh - var(--sidebar-top-offset-value));border-radius:12px 0 0 12px;z-index:1000;transform:translate(100%);box-shadow:var(--shadow);padding-top:15px;box-sizing:border-box;overflow-y:auto}.sidebar.open{transform:translate(0)}.sidebar.closed{transform:translate(100%)}.sidebar-close-button-mobile{display:block}.takeaway-orders{gap:10px}.items-list li{font-size:.85rem}.status-button{padding:8px 10px;font-size:.85rem}.confirm-button{min-width:80px}.cancel-button{padding:6px 8px;font-size:.75rem;min-width:50px}}@media (min-width: 769px){.panel-layout{flex-direction:row;justify-content:flex-end;padding-left:20px;padding-right:0}.main-orders{width:calc(100% - var(--sidebar-width-desktop) - 20px);margin-left:auto}.sidebar-overlay,.sidebar-close-button-mobile{display:none}}.login-container{max-width:400px;margin:2rem auto;padding:2rem;background-color:var(--primary-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-strong);transition:transform .3s ease,box-shadow .3s ease;color:var(--text-color)}.login-container:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0006}.login-container h2{font-size:1.8rem;color:var(--secondary-color);text-align:center;margin-bottom:1.5rem;font-weight:700;letter-spacing:.5px}.error{color:var(--danger-color);text-align:center;margin-bottom:1.2rem;font-size:.9rem;background-color:rgba(var(--danger-color-rgb),.15);padding:.5rem;border-radius:4px}.form-group{margin-bottom:1.2rem;width:100%}.form-group input{width:100%;box-sizing:border-box;padding:.8rem;border:1px solid var(--accent-color);border-radius:var(--border-radius-sm);font-family:Vazirmatn,sans-serif;font-size:1rem;background-color:var(--background-color);color:var(--text-color);transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(var(--secondary-color-rgb),.2)}.form-group input::placeholder{color:var(--light-text-color);opacity:.8}.password-group{position:relative}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{padding-left:40px}.toggle-password{position:absolute;left:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.1rem;color:var(--light-text-color);padding:0}.toggle-password:hover{color:var(--text-color)}.login-button{width:100%;box-sizing:border-box;padding:.8rem;background-color:var(--accent-color);color:var(--text-color);border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-family:Vazirmatn,sans-serif;font-size:1rem;font-weight:500;transition:background-color .3s ease,transform .2s ease;box-shadow:var(--shadow-medium)}.login-button:hover{background-color:#3a5b8a;transform:translateY(-2px);box-shadow:var(--shadow-strong)}.login-button:active{transform:translateY(0)}@media (max-width: 768px){.login-container{margin:1rem;padding:1.5rem}.login-container h2{font-size:1.6rem}.form-group input{padding:.7rem;font-size:.9rem}.password-input-wrapper input{padding-left:36px}.login-button{padding:.7rem;font-size:.9rem}.toggle-password{font-size:1rem}}@media (max-width: 480px){.login-container{margin:.5rem;padding:1rem}.login-container h2{font-size:1.4rem}.form-group input{padding:.6rem;font-size:.8rem}.password-input-wrapper input{padding-left:32px}.login-button{padding:.6rem;font-size:.8rem}.toggle-password{font-size:.9rem}}.app-footer{background-color:var(--primary-color);color:var(--text-color);padding:30px 20px;margin-top:50px;text-align:center;font-family:Vazirmatn,sans-serif;direction:rtl;box-shadow:0 -4px 12px #0000001a;border-top-left-radius:15px;width:calc(100% - var(--sidebar-width, 80px));margin-right:var(--sidebar-width, 80px);margin-left:0;box-sizing:border-box;border-top-right-radius:0}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-around;gap:25px;max-width:1200px;margin:0 auto 20px;text-align:right}.footer-section{flex:1;min-width:200px;padding:10px;box-sizing:border-box}.footer-section h4{color:var(--secondary-color);font-size:1.2rem;margin-top:0;margin-bottom:15px;border-bottom:2px solid var(--accent-color);padding-bottom:8px;display:block;width:100%;box-sizing:border-box;text-align:right}.footer-section p,.footer-section ul{font-size:.95rem;line-height:1.6;margin:0;padding:0;list-style:none;color:var(--light-text-color)}.footer-section ul li{margin-bottom:8px}.phone-link,.designer-link{color:var(--secondary-color);text-decoration:none;transition:color .3s ease,transform .2s ease;display:inline-block}.phone-link:hover,.designer-link:hover{color:var(--accent-color);transform:translate(-3px)}.map-link{color:var(--secondary-color);text-decoration:none;transition:color .3s ease,transform .2s ease;display:inline-block;margin-top:10px}.map-link:hover{color:var(--accent-color);transform:translate(-3px)}.footer-bottom{border-top:1px solid rgba(var(--secondary-color-rgb),.2);padding-top:15px;margin-top:20px;font-size:.85rem;color:var(--light-text-color)}@media (max-width: 768px){.app-footer{padding:20px 15px;width:100%;width:calc(100% - 80px);margin-right:80px;margin-left:0;box-sizing:border-box;border-top-right-radius:0}.footer-content{flex-direction:column;align-items:center;gap:20px}.footer-section{min-width:90%;text-align:center}.footer-section h4{margin-bottom:10px;display:block;width:100%;box-sizing:border-box}.footer-section p,.footer-section ul{font-size:.9rem}.map-link{display:inline-block;padding:10px 20px;background-color:var(--accent-color);color:var(--text-color);border-radius:var(--border-radius-md);text-decoration:none;font-weight:700;margin-top:10px;box-shadow:var(--shadow-medium);transition:background-color .3s ease,transform .2s ease}.map-link:hover{background-color:#3a5b8a;transform:translateY(-2px)}}