.contact-container{display:flex;justify-content:center;align-items:center;height:60vh;background-color:#f3f4f6}.button-container{display:flex;gap:1.5rem}.contact-button{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#374151;transition:color .3s;font-size:2rem;padding:2rem}.contact-button:hover{color:#2563eb}.contact-button.whatsapp:hover{color:#10b981}.icon-container{width:4rem;height:4rem;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:.5rem;transition:background-color .3s}.icon-container.whatsapp{background-color:#10b981!important}.icon-container.whatsapp:hover{background-color:#059669}.whatsapp{border:none!important;background-color:transparent!important}.icon-container.phone{background-color:#3b82f6}.icon-container.phone:hover{background-color:#2563eb}.contact-button span{font-size:.875rem}.admin-container{display:flex;height:100vh;background-color:#f3f4f6}.sidebar{background-color:#1f2937;color:#fff;transition:all .3s ease-in-out}.sidebar.expanded{width:16rem}.sidebar.collapsed{width:4rem}.sidebar.mobile-expanded{width:100%;height:auto;position:absolute;z-index:10}.sidebar-header{padding:1rem;display:flex;align-items:center;justify-content:space-between}.sidebar-title{font-size:1.5rem;font-weight:600;color:#fff}.close-button{color:#000;font-size:1.5rem}.sidebar-nav{display:flex;flex-direction:column}.nav-item{display:flex;align-items:center;width:100%;padding:1rem;transition:background-color .2s;color:#000}.nav-item:hover,.nav-item.active{background-color:#374151}.nav-icon{margin-right:1rem;font-size:1.25rem}.main-content{flex:1;display:flex;flex-direction:column}.main-header{background-color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1rem;display:flex;align-items:center}.menu-button{margin-right:1rem;font-size:1.5rem;color:#4b5563}.menu-button:hover{color:#1f2937}.header-title{font-size:1.25rem;font-weight:600}.content-area{padding:1.5rem;flex:1;overflow-y:auto}@media (max-width: 767px){.sidebar{display:none}.sidebar.mobile-expanded{display:block}}.nav-item{color:#fff!important}.about{padding:2rem;max-width:800px;margin:0 auto}.about h1{text-align:center;color:#333}.about-content{display:flex;justify-content:space-between;margin-top:2rem}.shop-details,.shop-description{flex:1;padding:1rem}.shop-details{background-color:#f8f8f8;border-radius:5px}.shop-details h2{color:#ff6b6b}@media (max-width: 768px){.about-content{flex-direction:column}.shop-details,.shop-description{margin-bottom:1rem}}.online-ordered{max-width:1200px;margin:0 auto;padding:20px;font-family:Roboto,Arial,sans-serif;background-color:#f0f4f8;border-radius:10px;box-shadow:0 10px 20px #0000001a}h2{color:#2c3e50;text-align:center;padding:15px 0;margin-bottom:25px;border-bottom:2px solid #3498db;font-weight:700;text-transform:uppercase;letter-spacing:1px}.total-amount{font-size:1.3em;font-weight:700;color:#2c3e50;margin-bottom:25px;text-align:right;background-color:#e8f4fd;padding:10px 15px;border-radius:5px;box-shadow:0 3px 6px #0000001a}.delete-all-btn{background-color:#e74c3c;color:#fff;border:none;padding:12px 25px;border-radius:5px;cursor:pointer;font-size:1em;margin-bottom:25px;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.delete-all-btn:hover{background-color:#c0392b;transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.table-container{overflow-x:auto;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #00000014}.orders-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:20px}.orders-table th,.orders-table td{padding:15px 18px;text-align:left;border-bottom:1px solid #ecf0f1}.orders-table th{background-color:#3498db;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:.9em}.orders-table tr:nth-child(2n){background-color:#f8fafc}.orders-table tr:hover{background-color:#e8f6ff;transition:background-color .3s ease}.generate-pdf-btn,.view-pdf-btn,.delete-btn{padding:8px 15px;margin:0 5px;border:none;border-radius:4px;cursor:pointer;font-size:.9em;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.generate-pdf-btn{background-color:#3498db;color:#fff}.generate-pdf-btn:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 6px #00000026}.view-pdf-btn{background-color:#2ecc71;color:#fff}.view-pdf-btn:hover{background-color:#27ae60;transform:translateY(-2px);box-shadow:0 4px 6px #00000026}.delete-btn{background-color:#e74c3c;color:#fff;gap:20px}.delete-btn:hover{background-color:#c0392b;transform:translateY(-2px);box-shadow:0 4px 6px #00000026}.loading,.error{text-align:center;font-size:1.2em;margin-top:50px;color:#7f8c8d}.error{color:#e74c3c}@media (max-width: 768px){.orders-table th,.orders-table td{padding:10px 12px}.generate-pdf-btn,.view-pdf-btn,.delete-btn{padding:6px 10px;font-size:.8em}}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:600px;color:#000}.modal-content table{width:100%;border-collapse:collapse}.modal-content th,.modal-content td{border:1px solid #ddd;padding:8px;text-align:left}.modal-content input{width:100%;padding:5px;color:#000}.modal-content button{margin-top:10px;margin-right:10px}