@import"https://fonts.googleapis.com/css2?family=Outfit&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Outfit}body{min-height:100vh;color:inherit}a{text-decoration:none;color:inherit}hr{border:none;height:1px;background-color:#a9a9a9}.app-content{display:flex}.flex-col{display:flex;flex-direction:column;gap:10px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:8px 4%}.navbar .logo{width:10%}.navbar .profile{width:40px}.logout{padding:12px 24px;font-size:16px;font-weight:600;background-color:#f44336;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease,transform .3s ease;box-shadow:0 4px 12px #0000001a}.logout:hover{background-color:#d32f2f;transform:translateY(-2px)}.logout:active{background-color:#c62828;transform:translateY(0)}.logout:focus{outline:none;box-shadow:0 0 0 2px #ff572280}.sidebar{width:18%;min-height:100vh;border:1.5px solid #a9a9a9;border-top:0;font-size:max(1vw,10px)}.sidebar-options{padding-top:50px;padding-left:20%;display:flex;flex-direction:column;gap:20px}.sidebar-option{display:flex;align-items:center;gap:12px;border:1px solid #a9a9a9;padding:8px 10px;border-radius:3px 0 0 3px;cursor:pointer}.sidebar-option.active{background-color:#fff0ed;border-color:#f26201}@media (max-width:900px){.sidebar-option p{display:none}}.add{width:70%;margin-left:max(5vw,25px);margin-top:50px;color:#6d6d6d;font-size:16px}.add form{gap:20px}.add-img-upload img{width:120px}.app-product-name,.add-product-description{width:max(40%,280px)}.add-product-name input,.add-product-descritpion textarea{padding:10px}.add-category-price{display:flex;gap:30px}.add-category-price select,.add-category-price input{max-width:120px;padding:10px}.add-btn{max-width:120px;border:none;padding:10px;background-color:#000;color:#fff;cursor:pointer}.list-table-format{display:grid;grid-template-columns:.5fr 2fr 1fr 1fr .5fr;align-items:center;gap:10px;padding:12px 15px;border:1px solid #cacaca;font-size:13px}.list-table-format.title{background-color:#f9f9f9}.list-table-format img{width:50px}.cursor{cursor:pointer}@media (max-width:600px){.list-table-format{grid-template-columns:1fr 3fr 1fr;gap:15px}.list-table-format.title{display:none}}.orders-container{padding:20px;max-width:1200px;margin:auto}.orders-container h2{text-align:center;margin-bottom:30px;color:#f26201;display:flex;align-items:center;justify-content:center;gap:10px}.order-card{background-color:#fff;border:1px solid #f26201;padding:20px;margin-bottom:20px;display:flex;gap:20px;border-radius:10px;box-shadow:0 0 10px #f262011a;flex-direction:column}.order-card img{width:40px}.order-info p{margin:5px 0;color:#333;font-size:14px}.order-info strong{color:#000}.dropdowns{display:flex;flex-direction:column;gap:10px;margin-top:10px}.dropdowns select{padding:10px;border:1px solid #f26201;border-radius:6px;background-color:#fff0e6;font-size:14px;outline:none}.no-orders-admin{text-align:center;color:#777;margin-top:40px;font-size:16px}.order-items-list{margin:5px 0 0 16px;padding:0;list-style-type:disc;font-size:14px;color:#333}@media (min-width: 600px){.order-card{flex-direction:row;align-items:flex-start}.order-info{flex:1}.dropdowns{flex-direction:row;gap:20px}}.table-container{max-width:100%;max-height:800px}.table{margin-top:20px}.login-container{background-color:#fff;padding:32px 48px;width:100%;max-width:600px;border-radius:16px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-title{font-size:28px;font-weight:700;margin-bottom:24px;text-align:center;color:#222}.login-form .form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-label{font-size:15px;margin-bottom:6px;color:#555}.login-form input{padding:12px 14px;font-size:16px;border:1px solid #ccc;border-radius:6px;transition:.2s border-color}.login-form input:focus{border-color:#000;outline:none}.login-btn{margin-top:10px}.login-btn button{width:100%;padding:14px;background-color:#000;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.login-btn button:hover{background-color:#333}@media (max-width: 480px){.login-container{padding:24px 20px;border-radius:12px}.login-title{font-size:24px}.form-label{font-size:14px}.login-form input{font-size:15px;padding:10px 12px}.login-btn button{padding:12px;font-size:15px}}.promo-form{max-width:500px;margin:2rem auto;padding:1.5rem;background-color:#fff;border-radius:12px;box-shadow:0 0 10px #0000001a}.promo-form h2{font-size:1.5rem;margin-bottom:1rem;color:#333;text-align:center}.promo-form input,.promo-form select{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:6px;font-size:1rem}.promo-form input:focus,.promo-form select:focus{border-color:#007bff;outline:none}.promo-form button{width:100%;padding:.75rem;background-color:#007bff;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer}.promo-form button:hover{background-color:#0056b3}.promo-apply{max-width:500px;margin:2rem auto;display:flex;gap:1rem}.promo-apply input{flex:1;padding:.75rem;border:1px solid #ccc;border-radius:6px;font-size:1rem}.promo-apply button{padding:.75rem 1rem;background-color:#28a745;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer}.promo-apply button:hover{background-color:#1e7e34}