body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{-webkit-tap-highlight-color:transparent}.card-element-container{font-size:16px!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}select{-webkit-appearance:none;appearance:none;cursor:pointer}select::-ms-expand{display:none}.server-form-container input:focus{background-color:#fff;border-color:#d80000;outline:none}input:focus,select:focus,textarea:focus{background-color:#fff!important;border-color:#d80000!important;outline:none!important}textarea{resize:none}::-webkit-scrollbar{width:.5em}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#a00000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#f00000}.loading-card,.loading-container:not(.stats-loading-container):not(.admin-home-loading-container):not(.view-menu-loading-container):not(.mypaiement-loading-container):not(.manage-tables-loading-container):not(.server-orders-loading-container),.loading-content,.loading-message,.loading-spinner:not(.stats-loading-spinner):not(.admin-home-loading-spinner):not(.view-menu-loading-spinner):not(.mypaiement-loading-spinner):not(.manage-tables-loading-spinner):not(.server-orders-loading-spinner),.loading-state,.loading:not(.stats-loading-container):not(.admin-home-loading-container):not(.view-menu-loading-container):not(.mypaiement-loading-container):not(.manage-tables-loading-container):not(.server-orders-loading-container),.spinner-container{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:200px!important;padding:40px 20px!important;text-align:center!important}.loading-icon,.loading-spinner:not(.stats-loading-spinner):not(.admin-home-loading-spinner):not(.view-menu-loading-spinner):not(.mypaiement-loading-spinner):not(.manage-tables-loading-spinner):not(.server-orders-loading-spinner),.spinner,.spinning{display:block!important;margin:0 auto!important}.loading p:not(.stats-loading-text):not(.admin-home-loading-text):not(.view-menu-loading-text):not(.mypaiement-loading-text):not(.manage-tables-loading-text):not(.server-orders-loading-text),.loading-content p,.loading-message p{margin-bottom:0!important;margin-top:15px!important;text-align:center!important}.client-form-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative}.client-form-container:before{background:radial-gradient(circle at 25% 25%,#dc262608 0,#0000 50%),radial-gradient(circle at 75% 75%,#6b728008 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.your_commande{color:#6b7280;font-size:1rem;font-weight:600;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.client-form-title,.your_commande{position:relative;text-align:center;z-index:1}.client-form-title{color:#1f2937;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin-bottom:32px}.client-form{animation:formSlideIn .8s cubic-bezier(.23,1,.32,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #00000014,0 1px 3px #0000000d,inset 0 1px 0 #ffffff1a;max-width:420px;padding:48px 40px;position:relative;transition:all .3s ease;width:100%;z-index:1}.client-input-group{display:flex;flex-direction:column;margin-bottom:28px;position:relative}.client-input-group label{color:#374151;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.client-input-group input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f9fafbcc;border:2px solid #e5e7ebcc;border-radius:16px;box-shadow:inset 0 1px 3px #0000000d;color:#111827;font-size:1rem;font-weight:500;outline:none;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.client-input-group input:focus{background:#fffffff2;border-color:#dc2626;box-shadow:0 0 0 4px #dc26261a,inset 0 1px 3px #0000000d;transform:translateY(-1px)}.client-input-group input::placeholder{color:#9ca3af;font-weight:400}.client-submit-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:16px;box-shadow:0 8px 32px #dc26264d,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin-bottom:0;margin-top:0;overflow:hidden;padding:18px 32px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.client-submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.client-submit-btn:hover:before{left:100%}.client-submit-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 12px 40px #dc262666,inset 0 1px 0 #ffffff1a;transform:translateY(-2px)}.client-submit-btn:active{box-shadow:0 4px 16px #dc26264d,inset 0 1px 0 #ffffff1a;transform:translateY(0)}.client-error-message{animation:slideInUp .4s ease-out;background:#dc26260d;border:1px solid #dc26261a;border-radius:12px;color:#dc2626;font-size:.9rem;font-weight:500;margin-bottom:16px;margin-top:8px;padding:12px 16px;text-align:center}.client-success-message{animation:slideInUp .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10b9811a;border:1px solid #10b98133;border-radius:16px;box-shadow:0 4px 16px #10b9811a;color:#059669;font-size:.95rem;font-weight:600;margin-bottom:24px;padding:16px 20px;text-align:center}@keyframes formSlideIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.client-form-container{padding:20px}.client-form{max-width:380px;padding:40px 32px}.client-form-title{font-size:2.2rem;margin-bottom:28px}.your_commande{font-size:.9rem}}@media (max-width:480px){.client-form-container{padding:16px}.client-form{border-radius:20px;max-width:100%;padding:32px 24px}.client-form-title{font-size:2rem;margin-bottom:24px}.your_commande{font-size:.85rem}.client-submit-btn{font-size:1rem;padding:16px 28px}.client-input-group input{font-size:.95rem;padding:14px 18px}.client-input-group{margin-bottom:24px}}.client-access-error{animation:fadeIn .5s ease-out;background-color:#fff3f3;border:1px solid #ffccc7;border-radius:8px;color:#ff4d4f;font-size:.9rem;margin-bottom:20px;padding:12px;text-align:center}.dot-spinner{--uib-size:2.8rem;--uib-speed:.9s;--uib-color:#183153;height:var(--uib-size);margin:25% auto auto;position:relative;width:var(--uib-size)}.dot-spinner,.dot-spinner__dot{align-items:center;display:flex;justify-content:flex-start}.dot-spinner__dot{height:100%;left:0;position:absolute;top:0;width:100%}.dot-spinner__dot:before{animation:pulse0112 calc(var(--uib-speed)*1.111) ease-in-out infinite;background-color:var(--uib-color);border-radius:50%;box-shadow:0 0 20px #121f354d;content:"";height:20%;opacity:.5;transform:scale(0);width:20%}.dot-spinner__dot:nth-child(2){transform:rotate(45deg)}.dot-spinner__dot:nth-child(2):before{animation-delay:calc(var(--uib-speed)*-.875)}.dot-spinner__dot:nth-child(3){transform:rotate(90deg)}.dot-spinner__dot:nth-child(3):before{animation-delay:calc(var(--uib-speed)*-.75)}.dot-spinner__dot:nth-child(4){transform:rotate(135deg)}.dot-spinner__dot:nth-child(4):before{animation-delay:calc(var(--uib-speed)*-.625)}.dot-spinner__dot:nth-child(5){transform:rotate(180deg)}.dot-spinner__dot:nth-child(5):before{animation-delay:calc(var(--uib-speed)*-.5)}.dot-spinner__dot:nth-child(6){transform:rotate(225deg)}.dot-spinner__dot:nth-child(6):before{animation-delay:calc(var(--uib-speed)*-.375)}.dot-spinner__dot:nth-child(7){transform:rotate(270deg)}.dot-spinner__dot:nth-child(7):before{animation-delay:calc(var(--uib-speed)*-.25)}.dot-spinner__dot:nth-child(8){transform:rotate(315deg)}.dot-spinner__dot:nth-child(8):before{animation-delay:calc(var(--uib-speed)*-.125)}@keyframes pulse0112{0%,to{opacity:.5;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.form-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .4s ease-out,visibility .4s ease-out;visibility:hidden;width:100%;z-index:1000}.form-popup-overlay.fade-in{opacity:1;visibility:visible}.form-popup{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:calc(100vw - 80px);min-width:320px;overflow:hidden;padding:32px 40px;position:relative;text-align:center;transform:scale(.8) translateY(30px);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.form-popup p{color:#1f2937;font-size:1.3rem;font-weight:600;line-height:1.5;margin-bottom:32px;margin-top:0}.form-popup-overlay.fade-in .form-popup{transform:scale(1) translateY(0)}.form-popup-btn-1{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:12px;max-width:280px;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s ease;width:100%}.form-popup-btn-1:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.form-popup-btn-1:hover:before{left:100%}.form-popup-btn-2{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:12px;box-shadow:0 4px 15px #dc26264d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;max-width:280px;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s ease;width:100%}.form-popup-btn-2:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.form-popup-btn-2:hover:before{left:100%}.form-popup-btn-1:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.form-popup-btn-2:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 8px 25px #dc262666;transform:translateY(-2px)}@media (max-width:768px){.form-popup{max-width:calc(100vw - 60px);min-width:280px;padding:24px 28px}.form-popup p{font-size:1.2rem;margin-bottom:24px}.form-popup-btn-1,.form-popup-btn-2{font-size:1rem;max-width:100%;padding:12px 20px}}@media (max-width:480px){.form-popup{max-width:calc(100vw - 40px);min-width:260px;padding:20px 24px}.form-popup p{font-size:1.1rem;margin-bottom:20px}.form-popup-btn-1,.form-popup-btn-2{font-size:.95rem;padding:12px 18px}}.footer{color:#555;font-size:.9em;margin-top:20px;padding:10px 0;text-align:center}.footer a{color:#007bff;font-weight:700;text-decoration:none}*{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0}body,html{overflow-x:hidden;width:100%}body{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.menu-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#dc2626,#b91c1c 50%,#991b1b);box-shadow:0 4px 20px #dc262640;color:#fff;left:0;padding:20px 15px;position:fixed;right:0;top:0;width:100%;z-index:1000}.menu-first-title{color:#fff;font-size:2.2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:0;text-align:center;text-shadow:0 2px 4px #0003}.menu-nav{margin:0 auto;position:relative}.menu-nav,.menu-nav-list{display:flex;justify-content:center;max-width:100%}.menu-nav-list{-ms-overflow-style:none;gap:12px;list-style:none;overflow-x:auto;padding:10px 20px;scroll-behavior:smooth;scrollbar-width:none}.menu-nav-list::-webkit-scrollbar{display:none}.menu-nav-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:600;min-width:-webkit-fit-content;min-width:fit-content;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.menu-nav-item:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.menu-nav-item:hover:before{left:100%}.menu-nav-item:hover{background:#ffffff40;box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.menu-nav-item.active{background:#ffffff4d;box-shadow:0 8px 25px #0003;transform:scale(1.05)}main{background:#0000;min-height:calc(100vh - 200px);padding:30px 20px}.menu-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc2626,#b91c1c);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:2.5rem;font-weight:800;margin-bottom:60px;margin-top:40px;padding:0 20px;text-align:center}.product-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,400px));justify-content:center;margin:0 auto;max-width:1400px;padding:2rem}.product-item{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;border:1px solid #dc262614;border-radius:24px;box-shadow:0 8px 32px #dc26261f;cursor:pointer;display:flex;flex-direction:column;gap:20px;overflow:hidden;padding:25px 20px;transition:all .4s cubic-bezier(.4,0,.2,1)}.product-item:before{background:linear-gradient(90deg,#dc2626,#b91c1c,#991b1b);border-radius:24px 24px 0 0;content:"";height:5px;left:0;position:absolute;right:0;top:0}.product-item:hover{border-color:#dc262626;box-shadow:0 25px 50px #dc262633;transform:translateY(-12px) scale(1.03)}.product-item:hover:before{background:linear-gradient(90deg,#dc2626,#ef4444,#f97316);height:6px}.product-photo-container{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #dc262614;border-radius:18px;box-shadow:0 4px 16px #dc26260f;display:flex;height:220px;justify-content:center;overflow:hidden;position:relative;width:100%}.no-image-text{color:#dc2626;font-size:1rem;font-style:italic;left:50%;opacity:.6;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%) rotate(-45deg);white-space:nowrap;width:100%}.product-photo{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.product-item:hover .product-photo{transform:scale(1.08)}.product-item h3{background:linear-gradient(135deg,#111827,#374151);-webkit-background-clip:text;background-clip:text;color:#111827;font-size:1.6rem;letter-spacing:-.02em;line-height:1.2}.product-item .price,.product-item h3{-webkit-text-fill-color:#0000;font-weight:800;margin:0;text-align:center}.product-item .price{background:linear-gradient(135deg,#dc2626,#b91c1c);-webkit-background-clip:text;background-clip:text;color:#dc2626;font-size:1.4rem}.product-item .description{color:#4b5563;flex-grow:1;font-size:1rem;font-style:italic;font-weight:400;line-height:1.7;margin:0;padding:12px 0;text-align:center}.add-to-cart-btn{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:16px;box-shadow:0 6px 20px #dc26264d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:800;justify-content:center;letter-spacing:.8px;overflow:hidden;padding:16px 24px;position:relative;text-align:center;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.add-to-cart-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.add-to-cart-btn:hover:before{left:100%}.add-to-cart-btn:hover:not(.disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 12px 35px #dc262680;transform:translateY(-4px) scale(1.02)}.add-to-cart-btn.disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.product-item{position:relative}.product-quantity-badge{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #dc26264d;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:28px;justify-content:center;position:absolute;right:12px;top:12px;width:28px;z-index:10}hr{border:1px solid #ccc;margin:20px 0}.menu-cart-section{background:#fff;border-radius:15px;box-shadow:0 4px 15px #c41e3a1a;margin-left:auto;margin-right:auto;margin-top:40px;max-width:800px;padding:25px}.menu-cart-section h2{color:#333;font-size:1.6rem;margin-bottom:20px;text-align:center}.menu-cart-item{align-items:center;background:#fff8f8;border:1px solid #c41e3a1a;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.menu-cart-item-info{flex:1 1}.menu-cart-item-price{color:#c41e3a;font-weight:600;margin-top:5px}.menu-cart-quantity-controls{border:1px solid #c41e3a33;border-radius:20px;gap:12px;padding:5px 10px}.menu-cart-quantity-controls,.quantity-btn{align-items:center;background:#fff;display:flex}.quantity-btn{border:2px solid #c41e3a;border-radius:50%;color:#c41e3a;cursor:pointer;font-size:16px;font-weight:700;height:30px;justify-content:center;line-height:1;padding:0;transition:all .3s ease;width:30px}.quantity-btn:hover{background:#c41e3a;color:#fff;transform:scale(1.1)}.quantity-display{color:#333;font-weight:600;min-width:20px;text-align:center}.menu-cart-item:hover{border-color:#c41e3a33}.menu-remove-btn{background:linear-gradient(135deg,#ff6b6b,#c41e3a);border:none;border-radius:20px;color:#fff;cursor:pointer;padding:8px 16px;transition:all .4s ease}.menu-remove-btn:hover{background:linear-gradient(135deg,#c41e3a,#ff6b6b);box-shadow:0 2px 8px #c41e3a33;transform:scale(1.05)}.order-btn{background:linear-gradient(135deg,#ff6b6b,#c41e3a);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:1px;padding:12px;text-transform:uppercase;transition:all .4s ease;width:100%}.order-btn:hover:not(:disabled){background:linear-gradient(135deg,#c41e3a,#ff6b6b);box-shadow:0 4px 15px #c41e3a4d;transform:translateY(-2px)}.order-btn:disabled{cursor:not-allowed}.menu-popup{align-items:center;animation:popupSlideIn .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #dc26261a;border-radius:24px;box-shadow:0 20px 60px #dc262626;display:flex;flex-direction:column;left:50%;max-width:500px;min-width:350px;padding:32px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1001}.menu-popup h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc2626,#b91c1c);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:16px;text-align:center}.menu-popup p{color:#6b7280;font-size:1rem;line-height:1.6;margin-bottom:24px;text-align:center}.commentaire-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#374151;font-family:inherit;font-size:14px;margin-bottom:24px;min-height:80px;padding:12px 16px;resize:vertical;transition:all .3s ease;width:100%}.commentaire-textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.commentaire-textarea::placeholder{color:#9ca3af;font-style:italic}.commentaire-textarea:hover{border-color:#d1d5db}.menu-popup-buttons{display:flex!important;flex-direction:row!important;gap:16px;justify-content:center;margin-top:20px;width:100%}.menu-popup button{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;margin:0;overflow:hidden;padding:14px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-popup button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.menu-popup button:hover:before{left:100%}.menu-popup button:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 8px 25px #dc26264d;transform:translateY(-2px)}.menu-popup button.cancel{background:linear-gradient(135deg,#6b7280,#4b5563)}.menu-popup button.cancel:hover{background:linear-gradient(135deg,#4b5563,#374151)}.cart-popup{animation:popupSlideIn .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #dc26261a;border-radius:24px;box-shadow:0 20px 60px #dc262626;display:flex;flex-direction:column;left:50%;max-height:80vh;max-width:calc(100vw - 80px);min-width:400px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1001}.cart-popup-header{border-bottom:1px solid #dc26261a;padding:24px 32px 16px;position:relative}.cart-popup-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc2626,#b91c1c);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0;text-align:center}.cart-popup-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;padding:8px;position:absolute;right:0;top:0;transition:all .3s ease;width:36px}.cart-popup-close:hover{background:#dc26261a;color:#dc2626;transform:scale(1.1)}.cart-popup-content{flex:1 1;max-height:50vh;overflow-y:auto;padding:20px 32px}.cart-popup-item{align-items:center;border-bottom:1px solid #dc26261a;display:flex;gap:16px;padding:20px 0}.cart-popup-item:last-child{border-bottom:none}.cart-popup-item-info{flex:1 1;min-width:0}.cart-popup-item-info h4{color:#1f2937;font-size:1.2rem;font-weight:700;line-height:1.3;margin:0 0 6px}.cart-popup-item-info p{color:#6b7280;font-size:.95rem;font-weight:500;margin:0}.cart-popup-quantity{align-items:center;display:flex;flex-shrink:0;gap:16px;margin:0}.cart-popup-quantity-btn{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;height:36px;justify-content:center;transition:all .3s ease;width:36px}.cart-popup-quantity-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:scale(1.1)}.cart-popup-quantity-display{color:#1f2937;font-size:1.1rem;font-weight:700;min-width:24px;text-align:center}.cart-popup-item-price{color:#dc2626;flex-shrink:0;font-size:1.2rem;font-weight:700;margin-left:16px}.cart-popup-footer{border-top:1px solid #dc26261a;padding:20px 32px 32px}.cart-popup-total{align-items:center;display:flex;font-size:1.2rem;font-weight:700;justify-content:space-between;margin-bottom:20px}.cart-popup-total-label{color:#1f2937}.cart-popup-total-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc2626,#b91c1c);-webkit-background-clip:text;background-clip:text;color:#dc2626}.cart-popup-buttons{display:flex;gap:12px}.cart-popup-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;overflow:hidden;padding:14px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.cart-popup-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.cart-popup-btn:hover:before{left:100%}.cart-popup-btn.primary{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.cart-popup-btn.primary:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 8px 25px #dc26264d;transform:translateY(-2px)}.cart-popup-btn.secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.cart-popup-btn.secondary:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px)}.cart-popup-empty{color:#6b7280;padding:40px 20px;text-align:center}.cart-popup-empty svg{height:64px;margin-bottom:16px;opacity:.5;width:64px}.cart-popup-empty h4{color:#1f2937;font-size:1.2rem;margin:0 0 8px}.cart-popup-empty p{font-size:1rem;margin:0}.menu-popup-overlay{animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1001}.menu-popup-overlay.confirmation,.menu-popup.confirmation{z-index:1002}.menu-popup-confirmation{align-items:center;animation:confirmationSlideIn .4s cubic-bezier(.34,1.56,.64,1) forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #dc26261a;border-radius:16px;box-shadow:0 8px 32px #dc262626;color:#1f2937;display:flex;flex-direction:column;gap:12px;left:50%;max-width:calc(100vw - 80px);min-width:320px;padding:24px 32px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%)!important;z-index:1003}@keyframes confirmationSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8) translateY(20px)}to{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}}@keyframes confirmationFadeOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}to{opacity:0;transform:translate(-50%,-50%) scale(.9) translateY(-10px)}}.menu-popup-confirmation p{color:#1f2937;font-weight:600;line-height:1.5}.menu-popup-confirmation.success p{color:#059669}.menu-popup-confirmation.error p{color:#dc2626}.menu-popup-confirmation:before{align-items:center;animation:iconBounce .6s ease-out .2s both;border-radius:50%;content:"";display:flex;font-size:1.2rem;height:40px;justify-content:center;margin-bottom:4px;width:40px}.menu-popup-confirmation.success:before{background:linear-gradient(135deg,#10b981,#059669);color:#fff;content:"✓"}.menu-popup-confirmation.error:before{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;content:"✕"}@keyframes iconBounce{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.menu-popup-confirmation.fade-out{animation:confirmationFadeOut .3s ease-in forwards}.cart-logo-container{align-items:center;cursor:pointer;display:flex;justify-content:center;position:absolute;right:20px;top:20px}.cart-logo{height:40px;width:40px}.cart-count{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-55%)}15%{opacity:1;transform:translate(-50%,-50%)}85%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-45%)}}.menu-popup-confirmation p{color:#c41e3a;font-size:1.1rem;font-weight:500;margin:0}@media (max-width:768px){body,html{overflow-x:hidden}.menu-nav{flex-direction:column}.menu-nav-item{margin:10px 0}.product-list{gap:1.5rem;padding:1.5rem}.product-item{min-width:250px;width:calc(50% - .75rem)}.menu-cart-section{padding:15px}.menu-cart-item{flex-direction:column;text-align:left}.menu-header{padding:15px 10px}.menu-first-title{font-size:2.2rem;margin-bottom:15px;margin-top:10px}}@media (max-width:480px){.menu-first-title{font-size:1.8rem;margin-bottom:0;margin-top:10px}.menu-title{font-size:1.2rem;margin-top:0}.menu-remove-btn,.order-btn{padding:8px 16px}.menu-nav-item{font-size:.85rem;padding:4px}.menu-header{padding:12px 8px}hr{margin:0}}@media (max-width:768px){.menu-cart-section{padding:15px}.cart-logo{margin-top:-10px}.menu-cart-item{flex-direction:column;text-align:left}.menu-remove-btn{margin-top:10px;width:100%}.menu-cart-section h2{font-size:1.6rem}.order-btn{font-size:1rem;padding:12px}.supplements-container-popup{width:80%}}@media (max-width:480px){.menu-cart-section{margin-top:20px;padding:20px}.cart-logo{margin-top:-10px}.menu-cart-item{padding:12px}.menu-cart-section h2{font-size:1.2rem;margin-bottom:15px}.menu-remove-btn{font-size:.9rem;padding:6px 12px}.order-btn{border-radius:10px;font-size:.9rem;padding:12px}}.menu-cart-section .empty-cart-message{background-color:#fff8f8;border:1px solid #c41e3a1a;border-radius:8px;color:#c41e3a;padding:15px}.change-table-btn,button[onclick=handleReset]{background:linear-gradient(135deg,#ff6b6b,#c41e3a);border:none;border-radius:20px;bottom:20px;color:#fff;cursor:pointer;font-weight:500;left:20px;padding:10px 20px;position:fixed;transition:all .3s ease;z-index:1000}.change-table-btn:hover,button[onclick=handleReset]:hover{background:linear-gradient(135deg,#c41e3a,#ff6b6b);box-shadow:0 2px 8px #c41e3a33;transform:translateY(-2px)}@media (max-width:480px){.change-table-btn,button[onclick=handleReset]{bottom:15px;font-size:.9rem;left:15px;padding:8px 16px}}.cart-total{color:#333;font-size:1.2rem;font-weight:600;margin:20px 0}.order-btn:disabled{background:#ccc;box-shadow:none;transform:none}.logout-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;left:20px;padding:8px;position:absolute;top:20px}@media (max-width:480px){.logout-btn{font-size:1.2rem;margin-top:17px;top:0}}.product-item.inactive .product-photo-container{position:relative}.product-item.inactive .product-photo-container img{filter:blur(3px)}.product-item.inactive .product-photo-container:after{background:#fffc;border:3px solid #c41e3a;border-radius:8px;color:#c41e3a;content:"VICTIME DE SON SUCCÈS";filter:none;font-size:1.2rem;font-weight:700;left:50%;letter-spacing:2px;padding:10px 40px;position:absolute;text-align:center;text-transform:uppercase;top:50%;transform:translate(-50%,-50%) rotate(-30deg);white-space:nowrap;z-index:1}.product-item.inactive .no-image-text{filter:none}@media (max-width:480px){.quantity-btn{border-width:1px;font-size:12px;height:20px;width:20px}.menu-cart-item{align-items:center;flex-direction:row;justify-content:space-between}.menu-cart-item-info{flex:1 1;margin-right:10px}.menu-cart-item-price{color:#c41e3a;font-size:1rem}.menu-cart-quantity-controls{gap:5px}.quantity-display{margin:0 5px}.product-list{display:flex;flex-wrap:wrap;gap:5px;justify-content:space-between;padding:0 5px}.product-item{height:450px;margin:0 auto 30px;min-width:130px;padding:30px;width:calc(90% - 20px)}.add-to-cart-btn{border-radius:5px;font-size:.85rem;margin-bottom:10px;margin-left:auto;margin-right:auto;padding:12px 0;width:100%}.product-item h3{font-size:1.4rem}.product-item .price{font-size:1rem}.product-item .description{font-size:.9rem}.menu-nav{display:flex;flex-wrap:wrap;justify-content:space-between}.menu-nav-list{gap:0;margin-bottom:5px;margin-top:10px}.menu-nav-item{flex:0.3 1;font-size:.9rem;margin:2px;padding:8px;text-align:center}.product-list .product-item.inactive .product-photo-container:after{border:1px solid #c41e3a;border-radius:5px;font-size:.8rem;left:50%;padding:5px;top:50%;white-space:nowrap}}@media (max-width:768px){.product-list{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,350px));justify-content:center;padding:1rem}.menu-nav-list{gap:8px;padding:0 15px}.menu-nav-item{font-size:.85rem;padding:10px 16px}.menu-title{font-size:2rem;margin-bottom:20px;margin-top:40px;padding:0 15px}.menu-first-title{font-size:1.8rem;margin-bottom:0}.menu-header{padding:15px}main{padding:20px 15px}.menu-popup{max-width:90%;min-width:320px;padding:24px}.cart-popup{max-width:calc(100vw - 60px);min-width:350px}.cart-popup-content,.cart-popup-footer,.cart-popup-header{padding-left:20px;padding-right:20px}}@media (max-width:480px){.product-list{gap:1rem;grid-template-columns:1fr;justify-content:center;padding:.5rem}.product-item{margin:0 auto;max-width:320px;padding:25px 20px}.product-list .product-photo-container{height:170px!important;margin-bottom:10px}.product-item.inactive .product-photo-container:after{font-size:.9rem;padding:3px}.menu-nav-list{gap:6px;padding:8px 10px}.menu-nav-item{font-size:.8rem;padding:8px 12px}.menu-title{font-size:1.8rem;line-height:1.3;margin-bottom:20px;margin-top:150px;padding:0 10px}.menu-first-title{font-size:1.6rem;margin-bottom:0}.menu-header{padding:12px 10px}main{padding:15px 10px}.menu-popup{max-width:95%;min-width:280px;padding:20px}.menu-popup-buttons{flex-direction:column!important;gap:12px}.cart-popup{max-height:85vh;max-width:calc(100vw - 40px);min-width:280px}.cart-popup-header{padding:16px 12px 12px}.cart-popup-content{padding:16px 12px}.cart-popup-footer{padding:16px 12px 20px}.cart-popup-item{align-items:flex-start;flex-direction:column;gap:16px;padding:16px 0}.cart-popup-quantity{align-self:flex-end;margin:0}.cart-popup-item-price{align-self:flex-end;margin-left:0;margin-top:8px}.menu-popup-confirmation{max-width:calc(100vw - 60px);min-width:280px;padding:20px 24px}.menu-popup-confirmation p{font-size:1rem}.cart-popup-buttons{flex-direction:column;gap:12px}.cart-popup-close{font-size:1.2rem;height:32px;width:32px}.popup-content-menu-sucess{font-size:1.1rem;max-width:calc(100vw - 60px);min-width:280px;padding:24px 28px}.popup-content-menu-sucess:after{font-size:1.5rem;height:50px;width:50px}.product-item .description{font-size:.95rem;padding:6px 0}.product-item.inactive .no-image-text{font-size:.8rem;padding:5px;text-align:center;white-space:nowrap;width:100%}}.product-item .no-image-text{font-size:.8rem;padding:5px;text-align:center;white-space:nowrap;width:100%}.no-item{margin-bottom:2rem;margin-top:1.4rem;text-align:center}@media (max-width:480px){.menu-cart-section p{font-size:1rem}.product-item .no-image-text{font-size:.8rem}}.quantity-controls-popup{align-items:center;display:flex;justify-content:center}.quantity-btn-popup{background:none;background:#fff!important;border:none;cursor:pointer;margin:0 10px;padding:8px!important}.quantity-display-popup{font-size:1.5em;margin:0 30px;width:20px}.quantity-btn-popup svg{height:22px;width:22px}.supplements-container-popup{background:#f9f9f9;border:1px solid #ccc;border-radius:5px;margin-top:10px;max-height:200px;min-width:70%;overflow-y:auto;padding:10px}.supplement-category-box{margin-bottom:10px;position:relative}.supplement-category-title{font-weight:700;margin-bottom:20px;margin-top:10px;-webkit-text-decoration:underline 2px;text-decoration:underline 2px;text-transform:capitalize}.supplement-items{flex-direction:column;justify-self:flex-start}.supplement-label-popup{gap:8px;margin-bottom:5px}.container-popup,.supplement-label-popup{align-items:center;cursor:pointer;display:flex}.container-popup{margin-bottom:10px;margin-left:25%}.icon-text{align-items:center;display:flex;gap:8px}.icon-text span{padding-left:10px;text-align:left;width:140px}.container-popup input{display:none}.container-popup svg{overflow:visible}.path-popup{fill:none;stroke:#000;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:241 9999999;stroke-dashoffset:0;transition:stroke-dasharray .5s ease,stroke-dashoffset .5s ease}.container-popup input:checked~.icon-text svg .path-popup{stroke-dasharray:70.5096664428711 9999999;stroke-dashoffset:-262.2723388671875}@media (max-width:480px){.supplement-category-title{font-size:1.1rem;margin-bottom:20px;margin-top:10px}.supplement-items{font-size:.9rem;margin-left:-15px}.supplements-container-popup{width:90%}.icon-text span{width:120px}}@media (max-width:1024px){.icon-text span{width:140px}}@media (max-width:768px){.icon-text span{width:140px}}.error-message-supplement{color:#c41e3a!important;margin-top:20px;text-align:center;width:70%}.popup-menu-success{align-items:center;animation:popupFadeIn .4s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1004}.popup-error{animation:popupFadeOut .3s ease-in 3.2s forwards}.popup-success{animation:popupFadeOut .3s ease-in 2.2s forwards}.popup-content-menu-sucess{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #0000004d;color:#1f2937;display:flex;flex-direction:column;font-size:1.2rem;font-weight:600;gap:16px;max-width:calc(100vw - 80px);min-width:320px;overflow:hidden;padding:32px 40px;position:relative;text-align:center}.popup-content-menu-sucess:before{background:linear-gradient(90deg,#dc2626,#b91c1c);content:"";height:4px;left:0;position:absolute;right:0;top:0}.popup-success .popup-content-menu-sucess:before{background:linear-gradient(90deg,#10b981,#059669)}.popup-error .popup-content-menu-sucess:before{background:linear-gradient(90deg,#dc2626,#b91c1c)}.popup-content-menu-sucess:after{align-items:center;animation:iconPulse .8s ease-out .3s both;border-radius:50%;content:"";display:flex;font-size:1.8rem;height:60px;justify-content:center;margin-bottom:8px;width:60px}.popup-success .popup-content-menu-sucess:after{background:linear-gradient(135deg,#10b981,#059669);color:#fff;content:"✓"}.popup-error .popup-content-menu-sucess:after{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;content:"✕"}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes popupFadeOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(-20px);visibility:hidden}}@keyframes iconPulse{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}button.add-quantity-menu,button.confirm-button{background:linear-gradient(135deg,#4caf50,#81c784)}button.cancel-button,button.quit-quantity-menu{background:linear-gradient(135deg,#c52519,#ae1616)}button.add-quantity-menu:hover,button.confirm-button:hover{background:linear-gradient(135deg,#2c7a30,#52a756)}button.cancel-button:hover,button.quit-quantity-menu:hover{background:linear-gradient(135deg,#a41d13,#7f0a0a)}.login-page{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-container{background:#fff;border:1px solid #e9ecef;border-radius:20px;box-shadow:0 10px 30px #0000001a;max-width:450px;overflow:hidden;padding:40px;position:relative;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#343a40;font-size:2rem;font-weight:700;margin:0 0 10px}.login-header p{color:#6c757d;font-size:1rem;margin:0}.login-form{display:flex;flex-direction:column;gap:25px}.form-group{gap:8px}.form-group label{align-items:center;color:#495057;display:flex;font-size:.9rem;font-weight:600;gap:8px;letter-spacing:.5px;text-transform:uppercase}.input-icon{color:#6c757d;font-size:1rem}.form-input{background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;box-sizing:border-box;color:#495057;font-size:1rem;padding:15px 20px;transition:all .3s ease;width:100%}.form-input:focus{background-color:#fff;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-input::placeholder{color:#adb5bd}.login-button{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;margin-top:10px;padding:16px 24px;text-align:center;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 8px 25px #007bff4d;transform:translateY(-2px)}.login-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.error-message{border-radius:12px;color:#721c24;font-size:.9rem;gap:10px;margin-bottom:20px;padding:15px 20px}.error-icon{color:#dc3545;font-size:1.2rem}.login-footer{border-top:1px solid #e9ecef;margin-top:30px;padding-top:20px;text-align:center}.login-footer p{color:#6c757d;font-size:.9rem;margin:0}.brand-name{color:#007bff;font-weight:600;text-decoration:none}.brand-name:hover{text-decoration:underline}@media (max-width:768px){.login-page{padding:15px}.login-container{max-width:100%;padding:30px 25px}.login-header h1{font-size:1.8rem}.form-input{padding:12px 16px}.login-button{font-size:1rem;padding:14px 20px}}@media (max-width:480px){.login-container{padding:25px 20px}.login-header h1{font-size:1.6rem}.form-input{font-size:.9rem;padding:10px 14px}.login-button{font-size:.9rem;padding:12px 16px}}.add-dish-container{background-color:#f8fafc;background-color:var(--admin-bg-color);min-height:100vh;padding:2rem}.add-dish-header{margin-bottom:2rem}.header-content{flex-direction:column;gap:1rem}.add-dish-title{align-items:center;color:#1e293b;color:var(--admin-text-primary);display:flex;font-size:2.5rem;font-weight:700;gap:1rem;justify-content:center;margin:0}.add-dish-subtitle{color:#64748b;color:var(--admin-text-secondary);font-size:1.1rem;font-weight:500;margin:0}.add-dish-form-card{background:#fff;background:var(--admin-card-bg);border:1px solid #e2e8f0;border:1px solid var(--admin-border-color);border-radius:12px;border-radius:var(--admin-border-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg);margin:0 auto;max-width:800px;padding:2rem}.error-message{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:var(--admin-border-radius);color:#ef4444;color:var(--admin-danger-color);display:flex;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.error-icon{flex-shrink:0;font-size:1.1rem}.add-dish-form{gap:2rem}.add-dish-form,.form-section{display:flex;flex-direction:column}.form-section{gap:1.5rem}.section-title{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--admin-border-color);font-size:1.3rem;padding-bottom:.5rem}.section-icon{font-size:1.1rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{align-items:center;color:#1e293b;color:var(--admin-text-primary);display:flex;font-size:.95rem;font-weight:600;gap:.5rem}.label-icon{color:#2563eb;color:var(--admin-primary-color);font-size:.9rem}.form-input,.form-select,.form-textarea{background:#fff;background:var(--admin-card-bg);border:2px solid #e2e8f0;border:2px solid var(--admin-border-color);border-radius:8px;border-radius:var(--admin-border-radius);color:#1e293b;color:var(--admin-text-primary);font-size:1rem;padding:.75rem 1rem;transition:all .2s ease-in-out;transition:var(--admin-transition)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2563eb;border-color:var(--admin-primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-textarea{font-family:inherit;min-height:100px;resize:vertical}.file-upload-container{position:relative}.file-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px}.file-upload-label{align-items:center;background:#f8fafc;background:var(--admin-bg-color);border:2px dashed #e2e8f0;border:2px dashed var(--admin-border-color);border-radius:8px;border-radius:var(--admin-border-radius);color:#64748b;color:var(--admin-text-secondary);cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease-in-out;transition:var(--admin-transition)}.file-upload-label:hover{background:#2563eb0d;border-color:#2563eb;border-color:var(--admin-primary-color)}.file-upload-label:hover,.upload-icon{color:#2563eb;color:var(--admin-primary-color)}.upload-icon{font-size:1.2rem}.upload-text{flex:1 1;overflow:hidden;padding-left:10px;text-overflow:ellipsis;white-space:nowrap}.selected-supplements{display:flex;flex-direction:column;gap:1rem}.supplement-category{display:flex;flex-direction:column;gap:.5rem}.supplement-category strong{color:#1e293b;color:var(--admin-text-primary);font-size:.95rem}.supplement-items{display:flex;flex-wrap:wrap;gap:.5rem}.supplement-tag{align-items:center;background:#2563eb;background:var(--admin-primary-color);border-radius:20px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.add-supplements-btn{align-items:center;align-self:flex-start;background:#f8fafc;background:var(--admin-bg-color);border:2px solid #e2e8f0;border:2px solid var(--admin-border-color);border-radius:8px;border-radius:var(--admin-border-radius);color:#1e293b;color:var(--admin-text-primary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease-in-out;transition:var(--admin-transition)}.add-supplements-btn:hover{background:#2563eb;background:var(--admin-primary-color);border-color:#2563eb;border-color:var(--admin-primary-color);color:#fff}.btn-icon{font-size:.9rem}.form-actions{border-top:2px solid #e2e8f0;border-top:2px solid var(--admin-border-color);padding-top:1rem}.form-actions,.submit-btn{display:flex;justify-content:center}.submit-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--admin-success-color),#059669);border:none;border-radius:8px;border-radius:var(--admin-border-radius);cursor:pointer;font-size:1.1rem;font-weight:600;gap:.75rem;min-width:200px;padding:1rem 2rem;transition:all .2s ease-in-out;transition:var(--admin-transition)}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg);transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.supplements-popup-overlay{bottom:0;right:0}.supplements-popup{animation:popupSlideIn .3s ease-out;background:var(--admin-card-bg);border-radius:12px;border-radius:var(--admin-border-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-height:80vh;max-width:600px}.popup-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border-color);display:flex;justify-content:space-between;padding:1.5rem}.popup-title{color:#1e293b;font-size:1.3rem}.popup-icon{color:#2563eb;font-size:1.1rem}.popup-close-btn{align-items:center;background:#f8fafc;background:var(--admin-bg-color);border:1px solid #e2e8f0;border:1px solid var(--admin-border-color);border-radius:50%;color:#64748b;color:var(--admin-text-secondary);display:flex;height:32px;justify-content:center;transition:all .2s ease-in-out;transition:var(--admin-transition);width:32px}.popup-close-btn:hover{background:#ef4444;background:var(--admin-danger-color);border-color:#ef4444;border-color:var(--admin-danger-color);color:#fff}.popup-content{flex:1 1;overflow-y:auto;padding:1.5rem}.category-title{color:#1e293b;color:var(--admin-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.selection-type{color:#64748b;color:var(--admin-text-secondary);font-size:.8rem;font-weight:400}.supplement-options{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.supplement-option{align-items:center;display:flex;gap:.75rem}.supplement-checkbox{accent-color:#2563eb;accent-color:var(--admin-primary-color);cursor:pointer;height:18px;width:18px}.supplement-label{color:#1e293b;color:var(--admin-text-primary);cursor:pointer;flex:1 1;font-weight:500}.popup-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--admin-border-color);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.reset-btn,.validate-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--admin-border-radius);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease-in-out;transition:var(--admin-transition)}.reset-btn{background:#f8fafc;background:var(--admin-bg-color);border:1px solid #e2e8f0;border:1px solid var(--admin-border-color);color:#64748b;color:var(--admin-text-secondary)}.reset-btn:hover{background:#ef4444;background:var(--admin-danger-color);border-color:#ef4444;border-color:var(--admin-danger-color);color:#fff}.success-popup{animation:successSlideIn .3s ease-out;position:fixed;right:2rem;top:2rem;z-index:1001}@keyframes successSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.success-content{align-items:center;background:#10b981;background:var(--admin-success-color);border-radius:8px;border-radius:var(--admin-border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg);color:#fff;display:flex;font-weight:500;gap:.75rem;padding:1rem 1.5rem}.success-icon{flex-shrink:0}@media (max-width:768px){.add-dish-container{padding:1rem}.add-dish-title{flex-direction:column;font-size:2rem;gap:.5rem}.title-icon{font-size:1.8rem}.add-dish-subtitle{font-size:1rem}.add-dish-form-card{padding:1.5rem}.form-row{gap:1rem;grid-template-columns:1fr}.section-title{font-size:1.2rem}.supplement-options{grid-template-columns:1fr}.popup-actions{flex-direction:column}.reset-btn,.validate-btn{justify-content:center;width:100%}.success-popup{left:1rem;right:1rem;top:1rem}}@media (max-width:480px){.add-dish-container{padding:.5rem}.add-dish-form-card{padding:1rem}.form-section{gap:1rem}.submit-btn{font-size:1rem;padding:.875rem 1.5rem}}.add-dish-form-card{animation:fadeInUp .6s ease-out}.popup-content::-webkit-scrollbar{width:6px}.popup-content::-webkit-scrollbar-track{background:#f8fafc;background:var(--admin-bg-color)}.popup-content::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--admin-border-color);border-radius:3px}.popup-content::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--admin-secondary-color)}:root{--admin-primary-color:#3b82f6;--admin-primary-hover:#2563eb;--admin-danger-hover:#dc2626;--admin-success-hover:#059669;--admin-text-primary:#1f2937;--admin-text-secondary:#6b7280;--admin-bg-color:#f9fafb;--admin-border-color:#e5e7eb;--admin-shadow:0 1px 3px #0000001a;--admin-shadow-md:0 4px 6px #0000001a;--admin-shadow-lg:0 10px 15px #0000001a}.view-menu-items-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:1rem 2rem}.view-menu-header{background:#fff;border-radius:8px;border-radius:var(--admin-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--admin-shadow-md);margin-bottom:1.5rem;padding:1.5rem;text-align:center}.header-content{margin:0 auto;max-width:1200px}.view-menu-title{align-items:center;color:#1f2937;color:var(--admin-text-primary);display:flex;font-size:2rem;font-weight:700;gap:.75rem;justify-content:center;margin:0 0 .5rem}.view-menu-subtitle{color:#6b7280;color:var(--admin-text-secondary);font-size:1rem;margin:0}.view-controls-section{align-items:center;background:#fff;border-radius:8px;border-radius:var(--admin-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--admin-shadow-md);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.search-container{flex:1 1;min-width:250px;position:relative}.search-icon{color:#6b7280;color:var(--admin-text-secondary);left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:2px solid #e5e7eb;border:2px solid var(--admin-border-color);border-radius:8px;border-radius:var(--admin-border-radius);font-size:1rem;padding:.75rem 1rem .75rem 2.75rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#3b82f6;border-color:var(--admin-primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.view-controls{display:flex;gap:.5rem}.view-mode-toggle{background:#f9fafb;background:var(--admin-bg-color);border-radius:8px;border-radius:var(--admin-border-radius);display:flex;padding:.25rem}.view-mode-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;color:var(--admin-text-secondary);cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.view-mode-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;box-shadow:var(--admin-shadow);color:#3b82f6;color:var(--admin-primary-color)}.view-mode-btn:hover:not(.active){color:#1f2937;color:var(--admin-text-primary)}.category-navigation{background:#fff;border-radius:8px;border-radius:var(--admin-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--admin-shadow-md);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem}.category-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--admin-border-color);border-radius:8px;border-radius:var(--admin-border-radius);color:#1f2937;color:var(--admin-text-primary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-weight:500;gap:.5rem;min-width:120px;padding:1rem;transition:all .3s ease}.category-btn:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--admin-shadow-md);transform:translateY(-2px)}.category-btn.active,.category-btn:hover{border-color:#3b82f6;border-color:var(--admin-primary-color)}.category-btn.active{background:#3b82f6;background:var(--admin-primary-color);color:#fff}.btn-icon{font-size:1.5rem}.error-message,.no-results{align-items:center;background:#fff;border-radius:8px;border-radius:var(--admin-border-radius);color:#6b7280;color:var(--admin-text-secondary);display:flex;flex-direction:column;gap:1rem;padding:2rem;text-align:center}.error-icon,.no-results-icon{color:#6b7280;color:var(--admin-text-secondary);font-size:3rem}.section-header{background:#fff;border-radius:8px;border-radius:var(--admin-border-radius);box-shadow:0 1px 3px #0000001a;box-shadow:var(--admin-shadow);justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.section-title{color:#1f2937;margin:0}.items-count{background:#f9fafb;background:var(--admin-bg-color);border-radius:20px;color:#6b7280;color:var(--admin-text-secondary);font-size:.875rem;padding:.5rem 1rem}.view-menu-loading-container{align-items:center;background:#fff;border-radius:8px;border-radius:var(--admin-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--admin-shadow-md);display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:3rem}.view-menu-loading-spinner{animation:viewMenuSpin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;border-top:4px solid var(--admin-primary-color);height:40px;margin-bottom:1rem;width:40px}.view-menu-loading-text{color:#6b7280;color:var(--admin-text-secondary);font-size:1rem;margin:0;text-align:center}@keyframes viewMenuSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.items-container{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-bottom:2rem}.items-container.grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.items-container.list{grid-template-columns:1fr}.menu-item-card{background:#fff;border-radius:8px;border-radius:var(--admin-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--admin-shadow-md);overflow:hidden;transition:all .3s ease}.menu-item-card:hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--admin-shadow-lg);transform:translateY(-4px)}.item-card-header{align-items:center;background:#f9fafb;background:var(--admin-bg-color);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--admin-border-color);display:flex;justify-content:space-between;padding:1rem}.item-category-badge{background:#fff;color:#1f2937;color:var(--admin-text-primary);font-size:.875rem}.item-category-badge,.view-menu-item-status{align-items:center;border-radius:20px;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem}.view-menu-item-status{font-size:.75rem}.view-menu-item-status.active{background:#dcfce7;color:#10b981;color:var(--admin-success-color)}.view-menu-item-status.inactive{background:#fee2e2;color:#ef4444;color:var(--admin-danger-color)}.status-icon-menu{font-size:1rem}.item-photo-section{align-items:center;background:#f9fafb;background:var(--admin-bg-color);cursor:pointer;display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;width:100%}.image-container{height:100%;position:relative;width:100%}.menu-item-photo{height:100%;object-fit:cover;width:100%}.upload-overlay{align-items:center;background:#000000b3;color:#fff;display:flex;font-size:1.5rem;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.upload-spinner{animation:spin 1s linear infinite;font-size:1.5rem}.add-photo-button{align-items:center;color:#6b7280;color:var(--admin-text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease}.add-photo-button:hover{color:#3b82f6;color:var(--admin-primary-color)}.photo-icon{font-size:3rem}.item-info-section{gap:1rem;padding:1.5rem}.item-field,.item-info-section{display:flex;flex-direction:column}.item-field{gap:.5rem}.field-label{align-items:center;color:#1f2937;color:var(--admin-text-primary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.field-icon{color:#3b82f6;color:var(--admin-primary-color)}.editable-field{align-items:center;background:#f9fafb;background:var(--admin-bg-color);border:2px solid #e5e7eb;border:2px solid var(--admin-border-color);border-radius:8px;border-radius:var(--admin-border-radius);cursor:pointer;display:flex;gap:.5rem;padding:.75rem;transition:all .3s ease}.editable-field.editing,.editable-field:hover{border-color:#3b82f6;border-color:var(--admin-primary-color)}.editable-field.editing{background:#fff}.edit-input,.edit-textarea{background:#0000;border:none;color:#1f2937;color:var(--admin-text-primary);flex:1 1;font-size:1rem;padding:0}.edit-input:focus,.edit-textarea:focus{outline:none}.edit-textarea{font-family:inherit;min-height:80px;resize:vertical}.field-value{color:#1f2937;color:var(--admin-text-primary);flex:1 1}.edit-icon{color:#6b7280;color:var(--admin-text-secondary);font-size:.875rem}.item-supplements-section{background:#f9fafb;background:var(--admin-bg-color);border-top:1px solid #e5e7eb;border-top:1px solid var(--admin-border-color);padding:1.5rem}.supplements-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.supplements-header h4{align-items:center;color:#1f2937;color:var(--admin-text-primary);display:flex;font-size:1rem;gap:.5rem;margin:0}.supplements-icon{color:#3b82f6;color:var(--admin-primary-color)}.supplements-display{display:flex;flex-direction:column;gap:1rem}.supplement-category-display h5{color:#6b7280;color:var(--admin-text-secondary);font-size:.875rem;font-weight:600;margin:0 0 .5rem}.category-title{align-items:center;display:flex;gap:.5rem}.category-items{flex-wrap:wrap;gap:.5rem}.supplement-item{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--admin-border-color);border-radius:20px;color:#1f2937;color:var(--admin-text-primary);font-size:.875rem;padding:.5rem 1rem}.add-supplements-btn,.edit-supplements-btn{align-items:center;background:#3b82f6;background:var(--admin-primary-color);border:none;border-radius:8px;border-radius:var(--admin-border-radius);color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.add-supplements-btn:hover,.edit-supplements-btn:hover{background:#2563eb;background:var(--admin-primary-hover);box-shadow:0 1px 3px #0000001a;box-shadow:var(--admin-shadow);transform:translateY(-2px)}.item-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--admin-border-color);display:flex;gap:1rem;padding:1rem 1.5rem}.action-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--admin-border-radius);cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all .3s ease}.view-menu-toggle-btn{background:#10b981;background:var(--admin-success-color);color:#fff}.view-menu-toggle-btn:hover{background:#059669;background:var(--admin-success-hover);box-shadow:0 1px 3px #0000001a;box-shadow:var(--admin-shadow);transform:translateY(-2px)}.view-menu-toggle-btn.inactive-btn{background:#ef4444;background:var(--admin-danger-color)}.view-menu-toggle-btn.inactive-btn:hover{background:#dc2626;background:var(--admin-danger-hover)}.delete-btn{background:#ef4444;background:var(--admin-danger-color);color:#fff}.delete-btn:hover{background:#dc2626;background:var(--admin-danger-hover);box-shadow:0 1px 3px #0000001a;box-shadow:var(--admin-shadow);transform:translateY(-2px)}.supplements-popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:1000}.supplements-popup{background:#fff;border-radius:8px;border-radius:var(--admin-border-radius);box-shadow:0 10px 15px #0000001a;box-shadow:var(--admin-shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.supplements-popup-header{align-items:center;background:#f9fafb;background:var(--admin-bg-color);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--admin-border-color);display:flex;justify-content:space-between;padding:1.5rem}.popup-title{align-items:center;color:var(--admin-text-primary);display:flex;gap:.75rem;margin:0}.popup-icon{color:#3b82f6;color:var(--admin-primary-color)}.supplements-popup-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#ef4444;color:var(--admin-danger-color);cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;transition:all .3s ease;width:2rem}.supplements-popup-close-btn:hover{background:#0000!important;border:none!important;color:#b91c1c!important;transform:scale(1.1)}.supplements-popup-body{flex:1 1;overflow-y:auto;padding:1.5rem}.supplement-category-section{margin-bottom:2rem}.supplement-category-section:last-child{margin-bottom:0}.category-header{align-items:center;background:#f9fafb;background:var(--admin-bg-color);border-radius:8px;border-radius:var(--admin-border-radius);display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem}.category-icon{color:#3b82f6;color:var(--admin-primary-color)}.category-name{color:#1f2937;color:var(--admin-text-primary);font-size:1.125rem;font-weight:600;margin:0}.supplement-items-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.supplement-checkbox-label{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--admin-border-color);border-radius:8px;border-radius:var(--admin-border-radius);display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.supplement-checkbox-label:hover{background:#f9fafb;background:var(--admin-bg-color);border-color:#3b82f6;border-color:var(--admin-primary-color)}.supplement-checkbox{display:none}.checkbox-custom{align-items:center;border:2px solid #e5e7eb;border:2px solid var(--admin-border-color);border-radius:4px;display:flex;height:20px;justify-content:center;transition:all .3s ease;width:20px}.supplement-checkbox:checked+.checkbox-custom{background:#3b82f6;background:var(--admin-primary-color);border-color:#3b82f6;border-color:var(--admin-primary-color)}.supplement-checkbox:checked+.checkbox-custom:after{color:#fff;content:"✓";font-weight:700}.supplement-name{color:#1f2937;color:var(--admin-text-primary);flex:1 1;font-size:.875rem}.supplements-popup-footer{background:#f9fafb;background:var(--admin-bg-color);border-top:2px solid #e5e7eb;border-top:2px solid var(--admin-border-color);display:flex;gap:1rem;padding:1.5rem}.cancel-btn,.validate-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--admin-border-radius);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.validate-btn{background:#10b981;background:var(--admin-success-color);color:#fff}.validate-btn:hover{background:#059669;background:var(--admin-success-hover);box-shadow:0 4px 6px #0000001a;box-shadow:var(--admin-shadow-md);transform:translateY(-2px)}.cancel-btn{background:#ef4444;background:var(--admin-danger-color);color:#fff}.cancel-btn:hover{background:#dc2626;background:var(--admin-danger-hover);box-shadow:0 4px 6px #0000001a;box-shadow:var(--admin-shadow-md);transform:translateY(-2px)}.confirmation-popup{align-items:center;background:#fff;border-radius:8px;border-radius:var(--admin-border-radius);box-shadow:0 10px 15px #0000001a;box-shadow:var(--admin-shadow-lg);display:flex;flex-direction:column;gap:1rem;left:50%;min-width:300px;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1001}.confirmation-icon{color:#10b981;color:var(--admin-success-color);font-size:3rem}.confirmation-message{color:#1f2937;color:var(--admin-text-primary);font-size:1.125rem;text-align:center}@media (max-width:768px){.view-menu-items-container{padding:1rem}.view-menu-title{font-size:1.5rem}.view-controls-section{flex-direction:column}.search-container{width:100%}.category-navigation{gap:.5rem}.category-btn{min-width:100px;padding:.75rem}.items-container.grid{grid-template-columns:1fr}.item-actions{flex-direction:column}.supplement-items-grid{grid-template-columns:1fr}.supplements-popup{border-radius:0;max-height:100vh;max-width:100%}}:root{--server-primary-color:#3b82f6;--server-primary-hover:#2563eb;--server-danger-color:#ef4444;--server-danger-hover:#dc2626;--server-success-color:#10b981;--server-success-hover:#059669;--server-warning-color:#f59e0b;--server-warning-hover:#d97706;--server-text-primary:#1f2937;--server-text-secondary:#6b7280;--server-bg-color:#f9fafb;--server-border-color:#e5e7eb;--server-shadow:0 1px 3px #0000001a;--server-shadow-md:0 4px 6px #0000001a;--server-shadow-lg:0 10px 15px #0000001a;--server-border-radius:8px}.server-management-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:2rem}.server-management-header{background:#fff;border-radius:8px;border-radius:var(--server-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--server-shadow-md);margin-bottom:2rem;padding:2rem;text-align:center}.server-management-title{align-items:center;color:#1f2937;color:var(--server-text-primary);display:flex;font-size:2.5rem;font-weight:700;gap:1rem;justify-content:center;margin:0 0 .5rem}.server-title-icon{color:#3b82f6;color:var(--server-primary-color)}.server-management-subtitle{color:#6b7280;color:var(--server-text-secondary);font-size:1.125rem;margin:0}.server-message{align-items:center;border-radius:8px;border-radius:var(--server-border-radius);display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.server-error-message{background:#fef2f2;border:2px solid #fecaca;color:#ef4444;color:var(--server-danger-color)}.server-success-message{background:#f0fdf4;border:2px solid #bbf7d0;color:#10b981;color:var(--server-success-color)}.server-message-icon{font-size:1.25rem}.server-form-section{background:#fff;border-radius:8px;border-radius:var(--server-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--server-shadow-md);margin-bottom:2rem;padding:2rem}.server-form-title{align-items:center;color:#1f2937;color:var(--server-text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0 0 1.5rem}.server-form-icon{color:#3b82f6;color:var(--server-primary-color)}.server-form{display:flex;flex-direction:column;gap:1.5rem}.server-form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.server-form-group{display:flex;flex-direction:column;gap:.5rem}.server-form-label{align-items:center;color:#1f2937;color:var(--server-text-primary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.server-label-icon{color:#3b82f6;color:var(--server-primary-color);font-size:1rem}.server-form-input{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--server-border-color);border-radius:8px;border-radius:var(--server-border-radius);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.server-form-input:focus{border-color:#3b82f6;border-color:var(--server-primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.server-form-input:disabled{background:#f9fafb;background:var(--server-bg-color);color:#6b7280;color:var(--server-text-secondary);cursor:not-allowed}.server-form-actions{display:flex;gap:1rem;margin-top:1rem}.server-submit-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--server-primary-color),var(--server-primary-hover));border:none;border-radius:8px;border-radius:var(--server-border-radius);box-shadow:0 1px 3px #0000001a;box-shadow:var(--server-shadow);color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.server-submit-btn:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--server-shadow-md);transform:translateY(-2px)}.server-submit-btn:disabled{background:#6b7280;background:var(--server-text-secondary);box-shadow:none;cursor:not-allowed;transform:none}.server-list-section{background:#fff;border-radius:8px;border-radius:var(--server-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--server-shadow-md);padding:2rem}.server-list-header{align-items:center;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--server-border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.server-list-title{align-items:center;color:#1f2937;color:var(--server-text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0}.server-list-icon{color:#3b82f6;color:var(--server-primary-color)}.server-export-btn{align-items:center;background:#fff;border:2px solid #10b981;border:2px solid var(--server-success-color);border-radius:8px;border-radius:var(--server-border-radius);color:#10b981;color:var(--server-success-color);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.server-export-btn:hover{background:#10b981;background:var(--server-success-color);box-shadow:0 1px 3px #0000001a;box-shadow:var(--server-shadow);color:#fff;transform:translateY(-2px)}.server-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.server-list-item{align-items:center;background:#f9fafb;background:var(--server-bg-color);border:2px solid #e5e7eb;border:2px solid var(--server-border-color);border-radius:8px;border-radius:var(--server-border-radius);display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s ease}.server-list-item:hover{background:#fff;border-color:#3b82f6;border-color:var(--server-primary-color);box-shadow:0 1px 3px #0000001a;box-shadow:var(--server-shadow);transform:translateY(-2px)}.server-info{display:flex;flex-direction:column;gap:.25rem}.server-name{color:#1f2937;color:var(--server-text-primary);font-size:1.125rem;font-weight:600}.server-email{color:#6b7280;color:var(--server-text-secondary);font-size:.875rem}.server-role-badge{background:#3b82f6;background:var(--server-primary-color);border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;margin-top:.5rem;padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content}.server-actions{display:flex;gap:.75rem}.server-action-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--server-border-radius);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.server-edit-btn{background:#f59e0b;background:var(--server-warning-color);color:#fff}.server-edit-btn:hover{background:#d97706;background:var(--server-warning-hover);box-shadow:0 1px 3px #0000001a;box-shadow:var(--server-shadow);transform:translateY(-1px)}.server-delete-btn{background:#ef4444;background:var(--server-danger-color);color:#fff}.server-delete-btn:hover{background:#dc2626;background:var(--server-danger-hover);box-shadow:0 1px 3px #0000001a;box-shadow:var(--server-shadow);transform:translateY(-1px)}.server-empty-state{padding:3rem;text-align:center}.server-empty-icon,.server-empty-state{color:#6b7280;color:var(--server-text-secondary)}.server-empty-icon{font-size:3rem;margin-bottom:1rem}.server-empty-text{font-size:1.125rem;margin:0}.server-loading-container{align-items:center;background:#fff;border-radius:8px;border-radius:var(--server-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--server-shadow-md);display:flex;flex-direction:column;justify-content:center;padding:3rem}.server-loading-spinner{animation:serverSpin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;border-top:4px solid var(--server-primary-color);height:40px;margin-bottom:1rem;width:40px}.server-loading-text{color:#6b7280;color:var(--server-text-secondary);font-size:1rem;margin:0;text-align:center}@keyframes serverSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinning{animation:serverSpin 1s linear infinite}.server-popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:1000}.server-popup{animation:serverPopupSlideIn .3s ease-out;background:#fff;border-radius:8px;border-radius:var(--server-border-radius);box-shadow:0 10px 15px #0000001a;box-shadow:var(--server-shadow-lg);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes serverPopupSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.server-popup-header{background:#f9fafb;background:var(--server-bg-color);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--server-border-color);padding:1.5rem}.server-popup-title{align-items:center;color:#1f2937;color:var(--server-text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0}.server-popup-icon{color:#3b82f6;color:var(--server-primary-color)}.server-popup-body{padding:1.5rem}.server-popup-actions{background:#f9fafb;background:var(--server-bg-color);border-top:2px solid #e5e7eb;border-top:2px solid var(--server-border-color);display:flex;gap:1rem;padding:1.5rem}.server-popup-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--server-border-radius);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.server-popup-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--server-primary-color),var(--server-primary-hover));color:#fff}.server-popup-btn.primary:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--server-shadow-md);transform:translateY(-2px)}.server-popup-btn.primary:disabled{background:#6b7280;background:var(--server-text-secondary);box-shadow:none;cursor:not-allowed;transform:none}.server-popup-btn.secondary{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--server-border-color);color:#6b7280;color:var(--server-text-secondary)}.server-popup-btn.secondary:hover{background:#f9fafb;background:var(--server-bg-color);border-color:#6b7280;border-color:var(--server-text-secondary)}@media (max-width:768px){.server-management-container{padding:1rem}.server-management-title{font-size:2rem}.server-form-row{grid-template-columns:1fr}.server-list-header,.server-list-item{align-items:stretch;flex-direction:column;gap:1rem}.server-actions{justify-content:center}.server-form-actions{flex-direction:column}}@media (max-width:480px){.server-form-section,.server-list-section,.server-management-header{padding:1.5rem}.server-list-item{padding:1rem}.server-actions{flex-direction:column}}:root{--cook-primary-color:#f97316;--cook-primary-hover:#ea580c;--cook-danger-color:#ef4444;--cook-danger-hover:#dc2626;--cook-success-color:#10b981;--cook-success-hover:#059669;--cook-warning-color:#f59e0b;--cook-warning-hover:#d97706;--cook-text-primary:#1f2937;--cook-text-secondary:#6b7280;--cook-bg-color:#f9fafb;--cook-border-color:#e5e7eb;--cook-shadow:0 1px 3px #0000001a;--cook-shadow-md:0 4px 6px #0000001a;--cook-shadow-lg:0 10px 15px #0000001a;--cook-border-radius:8px}.cook-management-container{background:linear-gradient(135deg,#fff5f0,#fed7aa);min-height:100vh;padding:2rem}.cook-management-header{background:#fff;border-radius:8px;border-radius:var(--cook-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--cook-shadow-md);margin-bottom:2rem;padding:2rem;text-align:center}.cook-management-title{align-items:center;color:#1f2937;color:var(--cook-text-primary);display:flex;font-size:2.5rem;font-weight:700;gap:1rem;justify-content:center;margin:0 0 .5rem}.cook-title-icon{color:#f97316;color:var(--cook-primary-color)}.cook-management-subtitle{color:#6b7280;color:var(--cook-text-secondary);font-size:1.125rem;margin:0}.cook-message{align-items:center;border-radius:8px;border-radius:var(--cook-border-radius);display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.cook-error-message{background:#fef2f2;border:2px solid #fecaca;color:#ef4444;color:var(--cook-danger-color)}.cook-success-message{background:#f0fdf4;border:2px solid #bbf7d0;color:#10b981;color:var(--cook-success-color)}.cook-message-icon{font-size:1.25rem}.cook-form-section{background:#fff;border-radius:8px;border-radius:var(--cook-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--cook-shadow-md);margin-bottom:2rem;padding:2rem}.cook-form-title{align-items:center;color:#1f2937;color:var(--cook-text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0 0 1.5rem}.cook-form-icon{color:#f97316;color:var(--cook-primary-color)}.cook-form{display:flex;flex-direction:column;gap:1.5rem}.cook-form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.cook-form-group{display:flex;flex-direction:column;gap:.5rem}.cook-form-label{align-items:center;color:#1f2937;color:var(--cook-text-primary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.cook-label-icon{color:#f97316;color:var(--cook-primary-color);font-size:1rem}.cook-form-input{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--cook-border-color);border-radius:8px;border-radius:var(--cook-border-radius);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.cook-form-input:focus{border-color:#f97316;border-color:var(--cook-primary-color);box-shadow:0 0 0 3px #f973161a;outline:none}.cook-form-input:disabled{background:#f9fafb;background:var(--cook-bg-color);color:#6b7280;color:var(--cook-text-secondary);cursor:not-allowed}.cook-form-actions{display:flex;gap:1rem;margin-top:1rem}.cook-submit-btn{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);background:linear-gradient(135deg,var(--cook-primary-color),var(--cook-primary-hover));border:none;border-radius:8px;border-radius:var(--cook-border-radius);box-shadow:0 1px 3px #0000001a;box-shadow:var(--cook-shadow);color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.cook-submit-btn:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--cook-shadow-md);transform:translateY(-2px)}.cook-submit-btn:disabled{background:#6b7280;background:var(--cook-text-secondary);box-shadow:none;cursor:not-allowed;transform:none}.cook-list-section{background:#fff;border-radius:8px;border-radius:var(--cook-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--cook-shadow-md);padding:2rem}.cook-list-header{align-items:center;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--cook-border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.cook-list-title{align-items:center;color:#1f2937;color:var(--cook-text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0}.cook-list-icon{color:#f97316;color:var(--cook-primary-color)}.cook-export-btn{align-items:center;background:#fff;border:2px solid #10b981;border:2px solid var(--cook-success-color);border-radius:8px;border-radius:var(--cook-border-radius);color:#10b981;color:var(--cook-success-color);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.cook-export-btn:hover{background:#10b981;background:var(--cook-success-color);box-shadow:0 1px 3px #0000001a;box-shadow:var(--cook-shadow);color:#fff;transform:translateY(-2px)}.cook-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.cook-list-item{align-items:center;background:#f9fafb;background:var(--cook-bg-color);border:2px solid #e5e7eb;border:2px solid var(--cook-border-color);border-radius:8px;border-radius:var(--cook-border-radius);display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s ease}.cook-list-item:hover{background:#fff;border-color:#f97316;border-color:var(--cook-primary-color);box-shadow:0 1px 3px #0000001a;box-shadow:var(--cook-shadow);transform:translateY(-2px)}.cook-info{display:flex;flex-direction:column;gap:.25rem}.cook-name{color:#1f2937;color:var(--cook-text-primary);font-size:1.125rem;font-weight:600}.cook-email{color:#6b7280;color:var(--cook-text-secondary);font-size:.875rem}.cook-role-badge{background:#f97316;background:var(--cook-primary-color);border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;margin-top:.5rem;padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content}.cook-actions{display:flex;gap:.75rem}.cook-action-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--cook-border-radius);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.cook-edit-btn{background:#f59e0b;background:var(--cook-warning-color);color:#fff}.cook-edit-btn:hover{background:#d97706;background:var(--cook-warning-hover);box-shadow:0 1px 3px #0000001a;box-shadow:var(--cook-shadow);transform:translateY(-1px)}.cook-delete-btn{background:#ef4444;background:var(--cook-danger-color);color:#fff}.cook-delete-btn:hover{background:#dc2626;background:var(--cook-danger-hover);box-shadow:0 1px 3px #0000001a;box-shadow:var(--cook-shadow);transform:translateY(-1px)}.cook-empty-state{padding:3rem;text-align:center}.cook-empty-icon,.cook-empty-state{color:#6b7280;color:var(--cook-text-secondary)}.cook-empty-icon{font-size:3rem;margin-bottom:1rem}.cook-empty-text{font-size:1.125rem;margin:0}.cook-loading-container{align-items:center;background:#fff;border-radius:8px;border-radius:var(--cook-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--cook-shadow-md);display:flex;flex-direction:column;justify-content:center;padding:3rem}.cook-loading-spinner{animation:cookSpin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#f97316;border-top:4px solid var(--cook-primary-color);height:40px;margin-bottom:1rem;width:40px}.cook-loading-text{color:#6b7280;color:var(--cook-text-secondary);font-size:1rem;margin:0;text-align:center}@keyframes cookSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinning{animation:cookSpin 1s linear infinite}.cook-popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:1000}.cook-popup{animation:cookPopupSlideIn .3s ease-out;background:#fff;border-radius:8px;border-radius:var(--cook-border-radius);box-shadow:0 10px 15px #0000001a;box-shadow:var(--cook-shadow-lg);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes cookPopupSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cook-popup-header{background:#f9fafb;background:var(--cook-bg-color);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--cook-border-color);padding:1.5rem}.cook-popup-title{align-items:center;color:#1f2937;color:var(--cook-text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0}.cook-popup-icon{color:#f97316;color:var(--cook-primary-color)}.cook-popup-body{padding:1.5rem}.cook-popup-actions{background:#f9fafb;background:var(--cook-bg-color);border-top:2px solid #e5e7eb;border-top:2px solid var(--cook-border-color);display:flex;gap:1rem;padding:1.5rem}.cook-popup-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--cook-border-radius);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.cook-popup-btn.primary{background:linear-gradient(135deg,#f97316,#ea580c);background:linear-gradient(135deg,var(--cook-primary-color),var(--cook-primary-hover));color:#fff}.cook-popup-btn.primary:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--cook-shadow-md);transform:translateY(-2px)}.cook-popup-btn.primary:disabled{background:#6b7280;background:var(--cook-text-secondary);box-shadow:none;cursor:not-allowed;transform:none}.cook-popup-btn.secondary{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--cook-border-color);color:#6b7280;color:var(--cook-text-secondary)}.cook-popup-btn.secondary:hover{background:#f9fafb;background:var(--cook-bg-color);border-color:#6b7280;border-color:var(--cook-text-secondary)}@media (max-width:768px){.cook-management-container{padding:1rem}.cook-management-title{font-size:2rem}.cook-form-row{grid-template-columns:1fr}.cook-list-header,.cook-list-item{align-items:stretch;flex-direction:column;gap:1rem}.cook-actions{justify-content:center}.cook-form-actions{flex-direction:column}}@media (max-width:480px){.cook-form-section,.cook-list-section,.cook-management-header{padding:1.5rem}.cook-list-item{padding:1rem}.cook-actions{flex-direction:column}}:root{--bar-primary-color:#eab308;--bar-primary-hover:#ca8a04;--bar-danger-color:#ef4444;--bar-danger-hover:#dc2626;--bar-success-color:#10b981;--bar-success-hover:#059669;--bar-warning-color:#f59e0b;--bar-warning-hover:#d97706;--bar-text-primary:#1f2937;--bar-text-secondary:#6b7280;--bar-bg-color:#f9fafb;--bar-border-color:#e5e7eb;--bar-shadow:0 1px 3px #0000001a;--bar-shadow-md:0 4px 6px #0000001a;--bar-shadow-lg:0 10px 15px #0000001a;--bar-border-radius:8px}.bar-management-container{background:linear-gradient(135deg,#fffbeb,#fef3c7);min-height:100vh;padding:2rem}.bar-management-header{background:#fff;border-radius:8px;border-radius:var(--bar-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--bar-shadow-md);margin-bottom:2rem;padding:2rem;text-align:center}.bar-management-title{align-items:center;color:#1f2937;color:var(--bar-text-primary);display:flex;font-size:2.5rem;font-weight:700;gap:1rem;justify-content:center;margin:0 0 .5rem}.bar-title-icon{color:#eab308;color:var(--bar-primary-color)}.bar-management-subtitle{color:#6b7280;color:var(--bar-text-secondary);font-size:1.125rem;margin:0}.bar-message{align-items:center;border-radius:8px;border-radius:var(--bar-border-radius);display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.bar-error-message{background:#fef2f2;border:2px solid #fecaca;color:#ef4444;color:var(--bar-danger-color)}.bar-success-message{background:#f0fdf4;border:2px solid #bbf7d0;color:#10b981;color:var(--bar-success-color)}.bar-message-icon{font-size:1.25rem}.bar-form-section{background:#fff;border-radius:8px;border-radius:var(--bar-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--bar-shadow-md);margin-bottom:2rem;padding:2rem}.bar-form-title{align-items:center;color:#1f2937;color:var(--bar-text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0 0 1.5rem}.bar-form-icon{color:#eab308;color:var(--bar-primary-color)}.bar-form{display:flex;flex-direction:column;gap:1.5rem}.bar-form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.bar-form-group{display:flex;flex-direction:column;gap:.5rem}.bar-form-label{align-items:center;color:#1f2937;color:var(--bar-text-primary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.bar-label-icon{color:#eab308;color:var(--bar-primary-color);font-size:1rem}.bar-form-input{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--bar-border-color);border-radius:8px;border-radius:var(--bar-border-radius);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.bar-form-input:focus{border-color:#eab308;border-color:var(--bar-primary-color);box-shadow:0 0 0 3px #eab3081a;outline:none}.bar-form-input:disabled{background:#f9fafb;background:var(--bar-bg-color);color:#6b7280;color:var(--bar-text-secondary);cursor:not-allowed}.bar-form-actions{display:flex;gap:1rem;margin-top:1rem}.bar-submit-btn{align-items:center;background:linear-gradient(135deg,#eab308,#ca8a04);background:linear-gradient(135deg,var(--bar-primary-color),var(--bar-primary-hover));border:none;border-radius:8px;border-radius:var(--bar-border-radius);box-shadow:0 1px 3px #0000001a;box-shadow:var(--bar-shadow);color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.bar-submit-btn:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--bar-shadow-md);transform:translateY(-2px)}.bar-submit-btn:disabled{background:#6b7280;background:var(--bar-text-secondary);box-shadow:none;cursor:not-allowed;transform:none}.bar-list-section{background:#fff;border-radius:8px;border-radius:var(--bar-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--bar-shadow-md);padding:2rem}.bar-list-header{align-items:center;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--bar-border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.bar-list-title{align-items:center;color:#1f2937;color:var(--bar-text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0}.bar-list-icon{color:#eab308;color:var(--bar-primary-color)}.bar-export-btn{align-items:center;background:#fff;border:2px solid #10b981;border:2px solid var(--bar-success-color);border-radius:8px;border-radius:var(--bar-border-radius);color:#10b981;color:var(--bar-success-color);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.bar-export-btn:hover{background:#10b981;background:var(--bar-success-color);box-shadow:0 1px 3px #0000001a;box-shadow:var(--bar-shadow);color:#fff;transform:translateY(-2px)}.bar-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.bar-list-item{align-items:center;background:#f9fafb;background:var(--bar-bg-color);border:2px solid #e5e7eb;border:2px solid var(--bar-border-color);border-radius:8px;border-radius:var(--bar-border-radius);display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s ease}.bar-list-item:hover{background:#fff;border-color:#eab308;border-color:var(--bar-primary-color);box-shadow:0 1px 3px #0000001a;box-shadow:var(--bar-shadow);transform:translateY(-2px)}.bar-info{display:flex;flex-direction:column;gap:.25rem}.bar-name{color:#1f2937;color:var(--bar-text-primary);font-size:1.125rem;font-weight:600}.bar-email{color:#6b7280;color:var(--bar-text-secondary);font-size:.875rem}.bar-role-badge{background:#eab308;background:var(--bar-primary-color);border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;margin-top:.5rem;padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content}.bar-actions{display:flex;gap:.75rem}.bar-action-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--bar-border-radius);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.bar-edit-btn{background:#f59e0b;background:var(--bar-warning-color);color:#fff}.bar-edit-btn:hover{background:#d97706;background:var(--bar-warning-hover);box-shadow:0 1px 3px #0000001a;box-shadow:var(--bar-shadow);transform:translateY(-1px)}.bar-delete-btn{background:#ef4444;background:var(--bar-danger-color);color:#fff}.bar-delete-btn:hover{background:#dc2626;background:var(--bar-danger-hover);box-shadow:0 1px 3px #0000001a;box-shadow:var(--bar-shadow);transform:translateY(-1px)}.bar-empty-state{padding:3rem;text-align:center}.bar-empty-icon,.bar-empty-state{color:#6b7280;color:var(--bar-text-secondary)}.bar-empty-icon{font-size:3rem;margin-bottom:1rem}.bar-empty-text{font-size:1.125rem;margin:0}.bar-loading-container{align-items:center;background:#fff;border-radius:8px;border-radius:var(--bar-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--bar-shadow-md);display:flex;flex-direction:column;justify-content:center;padding:3rem}.bar-loading-spinner{animation:barSpin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#eab308;border-top:4px solid var(--bar-primary-color);height:40px;margin-bottom:1rem;width:40px}.bar-loading-text{color:#6b7280;color:var(--bar-text-secondary);font-size:1rem;margin:0;text-align:center}@keyframes barSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinning{animation:barSpin 1s linear infinite}.bar-popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:1000}.bar-popup{animation:barPopupSlideIn .3s ease-out;background:#fff;border-radius:8px;border-radius:var(--bar-border-radius);box-shadow:0 10px 15px #0000001a;box-shadow:var(--bar-shadow-lg);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes barPopupSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.bar-popup-header{background:#f9fafb;background:var(--bar-bg-color);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--bar-border-color);padding:1.5rem}.bar-popup-title{align-items:center;color:#1f2937;color:var(--bar-text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0}.bar-popup-icon{color:#eab308;color:var(--bar-primary-color)}.bar-popup-body{padding:1.5rem}.bar-popup-actions{background:#f9fafb;background:var(--bar-bg-color);border-top:2px solid #e5e7eb;border-top:2px solid var(--bar-border-color);display:flex;gap:1rem;padding:1.5rem}.bar-popup-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--bar-border-radius);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.bar-popup-btn.primary{background:linear-gradient(135deg,#eab308,#ca8a04);background:linear-gradient(135deg,var(--bar-primary-color),var(--bar-primary-hover));color:#fff}.bar-popup-btn.primary:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--bar-shadow-md);transform:translateY(-2px)}.bar-popup-btn.primary:disabled{background:#6b7280;background:var(--bar-text-secondary);box-shadow:none;cursor:not-allowed;transform:none}.bar-popup-btn.secondary{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--bar-border-color);color:#6b7280;color:var(--bar-text-secondary)}.bar-popup-btn.secondary:hover{background:#f9fafb;background:var(--bar-bg-color);border-color:#6b7280;border-color:var(--bar-text-secondary)}@media (max-width:768px){.bar-management-container{padding:1rem}.bar-management-title{font-size:2rem}.bar-form-row{grid-template-columns:1fr}.bar-list-header,.bar-list-item{align-items:stretch;flex-direction:column;gap:1rem}.bar-actions{justify-content:center}.bar-form-actions{flex-direction:column}}@media (max-width:480px){.bar-form-section,.bar-list-section,.bar-management-header{padding:1.5rem}.bar-list-item{padding:1rem}.bar-actions{flex-direction:column}}:root{--stats-primary-color:#3b82f6;--stats-primary-hover:#2563eb;--stats-secondary-color:#8b5cf6;--stats-success-color:#10b981;--stats-warning-color:#f59e0b;--stats-danger-color:#ef4444;--stats-info-color:#06b6d4;--stats-text-primary:#1f2937;--stats-text-secondary:#6b7280;--stats-bg-color:#f9fafb;--stats-border-color:#e5e7eb;--stats-shadow:0 1px 3px #0000001a;--stats-shadow-md:0 4px 6px #0000001a;--stats-shadow-lg:0 10px 15px #0000001a;--stats-border-radius:12px}.stats-main-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:2rem}.stats-page-header{background:#fff;border-radius:12px;border-radius:var(--stats-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--stats-shadow-md);margin-bottom:2rem;padding:2rem;text-align:center}.stats-page-title{align-items:center;color:#1f2937;color:var(--stats-text-primary);display:flex;font-size:2.5rem;font-weight:700;gap:1rem;justify-content:center;margin:0 0 .5rem}.stats-title-icon{color:#3b82f6;color:var(--stats-primary-color);font-size:2.5rem}.stats-page-subtitle{color:#6b7280;color:var(--stats-text-secondary);font-size:1.125rem;margin:0}.stats-loading-container{align-items:center!important;background:#fff!important;border-radius:12px!important;border-radius:var(--stats-border-radius)!important;box-shadow:0 4px 6px #0000001a!important;box-shadow:var(--stats-shadow-md)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:400px!important;padding:4rem!important;position:relative!important;z-index:1!important}.stats-loading-spinner{animation:statsSpin 1s linear infinite!important;border:5px solid #f3f4f6!important;border-radius:50%!important;border-top-color:#3b82f6!important;border-top:5px solid var(--stats-primary-color)!important;display:block!important;height:50px!important;margin-bottom:1rem!important;margin-left:0!important;margin-right:0!important;width:50px!important}.stats-loading-spinner,.stats-loading-text{position:relative!important;z-index:2!important}.stats-loading-text{color:#6b7280!important;color:var(--stats-text-secondary)!important;font-size:1.125rem!important;margin:15px 0 0!important;text-align:center!important}@keyframes statsSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stats-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.stats-summary-card{background:#fff;border-left:4px solid #3b82f6;border-left:4px solid var(--stats-primary-color);border-radius:12px;border-radius:var(--stats-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--stats-shadow-md);padding:1.5rem;transition:all .3s ease}.stats-summary-card:hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--stats-shadow-lg);transform:translateY(-4px)}.stats-summary-card.revenue{border-left-color:#10b981;border-left-color:var(--stats-success-color)}.stats-summary-card.orders{border-left-color:#06b6d4;border-left-color:var(--stats-info-color)}.stats-summary-card.average{border-left-color:#f59e0b;border-left-color:var(--stats-warning-color)}.stats-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.stats-card-title{align-items:center;color:#6b7280;color:var(--stats-text-secondary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.5px;margin:0;text-transform:uppercase}.stats-card-icon{font-size:2rem;opacity:.8}.stats-card-icon.revenue{color:#10b981;color:var(--stats-success-color)}.stats-card-icon.orders{color:#06b6d4;color:var(--stats-info-color)}.stats-card-icon.average{color:#f59e0b;color:var(--stats-warning-color)}.stats-card-value{color:#1f2937;color:var(--stats-text-primary);font-size:2.25rem;font-weight:700;margin:.5rem 0}.stats-card-label{color:#6b7280;color:var(--stats-text-secondary);font-size:.875rem;margin:0}.stats-charts-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:2rem}.stats-chart-card{background:#fff;border-radius:12px;border-radius:var(--stats-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--stats-shadow-md);min-width:0;overflow:hidden;padding:2rem}.stats-chart-header{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--stats-border-color);margin-bottom:1.5rem;padding-bottom:1rem}.stats-chart-header,.stats-chart-title{align-items:center;display:flex;gap:.75rem}.stats-chart-title{color:#1f2937;color:var(--stats-text-primary);font-size:1.5rem;font-weight:600;margin:0}.stats-chart-icon{color:#3b82f6;color:var(--stats-primary-color);font-size:1.5rem}.stats-chart-container{align-items:center;display:flex;height:400px;justify-content:center;max-width:100%;overflow:hidden;position:relative;width:100%}.stats-chart-container canvas{height:auto!important;max-width:100%!important}.stats-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.stats-info-card{background:#fff;border-radius:12px;border-radius:var(--stats-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--stats-shadow-md);padding:2rem}.stats-info-header{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--stats-border-color);margin-bottom:1.5rem;padding-bottom:1rem}.stats-info-header,.stats-info-title{align-items:center;display:flex;gap:.75rem}.stats-info-title{color:#1f2937;color:var(--stats-text-primary);font-size:1.5rem;font-weight:600;margin:0}.stats-info-icon{font-size:1.5rem}.stats-info-icon.revenue{color:#10b981;color:var(--stats-success-color)}.stats-info-icon.orders{color:#06b6d4;color:var(--stats-info-color)}.stats-info-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.stats-info-item{align-items:center;background:#f9fafb;background:var(--stats-bg-color);border-radius:8px;display:flex;justify-content:space-between;padding:.75rem;transition:all .3s ease}.stats-info-item:hover{background:#f3f4f6;transform:translateX(4px)}.stats-info-label{color:#6b7280;color:var(--stats-text-secondary);font-size:.95rem;font-weight:500}.stats-info-value{background:#fff;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#1f2937;color:var(--stats-text-primary);font-size:1.125rem;font-weight:700;padding:.25rem .75rem}.stats-info-value.revenue{color:#10b981;color:var(--stats-success-color)}.stats-info-value.orders{color:#06b6d4;color:var(--stats-info-color)}.stats-empty-state{background:#fff;border-radius:12px;border-radius:var(--stats-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--stats-shadow-md);padding:4rem 2rem;text-align:center}.stats-empty-icon{color:#6b7280;color:var(--stats-text-secondary);font-size:4rem;margin-bottom:1rem}.stats-empty-title{color:#1f2937;color:var(--stats-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.stats-empty-text{color:#6b7280;color:var(--stats-text-secondary);font-size:1rem;margin:0}.stats-period-selector{background:#f9fafb;background:var(--stats-bg-color);border-radius:12px;border-radius:var(--stats-border-radius);display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem}.stats-period-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;color:var(--stats-text-secondary);cursor:pointer;flex:1 1;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.stats-period-btn:hover{background:#fff;color:#1f2937;color:var(--stats-text-primary)}.stats-period-btn.active{background:#3b82f6;background:var(--stats-primary-color);box-shadow:0 1px 3px #0000001a;box-shadow:var(--stats-shadow);color:#fff}@media (max-width:1400px){.stats-charts-section{grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}}@media (max-width:1200px){.stats-charts-section{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.stats-cards-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:1024px){.stats-charts-section,.stats-info-grid{grid-template-columns:1fr}.stats-cards-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:900px){.stats-charts-section{gap:1.5rem;grid-template-columns:1fr}.stats-chart-card{min-width:0;overflow:hidden}}@media (max-width:768px){.stats-main-container{padding:1rem}.stats-page-title{flex-direction:column;font-size:2rem;gap:.5rem}.stats-cards-grid{gap:1rem;grid-template-columns:1fr}.stats-chart-container{height:300px}.stats-info-grid{gap:1.5rem;grid-template-columns:1fr}.stats-period-selector{flex-direction:column}.stats-period-btn{width:100%}.stats-chart-header{margin-bottom:1rem}.stats-chart-title{font-size:1.25rem}.stats-info-item{padding:.5rem}.stats-info-label{font-size:.875rem}.stats-info-value{font-size:1rem}}@media (max-width:600px){.stats-main-container{padding:.75rem}.stats-chart-card,.stats-info-card,.stats-page-header{padding:1.5rem}.stats-chart-container{height:280px}.stats-card-value{font-size:1.5rem}.stats-card-title{font-size:.75rem}}@media (max-width:480px){.stats-chart-card,.stats-info-card,.stats-page-header{padding:1rem}.stats-page-title{font-size:1.5rem}.stats-page-subtitle{font-size:1rem}.stats-chart-container{height:250px}.stats-card-value{font-size:1.25rem}.stats-card-title{font-size:.7rem}.stats-chart-title{font-size:1rem}.stats-info-item{align-items:flex-start;flex-direction:column;gap:.25rem}.stats-info-value{align-self:flex-end}}@media (max-width:360px){.stats-main-container{padding:.5rem}.stats-chart-card,.stats-info-card,.stats-page-header{padding:.75rem}.stats-page-title{font-size:1.25rem}.stats-chart-container{height:200px}.stats-card-value{font-size:1rem}.stats-chart-title{font-size:.875rem}}@keyframes statsFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-chart-card,.stats-info-card,.stats-summary-card{animation:statsFadeIn .5s ease-out}@media print{.stats-main-container{background:#fff;padding:0}.stats-chart-card,.stats-info-card,.stats-summary-card{border:1px solid #e5e7eb;border:1px solid var(--stats-border-color);box-shadow:none;page-break-inside:avoid}.stats-period-selector{display:none}}.radio-container label{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;color:#555;cursor:pointer;font-size:1rem;margin:0 10px;padding:10px 20px;transition:background-color .3s ease}.radio-container input[type=radio]:checked+label{background-color:#13aa16;color:#fff}.radio-container label:hover{background-color:#e0e0e0}:root{--admin-info-color:#06b6d4}.admin-home{background-color:#f8fafc;background-color:var(--admin-bg-color);min-height:100vh;padding:2rem}.admin-home-loading-container{align-items:center;background:#fff;border-radius:8px;border-radius:var(--admin-border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:50vh;padding:4rem}.admin-home-loading-spinner{animation:adminHomeSpin 1s linear infinite;border:5px solid #f3f4f6;border-radius:50%;border-top-color:#2563eb;border-top:5px solid var(--admin-primary-color);height:50px;width:50px}.admin-home-loading-text{color:#64748b;color:var(--admin-text-secondary);font-size:1.125rem;margin:0;text-align:center}.admin-home-chart-loading{align-items:center;background:#fff;border-radius:8px;border-radius:var(--admin-border-radius);display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem}.admin-home-chart-spinner{animation:adminHomeSpin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#2563eb;border-top:4px solid var(--admin-primary-color);height:40px;margin-bottom:1rem;width:40px}.admin-home-chart-loading-text{color:#64748b;color:var(--admin-text-secondary);font-size:1rem;margin:0;text-align:center}@keyframes adminHomeSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-home-header{margin-bottom:2rem}.header-content{text-align:center}.admin-home-title{align-items:center;color:#1e293b;color:var(--admin-text-primary);display:flex;font-size:2.5rem;font-weight:700;gap:1rem;justify-content:center;margin:0 0 .5rem}.title-icon{color:#2563eb;color:var(--admin-primary-color);font-size:2.2rem}.admin-home-subtitle{color:#64748b;color:var(--admin-text-secondary);font-size:1.1rem;font-weight:500;margin:0}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.stat-card{align-items:center;background:#fff;background:var(--admin-card-bg);border:1px solid #e2e8f0;border:1px solid var(--admin-border-color);border-radius:12px;border-radius:var(--admin-border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease-in-out;transition:var(--admin-transition)}.stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card-primary:before,.stat-card:before{background:#2563eb;background:var(--admin-primary-color)}.stat-card-success:before{background:#10b981;background:var(--admin-success-color)}.stat-card-info:before{background:#06b6d4;background:var(--admin-info-color)}.stat-card-warning:before{background:#f59e0b;background:var(--admin-warning-color)}.stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg);transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:8px;border-radius:var(--admin-border-radius);color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.stat-card-primary .stat-icon{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--admin-primary-color),var(--admin-primary-hover))}.stat-card-success .stat-icon{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--admin-success-color),#059669)}.stat-card-info .stat-icon{background:linear-gradient(135deg,#06b6d4,#0891b2);background:linear-gradient(135deg,var(--admin-info-color),#0891b2)}.stat-card-warning .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--admin-warning-color),#d97706)}.stat-content{flex:1 1}.stat-content h3{color:#64748b;color:var(--admin-text-secondary);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.stat-value{color:#1e293b;color:var(--admin-text-primary);font-size:2rem;font-weight:700;line-height:1;margin:0 0 .25rem}.stat-label{color:#64748b;color:var(--admin-text-secondary);font-size:.8rem;font-weight:500}.categories-section,.charts-section{margin-bottom:3rem}.section-title{align-items:center;color:#1e293b;color:var(--admin-text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0 0 1.5rem}.section-icon{color:#2563eb;color:var(--admin-primary-color);font-size:1.3rem}.charts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-card{background:#fff;background:var(--admin-card-bg);border:1px solid #e2e8f0;border:1px solid var(--admin-border-color);border-radius:12px;border-radius:var(--admin-border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);padding:1.5rem;transition:all .2s ease-in-out;transition:var(--admin-transition)}.chart-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg)}.chart-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.chart-title{align-items:center;display:flex;gap:.5rem}.chart-icon{color:#2563eb;color:var(--admin-primary-color);font-size:1.1rem}.chart-title h3{color:#1e293b;color:var(--admin-text-primary);font-size:1.1rem;font-weight:600;margin:0}.chart-controls{align-items:center;display:flex;gap:1rem}.trend-indicator{align-items:center;border-radius:8px;border-radius:var(--admin-border-radius);display:flex;font-size:.8rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.trend-indicator.positive{background:#10b9811a;color:#10b981;color:var(--admin-success-color)}.trend-indicator.negative{background:#ef44441a;color:#ef4444;color:var(--admin-danger-color)}.comparison-btn{align-items:center;background:#f8fafc;background:var(--admin-bg-color);border:1px solid #e2e8f0;border:1px solid var(--admin-border-color);border-radius:8px;border-radius:var(--admin-border-radius);color:#64748b;color:var(--admin-text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease-in-out;transition:var(--admin-transition)}.comparison-btn:hover{background:#2563eb;background:var(--admin-primary-color);border-color:#2563eb;border-color:var(--admin-primary-color);color:#fff}.chart-container{height:300px;position:relative}.chart-loading{align-items:center;color:#64748b;color:var(--admin-text-secondary);display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}.categories-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.category-card{align-items:center;background:#fff;background:var(--admin-card-bg);border:1px solid #e2e8f0;border:1px solid var(--admin-border-color);border-radius:8px;border-radius:var(--admin-border-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);display:flex;gap:1rem;padding:1rem;transition:all .2s ease-in-out;transition:var(--admin-transition)}.category-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg);transform:translateY(-1px)}.category-rank{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--admin-primary-color),var(--admin-primary-hover));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:40px;justify-content:center;width:40px}.category-info h4{color:#1e293b;color:var(--admin-text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.category-info p{color:#64748b;color:var(--admin-text-secondary);font-size:.8rem;margin:0}@media (max-width:768px){.admin-home{padding:1rem}.admin-home-title{flex-direction:column;font-size:2rem;gap:.5rem}.title-icon{font-size:1.8rem}.admin-home-subtitle{font-size:1rem}.stats-grid{gap:1rem;grid-template-columns:1fr;margin-bottom:2rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.charts-grid{gap:1.5rem;grid-template-columns:1fr}.chart-card{padding:1rem}.chart-header{align-items:flex-start;flex-direction:column;gap:1rem}.chart-controls{justify-content:space-between;width:100%}.chart-container{height:250px}.categories-grid{grid-template-columns:1fr}.section-title{font-size:1.3rem}}@media (max-width:480px){.admin-home{padding:.5rem}.stat-card{flex-direction:column;gap:.75rem;text-align:center}.stat-icon{font-size:1.2rem;height:50px;width:50px}.chart-container{height:200px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.category-card,.chart-card,.stat-card{animation:fadeInUp .6s ease-out}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:nth-child(4){animation-delay:.3s}.admin-home canvas{border-radius:8px;border-radius:var(--admin-border-radius)}.admin-home::-webkit-scrollbar{width:6px}.admin-home::-webkit-scrollbar-track{background:#f8fafc;background:var(--admin-bg-color)}.admin-home::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--admin-border-color);border-radius:3px}.admin-home::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--admin-secondary-color)}:root{--week-invoices-primary-color:#2563eb;--week-invoices-primary-hover:#1d4ed8;--week-invoices-secondary-color:#64748b;--week-invoices-success-color:#10b981;--week-invoices-danger-color:#ef4444;--week-invoices-warning-color:#f59e0b;--week-invoices-bg-color:#f8fafc;--week-invoices-card-bg:#fff;--week-invoices-border-color:#e2e8f0;--week-invoices-text-primary:#1e293b;--week-invoices-text-secondary:#64748b;--week-invoices-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--week-invoices-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--week-invoices-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--week-invoices-border-radius:8px;--week-invoices-border-radius-lg:12px;--week-invoices-transition:all 0.2s ease-in-out}.week-invoices-container{background-color:#f8fafc;background-color:var(--week-invoices-bg-color);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.week-invoices-header{background:#fff;background:var(--week-invoices-card-bg);border:1px solid #e2e8f0;border:1px solid var(--week-invoices-border-color);border-radius:12px;border-radius:var(--week-invoices-border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--week-invoices-shadow-md);margin-bottom:2rem;padding:2rem}.week-invoices-title-section{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.week-invoices-title-icon{color:#2563eb;color:var(--week-invoices-primary-color);font-size:2rem}.week-invoices-title{color:#1e293b;color:var(--week-invoices-text-primary);font-size:2.5rem;font-weight:700;letter-spacing:-.025em;margin:0}.week-invoices-subtitle{color:#64748b;color:var(--week-invoices-text-secondary);font-size:1.125rem;line-height:1.6;margin:0}.week-invoices-error-message,.week-invoices-success-message{align-items:center;animation:weekInvoicesSlideIn .3s ease-out;border-radius:8px;border-radius:var(--week-invoices-border-radius);display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.week-invoices-error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#ef4444;color:var(--week-invoices-danger-color)}.week-invoices-success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#10b981;color:var(--week-invoices-success-color)}.week-invoices-error-icon,.week-invoices-success-icon{font-size:1.25rem}@keyframes weekInvoicesSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.week-invoices-search-section{margin-bottom:2rem}.week-invoices-search-container{max-width:400px;position:relative}.week-invoices-search-icon{color:#64748b;color:var(--week-invoices-text-secondary);font-size:1.125rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.week-invoices-search-input{background:#fff;background:var(--week-invoices-card-bg);border:2px solid #e2e8f0;border:2px solid var(--week-invoices-border-color);border-radius:8px;border-radius:var(--week-invoices-border-radius);font-size:1rem;padding:.875rem 1rem .875rem 3rem;transition:all .2s ease-in-out;transition:var(--week-invoices-transition);width:100%}.week-invoices-search-input:focus{border-color:#2563eb;border-color:var(--week-invoices-primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.week-invoices-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.week-invoices-stat-card{align-items:center;background:#fff;background:var(--week-invoices-card-bg);border:1px solid #e2e8f0;border:1px solid var(--week-invoices-border-color);border-radius:12px;border-radius:var(--week-invoices-border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--week-invoices-shadow-md);display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease-in-out;transition:var(--week-invoices-transition)}.week-invoices-stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--week-invoices-shadow-lg);transform:translateY(-2px)}.week-invoices-stat-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--week-invoices-primary-color),var(--week-invoices-primary-hover));border-radius:8px;border-radius:var(--week-invoices-border-radius);color:#fff;display:flex;font-size:1.25rem;height:3rem;justify-content:center;width:3rem}.week-invoices-stat-content{flex:1 1}.week-invoices-stat-value{color:#1e293b;color:var(--week-invoices-text-primary);font-size:1.875rem;font-weight:700;line-height:1;margin-bottom:.25rem}.week-invoices-stat-label{color:#64748b;color:var(--week-invoices-text-secondary);font-size:.875rem;font-weight:500}.week-invoices-weeks-section{margin-bottom:2rem}.week-invoices-section-title{align-items:center;color:#1e293b;color:var(--week-invoices-text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin-bottom:1.5rem}.week-invoices-section-icon{color:#2563eb;color:var(--week-invoices-primary-color);font-size:1.25rem}.week-invoices-empty-state{background:#fff;background:var(--week-invoices-card-bg);border:1px solid #e2e8f0;border:1px solid var(--week-invoices-border-color);border-radius:12px;border-radius:var(--week-invoices-border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--week-invoices-shadow-md);padding:3rem 2rem;text-align:center}.week-invoices-empty-icon{font-size:3rem;margin-bottom:1rem}.week-invoices-empty-icon,.week-invoices-empty-text{color:#64748b;color:var(--week-invoices-text-secondary)}.week-invoices-empty-text{font-size:1.125rem;margin:0}.week-invoices-weeks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.week-invoices-week-card{background:#fff;background:var(--week-invoices-card-bg);border:1px solid #e2e8f0;border:1px solid var(--week-invoices-border-color);border-radius:12px;border-radius:var(--week-invoices-border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--week-invoices-shadow-md);overflow:hidden;transition:all .2s ease-in-out;transition:var(--week-invoices-transition)}.week-invoices-week-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--week-invoices-shadow-lg);transform:translateY(-2px)}.week-invoices-week-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--week-invoices-border-color);display:flex;justify-content:space-between;padding:1.5rem}.week-invoices-week-info{flex:1 1}.week-invoices-week-title{color:#1e293b;color:var(--week-invoices-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.week-invoices-week-stats{display:flex;flex-direction:column;gap:.25rem}.week-invoices-week-orders,.week-invoices-week-revenue{font-size:.875rem;gap:.5rem}.week-invoices-expand-btn,.week-invoices-week-orders,.week-invoices-week-revenue{align-items:center;color:#64748b;color:var(--week-invoices-text-secondary);display:flex}.week-invoices-expand-btn{background:#f8fafc;background:var(--week-invoices-bg-color);border:none;border-radius:8px;border-radius:var(--week-invoices-border-radius);cursor:pointer;height:2.5rem;justify-content:center;transition:all .2s ease-in-out;transition:var(--week-invoices-transition);width:2.5rem}.week-invoices-expand-btn:hover{background:#2563eb;background:var(--week-invoices-primary-color);color:#fff}.week-invoices-modal-overlay{animation:weekInvoicesFadeIn .3s ease-out;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.week-invoices-modal{animation:weekInvoicesModalSlideIn .3s ease-out;background:#fff;background:var(--week-invoices-card-bg);border-radius:12px;border-radius:var(--week-invoices-border-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--week-invoices-shadow-lg);left:50%;max-height:90vh;max-width:800px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.week-invoices-modal-header{align-items:center;background:#f8fafc;background:var(--week-invoices-bg-color);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--week-invoices-border-color);display:flex;justify-content:space-between;padding:1.5rem}.week-invoices-modal-title{align-items:center;color:#1e293b;color:var(--week-invoices-text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0}.week-invoices-modal-icon{color:#2563eb;color:var(--week-invoices-primary-color)}.week-invoices-close-btn{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--week-invoices-border-radius);color:#64748b;color:var(--week-invoices-text-secondary);cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s ease-in-out;transition:var(--week-invoices-transition);width:2rem}.week-invoices-close-btn:hover{background:#ef4444;background:var(--week-invoices-danger-color);color:#fff}.week-invoices-modal-content{padding:1.5rem}.week-invoices-modal-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.week-invoices-modal-stat{align-items:center;background:#f8fafc;background:var(--week-invoices-bg-color);border:1px solid #e2e8f0;border:1px solid var(--week-invoices-border-color);border-radius:8px;border-radius:var(--week-invoices-border-radius);display:flex;gap:1rem;padding:1rem}.week-invoices-modal-stat-icon{align-items:center;background:#2563eb;background:var(--week-invoices-primary-color);border-radius:8px;border-radius:var(--week-invoices-border-radius);color:#fff;display:flex;font-size:1rem;height:2.5rem;justify-content:center;width:2.5rem}.week-invoices-modal-stat-content{flex:1 1}.week-invoices-modal-stat-value{color:#1e293b;color:var(--week-invoices-text-primary);font-size:1.25rem;font-weight:600;line-height:1;margin-bottom:.25rem}.week-invoices-modal-stat-label{color:#64748b;color:var(--week-invoices-text-secondary);font-size:.875rem}.week-invoices-modal-orders{margin-bottom:2rem}.week-invoices-modal-orders-title{color:#1e293b;color:var(--week-invoices-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 1rem}.week-invoices-modal-orders-list{border:1px solid #e2e8f0;border:1px solid var(--week-invoices-border-color);border-radius:8px;border-radius:var(--week-invoices-border-radius);max-height:300px;overflow-y:auto}.week-invoices-order-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--week-invoices-border-color);display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease-in-out;transition:var(--week-invoices-transition)}.week-invoices-order-item:last-child{border-bottom:none}.week-invoices-order-item:hover{background:#f8fafc;background:var(--week-invoices-bg-color)}.week-invoices-order-date{color:#1e293b;color:var(--week-invoices-text-primary);font-weight:500}.week-invoices-order-details{align-items:center;display:flex;gap:1rem}.week-invoices-order-amount{color:#10b981;color:var(--week-invoices-success-color);font-weight:600}.week-invoices-order-plates{color:#64748b;color:var(--week-invoices-text-secondary);font-size:.875rem}.week-invoices-modal-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--week-invoices-border-color);display:flex;justify-content:center;padding-top:1rem}.week-invoices-download-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--week-invoices-primary-color),var(--week-invoices-primary-hover));border:none;border-radius:8px;border-radius:var(--week-invoices-border-radius);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:.875rem 1.5rem;transition:all .2s ease-in-out;transition:var(--week-invoices-transition)}.week-invoices-download-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--week-invoices-shadow-lg);transform:translateY(-2px)}.week-invoices-download-icon{font-size:1.125rem}.week-invoices-pagination{align-items:center;background:#fff;background:var(--week-invoices-card-bg);border:1px solid #e2e8f0;border:1px solid var(--week-invoices-border-color);border-radius:12px;border-radius:var(--week-invoices-border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--week-invoices-shadow-md);display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding:1.5rem}.week-invoices-pagination-info{color:#64748b;color:var(--week-invoices-text-secondary);font-size:.875rem;font-weight:500}.week-invoices-pagination-controls{align-items:center;display:flex;gap:1rem}.week-invoices-pagination-btn{background:#fff;background:var(--week-invoices-card-bg);border:1px solid #e2e8f0;border:1px solid var(--week-invoices-border-color);border-radius:8px;border-radius:var(--week-invoices-border-radius);color:#1e293b;color:var(--week-invoices-text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease-in-out;transition:var(--week-invoices-transition)}.week-invoices-pagination-btn:hover:not(:disabled){background:#2563eb;background:var(--week-invoices-primary-color);border-color:#2563eb;border-color:var(--week-invoices-primary-color);color:#fff}.week-invoices-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.week-invoices-pagination-numbers{display:flex;gap:.5rem}.week-invoices-pagination-number{align-items:center;background:#fff;background:var(--week-invoices-card-bg);border:1px solid #e2e8f0;border:1px solid var(--week-invoices-border-color);border-radius:8px;border-radius:var(--week-invoices-border-radius);color:#1e293b;color:var(--week-invoices-text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:2.5rem;justify-content:center;transition:all .2s ease-in-out;transition:var(--week-invoices-transition);width:2.5rem}.week-invoices-pagination-number:hover{background:#f8fafc;background:var(--week-invoices-bg-color);border-color:#2563eb;border-color:var(--week-invoices-primary-color)}.week-invoices-pagination-number.active{background:#2563eb;background:var(--week-invoices-primary-color);border-color:#2563eb;border-color:var(--week-invoices-primary-color);color:#fff}.week-invoices-monthly-section{border-top:1px solid #e2e8f0;border-top:1px solid var(--week-invoices-border-color);margin-top:2rem;padding-top:2rem}.week-invoices-loading-container{align-items:center!important;background:#fff!important;background:var(--week-invoices-card-bg)!important;border-radius:12px!important;border-radius:var(--week-invoices-border-radius-lg)!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;box-shadow:var(--week-invoices-shadow-md)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:400px!important;padding:4rem!important;position:relative!important;z-index:1!important}.week-invoices-loading-spinner{animation:weekInvoicesSpin 1s linear infinite!important;border:5px solid #f3f4f6!important;border-radius:50%!important;border-top-color:#2563eb!important;border-top:5px solid var(--week-invoices-primary-color)!important;display:block!important;height:50px!important;margin-bottom:1rem!important;margin-left:0!important;margin-right:0!important;position:relative!important;width:50px!important;z-index:2!important}.week-invoices-loading-text{color:#64748b!important;color:var(--week-invoices-text-secondary)!important;font-size:1.125rem!important;margin:15px 0 0!important;position:relative!important;text-align:center!important;z-index:2!important}@keyframes weekInvoicesSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes weekInvoicesFadeIn{0%{opacity:0}to{opacity:1}}@keyframes weekInvoicesModalSlideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width:1200px){.week-invoices-container{padding:1.5rem}.week-invoices-weeks-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.week-invoices-container{padding:1rem}.week-invoices-header{padding:1.5rem}.week-invoices-title{font-size:2rem}.week-invoices-title-icon{font-size:1.75rem}.week-invoices-stats-grid,.week-invoices-weeks-grid{gap:1rem;grid-template-columns:1fr}.week-invoices-modal{max-height:95vh;width:95%}.week-invoices-modal-stats{grid-template-columns:1fr}.week-invoices-order-item{align-items:flex-start;flex-direction:column;gap:.5rem}.week-invoices-order-details{align-items:flex-start;flex-direction:column;gap:.25rem}}@media (max-width:480px){.week-invoices-container{padding:.75rem}.week-invoices-header{padding:1rem}.week-invoices-title{font-size:1.75rem}.week-invoices-title-section{align-items:flex-start;flex-direction:column;gap:.5rem}.week-invoices-modal{margin:1rem;width:98%}.week-invoices-modal-content,.week-invoices-modal-header{padding:1rem}.week-invoices-modal-orders-list{max-height:200px}.week-invoices-pagination-controls{flex-direction:column;gap:.75rem}.week-invoices-pagination-numbers{flex-wrap:wrap;justify-content:center}.week-invoices-pagination-number{font-size:.75rem;height:2rem;width:2rem}}.modal-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.week-details .close-button{background:none;border:none;color:#666;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}.close-button:hover{color:#333}.search-section{margin:20px auto 30px;width:20%}:root{--month-invoices-primary-color:#2563eb;--month-invoices-primary-hover:#1d4ed8;--month-invoices-secondary-color:#64748b;--month-invoices-success-color:#10b981;--month-invoices-danger-color:#ef4444;--month-invoices-warning-color:#f59e0b;--month-invoices-bg-color:#f8fafc;--month-invoices-card-bg:#fff;--month-invoices-border-color:#e2e8f0;--month-invoices-text-primary:#1e293b;--month-invoices-text-secondary:#64748b;--month-invoices-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--month-invoices-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--month-invoices-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--month-invoices-border-radius:8px;--month-invoices-border-radius-lg:12px;--month-invoices-transition:all 0.2s ease-in-out}.month-invoices-container{background-color:#f8fafc;background-color:var(--month-invoices-bg-color);margin:0 auto;max-width:1400px;min-height:100vh}.month-invoices-header{background:#fff;background:var(--month-invoices-card-bg);border:1px solid #e2e8f0;border:1px solid var(--month-invoices-border-color);border-radius:12px;border-radius:var(--month-invoices-border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--month-invoices-shadow-md);margin-bottom:2rem;padding:2rem}.month-invoices-title-section{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.month-invoices-title-icon{color:#2563eb;color:var(--month-invoices-primary-color);font-size:2rem}.month-invoices-title{color:#1e293b;color:var(--month-invoices-text-primary);font-size:2.5rem;font-weight:700;letter-spacing:-.025em;margin:0}.month-invoices-subtitle{color:#64748b;color:var(--month-invoices-text-secondary);font-size:1.125rem;line-height:1.6;margin:0}.month-invoices-error-message,.month-invoices-success-message{align-items:center;animation:monthInvoicesSlideIn .3s ease-out;border-radius:8px;border-radius:var(--month-invoices-border-radius);display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.month-invoices-error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#ef4444;color:var(--month-invoices-danger-color)}.month-invoices-success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#10b981;color:var(--month-invoices-success-color)}.month-invoices-error-icon,.month-invoices-success-icon{font-size:1.25rem}@keyframes monthInvoicesSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.month-invoices-search-section{margin-bottom:2rem}.month-invoices-search-container{max-width:400px;position:relative}.month-invoices-search-icon{color:#64748b;color:var(--month-invoices-text-secondary);font-size:1.125rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.month-invoices-search-input{background:#fff;background:var(--month-invoices-card-bg);border:2px solid #e2e8f0;border:2px solid var(--month-invoices-border-color);border-radius:8px;border-radius:var(--month-invoices-border-radius);font-size:1rem;padding:.875rem 1rem .875rem 3rem;transition:all .2s ease-in-out;transition:var(--month-invoices-transition);width:100%}.month-invoices-search-input:focus{border-color:#2563eb;border-color:var(--month-invoices-primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.month-invoices-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.month-invoices-stat-card{align-items:center;background:#fff;background:var(--month-invoices-card-bg);border:1px solid #e2e8f0;border:1px solid var(--month-invoices-border-color);border-radius:12px;border-radius:var(--month-invoices-border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--month-invoices-shadow-md);display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease-in-out;transition:var(--month-invoices-transition)}.month-invoices-stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--month-invoices-shadow-lg);transform:translateY(-2px)}.month-invoices-stat-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--month-invoices-primary-color),var(--month-invoices-primary-hover));border-radius:8px;border-radius:var(--month-invoices-border-radius);color:#fff;display:flex;font-size:1.25rem;height:3rem;justify-content:center;width:3rem}.month-invoices-stat-content{flex:1 1}.month-invoices-stat-value{color:#1e293b;color:var(--month-invoices-text-primary);font-size:1.875rem;font-weight:700;line-height:1;margin-bottom:.25rem}.month-invoices-stat-label{color:#64748b;color:var(--month-invoices-text-secondary);font-size:.875rem;font-weight:500}.month-invoices-months-section{margin-bottom:2rem}.month-invoices-section-title{align-items:center;color:#1e293b;color:var(--month-invoices-text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin-bottom:1.5rem}.month-invoices-section-icon{color:#2563eb;color:var(--month-invoices-primary-color);font-size:1.25rem}.month-invoices-empty-state{background:#fff;background:var(--month-invoices-card-bg);border:1px solid #e2e8f0;border:1px solid var(--month-invoices-border-color);border-radius:12px;border-radius:var(--month-invoices-border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--month-invoices-shadow-md);padding:3rem 2rem;text-align:center}.month-invoices-empty-icon{font-size:3rem;margin-bottom:1rem}.month-invoices-empty-icon,.month-invoices-empty-text{color:#64748b;color:var(--month-invoices-text-secondary)}.month-invoices-empty-text{font-size:1.125rem;margin:0}.month-invoices-months-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.month-invoices-month-card{background:#fff;background:var(--month-invoices-card-bg);border:1px solid #e2e8f0;border:1px solid var(--month-invoices-border-color);border-radius:12px;border-radius:var(--month-invoices-border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--month-invoices-shadow-md);overflow:hidden;transition:all .2s ease-in-out;transition:var(--month-invoices-transition)}.month-invoices-month-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--month-invoices-shadow-lg);transform:translateY(-2px)}.month-invoices-month-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--month-invoices-border-color);display:flex;justify-content:space-between;padding:1.5rem}.month-invoices-month-info{flex:1 1}.month-invoices-month-title{color:#1e293b;color:var(--month-invoices-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.month-invoices-month-stats{display:flex;flex-direction:column;gap:.25rem}.month-invoices-month-orders,.month-invoices-month-revenue{font-size:.875rem;gap:.5rem}.month-invoices-expand-btn,.month-invoices-month-orders,.month-invoices-month-revenue{align-items:center;color:#64748b;color:var(--month-invoices-text-secondary);display:flex}.month-invoices-expand-btn{background:#f8fafc;background:var(--month-invoices-bg-color);border:none;border-radius:8px;border-radius:var(--month-invoices-border-radius);cursor:pointer;height:2.5rem;justify-content:center;transition:all .2s ease-in-out;transition:var(--month-invoices-transition);width:2.5rem}.month-invoices-expand-btn:hover{background:#2563eb;background:var(--month-invoices-primary-color);color:#fff}.month-invoices-modal-overlay{animation:monthInvoicesFadeIn .3s ease-out;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.month-invoices-modal{animation:monthInvoicesModalSlideIn .3s ease-out;background:#fff;background:var(--month-invoices-card-bg);border-radius:12px;border-radius:var(--month-invoices-border-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--month-invoices-shadow-lg);left:50%;max-height:90vh;max-width:800px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.month-invoices-modal-header{align-items:center;background:#f8fafc;background:var(--month-invoices-bg-color);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--month-invoices-border-color);display:flex;justify-content:space-between;padding:1.5rem}.month-invoices-modal-title{align-items:center;color:#1e293b;color:var(--month-invoices-text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0}.month-invoices-modal-icon{color:#2563eb;color:var(--month-invoices-primary-color)}.month-invoices-close-btn{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--month-invoices-border-radius);color:#64748b;color:var(--month-invoices-text-secondary);cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s ease-in-out;transition:var(--month-invoices-transition);width:2rem}.month-invoices-close-btn:hover{background:#ef4444;background:var(--month-invoices-danger-color);color:#fff}.month-invoices-modal-content{padding:1.5rem}.month-invoices-modal-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.month-invoices-modal-stat{align-items:center;background:#f8fafc;background:var(--month-invoices-bg-color);border:1px solid #e2e8f0;border:1px solid var(--month-invoices-border-color);border-radius:8px;border-radius:var(--month-invoices-border-radius);display:flex;gap:1rem;padding:1rem}.month-invoices-modal-stat-icon{align-items:center;background:#2563eb;background:var(--month-invoices-primary-color);border-radius:8px;border-radius:var(--month-invoices-border-radius);color:#fff;display:flex;font-size:1rem;height:2.5rem;justify-content:center;width:2.5rem}.month-invoices-modal-stat-content{flex:1 1}.month-invoices-modal-stat-value{color:#1e293b;color:var(--month-invoices-text-primary);font-size:1.25rem;font-weight:600;line-height:1;margin-bottom:.25rem}.month-invoices-modal-stat-label{color:#64748b;color:var(--month-invoices-text-secondary);font-size:.875rem}.month-invoices-modal-orders{margin-bottom:2rem}.month-invoices-modal-orders-title{color:#1e293b;color:var(--month-invoices-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 1rem}.month-invoices-modal-orders-list{border:1px solid #e2e8f0;border:1px solid var(--month-invoices-border-color);border-radius:8px;border-radius:var(--month-invoices-border-radius);max-height:300px;overflow-y:auto}.month-invoices-order-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--month-invoices-border-color);display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease-in-out;transition:var(--month-invoices-transition)}.month-invoices-order-item:last-child{border-bottom:none}.month-invoices-order-item:hover{background:#f8fafc;background:var(--month-invoices-bg-color)}.month-invoices-order-date{color:#1e293b;color:var(--month-invoices-text-primary);font-weight:500}.month-invoices-order-details{align-items:center;display:flex;gap:1rem}.month-invoices-order-amount{color:#10b981;color:var(--month-invoices-success-color);font-weight:600}.month-invoices-order-plates{color:#64748b;color:var(--month-invoices-text-secondary);font-size:.875rem}.month-invoices-modal-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--month-invoices-border-color);display:flex;justify-content:center;padding-top:1rem}.month-invoices-download-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--month-invoices-primary-color),var(--month-invoices-primary-hover));border:none;border-radius:8px;border-radius:var(--month-invoices-border-radius);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:.875rem 1.5rem;transition:all .2s ease-in-out;transition:var(--month-invoices-transition)}.month-invoices-download-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--month-invoices-shadow-lg);transform:translateY(-2px)}.month-invoices-download-icon{font-size:1.125rem}.month-invoices-pagination{align-items:center;background:#fff;background:var(--month-invoices-card-bg);border:1px solid #e2e8f0;border:1px solid var(--month-invoices-border-color);border-radius:12px;border-radius:var(--month-invoices-border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--month-invoices-shadow-md);display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding:1.5rem}.month-invoices-pagination-info{color:#64748b;color:var(--month-invoices-text-secondary);font-size:.875rem;font-weight:500}.month-invoices-pagination-controls{align-items:center;display:flex;gap:1rem}.month-invoices-pagination-btn{background:#fff;background:var(--month-invoices-card-bg);border:1px solid #e2e8f0;border:1px solid var(--month-invoices-border-color);border-radius:8px;border-radius:var(--month-invoices-border-radius);color:#1e293b;color:var(--month-invoices-text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease-in-out;transition:var(--month-invoices-transition)}.month-invoices-pagination-btn:hover:not(:disabled){background:#2563eb;background:var(--month-invoices-primary-color);border-color:#2563eb;border-color:var(--month-invoices-primary-color);color:#fff}.month-invoices-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.month-invoices-pagination-numbers{display:flex;gap:.5rem}.month-invoices-pagination-number{align-items:center;background:#fff;background:var(--month-invoices-card-bg);border:1px solid #e2e8f0;border:1px solid var(--month-invoices-border-color);border-radius:8px;border-radius:var(--month-invoices-border-radius);color:#1e293b;color:var(--month-invoices-text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:2.5rem;justify-content:center;transition:all .2s ease-in-out;transition:var(--month-invoices-transition);width:2.5rem}.month-invoices-pagination-number:hover{background:#f8fafc;background:var(--month-invoices-bg-color);border-color:#2563eb;border-color:var(--month-invoices-primary-color)}.month-invoices-pagination-number.active{background:#2563eb;background:var(--month-invoices-primary-color);border-color:#2563eb;border-color:var(--month-invoices-primary-color);color:#fff}.month-invoices-loading-container{align-items:center!important;background:#fff!important;background:var(--month-invoices-card-bg)!important;border-radius:12px!important;border-radius:var(--month-invoices-border-radius-lg)!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;box-shadow:var(--month-invoices-shadow-md)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:400px!important;padding:4rem!important;position:relative!important;z-index:1!important}.month-invoices-loading-spinner{animation:monthInvoicesSpin 1s linear infinite!important;border:5px solid #f3f4f6!important;border-radius:50%!important;border-top-color:#2563eb!important;border-top:5px solid var(--month-invoices-primary-color)!important;display:block!important;height:50px!important;margin-bottom:1rem!important;margin-left:0!important;margin-right:0!important;position:relative!important;width:50px!important;z-index:2!important}.month-invoices-loading-text{color:#64748b!important;color:var(--month-invoices-text-secondary)!important;font-size:1.125rem!important;margin:15px 0 0!important;position:relative!important;text-align:center!important;z-index:2!important}@keyframes monthInvoicesSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes monthInvoicesFadeIn{0%{opacity:0}to{opacity:1}}@keyframes monthInvoicesModalSlideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width:1200px){.month-invoices-months-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.month-invoices-header{padding:1.5rem}.month-invoices-title{font-size:2rem}.month-invoices-title-icon{font-size:1.75rem}.month-invoices-months-grid,.month-invoices-stats-grid{gap:1rem;grid-template-columns:1fr}.month-invoices-modal{max-height:95vh;width:95%}.month-invoices-modal-stats{grid-template-columns:1fr}.month-invoices-order-item{align-items:flex-start;flex-direction:column;gap:.5rem}.month-invoices-order-details{align-items:flex-start;flex-direction:column;gap:.25rem}.month-invoices-pagination-controls{flex-direction:column;gap:.75rem}.month-invoices-pagination-numbers{flex-wrap:wrap;justify-content:center}.month-invoices-pagination-number{font-size:.75rem;height:2rem;width:2rem}}@media (max-width:480px){.month-invoices-header{padding:1rem}.month-invoices-title{font-size:1.75rem}.month-invoices-title-section{align-items:flex-start;flex-direction:column;gap:.5rem}.month-invoices-modal{margin:1rem;width:98%}.month-invoices-modal-content,.month-invoices-modal-header{padding:1rem}.month-invoices-modal-orders-list{max-height:200px}}:root{--employee-card-primary:#3b82f6;--employee-card-primary-hover:#2563eb;--employee-card-secondary:#64748b;--employee-card-success:#10b981;--employee-card-warning:#f59e0b;--employee-card-danger:#ef4444;--employee-card-bg:#fff;--employee-card-bg-hover:#f8fafc;--employee-card-text-primary:#1e293b;--employee-card-text-secondary:#64748b;--employee-card-border:#e2e8f0;--employee-card-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--employee-card-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--employee-card-border-radius:12px;--employee-card-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.employee-schedule-card{background:#fff;background:var(--employee-card-bg);border:2px solid #e2e8f0;border:2px solid var(--employee-card-border);border-radius:12px;border-radius:var(--employee-card-border-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--employee-card-shadow);cursor:pointer;overflow:hidden;padding:1.5rem;position:relative}.employee-schedule-card,.employee-schedule-card:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--employee-card-transition)}.employee-schedule-card:before{content:"";height:100%;left:0;position:absolute;top:0;width:4px}.employee-schedule-card:hover{background:#f8fafc;background:var(--employee-card-bg-hover);border-color:#3b82f6;border-color:var(--employee-card-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--employee-card-shadow-lg);transform:translateY(-4px)}.employee-schedule-card-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem;position:relative}.employee-schedule-avatar{align-items:center;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:1.5rem;height:3.5rem;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--employee-card-transition);width:3.5rem}.employee-schedule-card:hover .employee-schedule-avatar{box-shadow:0 6px 20px #0003;transform:scale(1.05)}.employee-schedule-info{flex:1 1}.employee-schedule-name{color:#1e293b;color:var(--employee-card-text-primary);font-size:1.125rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.employee-schedule-role{align-items:center;color:#64748b;color:var(--employee-card-text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.employee-schedule-role-icon{font-size:.875rem}.employee-schedule-edit-btn{align-items:center;background:#fff;background:var(--employee-card-bg);border:2px solid #e2e8f0;border:2px solid var(--employee-card-border);border-radius:50%;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--employee-card-shadow);color:#64748b;color:var(--employee-card-text-secondary);cursor:pointer;display:flex;height:2.5rem;justify-content:center;position:absolute;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--employee-card-transition);width:2.5rem}.employee-schedule-edit-btn:hover{background:#3b82f6;background:var(--employee-card-primary);border-color:#3b82f6;border-color:var(--employee-card-primary);color:#fff;transform:scale(1.1)}.employee-schedule-stats{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #e2e8f0;border:1px solid var(--employee-card-border);border-radius:12px;border-radius:var(--employee-card-border-radius);display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.employee-schedule-stat{align-items:center;display:flex;flex:1 1;gap:.5rem;justify-content:center}.employee-schedule-stat-icon{color:#3b82f6;color:var(--employee-card-primary);font-size:1rem}.employee-schedule-stat-value{color:#1e293b;color:var(--employee-card-text-primary);font-size:1.25rem;font-weight:700}.employee-schedule-stat-label{color:#64748b;color:var(--employee-card-text-secondary);font-size:.75rem;font-weight:500}.employee-schedule-days{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.employee-schedule-day{background:#fff;background:var(--employee-card-bg);border:1px solid #e2e8f0;border:1px solid var(--employee-card-border);border-radius:10px;border-radius:calc(var(--employee-card-border-radius) - 2px);cursor:pointer;overflow:hidden;padding:.75rem;position:relative}.employee-schedule-day,.employee-schedule-day:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--employee-card-transition)}.employee-schedule-day:before{background:#e2e8f0;background:var(--employee-card-border);content:"";height:100%;left:0;position:absolute;top:0;width:3px}.employee-schedule-day.working:before{background:#10b981;background:var(--employee-card-success)}.employee-schedule-day.not-working:before{background:#64748b;background:var(--employee-card-secondary)}.employee-schedule-day:hover{border-color:#3b82f6;border-color:var(--employee-card-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.employee-schedule-day.working:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981;border-color:var(--employee-card-success)}.employee-schedule-day.not-working:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#64748b;border-color:var(--employee-card-secondary)}.employee-schedule-day-name{color:#1e293b;color:var(--employee-card-text-primary);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.employee-schedule-day-hours{color:#64748b;color:var(--employee-card-text-secondary);font-size:.75rem;font-weight:500;line-height:1.3}.employee-schedule-day.working .employee-schedule-day-hours{color:#10b981;color:var(--employee-card-success);font-weight:600}.employee-schedule-day.not-working .employee-schedule-day-hours,.employee-schedule-no-data{color:#64748b;color:var(--employee-card-text-secondary);font-style:italic}.employee-schedule-no-data{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #e2e8f0;border:2px dashed var(--employee-card-border);border-radius:12px;border-radius:var(--employee-card-border-radius);grid-column:1/-1;padding:2rem;text-align:center}@media (max-width:768px){.employee-schedule-card{padding:1rem}.employee-schedule-card-header{gap:.75rem;margin-bottom:1rem}.employee-schedule-avatar{font-size:1.25rem;height:3rem;width:3rem}.employee-schedule-name{font-size:1rem}.employee-schedule-role{font-size:.8rem}.employee-schedule-stats{margin-bottom:1rem;padding:.75rem}.employee-schedule-stat-value{font-size:1.125rem}.employee-schedule-days{gap:.5rem;grid-template-columns:1fr}.employee-schedule-day{padding:.5rem}.employee-schedule-day-hours,.employee-schedule-day-name{font-size:.7rem}}@media (max-width:480px){.employee-schedule-card{padding:.75rem}.employee-schedule-avatar{font-size:1rem;height:2.5rem;width:2.5rem}.employee-schedule-name{font-size:.9rem}.employee-schedule-role{font-size:.75rem}.employee-schedule-stats{padding:.5rem}.employee-schedule-stat{flex-direction:column;gap:.25rem}.employee-schedule-stat-value{font-size:1rem}.employee-schedule-stat-label{font-size:.7rem}}:root{--popup-primary:#3b82f6;--popup-primary-hover:#2563eb;--popup-secondary:#64748b;--popup-success:#10b981;--popup-warning:#f59e0b;--popup-danger:#ef4444;--popup-bg:#fff;--popup-bg-hover:#f8fafc;--popup-text-primary:#1e293b;--popup-text-secondary:#64748b;--popup-border:#e2e8f0;--popup-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--popup-shadow-lg:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--popup-border-radius:16px;--popup-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.schedule-popup-overlay{align-items:center;animation:schedulePopupFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:1000}.schedule-popup-content{animation:schedulePopupSlideIn .4s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--popup-bg);border-radius:16px;border-radius:var(--popup-border-radius);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--popup-shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%}.schedule-popup-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--popup-border);border-radius:16px 16px 0 0;border-radius:var(--popup-border-radius) var(--popup-border-radius) 0 0;display:flex;justify-content:space-between;padding:1.5rem}.schedule-popup-employee-info{align-items:center;display:flex;gap:1rem}.schedule-popup-avatar{align-items:center;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:1.5rem;height:3.5rem;justify-content:center;width:3.5rem}.schedule-popup-employee-details{flex:1 1}.schedule-popup-employee-name{color:#1e293b;color:var(--popup-text-primary);font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.schedule-popup-employee-role{align-items:center;color:#64748b;color:var(--popup-text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.schedule-popup-role-icon{font-size:.875rem}.schedule-popup-close-btn{align-items:center;background:#fff;background:var(--popup-bg);border:2px solid #e2e8f0;border:2px solid var(--popup-border);border-radius:50%;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--popup-shadow);color:#64748b;color:var(--popup-text-secondary);cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--popup-transition);width:2.5rem}.schedule-popup-close-btn:hover{background:#ef4444!important;background:var(--popup-danger)!important;border-color:#ef4444!important;border-color:var(--popup-danger)!important;color:#fff;transform:scale(1.1)}.schedule-popup-day-section{background:#fff;background:var(--popup-bg);padding:1.5rem}.schedule-popup-day-header{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:16px;border-radius:var(--popup-border-radius);display:flex;gap:.75rem;padding:1rem}.schedule-popup-day-icon{color:#3b82f6;color:var(--popup-primary);font-size:1.25rem}.schedule-popup-day-title{color:#1e293b;color:var(--popup-text-primary);font-size:1.125rem;font-weight:600;margin:0}.schedule-popup-shifts-section{padding:0 1.5rem 1.5rem}.schedule-popup-shifts-title{color:#1e293b;color:var(--popup-text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.schedule-popup-shift-container{background:#f8fafc;background:var(--popup-bg-hover);border:1px solid #e2e8f0;border:1px solid var(--popup-border);border-radius:16px;border-radius:var(--popup-border-radius);margin-bottom:1rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--popup-transition)}.schedule-popup-shift-container:hover{border-color:#3b82f6;border-color:var(--popup-primary);box-shadow:0 2px 8px #3b82f61a}.schedule-popup-shift-inputs{align-items:end;display:flex;flex-wrap:wrap;gap:1rem}.schedule-popup-time-group{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:120px}.schedule-popup-time-label{color:#64748b;color:var(--popup-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.schedule-popup-time-input{background:#fff;background:var(--popup-bg);border:2px solid #e2e8f0;border:2px solid var(--popup-border);border-radius:12px;border-radius:calc(var(--popup-border-radius) - 4px);color:#1e293b;color:var(--popup-text-primary);font-size:.875rem;font-weight:500;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--popup-transition)}.schedule-popup-time-input:focus{border-color:#3b82f6;border-color:var(--popup-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.schedule-popup-time-separator{color:#64748b;color:var(--popup-text-secondary);font-size:.875rem;font-weight:600}.schedule-popup-remove-shift,.schedule-popup-time-separator{align-items:center;display:flex;justify-content:center;margin-bottom:.5rem}.schedule-popup-remove-shift{background:#ef4444;background:var(--popup-danger);border:none;border-radius:50%;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--popup-shadow);color:#fff;cursor:pointer;height:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--popup-transition);width:2.5rem}.schedule-popup-remove-shift:hover{background:#dc2626;transform:scale(1.1)}.schedule-popup-add-shift{align-items:center;background:#fff;background:var(--popup-bg);border:2px dashed #e2e8f0;border:2px dashed var(--popup-border);border-radius:16px;border-radius:var(--popup-border-radius);color:#64748b;color:var(--popup-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--popup-transition);width:100%}.schedule-popup-add-shift:hover{background:#f0f9ff;border-color:#3b82f6;border-color:var(--popup-primary);color:#3b82f6;color:var(--popup-primary)}.schedule-popup-actions{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:0 0 16px 16px;border-radius:0 0 var(--popup-border-radius) var(--popup-border-radius);border-top:1px solid #e2e8f0;border-top:1px solid var(--popup-border);display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}.schedule-popup-apply-all-btn,.schedule-popup-save-btn{align-items:center;border:none;border-radius:16px;border-radius:var(--popup-border-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--popup-shadow);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;height:48px;justify-content:center;padding:.875rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--popup-transition)}.schedule-popup-save-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--popup-primary),var(--popup-primary-hover));color:#fff}.schedule-popup-save-btn:hover:not(:disabled){box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.schedule-popup-apply-all-btn{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--popup-success),#059669);color:#fff}.schedule-popup-apply-all-btn:hover:not(:disabled){box-shadow:0 8px 25px #10b9814d;transform:translateY(-2px)}.schedule-popup-apply-all-btn:disabled,.schedule-popup-save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@keyframes schedulePopupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes schedulePopupSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.schedule-popup-overlay{padding:.5rem}.schedule-popup-content{max-height:95vh}.schedule-popup-header{padding:1rem}.schedule-popup-employee-info{gap:.75rem}.schedule-popup-avatar{font-size:1.25rem;height:3rem;width:3rem}.schedule-popup-employee-name{font-size:1.125rem}.schedule-popup-day-section,.schedule-popup-shifts-section{padding:1rem}.schedule-popup-shift-inputs{flex-direction:column;gap:.75rem}.schedule-popup-time-group{min-width:100%}.schedule-popup-remove-shift,.schedule-popup-time-separator{align-self:center;margin:0}.schedule-popup-actions{padding:1rem}}@media (max-width:480px){.schedule-popup-overlay{padding:.25rem}.schedule-popup-header{padding:.75rem}.schedule-popup-employee-info{gap:.5rem}.schedule-popup-avatar{font-size:1rem;height:2.5rem;width:2.5rem}.schedule-popup-employee-name{font-size:1rem}.schedule-popup-employee-role{font-size:.8rem}.schedule-popup-actions,.schedule-popup-day-section,.schedule-popup-shifts-section{padding:.75rem}.schedule-popup-apply-all-btn,.schedule-popup-save-btn{font-size:.8rem;height:44px;padding:.75rem 1rem}}body.popup-open{overflow:hidden;position:fixed;width:100%}:root{--schedule-primary-color:#3b82f6;--schedule-primary-hover:#2563eb;--schedule-secondary-color:#64748b;--schedule-success-color:#10b981;--schedule-warning-color:#f59e0b;--schedule-danger-color:#ef4444;--schedule-bg-color:#f8fafc;--schedule-card-bg:#fff;--schedule-text-primary:#1e293b;--schedule-text-secondary:#64748b;--schedule-border-color:#e2e8f0;--schedule-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--schedule-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--schedule-border-radius:12px;--schedule-border-radius-lg:16px;--schedule-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.schedule-management-container{background-color:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.schedule-management-header{background:#fff;background:var(--schedule-card-bg);border-radius:16px;border-radius:var(--schedule-border-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--schedule-shadow-lg);margin-bottom:2rem;padding:2rem;text-align:center}.schedule-management-title-section{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:.5rem}.schedule-management-title-icon{color:#3b82f6;color:var(--schedule-primary-color);font-size:2.5rem}.schedule-management-title{color:#1e293b;color:var(--schedule-text-primary);font-size:2.5rem;font-weight:700;margin:0}.schedule-management-subtitle{color:#64748b;color:var(--schedule-text-secondary);font-size:1.125rem;margin:0}.schedule-management-error-message,.schedule-management-success-message{align-items:center;animation:scheduleSlideIn .3s ease-out;border-radius:12px;border-radius:var(--schedule-border-radius);display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.schedule-management-error-message{background:#fef2f2;border:1px solid #fecaca;color:#ef4444;color:var(--schedule-danger-color)}.schedule-management-success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#10b981;color:var(--schedule-success-color)}.schedule-management-message-icon{font-size:1.25rem}.schedule-management-controls{background:#fff;background:var(--schedule-card-bg);border-radius:12px;border-radius:var(--schedule-border-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--schedule-shadow);display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:1.5rem}.schedule-management-search-section{width:100%}.schedule-management-search-container{margin:0 auto;max-width:400px;position:relative}.schedule-management-search-icon{color:#64748b;color:var(--schedule-text-secondary);font-size:1.125rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.schedule-management-search-input{background:#f8fafc;background:var(--schedule-bg-color);border:2px solid #e2e8f0;border:2px solid var(--schedule-border-color);border-radius:12px;border-radius:var(--schedule-border-radius);font-size:1rem;padding:.875rem 1rem .875rem 3rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--schedule-transition);width:100%}.schedule-management-search-input:focus{border-color:#3b82f6;border-color:var(--schedule-primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.schedule-management-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.schedule-management-filter-group{align-items:center;background:#f8fafc;background:var(--schedule-bg-color);border:1px solid #e2e8f0;border:1px solid var(--schedule-border-color);border-radius:12px;border-radius:var(--schedule-border-radius);display:flex;gap:.5rem;height:40px;padding:.5rem 1rem}.schedule-management-filter-icon{color:#64748b;color:var(--schedule-text-secondary);font-size:1rem}.schedule-management-role-select{background:#0000;border:none;color:#1e293b;color:var(--schedule-text-primary);cursor:pointer;font-size:.875rem;height:40px;outline:none;padding:0 .5rem}.schedule-management-view-controls{background:#f8fafc;background:var(--schedule-bg-color);border:1px solid #e2e8f0;border:1px solid var(--schedule-border-color);border-radius:12px;border-radius:var(--schedule-border-radius);display:flex;gap:.5rem;padding:.25rem}.schedule-management-view-btn{align-items:center;background:#0000;border:none;border-radius:10px;border-radius:calc(var(--schedule-border-radius) - 2px);color:#64748b;color:var(--schedule-text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--schedule-transition)}.schedule-management-view-btn.active{background:#3b82f6;background:var(--schedule-primary-color);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--schedule-shadow);color:#fff}.schedule-management-view-btn:hover:not(.active){background:#f8fafc;background:var(--schedule-bg-color);color:#1e293b;color:var(--schedule-text-primary)}.schedule-management-actions{display:flex;gap:.5rem}.schedule-management-export-btn,.schedule-management-legend-toggle{align-items:center;background:#fff;background:var(--schedule-card-bg);border:1px solid #e2e8f0;border:1px solid var(--schedule-border-color);border-radius:12px;border-radius:var(--schedule-border-radius);color:#1e293b;color:var(--schedule-text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;height:40px;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--schedule-transition)}.schedule-management-export-btn:hover,.schedule-management-legend-toggle:hover{background:#f8fafc;background:var(--schedule-bg-color);border-color:#3b82f6;border-color:var(--schedule-primary-color);color:#3b82f6;color:var(--schedule-primary-color)}.schedule-management-todays-workers{background:#fff;background:var(--schedule-card-bg);border-radius:12px;border-radius:var(--schedule-border-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--schedule-shadow);margin-bottom:2rem;padding:1.5rem}.schedule-management-todays-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.schedule-management-todays-icon{color:#3b82f6;color:var(--schedule-primary-color);font-size:1.5rem}.schedule-management-todays-title{color:#1e293b;color:var(--schedule-text-primary);font-size:1.25rem;font-weight:600;margin:0}.schedule-management-workers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.schedule-management-worker-card{background:#fff;background:var(--schedule-card-bg);border:2px solid #e2e8f0;border:2px solid var(--schedule-border-color);border-radius:12px;border-radius:var(--schedule-border-radius);overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--schedule-transition)}.schedule-management-worker-card:before{content:"";height:100%;left:0;position:absolute;top:0;width:4px}.schedule-management-worker-card:hover{border-color:#3b82f6;border-color:var(--schedule-primary-color);box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.schedule-management-worker-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.schedule-management-worker-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--schedule-primary-color),var(--schedule-primary-hover));border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;font-size:1.25rem;height:3rem;justify-content:center;width:3rem}.schedule-management-worker-info{flex:1 1}.schedule-management-worker-name{color:#1e293b;color:var(--schedule-text-primary);font-size:1rem;font-weight:700;margin-bottom:.25rem}.schedule-management-worker-role{color:#64748b;color:var(--schedule-text-secondary);font-size:.875rem;font-weight:500}.schedule-management-worker-schedule{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #e2e8f0;border:1px solid var(--schedule-border-color);border-radius:12px;border-radius:var(--schedule-border-radius);color:#1e293b;color:var(--schedule-text-primary);font-size:.875rem;font-weight:600;padding:.75rem 1rem;text-align:center}.schedule-management-no-workers{color:#64748b;color:var(--schedule-text-secondary);grid-column:1/-1;padding:2rem;text-align:center}.schedule-management-no-workers-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.schedule-management-no-workers-text{font-size:1.125rem;margin:0}.schedule-management-content{margin-bottom:2rem}.schedule-management-employee-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.schedule-management-grid-section{overflow-x:auto;padding:1.5rem}.schedule-management-grid,.schedule-management-grid-section{background:#fff;background:var(--schedule-card-bg);border-radius:12px;border-radius:var(--schedule-border-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--schedule-shadow)}.schedule-management-grid{border:1px solid #e2e8f0;border:1px solid var(--schedule-border-color);min-width:800px;overflow:hidden}.schedule-management-grid-header{background:#fff;background:var(--schedule-card-bg);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--schedule-border-color);display:grid;grid-template-columns:160px repeat(26,1fr)}.schedule-management-grid-header-cell{align-items:center;background:#f8fafc;background:var(--schedule-bg-color);border-right:1px solid #e2e8f0;border-right:1px solid var(--schedule-border-color);color:#1e293b;color:var(--schedule-text-primary);display:flex;font-weight:700;gap:.75rem;padding:1.5rem 1rem}.schedule-management-grid-header-icon{color:#3b82f6;color:var(--schedule-primary-color);font-size:1.25rem}.schedule-management-grid-time-cell{background:#f8fafc;background:var(--schedule-bg-color);border-right:1px solid #e2e8f0;border-right:1px solid var(--schedule-border-color);color:#64748b;color:var(--schedule-text-secondary);font-size:.75rem;font-weight:600;padding:1rem .5rem;text-align:center}.schedule-management-grid-day-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--schedule-border-color);display:grid;grid-template-columns:160px repeat(26,1fr);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--schedule-transition)}.schedule-management-grid-day-row:hover{background:#3b82f605}.schedule-management-grid-day-row:last-child{border-bottom:none}.schedule-management-grid-day-cell{align-items:center;background:#fff;background:var(--schedule-card-bg);border-right:1px solid #e2e8f0;border-right:1px solid var(--schedule-border-color);color:#1e293b;color:var(--schedule-text-primary);display:flex;font-size:.875rem;font-weight:700;padding:1.5rem 1rem}.schedule-management-grid-day-name{font-size:.875rem}.schedule-management-grid-time-slot{align-items:center;background:#f8fafc;background:var(--schedule-bg-color);border-right:1px solid #e2e8f0;border-right:1px solid var(--schedule-border-color);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--schedule-transition)}.schedule-management-grid-time-slot:hover{background:#3b82f60d}.schedule-management-grid-time-slot.has-employee{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd}.schedule-management-grid-employee-block{align-items:center;border:1px solid #fff3;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;height:auto;margin-bottom:.25rem;min-height:32px;padding:.5rem .75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--schedule-transition);width:100%}.schedule-management-grid-employee-block:last-child{margin-bottom:0}.schedule-management-grid-employee-block:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px);z-index:10}.schedule-management-grid-employee-icon{flex-shrink:0;font-size:.75rem;opacity:.9}.schedule-management-grid-employee-name{flex:1 1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-management-grid-time-slot.has-employee:before{background:#3b82f6;background:var(--schedule-primary-color);border-radius:50%;box-shadow:0 0 0 2px #fff;content:"";height:8px;position:absolute;right:.25rem;top:.25rem;width:8px}.schedule-management-grid-empty-slot{align-items:center;display:flex;height:100%;justify-content:center;opacity:.3;width:100%}.schedule-management-grid-time-text{color:#64748b;color:var(--schedule-text-secondary);font-size:.7rem;font-weight:500}.schedule-management-day-selector{background:#fff;background:var(--schedule-card-bg);border:1px solid #e2e8f0;border:1px solid var(--schedule-border-color);border-radius:12px;border-radius:var(--schedule-border-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--schedule-shadow);padding:2rem}.schedule-management-day-selector-header{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--schedule-border-color);display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.schedule-management-day-selector-icon{color:#3b82f6;color:var(--schedule-primary-color);font-size:1.5rem}.schedule-management-day-selector-header h3{color:#1e293b;color:var(--schedule-text-primary);font-size:1.5rem;font-weight:700;margin:0}.schedule-management-day-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.schedule-management-day-btn{align-items:center;background:#f8fafc;background:var(--schedule-bg-color);border:2px solid #e2e8f0;border:2px solid var(--schedule-border-color);border-radius:12px;border-radius:var(--schedule-border-radius);color:#1e293b;color:var(--schedule-text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:1.5rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--schedule-transition)}.schedule-management-day-btn:hover{transform:translateY(-2px)}.schedule-management-day-btn.active,.schedule-management-day-btn:hover{background:#3b82f6;background:var(--schedule-primary-color);border-color:#3b82f6;border-color:var(--schedule-primary-color);box-shadow:0 4px 12px #3b82f64d;color:#fff}.schedule-management-day-btn-text{font-weight:600}.schedule-management-day-detail{background:#fff;background:var(--schedule-card-bg);border:1px solid #e2e8f0;border:1px solid var(--schedule-border-color);border-radius:12px;border-radius:var(--schedule-border-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--schedule-shadow);overflow:hidden}.schedule-management-day-detail-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--schedule-primary-color),#1d4ed8);color:#fff;display:flex;justify-content:space-between;padding:2rem}.schedule-management-day-detail-icon{font-size:1.5rem;margin-right:1rem}.schedule-management-day-detail-header h3{align-items:center;display:flex;font-size:1.5rem;font-weight:700;margin:0}.schedule-management-close-day-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--schedule-transition);width:40px}.schedule-management-close-day-btn:hover{background:#ffffff4d;transform:scale(1.1)}.schedule-management-day-table{background:#f8fafc;background:var(--schedule-bg-color);border:1px solid #e2e8f0;border:1px solid var(--schedule-border-color);border-radius:12px;border-radius:var(--schedule-border-radius);overflow:hidden}.schedule-management-day-table-header{background:#3b82f6;background:var(--schedule-primary-color);color:#fff;display:grid;font-weight:700;grid-template-columns:120px 1fr}.schedule-management-day-table-employees-header,.schedule-management-day-table-time-header{border-right:1px solid #fff3;padding:1rem;text-align:center}.schedule-management-day-table-employees-header{border-right:none}.schedule-management-day-table-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--schedule-border-color);display:grid;grid-template-columns:120px 1fr;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--schedule-transition)}.schedule-management-day-table-row:last-child{border-bottom:none}.schedule-management-day-table-row:hover{background:#3b82f60d}.schedule-management-day-table-row.has-employees{background:#3b82f605}.schedule-management-day-table-employees-cell,.schedule-management-day-table-time-cell{align-items:center;display:flex;padding:1rem}.schedule-management-day-table-time-cell{background:#fff;background:var(--schedule-card-bg);border-right:1px solid #e2e8f0;border-right:1px solid var(--schedule-border-color);color:#1e293b;color:var(--schedule-text-primary);font-weight:600;justify-content:center}.schedule-management-day-table-employees-cell{background:#f8fafc;background:var(--schedule-bg-color);min-height:60px}.schedule-management-day-employees-list{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.schedule-management-day-employee-badge{align-items:center;border:1px solid #fff3;border-radius:12px;border-radius:var(--schedule-border-radius);box-shadow:0 2px 8px #00000026;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem .75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--schedule-transition)}.schedule-management-day-employee-badge:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.schedule-management-day-employee-badge-icon{font-size:.75rem;opacity:.9}.schedule-management-day-employee-badge-name{font-weight:600;white-space:nowrap}.schedule-management-day-no-employees{color:#64748b;color:var(--schedule-text-secondary);font-style:italic;opacity:.7}.schedule-management-legend-section{background:#fff;background:var(--schedule-card-bg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--schedule-shadow)}.schedule-management-legend{max-width:100%}.schedule-management-legend-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.schedule-management-legend-icon{color:#3b82f6;color:var(--schedule-primary-color);font-size:1.5rem}.schedule-management-legend-title{color:#1e293b;color:var(--schedule-text-primary);font-size:1.25rem;font-weight:600;margin:0}.schedule-management-legend-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.schedule-management-legend-section{background:#f8fafc;background:var(--schedule-bg-color);border:1px solid #e2e8f0;border:1px solid var(--schedule-border-color);border-radius:12px;border-radius:var(--schedule-border-radius);padding:1.5rem}.schedule-management-legend-section-title{align-items:center;color:#1e293b;color:var(--schedule-text-primary);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.schedule-management-legend-section-icon{color:#3b82f6;color:var(--schedule-primary-color);font-size:1rem}.schedule-management-legend-items{display:flex;flex-direction:column;gap:.5rem}.schedule-management-legend-item{align-items:center;background:#fff;background:var(--schedule-card-bg);border:1px solid #e2e8f0;border:1px solid var(--schedule-border-color);border-radius:12px;border-radius:var(--schedule-border-radius);cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--schedule-transition)}.schedule-management-legend-item:hover{background:#f8fafc;background:var(--schedule-bg-color);border-color:#3b82f6;border-color:var(--schedule-primary-color)}.schedule-management-legend-item.disabled{background:#f1f5f9;opacity:.5}.schedule-management-legend-color{border:2px solid #fff;border-radius:50%}.schedule-management-legend-color,.schedule-management-legend-role-indicator{box-shadow:0 0 0 1px #e2e8f0;box-shadow:0 0 0 1px var(--schedule-border-color);height:1rem;width:1rem}.schedule-management-legend-role-indicator{border:2px solid #fff;border-radius:4px}.schedule-management-legend-role-icon{color:#64748b;color:var(--schedule-text-secondary);font-size:1rem}.schedule-management-legend-text{color:#1e293b;color:var(--schedule-text-primary);flex:1 1;font-size:.875rem;font-weight:500}.schedule-management-legend-toggle{color:#10b981;color:var(--schedule-success-color)}.schedule-management-legend-item.disabled .schedule-management-legend-toggle{color:#ef4444;color:var(--schedule-danger-color)}.schedule-management-loading-container{align-items:center!important;background-color:#f8fafc!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:100vh!important;padding:2rem!important}.schedule-management-loading-spinner{animation:scheduleSpin 1s linear infinite!important;border:4px solid #e2e8f0!important;border-radius:50%!important;border-top-color:#3b82f6!important;height:50px!important;margin-bottom:1rem!important;width:50px!important}.schedule-management-loading-text{color:#1e293b!important;font-size:1.125rem!important;font-weight:500!important;margin:0!important;text-align:center!important}@keyframes scheduleSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes scheduleSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.schedule-management-container{padding:1.5rem}.schedule-management-employee-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.schedule-management-workers-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:1024px){.schedule-management-title,.schedule-management-title-icon{font-size:2rem}.schedule-management-filters{align-items:stretch;flex-direction:column}.schedule-management-actions,.schedule-management-view-controls{justify-content:center}.schedule-management-legend-sections{grid-template-columns:1fr}}@media (max-width:768px){.schedule-management-container{padding:1rem}.schedule-management-header{padding:1.5rem}.schedule-management-title{font-size:1.75rem}.schedule-management-subtitle{font-size:1rem}.schedule-management-controls{padding:1rem}.schedule-management-search-container{max-width:100%}.schedule-management-employee-cards,.schedule-management-workers-grid{grid-template-columns:1fr}.schedule-management-grid-section{padding:1rem}.schedule-management-grid{min-width:600px}.schedule-management-grid-day-row,.schedule-management-grid-header{grid-template-columns:80px repeat(26,1fr)}.schedule-management-grid-day-cell,.schedule-management-grid-header-cell{padding:.75rem .5rem}.schedule-management-grid-time-cell{font-size:.625rem;padding:.5rem .25rem}.schedule-management-grid-time-slot{min-height:50px}.schedule-management-grid-employee-block{font-size:.625rem;height:18px}}@media (max-width:600px){.schedule-management-title-section{flex-direction:column;gap:.5rem}.schedule-management-title{font-size:1.5rem}.schedule-management-title-icon{font-size:1.75rem}.schedule-management-actions,.schedule-management-view-controls{flex-direction:column}.schedule-management-legend-item{padding:.5rem}.schedule-management-legend-text{font-size:.75rem}}@media (max-width:480px){.schedule-management-container{padding:.75rem}.schedule-management-header{padding:1rem}.schedule-management-controls,.schedule-management-grid-section{padding:.75rem}.schedule-management-grid{min-width:500px}.schedule-management-grid-day-row,.schedule-management-grid-header{grid-template-columns:60px repeat(26,1fr)}.schedule-management-grid-day-cell,.schedule-management-grid-header-cell{padding:.5rem .25rem}.schedule-management-grid-time-cell{font-size:.5rem;padding:.25rem}.schedule-management-grid-time-slot{min-height:40px}.schedule-management-grid-employee-block{font-size:.5rem;height:16px;padding:0 .25rem}}.employee-card{min-width:0;min-width:auto;width:calc(50% - 7.5px)}.schedule-table{font-size:14px;grid-template-columns:100px repeat(26,35px)}.hour-cell{font-size:12px;padding:10px 0}.day-cell{font-size:12px;padding:30px 0}.employee-block{font-size:9px;padding:2px 3px}.legend{margin:20px 10px;max-width:100%;padding:12px}.todays-workers{margin:15px 0;max-width:100%;padding:15px;width:100%}.workers-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.legend-items-container{gap:10px}.legend-item{padding:3px 8px}.legend-color{height:20px;width:20px}.schedule-wrapper{padding:0 10px}.worker-card{min-width:150px;width:calc(50% - 7.5px)}@media (max-width:480px){.employee-cards{gap:10px;padding:0}.schedule-table{font-size:12px;grid-template-columns:80px repeat(26,30px)}.hour-cell{padding:8px 0}.day-cell{padding:20px 0}.employee-block{font-size:8px;height:16px}.legend-item{font-size:12px}.legend-color{height:15px;margin-right:8px;width:15px}.worker-card{min-width:0;min-width:auto;width:100%}.todays-workers{max-width:100%;padding:10px;width:100%}.workers-grid{gap:10px}.legend-item[data-role="ne travaille pas"] span{font-size:0}.legend-item[data-role="ne travaille pas"] span:after{content:"∅";font-size:14px}}.schedule-container{display:flex;justify-content:center;margin:20px 0;overflow-x:auto;padding:0 20px;width:100%}.schedule-wrapper{display:inline-block;padding:0 20px}.schedule-grid{margin-top:20px}.employee-schedule{border:1px solid #ddd;border-radius:4px;margin-bottom:20px;padding:10px}.schedule-days{grid-gap:5px;display:grid;gap:5px}.schedule-day{display:flex;gap:10px}.day-name{font-weight:700;min-width:100px}.invisible{display:none;height:0;margin:0;padding:0;visibility:hidden}.popup-buttons{display:flex;flex-direction:column;gap:10px;margin-top:20px}.popup-buttons button{border-radius:4px;cursor:pointer;padding:10px;width:100%}.close-button{background-color:#f44336;border:none;color:#fff;margin-top:10px}.legend-section{margin-bottom:1rem}.legend-section h5{margin-bottom:.5rem}.legend-role-indicator{border:2px solid #666;border-radius:4px;height:20px;margin-right:8px;width:20px}.legend-item.disabled .legend-role-indicator{opacity:.3}:root{--work-hours-primary-color:#3b82f6;--work-hours-primary-hover:#2563eb;--work-hours-secondary-color:#64748b;--work-hours-success-color:#10b981;--work-hours-warning-color:#f59e0b;--work-hours-danger-color:#ef4444;--work-hours-bg-color:#f8fafc;--work-hours-card-bg:#fff;--work-hours-text-primary:#1e293b;--work-hours-text-secondary:#64748b;--work-hours-border-color:#e2e8f0;--work-hours-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--work-hours-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--work-hours-border-radius:12px;--work-hours-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.work-hours-container{background-color:#f8fafc;background-color:var(--work-hours-bg-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.work-hours-loading-container{align-items:center!important;background-color:#f8fafc!important;background-color:var(--work-hours-bg-color)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:100vh!important;padding:2rem!important}.work-hours-loading-spinner{animation:workHoursSpin 1s linear infinite!important;border:4px solid #e2e8f0!important;border-radius:50%!important;border-top-color:#3b82f6!important;border-top:4px solid var(--work-hours-primary-color)!important;height:50px!important;margin-bottom:1rem!important;width:50px!important}.work-hours-loading-text{color:#1e293b!important;color:var(--work-hours-text-primary)!important;font-size:1.125rem!important;font-weight:500!important;margin:0!important;text-align:center!important}@keyframes workHoursSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.work-hours-header{background:#fff;background:var(--work-hours-card-bg);border:1px solid #e2e8f0;border:1px solid var(--work-hours-border-color);border-radius:12px;border-radius:var(--work-hours-border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--work-hours-shadow);margin-bottom:2rem;padding:2rem}.work-hours-title-section{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.work-hours-title-icon{color:#3b82f6;color:var(--work-hours-primary-color);font-size:2rem}.work-hours-title{color:#1e293b;color:var(--work-hours-text-primary);font-size:2rem;font-weight:700;margin:0}.work-hours-subtitle{color:#64748b;color:var(--work-hours-text-secondary);font-size:1.125rem;font-weight:400;margin:0}.work-hours-stats-section{background:#fff;background:var(--work-hours-card-bg);border:1px solid #e2e8f0;border:1px solid var(--work-hours-border-color);border-radius:12px;border-radius:var(--work-hours-border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--work-hours-shadow);margin-bottom:2rem;padding:2rem}.work-hours-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.work-hours-stat-card{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--work-hours-bg-color),#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--work-hours-border-color);border-radius:12px;border-radius:var(--work-hours-border-radius);display:flex;gap:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--work-hours-transition)}.work-hours-stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--work-hours-shadow-lg);transform:translateY(-2px)}.work-hours-stat-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--work-hours-primary-color),var(--work-hours-primary-hover));border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.work-hours-stat-content{flex:1 1}.work-hours-stat-value{color:#1e293b;color:var(--work-hours-text-primary);font-size:1.875rem;font-weight:700;margin-bottom:.25rem}.work-hours-stat-label{color:#64748b;color:var(--work-hours-text-secondary);font-size:.875rem;font-weight:500}.work-hours-controls-section{background:#fff;background:var(--work-hours-card-bg);border:1px solid #e2e8f0;border:1px solid var(--work-hours-border-color);border-radius:12px;border-radius:var(--work-hours-border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--work-hours-shadow);margin-bottom:2rem;padding:1.5rem}.work-hours-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.work-hours-search-container{flex:1 1;min-width:250px;position:relative}.work-hours-search-icon{color:#64748b;color:var(--work-hours-text-secondary);font-size:1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.work-hours-search-input{background:#f8fafc;background:var(--work-hours-bg-color);border:2px solid #e2e8f0;border:2px solid var(--work-hours-border-color);border-radius:12px;border-radius:var(--work-hours-border-radius);color:#1e293b;color:var(--work-hours-text-primary);font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--work-hours-transition);width:100%}.work-hours-search-input:focus{border-color:#3b82f6;border-color:var(--work-hours-primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.work-hours-filter-group,.work-hours-sort-group{align-items:center;display:flex;gap:.5rem}.work-hours-filter-icon{color:#64748b;color:var(--work-hours-text-secondary);font-size:1rem}.work-hours-role-select,.work-hours-sort-select{background:#f8fafc;background:var(--work-hours-bg-color);border:2px solid #e2e8f0;border:2px solid var(--work-hours-border-color);border-radius:12px;border-radius:var(--work-hours-border-radius);color:#1e293b;color:var(--work-hours-text-primary);cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--work-hours-transition)}.work-hours-role-select:focus,.work-hours-sort-select:focus{border-color:#3b82f6;border-color:var(--work-hours-primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.work-hours-sort-order-btn{background:#f8fafc;background:var(--work-hours-bg-color);border:2px solid #e2e8f0;border:2px solid var(--work-hours-border-color);border-radius:12px;border-radius:var(--work-hours-border-radius);color:#1e293b;color:var(--work-hours-text-primary);cursor:pointer;font-size:1.25rem;font-weight:700;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--work-hours-transition)}.work-hours-sort-order-btn:hover{background:#3b82f6;background:var(--work-hours-primary-color);border-color:#3b82f6;border-color:var(--work-hours-primary-color);color:#fff}.work-hours-actions{display:flex;gap:1rem;justify-content:flex-end}.work-hours-toggle-stats-btn{align-items:center;background:linear-gradient(135deg,#64748b,#475569);background:linear-gradient(135deg,var(--work-hours-secondary-color),#475569);border:none;border-radius:12px;border-radius:var(--work-hours-border-radius);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--work-hours-transition)}.work-hours-toggle-stats-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--work-hours-shadow-lg);transform:translateY(-2px)}.work-hours-table-section{background:#fff;background:var(--work-hours-card-bg);border:1px solid #e2e8f0;border:1px solid var(--work-hours-border-color);border-radius:12px;border-radius:var(--work-hours-border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--work-hours-shadow);margin-bottom:2rem;overflow-x:auto;padding:1.5rem}.work-hours-table-container{overflow-x:auto}.work-hours-table{border-collapse:collapse;font-size:1rem;width:100%}.work-hours-table th{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--work-hours-primary-color),var(--work-hours-primary-hover));color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.work-hours-table th:first-child{border-top-left-radius:12px;border-top-left-radius:var(--work-hours-border-radius)}.work-hours-table th:last-child{border-top-right-radius:12px;border-top-right-radius:var(--work-hours-border-radius)}.work-hours-table-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--work-hours-border-color);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--work-hours-transition)}.work-hours-table-row:hover{background:#3b82f605}.work-hours-table-row:last-child{border-bottom:none}.work-hours-table td{padding:1rem;vertical-align:middle}.work-hours-employee-cell{min-width:200px}.work-hours-employee-info{align-items:center;display:flex;gap:1rem}.work-hours-employee-avatar{align-items:center;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:1.25rem;height:50px;justify-content:center;width:50px}.work-hours-employee-details{flex:1 1}.work-hours-employee-name{color:#1e293b;color:var(--work-hours-text-primary);font-size:1rem;font-weight:600}.work-hours-role-cell{min-width:150px}.work-hours-role-badge{align-items:center;border-radius:20px;box-shadow:0 2px 8px #00000026;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.work-hours-role-icon{font-size:.875rem}.work-hours-hours-cell,.work-hours-total-cell{min-width:120px;text-align:center}.work-hours-hours-value,.work-hours-total-value{color:#1e293b;color:var(--work-hours-text-primary);font-size:1.125rem;font-weight:600}.work-hours-extra-cell{min-width:200px}.work-hours-extra-display{align-items:center;display:flex;gap:.5rem;justify-content:center}.work-hours-extra-value{color:#1e293b;color:var(--work-hours-text-primary);font-size:1.125rem;font-weight:600}.work-hours-edit-container{align-items:center;display:flex;gap:.5rem;justify-content:center}.work-hours-edit-input{border:2px solid #e2e8f0;border:2px solid var(--work-hours-border-color);border-radius:8px;font-size:1rem;font-weight:600;padding:.5rem;text-align:center;width:80px}.work-hours-edit-input:focus{border-color:#3b82f6;border-color:var(--work-hours-primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.work-hours-edit-actions{display:flex;gap:.25rem}.work-hours-cancel-btn,.work-hours-delete-btn,.work-hours-edit-btn,.work-hours-save-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;height:32px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--work-hours-transition);width:32px}.work-hours-save-btn{background:#10b981;background:var(--work-hours-success-color);color:#fff}.work-hours-save-btn:hover{background:#059669;transform:scale(1.1)}.work-hours-cancel-btn{background:#f59e0b;background:var(--work-hours-warning-color);color:#fff}.work-hours-cancel-btn:hover{background:#d97706;transform:scale(1.1)}.work-hours-edit-btn{background:#3b82f6;background:var(--work-hours-primary-color);color:#fff}.work-hours-edit-btn:hover{background:#2563eb;background:var(--work-hours-primary-hover);transform:scale(1.1)}.work-hours-delete-btn{background:#ef4444;background:var(--work-hours-danger-color);color:#fff}.work-hours-delete-btn:hover{background:#dc2626;transform:scale(1.1)}.work-hours-actions-cell{min-width:100px;text-align:center}.work-hours-action-buttons{display:flex;gap:.5rem;justify-content:center}.work-hours-main-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.work-hours-download-btn,.work-hours-send-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--work-hours-border-radius);cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;justify-content:center;min-width:200px;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--work-hours-transition)}.work-hours-send-btn{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--work-hours-success-color),#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.work-hours-send-btn:hover:not(:disabled){box-shadow:0 8px 20px #10b98166;transform:translateY(-2px)}.work-hours-download-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--work-hours-primary-color),var(--work-hours-primary-hover));box-shadow:0 4px 12px #3b82f64d;color:#fff}.work-hours-download-btn:hover:not(:disabled){box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.work-hours-download-btn:disabled,.work-hours-send-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinning{animation:workHoursSpin 1s linear infinite}@media (max-width:1200px){.work-hours-container{padding:1.5rem}.work-hours-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.work-hours-container{padding:1rem}.work-hours-header{padding:1.5rem}.work-hours-title,.work-hours-title-icon{font-size:1.5rem}.work-hours-stats-grid{gap:1rem;grid-template-columns:1fr}.work-hours-stat-card{padding:1rem}.work-hours-stat-icon{font-size:1.25rem;height:50px;width:50px}.work-hours-stat-value{font-size:1.5rem}.work-hours-filters{align-items:stretch;flex-direction:column}.work-hours-search-container{min-width:0;min-width:auto}.work-hours-actions,.work-hours-filter-group,.work-hours-sort-group{justify-content:center}.work-hours-table-section{padding:1rem}.work-hours-table{font-size:.875rem}.work-hours-table td,.work-hours-table th{padding:.75rem .5rem}.work-hours-employee-avatar{font-size:1rem;height:40px;width:40px}.work-hours-employee-name{font-size:.875rem}.work-hours-role-badge{font-size:.75rem;padding:.375rem .75rem}.work-hours-extra-value,.work-hours-hours-value,.work-hours-total-value{font-size:1rem}.work-hours-main-actions{align-items:center;flex-direction:column}.work-hours-download-btn,.work-hours-send-btn{font-size:1rem;max-width:300px;padding:.875rem 1.5rem;width:100%}}@media (max-width:480px){.work-hours-container{padding:.5rem}.work-hours-header{margin-bottom:1rem;padding:1rem}.work-hours-title{font-size:1.25rem}.work-hours-subtitle{font-size:1rem}.work-hours-controls-section,.work-hours-stats-section,.work-hours-table-section{margin-bottom:1rem;padding:1rem}.work-hours-table{font-size:.75rem}.work-hours-table td,.work-hours-table th{padding:.5rem .25rem}.work-hours-employee-info{gap:.5rem}.work-hours-employee-avatar{font-size:.875rem;height:35px;width:35px}.work-hours-employee-name{font-size:.75rem}.work-hours-role-badge{font-size:.625rem;padding:.25rem .5rem}.work-hours-extra-value,.work-hours-hours-value,.work-hours-total-value{font-size:.875rem}.work-hours-edit-input{font-size:.875rem;padding:.375rem;width:60px}.work-hours-cancel-btn,.work-hours-delete-btn,.work-hours-edit-btn,.work-hours-save-btn{font-size:.75rem;height:28px;width:28px}.work-hours-download-btn,.work-hours-send-btn{font-size:.875rem;min-width:0;min-width:auto;padding:.75rem 1rem}.work-hours-success-popup{margin:1rem;max-width:350px}.work-hours-success-popup-content{padding:1.5rem}.work-hours-success-popup-icon{font-size:1.25rem;height:50px;width:50px}.work-hours-success-popup-title{font-size:1.25rem}.work-hours-success-popup-message{font-size:.875rem}.work-hours-success-popup-close-btn{font-size:.875rem;padding:.625rem 1.5rem}}@keyframes workHoursFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.work-hours-container>*{animation:workHoursFadeIn .6s ease-out}.work-hours-download-btn:focus,.work-hours-send-btn:focus,.work-hours-sort-order-btn:focus,.work-hours-toggle-stats-btn:focus{outline:2px solid #3b82f6;outline:2px solid var(--work-hours-primary-color);outline-offset:2px}.work-hours-table-container::-webkit-scrollbar{height:8px}.work-hours-table-container::-webkit-scrollbar-track{background:#f8fafc;background:var(--work-hours-bg-color);border-radius:4px}.work-hours-table-container::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--work-hours-border-color);border-radius:4px}.work-hours-table-container::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--work-hours-text-secondary)}.work-hours-success-popup-overlay{align-items:center;animation:workHoursFadeIn .3s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.work-hours-success-popup{animation:workHoursSlideIn .3s ease-out;background:#fff;background:var(--work-hours-card-bg);border:1px solid #e2e8f0;border:1px solid var(--work-hours-border-color);border-radius:12px;border-radius:var(--work-hours-border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--work-hours-shadow-lg);max-width:400px;width:90%}.work-hours-success-popup-content{padding:2rem;text-align:center}.work-hours-success-popup-icon{align-items:center;animation:workHoursPulse .6s ease-out;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--work-hours-success-color),#059669);border-radius:50%;box-shadow:0 4px 12px #10b9814d;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.work-hours-success-popup-title{color:#1e293b;color:var(--work-hours-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 1rem}.work-hours-success-popup-message{color:#64748b;color:var(--work-hours-text-secondary);font-size:1rem;line-height:1.5;margin:0 0 2rem}.work-hours-success-popup-close-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--work-hours-primary-color),var(--work-hours-primary-hover));border:none;border-radius:12px;border-radius:var(--work-hours-border-radius);box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--work-hours-transition)}.work-hours-success-popup-close-btn:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}@keyframes workHoursSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes workHoursPulse{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}:root{--client-id-primary-color:#3b82f6;--client-id-primary-hover:#2563eb;--client-id-secondary-color:#64748b;--client-id-success-color:#10b981;--client-id-warning-color:#f59e0b;--client-id-danger-color:#ef4444;--client-id-bg-color:#f8fafc;--client-id-card-bg:#fff;--client-id-text-primary:#1e293b;--client-id-text-secondary:#64748b;--client-id-border-color:#e2e8f0;--client-id-shadow-sm:0 1px 2px 0 #0000000d;--client-id-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--client-id-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--client-id-border-radius:8px;--client-id-transition:all 0.3s ease}.client-id-container{background:#f8fafc;background:var(--client-id-bg-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem}.client-id-header{margin-bottom:2rem;text-align:center}.client-id-title-section{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:.5rem}.client-id-title-icon{color:#3b82f6;color:var(--client-id-primary-color);font-size:2.5rem}.client-id-title{color:#1e293b;color:var(--client-id-text-primary);font-size:2.5rem;font-weight:700;margin:0}.client-id-subtitle{color:#64748b;color:var(--client-id-text-secondary);font-size:1.125rem;margin:0}.client-id-stats-section{animation:clientIdFadeIn .6s ease-out;margin-bottom:2rem}.client-id-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.client-id-stat-card{align-items:center;background:#fff;background:var(--client-id-card-bg);border:1px solid #e2e8f0;border:1px solid var(--client-id-border-color);border-radius:8px;border-radius:var(--client-id-border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--client-id-shadow-md);display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease;transition:var(--client-id-transition)}.client-id-stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--client-id-shadow-lg);transform:translateY(-2px)}.client-id-stat-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.client-id-stat-card:first-child .client-id-stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--client-id-primary-color),var(--client-id-primary-hover))}.client-id-stat-card:nth-child(2) .client-id-stat-icon{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--client-id-success-color),#059669)}.client-id-stat-card:nth-child(3) .client-id-stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--client-id-warning-color),#d97706)}.client-id-stat-card:nth-child(4) .client-id-stat-icon{background:linear-gradient(135deg,#64748b,#475569);background:linear-gradient(135deg,var(--client-id-secondary-color),#475569)}.client-id-stat-content{flex:1 1}.client-id-stat-value{color:#1e293b;color:var(--client-id-text-primary);font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.client-id-stat-label{color:#64748b;color:var(--client-id-text-secondary);font-size:.875rem;font-weight:500}.client-id-controls-section{align-items:center;background:#fff;background:var(--client-id-card-bg);border:1px solid #e2e8f0;border:1px solid var(--client-id-border-color);border-radius:8px;border-radius:var(--client-id-border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--client-id-shadow-sm);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.client-id-filters{flex:1 1;min-width:300px}.client-id-search-container{max-width:400px;position:relative}.client-id-search-icon{color:#64748b;color:var(--client-id-text-secondary);font-size:1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.client-id-search-input{background:#fff;background:var(--client-id-card-bg);border:2px solid #e2e8f0;border:2px solid var(--client-id-border-color);border-radius:8px;border-radius:var(--client-id-border-radius);color:#1e293b;color:var(--client-id-text-primary);font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s ease;transition:var(--client-id-transition);width:100%}.client-id-search-input:focus{border-color:#3b82f6;border-color:var(--client-id-primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.client-id-actions{display:flex;flex-wrap:wrap;gap:.75rem}.client-id-export-btn,.client-id-toggle-stats-btn,.client-id-view-mode-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--client-id-border-radius);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease;transition:var(--client-id-transition)}.client-id-toggle-stats-btn{background:linear-gradient(135deg,#64748b,#475569);background:linear-gradient(135deg,var(--client-id-secondary-color),#475569);color:#fff}.client-id-view-mode-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--client-id-primary-color),var(--client-id-primary-hover));color:#fff}.client-id-export-btn{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--client-id-success-color),#059669);color:#fff}.client-id-export-btn:hover,.client-id-toggle-stats-btn:hover,.client-id-view-mode-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--client-id-shadow-md);transform:translateY(-2px)}.client-id-export-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.client-id-loading-container{align-items:center;background:#fff;background:var(--client-id-card-bg);border:1px solid #e2e8f0;border:1px solid var(--client-id-border-color);border-radius:8px;border-radius:var(--client-id-border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--client-id-shadow-sm);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.client-id-loading-spinner{animation:clientIdSpin 1s linear infinite;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border:4px solid var(--client-id-border-color);border-radius:50%;border-top-color:var(--client-id-primary-color);height:50px;margin-bottom:1rem;width:50px}.client-id-loading-text{color:#64748b;color:var(--client-id-text-secondary);font-size:1rem;margin:0}.client-id-table-section{background:#fff;background:var(--client-id-card-bg);border:1px solid #e2e8f0;border:1px solid var(--client-id-border-color);border-radius:8px;border-radius:var(--client-id-border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--client-id-shadow-sm);overflow:hidden}.client-id-table-container{overflow-x:auto}.client-id-table{border-collapse:collapse;width:100%}.client-id-sortable-header{background:#f8fafc;background:var(--client-id-bg-color);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--client-id-border-color);color:#1e293b;color:var(--client-id-text-primary);cursor:pointer;font-weight:600;padding:1rem;text-align:left;transition:all .3s ease;transition:var(--client-id-transition)}.client-id-sortable-header:hover{background:#f1f5f9}.client-id-header-content{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.client-id-sort-icon-disabled{color:#cbd5e1;cursor:default;opacity:.5}.client-id-table-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--client-id-border-color);transition:all .3s ease;transition:var(--client-id-transition)}.client-id-table-row:hover{background:#f8fafc}.client-id-table-row:last-child{border-bottom:none}.client-id-table-row td{padding:1rem;vertical-align:middle}.client-id-id-cell{color:#3b82f6;color:var(--client-id-primary-color);font-weight:600}.client-id-client-info{align-items:center;display:flex;gap:.75rem}.client-id-client-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--client-id-primary-color),var(--client-id-primary-hover));border-radius:50%;color:#fff;display:flex;font-size:.875rem;height:40px;justify-content:center;width:40px}.client-id-date-info,.client-id-total-info{align-items:center;display:flex;gap:.5rem}.client-id-date-icon,.client-id-total-icon{color:#64748b;color:var(--client-id-text-secondary);font-size:.875rem}.client-id-view-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--client-id-primary-color),var(--client-id-primary-hover));border:none;border-radius:8px;border-radius:var(--client-id-border-radius);color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:.5rem;transition:all .3s ease;transition:var(--client-id-transition);width:36px}.client-id-view-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--client-id-shadow-md);transform:translateY(-2px)}.client-id-cards-section{margin-bottom:2rem}.client-id-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.client-id-card{background:#fff;background:var(--client-id-card-bg);border:1px solid #e2e8f0;border:1px solid var(--client-id-border-color);border-radius:8px;border-radius:var(--client-id-border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--client-id-shadow-md);overflow:hidden;transition:all .3s ease;transition:var(--client-id-transition)}.client-id-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--client-id-shadow-lg);transform:translateY(-4px)}.client-id-card-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--client-id-bg-color),#f1f5f9);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--client-id-border-color);display:flex;gap:1rem;padding:1.5rem}.client-id-card-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--client-id-primary-color),var(--client-id-primary-hover));border-radius:50%;color:#fff;display:flex;font-size:1.25rem;height:50px;justify-content:center;width:50px}.client-id-card-info{flex:1 1}.client-id-card-name{color:#1e293b;color:var(--client-id-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.client-id-card-id{color:#64748b;color:var(--client-id-text-secondary);font-size:.875rem;margin:0}.client-id-card-body{padding:1.5rem}.client-id-card-detail{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.client-id-card-detail:last-child{margin-bottom:0}.client-id-card-icon{color:#64748b;color:var(--client-id-text-secondary);font-size:1rem;width:16px}.client-id-card-actions{background:#f8fafc;background:var(--client-id-bg-color);border-top:1px solid #e2e8f0;border-top:1px solid var(--client-id-border-color);padding:1rem 1.5rem}.client-id-card-view-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--client-id-primary-color),var(--client-id-primary-hover));border:none;border-radius:8px;border-radius:var(--client-id-border-radius);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .3s ease;transition:var(--client-id-transition);width:100%}.client-id-card-view-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--client-id-shadow-md);transform:translateY(-2px)}.client-id-pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.client-id-pagination-btn{background:#fff;background:var(--client-id-card-bg);border:2px solid #e2e8f0;border:2px solid var(--client-id-border-color);border-radius:8px;border-radius:var(--client-id-border-radius);color:#1e293b;color:var(--client-id-text-primary);cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--client-id-transition)}.client-id-pagination-btn:hover:not(:disabled){background:#3b82f6;background:var(--client-id-primary-color);border-color:#3b82f6;border-color:var(--client-id-primary-color);color:#fff}.client-id-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.client-id-pagination-info{color:#64748b;color:var(--client-id-text-secondary);font-size:.875rem;font-weight:500}.client-id-no-results{background:#fff;background:var(--client-id-card-bg);border:1px solid #e2e8f0;border:1px solid var(--client-id-border-color);border-radius:8px;border-radius:var(--client-id-border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--client-id-shadow-sm);padding:4rem 2rem;text-align:center}.client-id-no-results-icon{color:#f59e0b;color:var(--client-id-warning-color);font-size:3rem;margin-bottom:1rem}.client-id-no-results p{color:#64748b;color:var(--client-id-text-secondary);font-size:1.125rem;margin:0}.client-id-popup-overlay{align-items:center;animation:clientIdFadeIn .3s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.client-id-popup{animation:clientIdSlideIn .3s ease-out;background:#fff;background:var(--client-id-card-bg);border:1px solid #e2e8f0;border:1px solid var(--client-id-border-color);border-radius:8px;border-radius:var(--client-id-border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--client-id-shadow-lg);max-height:90vh;max-width:800px;overflow:hidden;width:100%}.client-id-popup-header{align-items:center;background:#f8fafc;background:var(--client-id-bg-color);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--client-id-border-color);display:flex;justify-content:space-between;padding:1.5rem}.client-id-popup-title{align-items:center;color:#1e293b;color:var(--client-id-text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.client-id-popup-icon{color:#3b82f6;color:var(--client-id-primary-color)}.client-id-popup-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;color:var(--client-id-text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:.5rem;transition:all .3s ease;transition:var(--client-id-transition);width:40px}.client-id-popup-close-btn:hover{background:#ef4444;background:var(--client-id-danger-color);color:#fff}.client-id-popup-body{max-height:60vh;overflow-y:auto;padding:1.5rem}.client-id-orders-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.client-id-order-card{background:#f8fafc;background:var(--client-id-bg-color);border:1px solid #e2e8f0;border:1px solid var(--client-id-border-color);border-radius:8px;border-radius:var(--client-id-border-radius);padding:1.5rem}.client-id-order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.client-id-order-header h3{color:#1e293b;color:var(--client-id-text-primary);font-size:1.25rem;font-weight:600;margin:0}.client-id-order-total{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--client-id-success-color),#059669);border-radius:8px;border-radius:var(--client-id-border-radius);color:#fff;font-size:1.125rem;font-weight:600;padding:.5rem 1rem}.client-id-order-details{margin-bottom:1rem}.client-id-order-details p{color:#64748b;color:var(--client-id-text-secondary);margin:.5rem 0}.client-id-order-items h4{color:#1e293b;color:var(--client-id-text-primary);font-size:1rem;font-weight:600;margin:0 0 .75rem}.client-id-order-items ul{list-style:none;margin:0;padding:0}.client-id-order-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--client-id-border-color);display:flex;justify-content:space-between;padding:.5rem 0}.client-id-order-item:last-child{border-bottom:none}.client-id-item-name{color:#1e293b;color:var(--client-id-text-primary);flex:1 1;font-weight:500}.client-id-item-quantity{color:#64748b;color:var(--client-id-text-secondary);margin:0 1rem}.client-id-item-price{color:#10b981;color:var(--client-id-success-color);font-weight:600}.client-id-popup-total{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--client-id-success-color),#059669);border-radius:8px;border-radius:var(--client-id-border-radius);color:#fff;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;justify-content:center;padding:1.5rem}.client-id-total-icon{font-size:1.5rem}.client-id-no-orders{color:#64748b;color:var(--client-id-text-secondary);padding:3rem;text-align:center}.client-id-no-orders svg{color:#f59e0b;color:var(--client-id-warning-color);font-size:3rem;margin-bottom:1rem}@keyframes clientIdSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes clientIdFadeIn{0%{opacity:0}to{opacity:1}}@keyframes clientIdSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1200px){.client-id-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.client-id-cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.client-id-container{padding:1rem}.client-id-title,.client-id-title-icon{font-size:2rem}.client-id-controls-section{align-items:stretch;flex-direction:column}.client-id-filters{min-width:0;min-width:auto}.client-id-actions{justify-content:center}.client-id-cards-grid,.client-id-stats-grid{grid-template-columns:1fr}.client-id-table-container{font-size:.875rem}.client-id-sortable-header,.client-id-table-row td{padding:.75rem .5rem}.client-id-popup{margin:1rem;max-height:85vh}.client-id-popup-body,.client-id-popup-header{padding:1rem}.client-id-order-header{align-items:flex-start;flex-direction:column;gap:.5rem}.client-id-order-item{align-items:flex-start;flex-direction:column;gap:.25rem}.client-id-item-quantity{margin:0}}@media (max-width:480px){.client-id-container{padding:.5rem}.client-id-title{font-size:1.75rem}.client-id-subtitle{font-size:1rem}.client-id-stat-card{padding:1rem}.client-id-stat-icon{font-size:1.25rem;height:50px;width:50px}.client-id-stat-value{font-size:1.5rem}.client-id-export-btn,.client-id-toggle-stats-btn,.client-id-view-mode-btn{font-size:.8rem;padding:.625rem .75rem}.client-id-card-body,.client-id-card-header{padding:1rem}.client-id-card-actions{padding:.75rem 1rem}.client-id-popup{margin:.5rem}.client-id-popup-title{font-size:1.25rem}.client-id-order-card{padding:1rem}.client-id-popup-total{font-size:1.125rem;padding:1rem}}.client-id-popup-body::-webkit-scrollbar,.client-id-table-container::-webkit-scrollbar{width:8px}.client-id-popup-body::-webkit-scrollbar-track,.client-id-table-container::-webkit-scrollbar-track{background:#f8fafc;background:var(--client-id-bg-color);border-radius:4px}.client-id-popup-body::-webkit-scrollbar-thumb,.client-id-table-container::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--client-id-border-color);border-radius:4px}.client-id-popup-body::-webkit-scrollbar-thumb:hover,.client-id-table-container::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--client-id-text-secondary)}:root{--avis-primary-color:#3b82f6;--avis-primary-hover:#2563eb;--avis-secondary-color:#64748b;--avis-success-color:#10b981;--avis-warning-color:#f59e0b;--avis-danger-color:#ef4444;--avis-bg-color:#f8fafc;--avis-card-bg:#fff;--avis-text-primary:#1e293b;--avis-text-secondary:#64748b;--avis-border-color:#e2e8f0;--avis-shadow-sm:0 1px 2px 0 #0000000d;--avis-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--avis-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--avis-border-radius:8px;--avis-transition:all 0.3s ease}.avis-container{background:#f8fafc;background:var(--avis-bg-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem}.avis-header{margin-bottom:2rem;text-align:center}.avis-title-section{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:.5rem}.avis-title-icon{color:#3b82f6;color:var(--avis-primary-color);font-size:2.5rem}.avis-title{color:#1e293b;color:var(--avis-text-primary);font-size:2.5rem;font-weight:700;margin:0}.avis-subtitle{color:#64748b;color:var(--avis-text-secondary);font-size:1.125rem;margin:0}.avis-stats-section{animation:avisFadeIn .6s ease-out;margin-bottom:2rem}.avis-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.avis-stat-card{align-items:center;background:#fff;background:var(--avis-card-bg);border:1px solid #e2e8f0;border:1px solid var(--avis-border-color);border-radius:8px;border-radius:var(--avis-border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--avis-shadow-md);display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease;transition:var(--avis-transition)}.avis-stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--avis-shadow-lg);transform:translateY(-2px)}.avis-stat-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.avis-stat-card:first-child .avis-stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--avis-primary-color),var(--avis-primary-hover))}.avis-stat-card:nth-child(2) .avis-stat-icon{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--avis-success-color),#059669)}.avis-stat-card:nth-child(3) .avis-stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--avis-warning-color),#d97706)}.avis-stat-card:nth-child(4) .avis-stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--avis-danger-color),#dc2626)}.avis-stat-content{flex:1 1}.avis-stat-value{color:#1e293b;color:var(--avis-text-primary);font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.avis-stat-label{color:#64748b;color:var(--avis-text-secondary);font-size:.875rem;font-weight:500}.avis-ratings-section{animation:avisFadeIn .6s ease-out;margin-bottom:2rem}.avis-section-title{align-items:center;color:#1e293b;color:var(--avis-text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0 0 1.5rem}.avis-section-icon{color:#3b82f6;color:var(--avis-primary-color);font-size:1.25rem}.avis-ratings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.avis-rating-card{background:#fff;background:var(--avis-card-bg);border:1px solid #e2e8f0;border:1px solid var(--avis-border-color);border-radius:8px;border-radius:var(--avis-border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--avis-shadow-md);padding:1.5rem;transition:all .3s ease;transition:var(--avis-transition)}.avis-rating-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--avis-shadow-lg);transform:translateY(-2px)}.avis-rating-card-global{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #3b82f6;border:2px solid var(--avis-primary-color)}.avis-rating-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.avis-rating-header h4{color:#1e293b;color:var(--avis-text-primary);font-size:1.125rem;font-weight:600;margin:0}.avis-rating-stars{display:flex;gap:.25rem}.avis-star{font-size:1rem;transition:all .3s ease;transition:var(--avis-transition)}.avis-star-filled,.avis-star-half{color:#fbbf24}.avis-star-empty{color:#d1d5db}.avis-rating-value{font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.avis-rating-value-global{font-size:1.75rem;font-weight:800}.avis-progress-bar{background:#e2e8f0;background:var(--avis-border-color);border-radius:4px;height:8px;overflow:hidden;width:100%}.avis-progress-fill{border-radius:4px;height:100%;transition:all .3s ease;transition:var(--avis-transition)}.avis-controls-section{align-items:center;background:#fff;background:var(--avis-card-bg);border:1px solid #e2e8f0;border:1px solid var(--avis-border-color);border-radius:8px;border-radius:var(--avis-border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--avis-shadow-sm);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.avis-filters{display:flex;flex:1 1;gap:1rem;min-width:300px}.avis-search-container{flex:1 1;max-width:400px;position:relative}.avis-search-icon{color:#64748b;color:var(--avis-text-secondary);font-size:1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.avis-search-input{background:#fff;background:var(--avis-card-bg);border:2px solid #e2e8f0;border:2px solid var(--avis-border-color);border-radius:8px;border-radius:var(--avis-border-radius);color:#1e293b;color:var(--avis-text-primary);font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s ease;transition:var(--avis-transition);width:100%}.avis-search-input:focus{border-color:#3b82f6;border-color:var(--avis-primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.avis-filter-select{background:#fff;background:var(--avis-card-bg);border:2px solid #e2e8f0;border:2px solid var(--avis-border-color);border-radius:8px;border-radius:var(--avis-border-radius);color:#1e293b;color:var(--avis-text-primary);cursor:pointer;font-size:.875rem;min-width:180px;padding:.75rem 1rem;transition:all .3s ease;transition:var(--avis-transition)}.avis-filter-select:focus{border-color:#3b82f6;border-color:var(--avis-primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.avis-actions{display:flex;flex-wrap:wrap;gap:.75rem}.avis-export-btn,.avis-toggle-stats-btn,.avis-view-mode-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--avis-border-radius);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease;transition:var(--avis-transition)}.avis-toggle-stats-btn{background:linear-gradient(135deg,#64748b,#475569);background:linear-gradient(135deg,var(--avis-secondary-color),#475569);color:#fff}.avis-view-mode-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--avis-primary-color),var(--avis-primary-hover));color:#fff}.avis-export-btn{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--avis-success-color),#059669);color:#fff}.avis-export-btn:hover,.avis-toggle-stats-btn:hover,.avis-view-mode-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--avis-shadow-md);transform:translateY(-2px)}.avis-export-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.avis-loading-container{align-items:center;background:#fff;background:var(--avis-card-bg);border:1px solid #e2e8f0;border:1px solid var(--avis-border-color);border-radius:8px;border-radius:var(--avis-border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--avis-shadow-sm);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.avis-loading-spinner{animation:avisSpin 1s linear infinite;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border:4px solid var(--avis-border-color);border-radius:50%;border-top-color:var(--avis-primary-color);height:50px;margin-bottom:1rem;width:50px}.avis-loading-text{color:#64748b;color:var(--avis-text-secondary);font-size:1rem;margin:0}.avis-feedbacks-section{background:#fff;background:var(--avis-card-bg);border:1px solid #e2e8f0;border:1px solid var(--avis-border-color);border-radius:8px;border-radius:var(--avis-border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--avis-shadow-sm);overflow:hidden}.avis-feedbacks-header{align-items:center;background:#f8fafc;background:var(--avis-bg-color);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--avis-border-color);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem}.avis-sort-controls{align-items:center;display:flex;gap:.5rem}.avis-sort-select{background:#fff;background:var(--avis-card-bg);border:2px solid #e2e8f0;border:2px solid var(--avis-border-color);border-radius:8px;border-radius:var(--avis-border-radius);color:#1e293b;color:var(--avis-text-primary);cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .3s ease;transition:var(--avis-transition)}.avis-sort-select:focus{border-color:#3b82f6;border-color:var(--avis-primary-color);outline:none}.avis-sort-order-btn{align-items:center;background:#fff;background:var(--avis-card-bg);border:2px solid #e2e8f0;border:2px solid var(--avis-border-color);border-radius:8px;border-radius:var(--avis-border-radius);color:#1e293b;color:var(--avis-text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:.5rem;transition:all .3s ease;transition:var(--avis-transition);width:36px}.avis-sort-order-btn:hover{background:#3b82f6;background:var(--avis-primary-color);border-color:#3b82f6;border-color:var(--avis-primary-color);color:#fff}.avis-feedbacks-container{padding:1.5rem}.avis-feedbacks-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.avis-feedbacks-list{display:flex;flex-direction:column;gap:.75rem}.avis-feedbacks-list .avis-feedback-card{background:#fff;background:var(--avis-card-bg);border:1px solid #e2e8f0;border:1px solid var(--avis-border-color);border-radius:8px;border-radius:var(--avis-border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--avis-shadow-sm);padding:1rem}.avis-feedbacks-list .avis-feedback-header{flex-wrap:nowrap;gap:.75rem;margin-bottom:.75rem}.avis-feedbacks-list .avis-feedback-rating{gap:.5rem}.avis-feedbacks-list .avis-feedback-stars{gap:.125rem}.avis-feedbacks-list .avis-feedback-stars .avis-star{font-size:.875rem}.avis-feedbacks-list .avis-feedback-rating-value{font-size:1rem}.avis-feedbacks-list .avis-sentiment-icon{font-size:1.25rem}.avis-feedbacks-list .avis-feedback-date{font-size:.8rem;margin-left:auto}.avis-feedbacks-list .avis-feedback-content{margin-bottom:.75rem}.avis-feedbacks-list .avis-feedback-text{font-size:.9rem;line-height:1.5}.avis-feedbacks-list .avis-feedback-details{border-top:1px solid #e2e8f0;border-top:1px solid var(--avis-border-color);padding-top:.75rem}.avis-feedbacks-list .avis-feedback-breakdown{flex-wrap:wrap;gap:.75rem}.avis-feedbacks-list .avis-breakdown-item{min-width:100px}.avis-feedbacks-list .avis-breakdown-label{font-size:.8rem;min-width:40px}.avis-feedbacks-list .avis-breakdown-stars .avis-star{font-size:.7rem}.avis-feedbacks-cards .avis-feedback-card{background:#f8fafc;background:var(--avis-bg-color);border:1px solid #e2e8f0;border:1px solid var(--avis-border-color);border-radius:8px;border-radius:var(--avis-border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--avis-shadow-sm);padding:1.5rem;transition:all .3s ease;transition:var(--avis-transition)}.avis-feedbacks-cards .avis-feedback-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--avis-shadow-md);transform:translateY(-2px)}.avis-feedback-card{background:#f8fafc;background:var(--avis-bg-color);border:1px solid #e2e8f0;border:1px solid var(--avis-border-color);border-radius:8px;border-radius:var(--avis-border-radius);padding:1.5rem;transition:all .3s ease;transition:var(--avis-transition)}.avis-feedback-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--avis-shadow-md);transform:translateY(-2px)}.avis-feedback-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.avis-feedback-rating{align-items:center;display:flex;gap:.75rem}.avis-feedback-stars{display:flex;gap:.25rem}.avis-feedback-rating-value{font-size:1.125rem;font-weight:700}.avis-feedback-sentiment{align-items:center;display:flex}.avis-sentiment-icon{font-size:1.5rem}.avis-sentiment-positive{color:#10b981;color:var(--avis-success-color)}.avis-sentiment-neutral{color:#f59e0b;color:var(--avis-warning-color)}.avis-sentiment-negative{color:#ef4444;color:var(--avis-danger-color)}.avis-feedback-date{align-items:center;color:#64748b;color:var(--avis-text-secondary);display:flex;font-size:.875rem;gap:.5rem}.avis-date-icon{font-size:.875rem}.avis-feedback-content{margin-bottom:1rem}.avis-feedback-text{color:#1e293b;color:var(--avis-text-primary);font-size:1rem;line-height:1.6;margin:0}.avis-feedback-details{border-top:1px solid #e2e8f0;border-top:1px solid var(--avis-border-color);padding-top:1rem}.avis-feedback-breakdown{display:flex;flex-wrap:wrap;gap:1rem}.avis-breakdown-item{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:120px}.avis-breakdown-label{color:#64748b;color:var(--avis-text-secondary);font-size:.875rem;font-weight:600;min-width:50px}.avis-breakdown-stars{display:flex;gap:.125rem}.avis-breakdown-stars .avis-star{font-size:.75rem}.avis-no-feedbacks{background:#f8fafc;background:var(--avis-bg-color);border:1px solid #e2e8f0;border:1px solid var(--avis-border-color);border-radius:8px;border-radius:var(--avis-border-radius);padding:4rem 2rem;text-align:center}.avis-no-feedbacks-icon{color:#f59e0b;color:var(--avis-warning-color);font-size:3rem;margin-bottom:1rem}.avis-no-feedbacks p{color:#64748b;color:var(--avis-text-secondary);font-size:1.125rem;margin:0}@keyframes avisSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes avisFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.avis-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.avis-ratings-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.avis-feedbacks-cards{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.avis-container{padding:1rem}.avis-title,.avis-title-icon{font-size:2rem}.avis-controls-section{align-items:stretch;flex-direction:column}.avis-filters{flex-direction:column;min-width:0;min-width:auto}.avis-actions{justify-content:center}.avis-stats-grid{grid-template-columns:repeat(2,1fr)}.avis-feedbacks-cards,.avis-ratings-grid{grid-template-columns:1fr}.avis-feedbacks-list .avis-feedback-card{padding:.75rem}.avis-feedbacks-list .avis-feedback-header{align-items:flex-start;flex-direction:column;gap:.5rem}.avis-feedbacks-list .avis-feedback-date{align-self:flex-end;margin-left:0}.avis-feedbacks-list .avis-feedback-breakdown{flex-direction:column;gap:.5rem}.avis-feedbacks-list .avis-breakdown-item{min-width:0;min-width:auto}.avis-feedbacks-header{align-items:stretch;flex-direction:column}.avis-sort-controls{justify-content:center}.avis-feedback-header{align-items:flex-start;flex-direction:column}.avis-feedback-breakdown{flex-direction:column;gap:.75rem}.avis-breakdown-item{min-width:0;min-width:auto}}@media (max-width:480px){.avis-container{padding:.5rem}.avis-title{font-size:1.75rem}.avis-subtitle{font-size:1rem}.avis-stats-grid{grid-template-columns:1fr}.avis-stat-card{padding:1rem}.avis-stat-icon{font-size:1.25rem;height:50px;width:50px}.avis-stat-value{font-size:1.5rem}.avis-rating-card{padding:1rem}.avis-rating-header{align-items:flex-start;flex-direction:column;gap:.75rem}.avis-rating-stars{align-self:flex-end}.avis-export-btn,.avis-toggle-stats-btn,.avis-view-mode-btn{font-size:.8rem;padding:.625rem .75rem}.avis-feedback-card,.avis-feedbacks-container,.avis-feedbacks-header{padding:1rem}.avis-section-title{font-size:1.25rem}}.avis-feedbacks-container::-webkit-scrollbar{width:8px}.avis-feedbacks-container::-webkit-scrollbar-track{background:#f8fafc;background:var(--avis-bg-color);border-radius:4px}.avis-feedbacks-container::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--avis-border-color);border-radius:4px}.avis-feedbacks-container::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--avis-text-secondary)}:root{--mypaiement-primary-color:#3b82f6;--mypaiement-primary-hover:#2563eb;--mypaiement-secondary-color:#64748b;--mypaiement-success-color:#10b981;--mypaiement-warning-color:#f59e0b;--mypaiement-danger-color:#ef4444;--mypaiement-bg-color:#f8fafc;--mypaiement-card-bg:#fff;--mypaiement-text-primary:#1e293b;--mypaiement-text-secondary:#64748b;--mypaiement-border-color:#e2e8f0;--mypaiement-shadow-sm:0 1px 2px 0 #0000000d;--mypaiement-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--mypaiement-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--mypaiement-border-radius:8px;--mypaiement-transition:all 0.3s ease}.mypaiement-container{background:#f8fafc;background:var(--mypaiement-bg-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem}.mypaiement-header{margin-bottom:2rem;text-align:center}.mypaiement-title-section{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:.5rem}.mypaiement-title-icon{color:#3b82f6;color:var(--mypaiement-primary-color);font-size:2.5rem}.mypaiement-title{color:#1e293b;color:var(--mypaiement-text-primary);font-size:2.5rem;font-weight:700;margin:0}.mypaiement-subtitle{color:#64748b;color:var(--mypaiement-text-secondary);font-size:1.125rem;margin:0}.mypaiement-loading-container{align-items:center!important;background:#fff!important;background:var(--mypaiement-card-bg)!important;border:1px solid #e2e8f0!important;border:1px solid var(--mypaiement-border-color)!important;border-radius:8px!important;border-radius:var(--mypaiement-border-radius)!important;box-shadow:0 1px 2px 0 #0000000d!important;box-shadow:var(--mypaiement-shadow-sm)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:200px!important;padding:4rem 2rem!important}.mypaiement-loading-spinner{animation:mypaiementSpin 1s linear infinite!important;border:4px solid #e2e8f0!important;border-top:4px solid #3b82f6!important;border:4px solid var(--mypaiement-border-color)!important;border-radius:50%!important;border-top-color:var(--mypaiement-primary-color)!important;display:block!important;height:50px!important;margin-bottom:1rem!important;margin-left:0!important;margin-right:0!important;width:50px!important}.mypaiement-loading-text{color:#64748b!important;color:var(--mypaiement-text-secondary)!important;font-size:1rem!important;margin:0!important;text-align:center!important}.mypaiement-message{align-items:center;animation:mypaiementSlideIn .3s ease-out;border-radius:8px;border-radius:var(--mypaiement-border-radius);display:flex;font-weight:500;gap:.75rem;margin-bottom:2rem;padding:1rem 1.5rem}.mypaiement-message-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.mypaiement-message-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.mypaiement-message-info{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.mypaiement-message-icon{flex-shrink:0;font-size:1.25rem}.mypaiement-stats-section{margin-bottom:2rem}.mypaiement-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.mypaiement-stat-card{align-items:center;background:#fff;background:var(--mypaiement-card-bg);border:1px solid #e2e8f0;border:1px solid var(--mypaiement-border-color);border-radius:8px;border-radius:var(--mypaiement-border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--mypaiement-shadow-md);display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease;transition:var(--mypaiement-transition)}.mypaiement-stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--mypaiement-shadow-lg);transform:translateY(-2px)}.mypaiement-stat-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--mypaiement-primary-color),var(--mypaiement-primary-hover));border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.mypaiement-stat-content{flex:1 1}.mypaiement-stat-value{color:#1e293b;color:var(--mypaiement-text-primary);font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.mypaiement-stat-label{color:#64748b;color:var(--mypaiement-text-secondary);font-size:.875rem;font-weight:500}.mypaiement-controls-section{background:#fff;background:var(--mypaiement-card-bg);border:1px solid #e2e8f0;border:1px solid var(--mypaiement-border-color);border-radius:8px;border-radius:var(--mypaiement-border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--mypaiement-shadow-md);justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.mypaiement-controls-section,.mypaiement-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.mypaiement-search-container{align-items:center;display:flex;position:relative}.mypaiement-search-icon{color:#64748b;color:var(--mypaiement-text-secondary);font-size:1rem;left:1rem;position:absolute;z-index:1}.mypaiement-search-input{background:#fff;background:var(--mypaiement-card-bg);border:2px solid #e2e8f0;border:2px solid var(--mypaiement-border-color);border-radius:8px;border-radius:var(--mypaiement-border-radius);color:#1e293b;color:var(--mypaiement-text-primary);font-size:.875rem;min-width:250px;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s ease;transition:var(--mypaiement-transition)}.mypaiement-search-input:focus{border-color:#3b82f6;border-color:var(--mypaiement-primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.mypaiement-filter-select{background:#fff;background:var(--mypaiement-card-bg);border:2px solid #e2e8f0;border:2px solid var(--mypaiement-border-color);border-radius:8px;border-radius:var(--mypaiement-border-radius);color:#1e293b;color:var(--mypaiement-text-primary);cursor:pointer;font-size:.875rem;padding:.75rem 1rem;transition:all .3s ease;transition:var(--mypaiement-transition)}.mypaiement-filter-select:focus{border-color:#3b82f6;border-color:var(--mypaiement-primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.mypaiement-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.mypaiement-export-btn,.mypaiement-toggle-stats-btn,.mypaiement-view-mode-btn{align-items:center;background:#fff;background:var(--mypaiement-card-bg);border:2px solid #e2e8f0;border:2px solid var(--mypaiement-border-color);border-radius:8px;border-radius:var(--mypaiement-border-radius);color:#1e293b;color:var(--mypaiement-text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease;transition:var(--mypaiement-transition)}.mypaiement-export-btn:hover:not(:disabled),.mypaiement-toggle-stats-btn:hover,.mypaiement-view-mode-btn:hover{background:#3b82f6;background:var(--mypaiement-primary-color);border-color:#3b82f6;border-color:var(--mypaiement-primary-color);color:#fff}.mypaiement-export-btn:disabled{cursor:not-allowed;opacity:.6}.mypaiement-content{grid-gap:1.5rem;display:grid;gap:1.5rem}.mypaiement-content-cards{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.mypaiement-content-list{grid-template-columns:1fr}.mypaiement-client-card{background:#fff;background:var(--mypaiement-card-bg);border:1px solid #e2e8f0;border:1px solid var(--mypaiement-border-color);border-radius:8px;border-radius:var(--mypaiement-border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--mypaiement-shadow-md);overflow:hidden;position:relative;transition:all .3s ease;transition:var(--mypaiement-transition)}.mypaiement-client-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--mypaiement-shadow-lg);transform:translateY(-2px)}.mypaiement-card-pending{animation:mypaiementPulse 2s ease-in-out infinite;border:3px solid #f59e0b;border:3px solid var(--mypaiement-warning-color);box-shadow:0 0 0 3px #f59e0b1a,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:0 0 0 3px #f59e0b1a,var(--mypaiement-shadow-md)}.mypaiement-card-pending:hover{box-shadow:0 0 0 3px #f59e0b33,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:0 0 0 3px #f59e0b33,var(--mypaiement-shadow-lg);transform:translateY(-4px)}.mypaiement-card-pending:before{background:linear-gradient(90deg,#f59e0b,#fbbf24);background:linear-gradient(90deg,var(--mypaiement-warning-color),#fbbf24);content:"";height:4px;left:0;position:absolute;right:0;top:0}.mypaiement-card-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--mypaiement-bg-color),#f1f5f9);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--mypaiement-border-color);display:flex;justify-content:space-between;padding:1.5rem}.mypaiement-client-info{align-items:center;display:flex;gap:1rem}.mypaiement-client-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--mypaiement-primary-color),var(--mypaiement-primary-hover));border-radius:50%;color:#fff;display:flex;font-size:1.25rem;height:50px;justify-content:center;width:50px}.mypaiement-avatar-pending{animation:mypaiementPulseAvatar 1.5s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#fbbf24);background:linear-gradient(135deg,var(--mypaiement-warning-color),#fbbf24)}.mypaiement-client-details h3{color:#1e293b;color:var(--mypaiement-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.mypaiement-client-id{color:#64748b;color:var(--mypaiement-text-secondary);font-size:.875rem;margin:0}.mypaiement-status-section{align-items:center;display:flex;gap:.5rem}.mypaiement-status-icon{font-size:1.25rem}.mypaiement-status-paid{color:#10b981;color:var(--mypaiement-success-color)}.mypaiement-status-pending{color:#f59e0b;color:var(--mypaiement-warning-color)}.mypaiement-status-default{color:#64748b;color:var(--mypaiement-text-secondary)}.mypaiement-status-text{border-radius:12px;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.mypaiement-status-payé{background:#f0fdf4;color:#166534}.mypaiement-status-en_attente{background:#fef3c7;color:#92400e}.mypaiement-table-badge{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--mypaiement-bg-color),#f1f5f9);border:2px solid #e2e8f0;border:2px solid var(--mypaiement-border-color);border-radius:8px;border-radius:var(--mypaiement-border-radius);color:#1e293b;color:var(--mypaiement-text-primary);display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;justify-content:center;margin:-.5rem 1.5rem 0;padding:1rem 1.5rem}.mypaiement-table-badge-icon{color:#3b82f6;color:var(--mypaiement-primary-color);font-size:1.5rem}.mypaiement-table-badge-text{font-size:1.25rem;font-weight:700}.mypaiement-table-pending{animation:mypaiementTablePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border:2px solid var(--mypaiement-warning-color);box-shadow:0 0 0 2px #f59e0b1a}.mypaiement-table-pending .mypaiement-table-badge-icon{color:#f59e0b;color:var(--mypaiement-warning-color);font-size:1.75rem}.mypaiement-table-pending .mypaiement-table-badge-text{color:#92400e;font-size:1.5rem}.mypaiement-card-body{padding:1.5rem}.mypaiement-client-meta{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.mypaiement-meta-item{align-items:center;color:#64748b;color:var(--mypaiement-text-secondary);display:flex;font-size:.875rem;gap:.75rem}.mypaiement-meta-icon{color:#3b82f6;color:var(--mypaiement-primary-color);font-size:1rem;width:16px}.mypaiement-payment-methods{margin-bottom:1.5rem}.mypaiement-payment-methods h4{color:#1e293b;color:var(--mypaiement-text-primary);font-size:1rem;font-weight:600;margin:0 0 .75rem}.mypaiement-payment-methods-list{display:flex;flex-wrap:wrap;gap:.5rem}.mypaiement-payment-method{align-items:center;background:#f8fafc;background:var(--mypaiement-bg-color);border-radius:6px;color:#1e293b;color:var(--mypaiement-text-primary);display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem}.mypaiement-payment-icon{color:#3b82f6;color:var(--mypaiement-primary-color);font-size:.875rem}.mypaiement-order-details{margin-bottom:1.5rem}.mypaiement-order-title{align-items:center;color:#1e293b;color:var(--mypaiement-text-primary);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.mypaiement-order-icon{color:#3b82f6;color:var(--mypaiement-primary-color);font-size:1rem}.mypaiement-items-list{display:flex;flex-direction:column;gap:.75rem}.mypaiement-item{background:#f8fafc;background:var(--mypaiement-bg-color);border:1px solid #e2e8f0;border:1px solid var(--mypaiement-border-color);border-radius:6px;padding:.75rem}.mypaiement-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.mypaiement-item-name{color:#1e293b;color:var(--mypaiement-text-primary);font-weight:600}.mypaiement-item-quantity{background:#fff;background:var(--mypaiement-card-bg);border-radius:4px;color:#64748b;color:var(--mypaiement-text-secondary);font-size:.875rem;padding:.25rem .5rem}.mypaiement-item-prices{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.mypaiement-item-unit-price{color:#64748b;color:var(--mypaiement-text-secondary)}.mypaiement-item-total-price{color:#1e293b;color:var(--mypaiement-text-primary);font-weight:600}.mypaiement-no-items{color:#64748b;color:var(--mypaiement-text-secondary);font-style:italic;margin:0;padding:1rem;text-align:center}.mypaiement-total-section{border-top:2px solid #e2e8f0;border-top:2px solid var(--mypaiement-border-color);padding-top:1rem}.mypaiement-total-amount{align-items:center;color:#1e293b;color:var(--mypaiement-text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;justify-content:center}.mypaiement-total-icon{font-size:1.25rem}.mypaiement-total-icon,.mypaiement-total-value{color:#10b981;color:var(--mypaiement-success-color)}.mypaiement-card-actions{background:#f8fafc;background:var(--mypaiement-bg-color);border-top:1px solid #e2e8f0;border-top:1px solid var(--mypaiement-border-color);display:flex;flex-wrap:wrap;gap:.75rem;padding:1.5rem}.mypaiement-action-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--mypaiement-border-radius);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1rem;transition:all .3s ease;transition:var(--mypaiement-transition)}.mypaiement-pay-btn{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--mypaiement-success-color),#059669);color:#fff}.mypaiement-pay-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--mypaiement-shadow-md);transform:translateY(-2px)}.mypaiement-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--mypaiement-danger-color),#dc2626);color:#fff}.mypaiement-delete-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--mypaiement-shadow-md);transform:translateY(-2px)}.mypaiement-print-btn{background:linear-gradient(135deg,#64748b,#475569);background:linear-gradient(135deg,var(--mypaiement-secondary-color),#475569);color:#fff}.mypaiement-print-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--mypaiement-shadow-md);transform:translateY(-2px)}.mypaiement-no-results{background:#fff;background:var(--mypaiement-card-bg);border:1px solid #e2e8f0;border:1px solid var(--mypaiement-border-color);border-radius:8px;border-radius:var(--mypaiement-border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--mypaiement-shadow-sm);padding:4rem 2rem;text-align:center}.mypaiement-no-results-icon{color:#64748b;color:var(--mypaiement-text-secondary);font-size:3rem;margin-bottom:1rem;opacity:.5}.mypaiement-no-results p{color:#64748b;color:var(--mypaiement-text-secondary);font-size:1.125rem;margin:0}.mypaiement-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.mypaiement-modal{animation:mypaiementModalSlideIn .3s ease-out;background:#fff;background:var(--mypaiement-card-bg);border:1px solid #e2e8f0;border:1px solid var(--mypaiement-border-color);border-radius:8px;border-radius:var(--mypaiement-border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--mypaiement-shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.mypaiement-modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--mypaiement-bg-color),#f1f5f9);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--mypaiement-border-color);display:flex;justify-content:space-between;padding:1.5rem}.mypaiement-modal-title{align-items:center;color:#1e293b;color:var(--mypaiement-text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0}.mypaiement-modal-icon{color:#3b82f6;color:var(--mypaiement-primary-color);font-size:1.125rem}.mypaiement-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;color:var(--mypaiement-text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;padding:.5rem;transition:all .3s ease;transition:var(--mypaiement-transition);width:36px}.mypaiement-modal-close:hover{background:#ef4444;background:var(--mypaiement-danger-color);color:#fff}.mypaiement-modal-body{padding:1.5rem}.mypaiement-amount-info{background:#f8fafc;background:var(--mypaiement-bg-color);border:1px solid #e2e8f0;border:1px solid var(--mypaiement-border-color);border-radius:8px;border-radius:var(--mypaiement-border-radius);margin-bottom:1.5rem;padding:1rem}.mypaiement-amount-total{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.mypaiement-amount-icon{color:#10b981;color:var(--mypaiement-success-color);font-size:1.25rem}.mypaiement-amount-label{color:#1e293b;color:var(--mypaiement-text-primary);font-weight:600}.mypaiement-amount-value{color:#10b981;color:var(--mypaiement-success-color);font-size:1.5rem;font-weight:700}.mypaiement-amount-remaining{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.mypaiement-remaining-label{color:#64748b;color:var(--mypaiement-text-secondary)}.mypaiement-remaining-value{color:#f59e0b;color:var(--mypaiement-warning-color);font-weight:600}.mypaiement-payment-options{display:flex;flex-direction:column;gap:1rem}.mypaiement-payment-option{display:flex;flex-direction:column;gap:.75rem}.mypaiement-payment-method-btn{align-items:center;background:#fff;background:var(--mypaiement-card-bg);border:2px solid #e2e8f0;border:2px solid var(--mypaiement-border-color);border-radius:8px;border-radius:var(--mypaiement-border-radius);color:#1e293b;color:var(--mypaiement-text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;justify-content:space-between;padding:1rem;transition:all .3s ease;transition:var(--mypaiement-transition);width:100%}.mypaiement-payment-method-btn:hover{background:#f8fafc;background:var(--mypaiement-bg-color);border-color:#3b82f6;border-color:var(--mypaiement-primary-color)}.mypaiement-payment-method-selected{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border-color:#3b82f6;border-color:var(--mypaiement-primary-color)}.mypaiement-payment-method-icon{color:#3b82f6;color:var(--mypaiement-primary-color);font-size:1.25rem}.mypaiement-payment-check{color:#10b981;color:var(--mypaiement-success-color);font-size:1.125rem}.mypaiement-amount-input-container{align-items:center;display:flex;gap:.5rem;padding:0 1rem}.mypaiement-amount-input{background:#fff;background:var(--mypaiement-card-bg);border:2px solid #e2e8f0;border:2px solid var(--mypaiement-border-color);border-radius:8px;border-radius:var(--mypaiement-border-radius);color:#1e293b;color:var(--mypaiement-text-primary);flex:1 1;font-size:1rem;padding:.75rem;transition:all .3s ease;transition:var(--mypaiement-transition)}.mypaiement-amount-input:focus{border-color:#3b82f6;border-color:var(--mypaiement-primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.mypaiement-amount-currency{color:#64748b;color:var(--mypaiement-text-secondary);font-weight:600}.mypaiement-modal-actions{background:#f8fafc;background:var(--mypaiement-bg-color);border-top:1px solid #e2e8f0;border-top:1px solid var(--mypaiement-border-color);display:flex;gap:1rem;padding:1.5rem}.mypaiement-modal-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--mypaiement-border-radius);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--mypaiement-transition)}.mypaiement-modal-validate{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--mypaiement-success-color),#059669);color:#fff}.mypaiement-modal-validate:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--mypaiement-shadow-md);transform:translateY(-2px)}.mypaiement-modal-cancel{background:linear-gradient(135deg,#64748b,#475569);background:linear-gradient(135deg,var(--mypaiement-secondary-color),#475569);color:#fff}.mypaiement-modal-cancel:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--mypaiement-shadow-md);transform:translateY(-2px)}@keyframes mypaiementSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes mypaiementSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes mypaiementModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes mypaiementPulse{0%,to{box-shadow:0 0 0 3px #f59e0b1a,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:0 0 0 3px #f59e0b1a,var(--mypaiement-shadow-md)}50%{box-shadow:0 0 0 6px #f59e0b33,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:0 0 0 6px #f59e0b33,var(--mypaiement-shadow-lg)}}@keyframes mypaiementPulseAvatar{0%,to{box-shadow:0 0 0 0 #f59e0b66;transform:scale(1)}50%{box-shadow:0 0 0 4px #f59e0b33;transform:scale(1.05)}}@keyframes mypaiementTablePulse{0%,to{box-shadow:0 0 0 2px #f59e0b1a;transform:scale(1)}50%{box-shadow:0 0 0 4px #f59e0b4d;transform:scale(1.02)}}@media (max-width:768px){.mypaiement-container{padding:1rem}.mypaiement-title,.mypaiement-title-icon{font-size:2rem}.mypaiement-stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.mypaiement-stat-card{padding:1rem}.mypaiement-stat-value{font-size:1.5rem}.mypaiement-controls-section,.mypaiement-filters{align-items:stretch;flex-direction:column}.mypaiement-search-input{min-width:auto;width:100%}.mypaiement-actions{justify-content:center}.mypaiement-content-cards{grid-template-columns:1fr}.mypaiement-card-header{align-items:flex-start;flex-direction:column;gap:1rem}.mypaiement-status-section{align-self:flex-end}.mypaiement-card-actions{flex-direction:column}.mypaiement-action-btn{min-width:auto}.mypaiement-modal{margin:1rem;max-width:none}.mypaiement-modal-actions{flex-direction:column}}@media (max-width:480px){.mypaiement-container{padding:.5rem}.mypaiement-title{font-size:1.75rem}.mypaiement-subtitle{font-size:1rem}.mypaiement-stats-grid{grid-template-columns:1fr}.mypaiement-stat-card{padding:.75rem}.mypaiement-stat-icon{font-size:1.25rem;height:40px;width:40px}.mypaiement-stat-value{font-size:1.25rem}.mypaiement-card-actions,.mypaiement-card-body,.mypaiement-controls-section,.mypaiement-modal-actions,.mypaiement-modal-body,.mypaiement-modal-header{padding:1rem}}:root{--comparaison-primary-color:#3b82f6;--comparaison-primary-hover:#2563eb;--comparaison-secondary-color:#6b7280;--comparaison-success-color:#10b981;--comparaison-danger-color:#ef4444;--comparaison-warning-color:#f59e0b;--comparaison-bg-color:#f8fafc;--comparaison-card-bg:#fff;--comparaison-border-color:#e5e7eb;--comparaison-text-primary:#1f2937;--comparaison-text-secondary:#6b7280;--comparaison-shadow-sm:0 1px 2px 0 #0000000d;--comparaison-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--comparaison-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--comparaison-border-radius:12px;--comparaison-border-radius-sm:8px;--comparaison-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.comparaison-date-container{background:#f8fafc;background:var(--comparaison-bg-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem}.comparaison-date-header{background:#fff;background:var(--comparaison-card-bg);border-radius:12px;border-radius:var(--comparaison-border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--comparaison-shadow-md);margin-bottom:3rem;padding:2rem;text-align:center}.comparaison-date-title-section{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.comparaison-date-title{color:#1f2937;color:var(--comparaison-text-primary);font-size:2.5rem;font-weight:700;margin:0}.comparaison-date-title-icon{color:#3b82f6;color:var(--comparaison-primary-color);font-size:2.5rem}.comparaison-date-subtitle{color:#6b7280;color:var(--comparaison-text-secondary);font-size:1.125rem;margin:0 auto;max-width:600px}.comparaison-date-tabs{background:#fff;background:var(--comparaison-card-bg);border-radius:12px;border-radius:var(--comparaison-border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--comparaison-shadow-sm);display:flex;gap:.5rem;justify-content:center;margin-bottom:2rem;padding:.5rem}.comparaison-date-tab{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--comparaison-border-radius-sm);color:#6b7280;color:var(--comparaison-text-secondary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--comparaison-transition)}.comparaison-date-tab:hover{background:#f8fafc;background:var(--comparaison-bg-color);color:#1f2937;color:var(--comparaison-text-primary)}.comparaison-date-tab.active{background:#3b82f6;background:var(--comparaison-primary-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--comparaison-shadow-sm);color:#fff}.comparaison-date-tab-icon{font-size:1rem}.comparaison-date-tab-text{font-size:.875rem;font-weight:600}.comparaison-date-tab-content{margin:0 auto;max-width:1200px}.comparaison-date-section{background:#fff;background:var(--comparaison-card-bg);border-radius:12px;border-radius:var(--comparaison-border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--comparaison-shadow-md);overflow:hidden}.comparaison-date-section-header{align-items:center;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--comparaison-border-color);display:flex;gap:1rem;padding:2rem 2rem 1rem}.comparaison-date-section-icon{color:#3b82f6;color:var(--comparaison-primary-color);font-size:1.5rem}.comparaison-date-section-title{color:#1f2937;color:var(--comparaison-text-primary);font-size:1.5rem;font-weight:600;margin:0}.comparaison-date-selector-card{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--comparaison-border-color);padding:2rem}.comparaison-date-selector-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.comparaison-date-selector-icon{color:#3b82f6;color:var(--comparaison-primary-color);font-size:1.25rem}.comparaison-date-selector-title{color:#1f2937;color:var(--comparaison-text-primary);font-size:1.125rem;font-weight:600;margin:0}.comparaison-date-selector-row{align-items:end;display:flex;gap:1.5rem}.comparaison-date-selector-group{flex:1 1;min-width:0}.comparaison-date-selector-label{display:block;font-weight:600;margin-bottom:.5rem}.comparaison-date-selector-label,.comparaison-date-selector-select{color:#1f2937;color:var(--comparaison-text-primary);font-size:.875rem}.comparaison-date-selector-select{background:#fff;background:var(--comparaison-card-bg);border:2px solid #e5e7eb;border:2px solid var(--comparaison-border-color);border-radius:8px;border-radius:var(--comparaison-border-radius-sm);cursor:pointer;font-weight:500;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--comparaison-transition);width:100%}.comparaison-date-selector-select:focus{border-color:#3b82f6;border-color:var(--comparaison-primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.comparaison-date-calendar-card{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--comparaison-border-color);padding:2rem;position:relative}.comparaison-date-calendar-header{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem;min-height:150px;position:relative;text-align:center;width:100%}.comparaison-date-calendar-title{color:#1f2937;color:var(--comparaison-text-primary);font-size:1.25rem;margin:0;top:20%}.comparaison-date-calendar-title,.comparaison-date-selected-count{font-weight:600;left:50%;position:absolute;text-align:center;transform:translate(-50%,-50%);z-index:10}.comparaison-date-selected-count{background:#3b82f6;background:var(--comparaison-primary-color);color:#fff;font-size:.875rem;padding:.5rem 1rem;top:60%;width:60%}.comparaison-date-calendar-grid,.comparaison-date-selected-count{border-radius:8px;border-radius:var(--comparaison-border-radius-sm)}.comparaison-date-calendar-grid{background:#f8fafc;background:var(--comparaison-bg-color);border:1px solid #e5e7eb;border:1px solid var(--comparaison-border-color);max-width:100%;overflow:hidden;padding:1rem;width:100%}.comparaison-date-calendar-header{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(7,1fr);margin-bottom:1rem}.comparaison-date-calendar-header-day{color:#6b7280;color:var(--comparaison-text-secondary);font-size:.875rem;font-weight:600;padding:.5rem;text-align:center}.comparaison-date-calendar-days{grid-gap:.5rem;display:grid;gap:.5rem;grid-auto-rows:1fr;grid-template-columns:repeat(7,1fr);max-width:100%;min-height:0;width:100%}.comparaison-date-calendar-day{align-items:center;aspect-ratio:1;background:#fff;background:var(--comparaison-card-bg);border:2px solid #e5e7eb;border:2px solid var(--comparaison-border-color);border-radius:8px;border-radius:var(--comparaison-border-radius-sm);box-sizing:border-box;color:#1f2937;color:var(--comparaison-text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:100%;justify-content:center;min-height:0;min-width:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--comparaison-transition);width:100%}.comparaison-date-calendar-day:hover{background:#3b82f60d;border-color:#3b82f6;border-color:var(--comparaison-primary-color)}.comparaison-date-calendar-day-selected{background:#3b82f6;background:var(--comparaison-primary-color);border-color:#3b82f6;border-color:var(--comparaison-primary-color);color:#fff}.comparaison-date-calendar-day-empty{aspect-ratio:1;box-sizing:border-box;height:100%;min-height:0;min-width:0;width:100%}.comparaison-date-year-selector{margin-bottom:1.5rem}.comparaison-date-year-selector-group{max-width:200px}.comparaison-date-year-selector-label{color:#1f2937;color:var(--comparaison-text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.comparaison-date-year-selector-select{background:#fff;background:var(--comparaison-card-bg);border:2px solid #e5e7eb;border:2px solid var(--comparaison-border-color);border-radius:8px;border-radius:var(--comparaison-border-radius-sm);color:#1f2937;color:var(--comparaison-text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--comparaison-transition);width:100%}.comparaison-date-year-selector-select:focus{border-color:#3b82f6;border-color:var(--comparaison-primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.comparaison-date-weeks-wrapper{background:#f8fafc;background:var(--comparaison-bg-color);border:1px solid #e5e7eb;border:1px solid var(--comparaison-border-color);border-radius:8px;border-radius:var(--comparaison-border-radius-sm);max-height:400px;overflow-y:auto;padding:1rem}.comparaison-date-weeks-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.comparaison-date-week-btn{background:#fff;background:var(--comparaison-card-bg);border:2px solid #e5e7eb;border:2px solid var(--comparaison-border-color);border-radius:8px;border-radius:var(--comparaison-border-radius-sm);color:#1f2937;color:var(--comparaison-text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--comparaison-transition)}.comparaison-date-week-btn:hover{background:#3b82f60d;border-color:#3b82f6;border-color:var(--comparaison-primary-color)}.comparaison-date-week-btn-selected{background:#3b82f6;background:var(--comparaison-primary-color);border-color:#3b82f6;border-color:var(--comparaison-primary-color);color:#fff}.comparaison-date-months-wrapper{background:#f8fafc;background:var(--comparaison-bg-color);border:1px solid #e5e7eb;border:1px solid var(--comparaison-border-color);border-radius:8px;border-radius:var(--comparaison-border-radius-sm);padding:1rem}.comparaison-date-months-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.comparaison-date-month-btn{background:#fff;background:var(--comparaison-card-bg);border:2px solid #e5e7eb;border:2px solid var(--comparaison-border-color);border-radius:8px;border-radius:var(--comparaison-border-radius-sm);color:#1f2937;color:var(--comparaison-text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:1rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--comparaison-transition)}.comparaison-date-month-btn:hover{background:#3b82f60d;border-color:#3b82f6;border-color:var(--comparaison-primary-color)}.comparaison-date-month-btn-selected{background:#3b82f6;background:var(--comparaison-primary-color);border-color:#3b82f6;border-color:var(--comparaison-primary-color);color:#fff}.comparaison-date-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:2rem}.comparaison-date-compare-btn,.comparaison-date-reset-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--comparaison-border-radius-sm);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;justify-content:center;min-width:160px;padding:.875rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--comparaison-transition)}.comparaison-date-compare-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--comparaison-primary-color),var(--comparaison-primary-hover));box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--comparaison-shadow-sm);color:#fff}.comparaison-date-compare-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--comparaison-shadow-md);transform:translateY(-2px)}.comparaison-date-reset-btn{background:#fff;background:var(--comparaison-card-bg);border:2px solid #e5e7eb;border:2px solid var(--comparaison-border-color);color:#6b7280;color:var(--comparaison-text-secondary)}.comparaison-date-reset-btn:hover{background:#f8fafc;background:var(--comparaison-bg-color);border-color:#6b7280;border-color:var(--comparaison-text-secondary);color:#1f2937;color:var(--comparaison-text-primary)}.comparaison-date-btn-icon{font-size:1rem}.comparaison-date-btn-text{font-weight:600}.comparaison-date-chart-card{padding:2rem}.comparaison-date-chart-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.comparaison-date-chart-icon{color:#3b82f6;color:var(--comparaison-primary-color);font-size:1.25rem}.comparaison-date-chart-title{color:#1f2937;color:var(--comparaison-text-primary);font-size:1.125rem;font-weight:600;margin:0}.comparaison-chart-container{background:#f8fafc;background:var(--comparaison-bg-color);border:1px solid #e5e7eb;border:1px solid var(--comparaison-border-color);border-radius:8px;border-radius:var(--comparaison-border-radius-sm);height:400px;overflow:hidden;padding:1rem;position:relative;width:100%}.comparaison-chart-container canvas{height:auto!important;max-width:100%!important}.comparaison-date-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.comparaison-date-spinner{animation:comparaisonDateSpin 1s linear infinite;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border:4px solid var(--comparaison-border-color);border-radius:50%;border-top-color:var(--comparaison-primary-color);height:48px;width:48px}.comparaison-date-loading-text{color:#6b7280;color:var(--comparaison-text-secondary);font-size:1rem;margin:0}@keyframes comparaisonDateSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinning{animation:comparaisonDateSpin 1s linear infinite}@media (max-width:1200px){.comparaison-date-container{padding:1.5rem}}@media (max-width:1024px){.comparaison-date-tabs{flex-direction:column;gap:.25rem}.comparaison-date-tab{justify-content:center;width:100%}.comparaison-date-selector-row{flex-direction:column;gap:1rem}.comparaison-date-actions{align-items:center;flex-direction:column}.comparaison-date-compare-btn,.comparaison-date-reset-btn{max-width:300px;width:100%}.comparaison-date-container{padding:1.5rem}.comparaison-date-header{padding:2rem}.comparaison-date-title,.comparaison-date-title-icon{font-size:2.5rem}.comparaison-date-section-header{padding:2rem 2rem 1.5rem}.comparaison-date-calendar-card,.comparaison-date-chart-card,.comparaison-date-selector-card{padding:2rem}.comparaison-date-calendar-header{min-height:120px}.comparaison-date-calendar-title{font-size:1.125rem;top:25%}.comparaison-date-selected-count{font-size:.85rem;padding:.45rem .9rem;top:65%}.comparaison-date-selector-row{flex-direction:row;gap:2rem;justify-content:center}.comparaison-date-selector-group{min-width:150px;width:auto}.comparaison-chart-container{height:350px}}@media (max-width:768px){.comparaison-date-container{padding:1rem}.comparaison-date-header{margin-bottom:2rem;padding:1.5rem}.comparaison-date-title,.comparaison-date-title-icon{font-size:2rem}.comparaison-date-section-header{padding:1.5rem 1.5rem 1rem}.comparaison-date-calendar-card,.comparaison-date-chart-card,.comparaison-date-selector-card{padding:1.5rem}.comparaison-date-calendar-header{align-items:center;flex-direction:column;gap:.75rem;min-height:100px;position:relative}.comparaison-date-calendar-title{font-size:1.125rem;top:25%}.comparaison-date-selected-count{font-size:.8rem;padding:.4rem .8rem;top:65%}.comparaison-date-selector-row{align-items:center;flex-direction:column;gap:1rem}.comparaison-date-tabs{flex-direction:column;gap:.5rem}.comparaison-date-tab{justify-content:center;width:100%}.comparaison-date-selector-group{max-width:200px;width:100%}.comparaison-date-weeks-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.comparaison-date-months-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.comparaison-date-actions{flex-direction:column;gap:1rem}.comparaison-date-compare-btn,.comparaison-date-reset-btn{max-width:300px;width:100%}.comparaison-chart-container{height:300px}}@media (max-width:600px){.comparaison-date-container{padding:.75rem}.comparaison-date-header{padding:1rem}.comparaison-date-title,.comparaison-date-title-icon{font-size:1.75rem}.comparaison-date-subtitle{font-size:1rem}.comparaison-date-section-header{padding:1rem 1rem .75rem}.comparaison-date-calendar-card,.comparaison-date-chart-card,.comparaison-date-selector-card{padding:1rem}.comparaison-date-calendar-days{gap:.25rem}.comparaison-date-calendar-header{min-height:80px}.comparaison-date-calendar-title{font-size:1rem;top:30%}.comparaison-date-selected-count{font-size:.75rem;padding:.3rem .6rem;top:70%}.comparaison-date-calendar-day{aspect-ratio:1;box-sizing:border-box;font-size:.75rem;height:100%;min-height:0;min-width:0;overflow:hidden;width:100%}.comparaison-date-weeks-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.comparaison-date-week-btn{font-size:.75rem;padding:.5rem .75rem}.comparaison-date-months-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.comparaison-date-month-btn{font-size:.75rem;padding:.75rem .5rem}.comparaison-chart-container{height:250px}}@media (max-width:480px){.comparaison-date-container{padding:.5rem}.comparaison-date-header{padding:.75rem}.comparaison-date-title,.comparaison-date-title-icon{font-size:1.5rem}.comparaison-date-title-section{flex-direction:column;gap:.5rem}.comparaison-date-section-header{padding:.75rem .75rem .5rem}.comparaison-date-calendar-card,.comparaison-date-chart-card,.comparaison-date-selector-card{padding:.75rem}.comparaison-date-calendar-header{min-height:70px}.comparaison-date-calendar-title{font-size:.9rem;top:35%}.comparaison-date-selected-count{font-size:.7rem;padding:.25rem .5rem;top:85%}.comparaison-date-calendar-grid{box-sizing:border-box;margin:0;max-width:100%;padding:1.2rem;width:100%}.comparaison-date-calendar-header{gap:.25rem;max-width:100%;width:100%}.comparaison-date-calendar-header-day{font-size:.75rem;padding:.25rem;text-align:center}.comparaison-date-calendar-days{gap:.25rem;max-width:100%;width:100%}.comparaison-date-calendar-day{aspect-ratio:1;box-sizing:border-box;font-size:.75rem;height:100%;min-height:0;min-width:0;overflow:hidden;width:100%}.comparaison-date-months-wrapper,.comparaison-date-weeks-wrapper{padding:.75rem}.comparaison-date-weeks-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.comparaison-date-months-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.comparaison-chart-container{height:200px;padding:.5rem}.comparaison-date-actions{padding:1rem}.comparaison-date-compare-btn,.comparaison-date-reset-btn{font-size:.75rem;min-width:120px;padding:.75rem 1rem}}@media (max-width:360px){.comparaison-date-container{padding:.25rem}.comparaison-date-header{padding:.5rem}.comparaison-date-title,.comparaison-date-title-icon{font-size:1.25rem}.comparaison-date-section-header{padding:.5rem .5rem .25rem}.comparaison-date-calendar-card,.comparaison-date-chart-card,.comparaison-date-selector-card{padding:.5rem}.comparaison-date-calendar-grid{box-sizing:border-box;margin:0;max-width:100%;padding:1.2rem;width:100%}.comparaison-date-calendar-header{gap:.125rem;max-width:100%;width:100%}.comparaison-date-calendar-header-day{font-size:.625rem;padding:.125rem;text-align:center}.comparaison-date-calendar-days{gap:.125rem;max-width:100%;width:100%}.comparaison-date-calendar-day{aspect-ratio:1;box-sizing:border-box;font-size:.625rem;height:100%;min-height:0;min-width:0;overflow:hidden;width:100%}.comparaison-date-months-wrapper,.comparaison-date-weeks-wrapper{padding:.5rem}.comparaison-date-weeks-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.comparaison-date-months-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.comparaison-chart-container{height:180px;padding:.25rem}}:root{--manage-tables-primary-color:#3b82f6;--manage-tables-primary-hover:#2563eb;--manage-tables-secondary-color:#64748b;--manage-tables-success-color:#10b981;--manage-tables-warning-color:#f59e0b;--manage-tables-danger-color:#ef4444;--manage-tables-bg-color:#f8fafc;--manage-tables-card-bg:#fff;--manage-tables-text-primary:#1e293b;--manage-tables-text-secondary:#64748b;--manage-tables-border-color:#e2e8f0;--manage-tables-shadow-sm:0 1px 2px 0 #0000000d;--manage-tables-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--manage-tables-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--manage-tables-border-radius:8px;--manage-tables-transition:all 0.3s ease}.manage-tables-container{background:#f8fafc;background:var(--manage-tables-bg-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem}.manage-tables-header{margin-bottom:2rem;text-align:center}.manage-tables-title-section{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:.5rem}.manage-tables-title-icon{color:#3b82f6;color:var(--manage-tables-primary-color);font-size:2.5rem}.manage-tables-title{color:#1e293b;color:var(--manage-tables-text-primary);font-size:2.5rem;font-weight:700;margin:0}.manage-tables-subtitle{color:#64748b;color:var(--manage-tables-text-secondary);font-size:1.125rem;margin:0}.manage-tables-loading-container{align-items:center!important;background:#fff!important;background:var(--manage-tables-card-bg)!important;border:1px solid #e2e8f0!important;border:1px solid var(--manage-tables-border-color)!important;border-radius:8px!important;border-radius:var(--manage-tables-border-radius)!important;box-shadow:0 1px 2px 0 #0000000d!important;box-shadow:var(--manage-tables-shadow-sm)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:200px!important;padding:4rem 2rem!important}.manage-tables-loading-spinner{animation:manageTablesSpin 1s linear infinite!important;border:4px solid #e2e8f0!important;border-top:4px solid #3b82f6!important;border:4px solid var(--manage-tables-border-color)!important;border-radius:50%!important;border-top-color:var(--manage-tables-primary-color)!important;display:block!important;height:50px!important;margin-bottom:1rem!important;margin-left:0!important;margin-right:0!important;width:50px!important}.manage-tables-loading-text{color:#64748b!important;color:var(--manage-tables-text-secondary)!important;font-size:1rem!important;margin:0!important;text-align:center!important}.manage-tables-message{align-items:center;animation:manageTablesSlideIn .3s ease-out;border-radius:8px;border-radius:var(--manage-tables-border-radius);display:flex;font-weight:500;gap:.75rem;margin-bottom:2rem;padding:1rem 1.5rem}.manage-tables-message-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.manage-tables-message-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.manage-tables-message-info{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.manage-tables-message-icon{flex-shrink:0;font-size:1.25rem}.manage-tables-status-section{margin-bottom:2rem}.manage-tables-status-card{background:#fff;background:var(--manage-tables-card-bg);border:1px solid #e2e8f0;border:1px solid var(--manage-tables-border-color);border-radius:8px;border-radius:var(--manage-tables-border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--manage-tables-shadow-md);overflow:hidden}.manage-tables-status-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--manage-tables-bg-color),#f1f5f9);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--manage-tables-border-color);display:flex;justify-content:space-between;padding:1.5rem}.manage-tables-status-title{align-items:center;color:#1e293b;color:var(--manage-tables-text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0}.manage-tables-status-icon{color:#3b82f6;color:var(--manage-tables-primary-color);font-size:1.125rem}.manage-tables-status-actions{display:flex;gap:.5rem}.manage-tables-action-btn{align-items:center;background:#fff;background:var(--manage-tables-card-bg);border:2px solid #e2e8f0;border:2px solid var(--manage-tables-border-color);border-radius:8px;border-radius:var(--manage-tables-border-radius);color:#64748b;color:var(--manage-tables-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:.5rem;transition:all .3s ease;transition:var(--manage-tables-transition);width:36px}.manage-tables-action-btn:hover{background:#3b82f6;background:var(--manage-tables-primary-color);border-color:#3b82f6;border-color:var(--manage-tables-primary-color);color:#fff}.manage-tables-status-content{padding:2rem;text-align:center}.manage-tables-status-value{margin-bottom:1rem}.manage-tables-number{color:#3b82f6;color:var(--manage-tables-primary-color);font-size:4rem;font-weight:800;line-height:1}.manage-tables-unit{font-size:1.5rem;margin-left:.5rem}.manage-tables-undefined,.manage-tables-unit{color:#64748b;color:var(--manage-tables-text-secondary);font-weight:600}.manage-tables-undefined{font-size:2rem;font-style:italic}.manage-tables-status-description{color:#64748b;color:var(--manage-tables-text-secondary);font-size:1.125rem;line-height:1.5}.manage-tables-actions-section{margin-bottom:2rem}.manage-tables-actions-card{background:#fff;background:var(--manage-tables-card-bg);border:1px solid #e2e8f0;border:1px solid var(--manage-tables-border-color);border-radius:8px;border-radius:var(--manage-tables-border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--manage-tables-shadow-md);margin-bottom:1.5rem}.manage-tables-actions-title{align-items:center;background:#f8fafc;background:var(--manage-tables-bg-color);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--manage-tables-border-color);color:#1e293b;color:var(--manage-tables-text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0;padding:1.5rem}.manage-tables-actions-icon{color:#3b82f6;color:var(--manage-tables-primary-color);font-size:1.125rem}.manage-tables-form{padding:1.5rem}.manage-tables-input-group{margin-bottom:1.5rem}.manage-tables-input-label{color:#1e293b;color:var(--manage-tables-text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.manage-tables-input-container{position:relative}.manage-tables-input{background:#fff;background:var(--manage-tables-card-bg);border:2px solid #e2e8f0;border:2px solid var(--manage-tables-border-color);border-radius:8px;border-radius:var(--manage-tables-border-radius);color:#1e293b;color:var(--manage-tables-text-primary);font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s ease;transition:var(--manage-tables-transition);width:100%}.manage-tables-input:focus{border-color:#3b82f6;border-color:var(--manage-tables-primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.manage-tables-input:disabled{background:#f8fafc;background:var(--manage-tables-bg-color);color:#64748b;color:var(--manage-tables-text-secondary);cursor:not-allowed}.manage-tables-input-icon{font-size:1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.manage-tables-input-help,.manage-tables-input-icon{color:#64748b;color:var(--manage-tables-text-secondary)}.manage-tables-input-help{font-size:.75rem;margin-top:.25rem}.manage-tables-form-actions{display:flex;flex-wrap:wrap;gap:1rem}.manage-tables-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--manage-tables-border-radius);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease;transition:var(--manage-tables-transition)}.manage-tables-save-btn{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--manage-tables-success-color),#059669);color:#fff}.manage-tables-save-btn:hover:not(:disabled){box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--manage-tables-shadow-md);transform:translateY(-2px)}.manage-tables-cancel-btn{background:linear-gradient(135deg,#64748b,#475569);background:linear-gradient(135deg,var(--manage-tables-secondary-color),#475569);color:#fff}.manage-tables-cancel-btn:hover:not(:disabled){box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--manage-tables-shadow-md);transform:translateY(-2px)}.manage-tables-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.manage-tables-secondary-actions{display:flex;flex-wrap:wrap;gap:1rem}.manage-tables-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--manage-tables-danger-color),#dc2626);color:#fff}.manage-tables-delete-btn:hover:not(:disabled){box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--manage-tables-shadow-md);transform:translateY(-2px)}.manage-tables-history-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--manage-tables-primary-color),var(--manage-tables-primary-hover));color:#fff}.manage-tables-history-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--manage-tables-shadow-md);transform:translateY(-2px)}.manage-tables-history-section{animation:manageTablesFadeIn .6s ease-out;margin-bottom:2rem}.manage-tables-history-card{background:#fff;background:var(--manage-tables-card-bg);border:1px solid #e2e8f0;border:1px solid var(--manage-tables-border-color);border-radius:8px;border-radius:var(--manage-tables-border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--manage-tables-shadow-md);overflow:hidden}.manage-tables-history-header{align-items:center;background:#f8fafc;background:var(--manage-tables-bg-color);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--manage-tables-border-color);display:flex;justify-content:space-between;padding:1.5rem}.manage-tables-history-title{align-items:center;color:#1e293b;color:var(--manage-tables-text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0}.manage-tables-history-icon{color:#3b82f6;color:var(--manage-tables-primary-color);font-size:1.125rem}.manage-tables-export-btn{align-items:center;background:#fff;background:var(--manage-tables-card-bg);border:2px solid #e2e8f0;border:2px solid var(--manage-tables-border-color);border-radius:8px;border-radius:var(--manage-tables-border-radius);color:#64748b;color:var(--manage-tables-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:.5rem;transition:all .3s ease;transition:var(--manage-tables-transition);width:36px}.manage-tables-export-btn:hover{background:#10b981;background:var(--manage-tables-success-color);border-color:#10b981;border-color:var(--manage-tables-success-color);color:#fff}.manage-tables-history-content{padding:1.5rem}.manage-tables-history-list{display:flex;flex-direction:column;gap:1rem}.manage-tables-history-item{background:#f8fafc;background:var(--manage-tables-bg-color);border:1px solid #e2e8f0;border:1px solid var(--manage-tables-border-color);border-radius:8px;border-radius:var(--manage-tables-border-radius);padding:1rem}.manage-tables-history-item-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.manage-tables-history-action{background:#3b82f6;background:var(--manage-tables-primary-color);border-radius:12px;color:#1e293b;color:var(--manage-tables-text-primary);color:#fff;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.manage-tables-history-date{color:#64748b;color:var(--manage-tables-text-secondary);font-size:.75rem}.manage-tables-history-item-content{align-items:center;display:flex;gap:1rem}.manage-tables-history-change{align-items:center;display:flex;font-size:.875rem;gap:.75rem}.manage-tables-history-from,.manage-tables-history-to{border-radius:4px;font-weight:600;padding:.25rem .5rem}.manage-tables-history-from{background:#fef2f2;color:#ef4444;color:var(--manage-tables-danger-color)}.manage-tables-history-to{background:#f0fdf4;color:#10b981;color:var(--manage-tables-success-color)}.manage-tables-history-arrow{color:#64748b;color:var(--manage-tables-text-secondary);font-weight:600}.manage-tables-history-empty{color:#64748b;color:var(--manage-tables-text-secondary);padding:3rem;text-align:center}.manage-tables-history-empty-icon{color:#64748b;color:var(--manage-tables-text-secondary);font-size:3rem;margin-bottom:1rem;opacity:.5}.manage-tables-history-empty p{font-size:1.125rem;margin:0}.manage-tables-info-section{margin-bottom:2rem}.manage-tables-info-card{background:#fff;background:var(--manage-tables-card-bg);border:1px solid #e2e8f0;border:1px solid var(--manage-tables-border-color);border-radius:8px;border-radius:var(--manage-tables-border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--manage-tables-shadow-md);overflow:hidden}.manage-tables-info-header{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--manage-tables-border-color);display:flex;gap:.75rem;padding:1.5rem}.manage-tables-info-icon{color:#3b82f6;color:var(--manage-tables-primary-color);font-size:1.25rem}.manage-tables-info-header h4{color:#1e293b;color:var(--manage-tables-text-primary);font-size:1.125rem;font-weight:600;margin:0}.manage-tables-info-content{padding:1.5rem}.manage-tables-info-list{list-style:none;margin:0;padding:0}.manage-tables-info-list li{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--manage-tables-border-color);color:#64748b;color:var(--manage-tables-text-secondary);line-height:1.5;padding:.75rem 0 .75rem 1.5rem;position:relative}.manage-tables-info-list li:last-child{border-bottom:none}.manage-tables-info-list li:before{color:#3b82f6;color:var(--manage-tables-primary-color);content:"•";font-weight:700;left:0;position:absolute}@keyframes manageTablesSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes manageTablesFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes manageTablesSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.manage-tables-container{padding:1rem}.manage-tables-title,.manage-tables-title-icon{font-size:2rem}.manage-tables-status-header{align-items:flex-start;flex-direction:column;gap:1rem}.manage-tables-status-actions{align-self:flex-end}.manage-tables-number{font-size:3rem}.manage-tables-unit{font-size:1.25rem}.manage-tables-form-actions{flex-direction:column}.manage-tables-btn{justify-content:center}.manage-tables-secondary-actions{flex-direction:column}.manage-tables-history-header{align-items:flex-start;flex-direction:column;gap:1rem}.manage-tables-export-btn{align-self:flex-end}.manage-tables-history-change,.manage-tables-history-item-header{align-items:flex-start;flex-direction:column}.manage-tables-history-change{gap:.5rem}}@media (max-width:480px){.manage-tables-container{padding:.5rem}.manage-tables-title{font-size:1.75rem}.manage-tables-subtitle{font-size:1rem}.manage-tables-status-content{padding:1.5rem}.manage-tables-number{font-size:2.5rem}.manage-tables-unit{font-size:1rem}.manage-tables-actions-title,.manage-tables-form,.manage-tables-history-content,.manage-tables-history-header,.manage-tables-info-content,.manage-tables-info-header,.manage-tables-status-header{padding:1rem}}:root{--supplement-primary-color:#3b82f6;--supplement-primary-hover:#2563eb;--supplement-danger-color:#ef4444;--supplement-danger-hover:#dc2626;--supplement-success-color:#10b981;--supplement-success-hover:#059669;--supplement-warning-color:#f59e0b;--supplement-warning-hover:#d97706;--supplement-text-primary:#1f2937;--supplement-text-secondary:#6b7280;--supplement-bg-color:#f9fafb;--supplement-border-color:#e5e7eb;--supplement-shadow:0 1px 3px #0000001a;--supplement-shadow-md:0 4px 6px #0000001a;--supplement-shadow-lg:0 10px 15px #0000001a;--supplement-border-radius:8px}.supplement-management-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:2rem}.supplement-management-header{background:#fff;border-radius:8px;border-radius:var(--supplement-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--supplement-shadow-md);margin-bottom:2rem;padding:2rem;text-align:center}.supplement-management-title{align-items:center;color:#1f2937;color:var(--supplement-text-primary);display:flex;font-size:2.5rem;font-weight:700;gap:1rem;justify-content:center;margin:0 0 .5rem}.supplement-title-icon{color:#3b82f6;color:var(--supplement-primary-color)}.supplement-management-subtitle{color:#6b7280;color:var(--supplement-text-secondary);font-size:1.125rem;margin:0}.supplement-actions-section{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.supplement-action-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--supplement-primary-color),var(--supplement-primary-hover));border:none;border-radius:8px;border-radius:var(--supplement-border-radius);box-shadow:0 1px 3px #0000001a;box-shadow:var(--supplement-shadow);color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;min-width:200px;padding:1rem 1.5rem;transition:all .3s ease}.supplement-action-btn:hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--supplement-shadow-lg);transform:translateY(-2px)}.supplement-action-btn.secondary{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--supplement-success-color),var(--supplement-success-hover))}.supplement-btn-icon{font-size:1.25rem}.supplement-btn-text{display:block}.supplement-btn-text-mobile{display:none}.supplement-categories-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.supplement-category-card{background:#fff;border-radius:8px;border-radius:var(--supplement-border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--supplement-shadow-md);overflow:hidden;transition:all .3s ease}.supplement-category-card:hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--supplement-shadow-lg);transform:translateY(-4px)}.supplement-category-header{background:linear-gradient(135deg,#f9fafb,#fff);background:linear-gradient(135deg,var(--supplement-bg-color),#fff);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--supplement-border-color);padding:1.5rem}.supplement-category-title{align-items:center;color:#1f2937;color:var(--supplement-text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0 0 .5rem}.supplement-category-icon{color:#3b82f6;color:var(--supplement-primary-color);font-size:1.5rem}.supplement-selection-type{background:#f9fafb;background:var(--supplement-bg-color);border-radius:20px;color:#6b7280;color:var(--supplement-text-secondary);display:inline-block;font-size:.875rem;font-weight:500;margin-top:.5rem;padding:.25rem .75rem}.supplement-category-body{padding:1.5rem}.supplement-category-items{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.supplement-item-tag{align-items:center;background:#f9fafb;background:var(--supplement-bg-color);border:1px solid #e5e7eb;border:1px solid var(--supplement-border-color);border-radius:8px;border-radius:var(--supplement-border-radius);display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .3s ease}.supplement-item-tag:hover{background:#fff;border-color:#3b82f6;border-color:var(--supplement-primary-color);box-shadow:0 1px 3px #0000001a;box-shadow:var(--supplement-shadow)}.supplement-item-name{color:#1f2937;color:var(--supplement-text-primary);font-weight:500}.supplement-item-price{color:#10b981;color:var(--supplement-success-color);font-size:.875rem;font-weight:600}.supplement-empty-state{color:#6b7280;color:var(--supplement-text-secondary);font-style:italic;padding:2rem;text-align:center}.supplement-category-actions{display:flex;gap:1rem}.supplement-edit-category-btn{align-items:center;background:#fff;border:2px solid #3b82f6;border:2px solid var(--supplement-primary-color);border-radius:8px;border-radius:var(--supplement-border-radius);color:#3b82f6;color:var(--supplement-primary-color);cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}.supplement-edit-category-btn:hover{background:#3b82f6;background:var(--supplement-primary-color);box-shadow:0 1px 3px #0000001a;box-shadow:var(--supplement-shadow);color:#fff;transform:translateY(-2px)}.supplement-popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:1000}.supplement-popup{animation:supplementPopupSlideIn .3s ease-out;background:#fff;border-radius:8px;border-radius:var(--supplement-border-radius);box-shadow:0 10px 15px #0000001a;box-shadow:var(--supplement-shadow-lg);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes supplementPopupSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.supplement-popup-header{background:#f9fafb;background:var(--supplement-bg-color);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--supplement-border-color);padding:1.5rem}.supplement-popup-title{align-items:center;color:#1f2937;color:var(--supplement-text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0}.supplement-popup-icon{color:#3b82f6;color:var(--supplement-primary-color)}.supplement-popup-body{padding:1.5rem}.supplement-form-group{margin-bottom:1.5rem}.supplement-form-label{color:#1f2937;color:var(--supplement-text-primary);display:block;font-weight:600;margin-bottom:.5rem}.supplement-form-input{border:2px solid #e5e7eb;border:2px solid var(--supplement-border-color);border-radius:8px;border-radius:var(--supplement-border-radius);box-sizing:border-box;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.supplement-form-input:focus{border-color:#3b82f6;border-color:var(--supplement-primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.supplement-form-select{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--supplement-border-color);border-radius:8px;border-radius:var(--supplement-border-radius);cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.supplement-form-select:focus{border-color:#3b82f6;border-color:var(--supplement-primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.supplement-selection-type-choice{margin-bottom:1.5rem}.supplement-radio-group{display:flex;gap:1rem;margin-top:.5rem}.supplement-radio-option{align-items:center;cursor:pointer;display:flex;gap:.5rem}.supplement-radio-input{accent-color:#3b82f6;accent-color:var(--supplement-primary-color);height:18px;width:18px}.supplement-radio-label{color:#1f2937;color:var(--supplement-text-primary);cursor:pointer;font-weight:500}.supplement-required-choice{margin-bottom:1.5rem}.supplement-checkbox-group{align-items:center;cursor:pointer;display:flex;gap:.75rem}.supplement-checkbox-input{accent-color:#3b82f6;accent-color:var(--supplement-primary-color);height:18px;width:18px}.supplement-checkbox-label{color:#1f2937;color:var(--supplement-text-primary);cursor:pointer;font-weight:500}.supplement-max-element-choice{margin-bottom:1.5rem}.supplement-max-element-display{background:#f9fafb;background:var(--supplement-bg-color);border:2px solid #e5e7eb;border:2px solid var(--supplement-border-color);border-radius:8px;border-radius:var(--supplement-border-radius);color:#1f2937;color:var(--supplement-text-primary);display:inline-block;font-weight:600;margin-top:.5rem;padding:.5rem 1rem}.supplement-max-element-controls{align-items:center;display:flex;gap:1rem;margin-top:.5rem}.supplement-decrement-btn,.supplement-increment-btn{align-items:center;background:#fff;border:2px solid #3b82f6;border:2px solid var(--supplement-primary-color);border-radius:50%;color:#3b82f6;color:var(--supplement-primary-color);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.supplement-decrement-btn:hover,.supplement-increment-btn:hover{background:#3b82f6;background:var(--supplement-primary-color);color:#fff;transform:scale(1.1)}.supplement-max-element-value{color:#1f2937;color:var(--supplement-text-primary);font-size:1.25rem;font-weight:600;min-width:2rem;text-align:center}.supplement-popup-actions{background:#f9fafb;background:var(--supplement-bg-color);border-top:2px solid #e5e7eb;border-top:2px solid var(--supplement-border-color);display:flex;gap:1rem;padding:1.5rem}.supplement-popup-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--supplement-border-radius);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.supplement-popup-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--supplement-primary-color),var(--supplement-primary-hover));color:#fff}.supplement-popup-btn.primary:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--supplement-shadow-md);transform:translateY(-2px)}.supplement-popup-btn.secondary{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--supplement-border-color);color:#6b7280;color:var(--supplement-text-secondary)}.supplement-popup-btn.secondary:hover{background:#f9fafb;background:var(--supplement-bg-color);border-color:#6b7280;border-color:var(--supplement-text-secondary)}.supplement-popup-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--supplement-danger-color),var(--supplement-danger-hover));color:#fff}.supplement-popup-btn.danger:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--supplement-shadow-md);transform:translateY(-2px)}.supplement-category-items-list{list-style:none;margin:1rem 0;padding:0}.supplement-category-item{align-items:center;background:#f9fafb;background:var(--supplement-bg-color);border:1px solid #e5e7eb;border:1px solid var(--supplement-border-color);border-radius:8px;border-radius:var(--supplement-border-radius);display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem;transition:all .3s ease}.supplement-category-item:hover{background:#fff;border-color:#3b82f6;border-color:var(--supplement-primary-color);box-shadow:0 1px 3px #0000001a;box-shadow:var(--supplement-shadow)}.supplement-item-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.supplement-item-edit-form{display:flex;flex-direction:column;gap:.75rem;width:100%}.supplement-item-edit-inputs{display:flex;gap:.75rem}.supplement-item-edit-input{border:2px solid #e5e7eb;border:2px solid var(--supplement-border-color);border-radius:8px;border-radius:var(--supplement-border-radius);flex:1 1;font-size:.875rem;padding:.5rem}.supplement-item-edit-input:focus{border-color:#3b82f6;border-color:var(--supplement-primary-color);outline:none}.supplement-item-edit-actions{display:flex;gap:.5rem}.supplement-item-edit-btn{border:none;border-radius:8px;border-radius:var(--supplement-border-radius);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.supplement-item-edit-btn.save{background:#10b981;background:var(--supplement-success-color);color:#fff}.supplement-item-edit-btn.save:hover{background:#059669;background:var(--supplement-success-hover)}.supplement-item-edit-btn.cancel{background:#6b7280;background:var(--supplement-text-secondary);color:#fff}.supplement-item-edit-btn.cancel:hover{background:#1f2937;background:var(--supplement-text-primary)}.supplement-item-delete-btn{background:#ef4444;background:var(--supplement-danger-color);border:none;border-radius:8px;border-radius:var(--supplement-border-radius);color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.supplement-item-delete-btn:hover{background:#dc2626;background:var(--supplement-danger-hover);transform:translateY(-1px)}.supplement-item-name-display{color:#1f2937;color:var(--supplement-text-primary);cursor:pointer;font-weight:500;transition:color .3s ease}.supplement-item-name-display:hover{color:#3b82f6;color:var(--supplement-primary-color)}.supplement-button-group{display:flex;gap:1rem;margin-top:1.5rem}@media (max-width:768px){.supplement-management-container{padding:1rem}.supplement-management-title{font-size:2rem}.supplement-actions-section{flex-direction:column}.supplement-action-btn{min-width:auto}.supplement-btn-text{display:none}.supplement-btn-text-mobile{display:block}.supplement-categories-grid{grid-template-columns:1fr}.supplement-popup{border-radius:0;max-height:100vh;max-width:100%}.supplement-radio-group{flex-direction:column;gap:.5rem}.supplement-button-group,.supplement-category-actions,.supplement-item-edit-inputs,.supplement-popup-actions{flex-direction:column}}.categories{grid-template-columns:1fr;margin:0;padding:10px;width:100%}.category{padding:15px;width:100%}.actions-buttons{gap:0;padding:10px}.add-button .mobile-text{display:inline;font-size:.8rem}.add-button .desktop-text{display:none;font-size:.8rem}.category-title{border-bottom:2px solid #c5c5c5}.category-items{display:flex;flex-direction:column;gap:6px;margin-top:15px;padding:0 10px}.supplement-item:last-child{margin-bottom:10px}.supplement-item{align-items:center;display:flex;padding:8px}.supplement-item span{color:#333;font-size:.95rem;padding-left:15px;position:relative}.supplement-item span:before{content:"-";left:0;position:absolute}.popup .supplement-item{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.popup .supplement-item span{cursor:pointer;flex:1 1}.popup .supplement-item .delete-button{font-size:.9rem;padding:6px 12px}.popup .category-items{list-style:none;margin:0;padding:0}.popup .category-items li{align-items:center;background-color:#f5f5f5;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px}.popup .category-items li span{cursor:pointer}.popup .category-items li div{align-items:center;display:flex;gap:10px;justify-content:space-between;width:100%}.popup .category-items li div button{font-size:.95rem;margin:0 2px;min-width:110px;padding:6px 12px}.popup .category-items li div input{margin:0 2px;padding:6px 10px}.popup .category-items li div span{flex:1 1;text-align:left}.delete-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:auto;padding:6px 12px}.button-group{display:flex;gap:10px;justify-content:space-between;margin-top:20px}@media (max-width:480px){.popup .category-items li div{gap:5px}.delete-button{font-size:.9rem;padding:4px 8px}}.nothing_here{margin:20px auto;text-align:center}.is-required-choice{display:flex;font-weight:500;gap:10px;margin-top:10px}.is-required-choice,.required-label{align-items:center;color:#333;font-size:16px}.required-label{cursor:pointer;display:inline-flex;margin:10px auto 30px;text-align:center;transition:color .3s;-webkit-user-select:none;user-select:none}.required-label input[type=checkbox]{display:none}.required-label .required-checkbox{align-items:center;border:2px solid #333;border-radius:4px;display:flex;height:24px;justify-content:center;margin-right:10px;transform-style:preserve-3d;transition:background-color .3s,border-color .3s,transform .3s;width:24px}.required-label .required-checkbox:before{color:#0000;content:"\2713";font-size:16px;transition:color .3s,transform .3s}.required-label input[type=checkbox]:checked+.required-checkbox{background-color:#333;border-color:#333;transform:scale(1.1) rotate(1turn) rotateY(1turn)}.required-label input[type=checkbox]:checked+.required-checkbox:before{color:#fff}.required-label:hover{color:#666}.required-label:hover .required-checkbox{background-color:#f0f0f0;border-color:#666;transform:scale(1.05)}.required-label input[type=checkbox]:focus+.required-checkbox{box-shadow:0 0 3px 2px #0003;outline:none}.required-label .required-checkbox,.required-label input[type=checkbox]:checked+.required-checkbox{transition:background-color 1.3s,border-color 1.3s,color 1.3s,transform .3s}.max-element-choice{margin:auto auto 30px;text-align:center;width:80%}p.span-max-element{margin-top:20px}.max-element-choice input{text-align:center;width:20%}.max-element-controls{align-items:center;display:flex;justify-content:center}.decrement-btn,.increment-btn{background:none;border:none;cursor:pointer;padding:.5rem .5rem .2rem!important}.decrement-btn svg,.increment-btn svg{height:20px;width:20px}.decrement-btn:hover,.increment-btn:hover{background:#c5c5c5}.max-element-controls span{font-size:16px;margin:0 15px}:root{--admin-primary-color:#2563eb;--admin-primary-hover:#1d4ed8;--admin-secondary-color:#64748b;--admin-success-color:#10b981;--admin-danger-color:#ef4444;--admin-warning-color:#f59e0b;--admin-bg-color:#f8fafc;--admin-card-bg:#fff;--admin-border-color:#e2e8f0;--admin-text-primary:#1e293b;--admin-text-secondary:#64748b;--admin-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--admin-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--admin-border-radius:8px;--admin-border-radius-lg:12px;--admin-transition:all 0.2s ease-in-out}.admin-dashboard-container{background-color:#f8fafc;background-color:var(--admin-bg-color);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative}.admin-dashboard-header{background:#fff;background:var(--admin-card-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border-color);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.admin-header-content{justify-content:space-between;max-width:1200px;padding:1rem 1.5rem}.admin-header-content,.admin-logo-section{align-items:center;display:flex}.admin-logo{color:#2563eb;color:var(--admin-primary-color);font-size:1.5rem;font-weight:700;margin:0}.admin-mobile-menu-toggle{background:none;border:none;border-radius:8px;border-radius:var(--admin-border-radius);color:#1e293b;color:var(--admin-text-primary);cursor:pointer;display:block;font-size:1.5rem;padding:.5rem;transition:all .2s ease-in-out;transition:var(--admin-transition)}.admin-mobile-menu-toggle:hover{background-color:#f8fafc;background-color:var(--admin-bg-color)}.admin-mobile-menu-toggle.active{color:#2563eb;color:var(--admin-primary-color)}.admin-mobile-navigation{background:#fff;background:var(--admin-card-bg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg);height:100vh;left:-100%;overflow-y:auto;position:fixed;top:0;transition:left .3s ease-in-out;width:280px;z-index:1001}.admin-mobile-navigation.open{left:0}.admin-mobile-nav-content{padding:5rem 1rem 1rem}.admin-mobile-nav-item{margin-bottom:.5rem}.admin-mobile-nav-link{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--admin-border-radius);color:#1e293b;color:var(--admin-text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;padding:.75rem 1rem;text-align:left;transition:all .2s ease-in-out;transition:var(--admin-transition);width:100%}.admin-mobile-nav-link:hover{background-color:#f8fafc;background-color:var(--admin-bg-color);color:#1e293b;color:var(--admin-text-primary)}.admin-mobile-nav-link.active{background-color:#2563eb;background-color:var(--admin-primary-color);color:#fff}.admin-mobile-nav-toggle{justify-content:space-between}.admin-mobile-nav-toggle.expanded{background-color:#2563eb;background-color:var(--admin-primary-color);color:#fff}.admin-mobile-nav-toggle.expanded:hover{background-color:#1d4ed8;background-color:var(--admin-primary-hover);color:#fff}.admin-nav-icon{font-size:1.1rem;margin-right:.75rem}.admin-mobile-submenu{margin-left:.5rem;margin-top:.5rem;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.admin-mobile-submenu.expanded{max-height:500px}.admin-mobile-submenu-link{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--admin-border-radius);color:#64748b;color:var(--admin-text-secondary);cursor:pointer;display:flex;font-size:.9rem;padding:.5rem 1rem;text-align:left;transition:all .2s ease-in-out;transition:var(--admin-transition);width:100%}.admin-mobile-submenu-link:hover{background-color:#f8fafc;background-color:var(--admin-bg-color);color:#1e293b;color:var(--admin-text-primary)}.admin-mobile-submenu-link.active{background-color:#2563eb;background-color:var(--admin-primary-color);color:#fff}.admin-mobile-submenu-link.active:hover{background-color:#1d4ed8;background-color:var(--admin-primary-hover);color:#fff}.admin-submenu-icon{font-size:.9rem;margin-right:.5rem}.admin-mobile-nav-divider{background-color:#e2e8f0;background-color:var(--admin-border-color);height:1px;margin:1rem 0}.admin-mobile-logout-btn{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--admin-border-radius);color:#ef4444;color:var(--admin-danger-color);cursor:pointer;display:flex;font-size:1rem;font-weight:500;padding:.75rem 1rem;text-align:left;transition:all .2s ease-in-out;transition:var(--admin-transition);width:100%}.admin-mobile-logout-btn:hover{background-color:#fef2f2;color:#ef4444;color:var(--admin-danger-color)}.admin-mobile-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-desktop-sidebar{background:#fff;background:var(--admin-card-bg);border-right:1px solid #e2e8f0;border-right:1px solid var(--admin-border-color);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);display:none;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:280px;z-index:100}.admin-sidebar-content{display:flex;flex-direction:column;height:100%}.admin-sidebar-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border-color);padding:1.5rem}.admin-sidebar-title{color:#1e293b;color:var(--admin-text-primary);font-size:1.25rem;font-weight:600;margin:0}.admin-sidebar-nav{flex:1 1;padding:1rem}.admin-sidebar-item{margin-bottom:.5rem}.admin-sidebar-link{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--admin-border-radius);color:#1e293b;color:var(--admin-text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;padding:.75rem 1rem;text-align:left;transition:all .2s ease-in-out;transition:var(--admin-transition);width:100%}.admin-sidebar-link:hover{background-color:#f8fafc;background-color:var(--admin-bg-color);color:#1e293b;color:var(--admin-text-primary)}.admin-sidebar-link.active{background-color:#2563eb;background-color:var(--admin-primary-color);color:#fff}.admin-sidebar-link.active:hover{background-color:#1d4ed8;background-color:var(--admin-primary-hover);color:#fff}.admin-sidebar-toggle{justify-content:space-between}.admin-sidebar-toggle.expanded{background-color:#2563eb;background-color:var(--admin-primary-color);color:#fff}.admin-sidebar-toggle.expanded:hover{background-color:#1d4ed8;background-color:var(--admin-primary-hover);color:#fff}.admin-sidebar-icon{font-size:1.1rem;margin-right:.75rem}.admin-sidebar-submenu{margin-left:.5rem;margin-top:.5rem;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.admin-sidebar-submenu.expanded{max-height:500px}.admin-sidebar-submenu-link{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--admin-border-radius);color:#64748b;color:var(--admin-text-secondary);cursor:pointer;display:flex;font-size:.9rem;margin:0 0 5px!important;padding:.5rem 1rem;text-align:left;transition:all .2s ease-in-out;transition:var(--admin-transition);width:90%}.admin-sidebar-submenu-link:hover{background-color:#f8fafc;background-color:var(--admin-bg-color);color:#1e293b;color:var(--admin-text-primary)}.admin-sidebar-submenu-link.active{background-color:#2563eb;background-color:var(--admin-primary-color);color:#fff}.admin-sidebar-submenu-link.active:hover{background-color:#1d4ed8;background-color:var(--admin-primary-hover);color:#fff}.admin-sidebar-submenu-icon{font-size:.9rem;margin-right:.5rem}.admin-sidebar-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--admin-border-color);padding:1rem}.admin-sidebar-logout-btn{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--admin-border-radius);color:#ef4444;color:var(--admin-danger-color);cursor:pointer;display:flex;font-size:1rem;font-weight:500;padding:.75rem 1rem;text-align:left;transition:all .2s ease-in-out;transition:var(--admin-transition);width:100%}.admin-sidebar-logout-btn:hover{background-color:#fef2f2;color:#ef4444;color:var(--admin-danger-color)}.admin-main-content{flex:1 1;margin-left:auto;margin-right:auto;max-width:1200px;padding:1rem 1rem 2rem;position:relative;width:100%;z-index:1}.admin-content-wrapper{display:flex;flex-direction:column;gap:1rem}.admin-page-control{background:#fff;background:var(--admin-card-bg);border:1px solid #e2e8f0;border:1px solid var(--admin-border-color);border-radius:12px;border-radius:var(--admin-border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);margin-top:0;padding:1rem}.admin-page-control-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.admin-page-control-title{color:#1e293b;color:var(--admin-text-primary);font-size:1.25rem;font-weight:600;margin:0}.admin-page-control-btn{border:none;border-radius:8px;border-radius:var(--admin-border-radius);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease-in-out;transition:var(--admin-transition)}.admin-page-control-btn.active{background-color:#10b981;background-color:var(--admin-success-color);color:#fff}.admin-page-control-btn.active:hover{background-color:#059669!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg);color:#fff!important;transform:translateY(-1px)}.admin-page-control-btn.inactive{background-color:#ef4444;background-color:var(--admin-danger-color);color:#fff}.admin-page-control-btn.inactive:hover{background-color:#dc2626!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg);transform:translateY(-1px)}.admin-section-content{background:#fff;background:var(--admin-card-bg);border:1px solid #e2e8f0;border:1px solid var(--admin-border-color);border-radius:12px;border-radius:var(--admin-border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);margin-bottom:2rem;min-height:400px;padding:2rem;position:relative;z-index:1}.admin-logout-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.admin-logout-modal{background:#fff;background:var(--admin-card-bg);border-radius:12px;border-radius:var(--admin-border-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg);max-width:400px;overflow:hidden;width:90%}.admin-logout-header{padding:1.5rem 1.5rem 0}.admin-logout-header h3{color:#1e293b;color:var(--admin-text-primary);font-size:1.25rem;font-weight:600;margin:0}.admin-logout-body{padding:1rem 1.5rem}.admin-logout-body p{color:#64748b;color:var(--admin-text-secondary);margin:0}.admin-logout-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.admin-logout-confirm-btn{background-color:#ef4444;background-color:var(--admin-danger-color);border:none;border-radius:8px;border-radius:var(--admin-border-radius);color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease-in-out;transition:var(--admin-transition)}.admin-logout-confirm-btn:hover{background-color:#dc2626}.admin-logout-cancel-btn{background-color:#64748b;background-color:var(--admin-secondary-color);border:none;border-radius:8px;border-radius:var(--admin-border-radius);color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease-in-out;transition:var(--admin-transition)}.admin-logout-cancel-btn:hover{background-color:#475569}.admin-unauthorized-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.admin-unauthorized-container:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0;z-index:1}.admin-unauthorized-popup{animation:adminUnauthorizedSlideIn .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;max-width:450px;padding:3rem 2.5rem;position:relative;text-align:center;transform:translateY(0);width:90%;width:100%;z-index:2}@keyframes adminUnauthorizedSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.admin-unauthorized-popup:before{animation:adminUnauthorizedPulse 2s ease-in-out infinite;content:"🚫";display:block;font-size:4rem;margin-bottom:1.5rem}@keyframes adminUnauthorizedPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.admin-unauthorized-popup h2{color:#ef4444;color:var(--admin-danger-color);font-size:1.75rem;font-weight:700;letter-spacing:-.025em;margin-bottom:1rem}.admin-unauthorized-popup p{color:#64748b;color:var(--admin-text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1rem}.admin-unauthorized-popup p:last-child{animation:adminUnauthorizedBlink 1.5s ease-in-out infinite;color:#2563eb;color:var(--admin-primary-color);font-size:.9rem;font-weight:600;margin-bottom:0}@keyframes adminUnauthorizedBlink{0%,to{opacity:1}50%{opacity:.6}}@media (max-width:768px){.admin-unauthorized-container{padding:1rem}.admin-unauthorized-popup{border-radius:16px;max-width:100%;padding:2rem 1.5rem}.admin-unauthorized-popup:before{font-size:3rem;margin-bottom:1rem}.admin-unauthorized-popup h2{font-size:1.5rem}.admin-unauthorized-popup p{font-size:.9rem}}@media (max-width:480px){.admin-unauthorized-container{padding:.5rem}.admin-unauthorized-popup{border-radius:12px;padding:1.5rem 1rem}.admin-unauthorized-popup:before{font-size:2.5rem;margin-bottom:.75rem}.admin-unauthorized-popup h2{font-size:1.25rem}.admin-unauthorized-popup p{font-size:.85rem}}@media (min-width:768px){.admin-mobile-menu-toggle,.admin-mobile-navigation{display:none}.admin-desktop-sidebar{display:block;transform:translateX(0)}.admin-main-content{margin-left:280px;padding:1rem 2rem 2rem;width:calc(100% - 280px)}.admin-header-content{padding:1rem 2rem}.admin-dashboard-header{margin-left:280px;width:calc(100% - 280px)}}@media (min-width:1024px){.admin-main-content{padding:2rem 3rem}.admin-page-control-content{flex-wrap:nowrap}}@media (max-width:767px){.admin-main-content{padding:1rem}.admin-dashboard-header,.admin-main-content{margin-left:0;width:100%}.admin-page-control{margin-top:0;padding:.75rem}.admin-page-control-content{align-items:flex-start;flex-direction:column;gap:1rem}.admin-section-content{margin-bottom:1rem;padding:1rem}.admin-content-wrapper{gap:1rem}}.admin-section-content{animation:slideIn .3s ease-out}button:focus,button:hover{background-color:#2563eb!important;background-color:var(--admin-primary-color)!important;color:#fff!important}.admin-page-control-btn{background:linear-gradient(135deg,#10b981,#059669)!important;background:linear-gradient(135deg,var(--admin-success-color),#059669)!important}.admin-page-control-btn,.admin-page-control-btn.inactive{border:none!important;color:#fff!important;outline:none!important}.admin-page-control-btn.inactive{background:linear-gradient(135deg,#ef4444,#dc2626)!important;background:linear-gradient(135deg,var(--admin-danger-color),#dc2626)!important}.admin-page-control-btn:hover{background-color:#2563eb!important;background-color:var(--admin-primary-color)!important;border:none!important;color:#fff!important;outline:none!important}.admin-page-control-btn.inactive:hover{background-color:#ef4444!important;background-color:var(--admin-danger-color)!important;border:none!important;color:#fff!important;outline:none!important}.admin-page-control-btn:focus{background-color:#2563eb!important;background-color:var(--admin-primary-color)!important;border:none!important;color:#fff!important;outline:none!important}.admin-page-control-btn.inactive:focus{border:none!important;outline:none!important}.admin-logout-confirm-btn:hover,.admin-page-control-btn.inactive:focus{background-color:#ef4444!important;background-color:var(--admin-danger-color)!important;color:#fff!important}.admin-logout-cancel-btn:hover{background-color:#64748b!important;background-color:var(--admin-secondary-color)!important;color:#fff!important}.admin-logout-cancel-btn:focus,.admin-logout-confirm-btn:focus,.admin-mobile-nav-link:focus,.admin-page-control-btn:focus,.admin-sidebar-link:focus{outline:2px solid #2563eb;outline:2px solid var(--admin-primary-color);outline-offset:2px}.admin-desktop-sidebar::-webkit-scrollbar,.admin-mobile-navigation::-webkit-scrollbar{width:6px}.admin-desktop-sidebar::-webkit-scrollbar-track,.admin-mobile-navigation::-webkit-scrollbar-track{background:#f8fafc;background:var(--admin-bg-color)}.admin-desktop-sidebar::-webkit-scrollbar-thumb,.admin-mobile-navigation::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--admin-border-color);border-radius:3px}.admin-desktop-sidebar::-webkit-scrollbar-thumb:hover,.admin-mobile-navigation::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--admin-secondary-color)}body{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:0}.resume-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #00000014,0 1px 3px #0000000d,inset 0 1px 0 #ffffff1a;margin:40px auto;max-width:800px;overflow:hidden;padding:48px 40px;position:relative}.resume-container:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:24px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.resume-container h1,.resume-container h2,.resume-container h3{color:#1f2937;margin-bottom:16px;position:relative;z-index:1}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.pulsing{animation:pulse 2s ease-in-out infinite}.bouncing{animation:bounce 2s ease-in-out infinite}.header-section{margin-bottom:40px}.title-with-icon{align-items:center;display:flex;gap:16px;justify-content:center}.title-icon{color:#3b82f6;filter:drop-shadow(0 4px 8px rgba(59,130,246,.3));font-size:2.5rem}.order-number-highlight{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:20px;box-shadow:0 8px 25px #3b82f666;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:600;gap:16px;justify-content:center;min-width:300px;overflow:hidden;padding:12px 40px;position:relative}.order-number-highlight:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.order-number-highlight:hover:before{left:100%}.order-icon{font-size:1.3rem}.order-label{font-size:.9rem;opacity:.9}.order-number{font-size:1.4rem;font-weight:700;letter-spacing:1px}.order-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.info-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e5e7ebcc;border-radius:16px;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.info-card:before{background:linear-gradient(135deg,#3b82f60d,#93c5fd0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.info-card:hover:before{opacity:1}.info-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.info-icon{color:#3b82f6;font-size:1.5rem;min-width:24px}.info-content{display:flex;flex-direction:column;gap:4px}.info-label{font-size:.85rem}.info-value{font-size:1.1rem}.status-card{background:linear-gradient(135deg,#ffffffe6,#f9fafbe6)}.status-icon-container{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;position:relative;width:48px}.status-icon{font-size:1.5rem}.status-text{font-weight:700}.section-header{align-items:center;display:flex;gap:12px;margin:40px 0 24px}.section-icon{color:#3b82f6;font-size:1.5rem}.item-card{background:#ffffffe6;border:1px solid #e5e7ebcc;border-radius:16px;margin-bottom:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.item-card:before{background:linear-gradient(135deg,#3b82f605,#93c5fd05);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.item-card:hover:before{opacity:1}.item-card:hover{box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.item-header{align-items:flex-start;display:flex;gap:16px}.item-icon{color:#10b981;font-size:1.5rem;margin-top:4px;min-width:24px}.item-name{font-size:1.1rem;font-weight:600;margin:0 0 8px}.item-details{display:flex;flex-direction:column;gap:4px}.quantity-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:500;padding:4px 12px;width:-webkit-fit-content;width:fit-content}.price-info{color:#6b7280;font-size:.95rem}.total-section{margin:32px 0}.total-card{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:20px;box-shadow:0 8px 25px #f59e0b33;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative}.total-card:before{background:linear-gradient(135deg,#f59e0b1a,#fbbf241a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.total-card:hover:before{opacity:1}.total-icon{color:#f59e0b;filter:drop-shadow(0 2px 4px rgba(245,158,11,.3));font-size:2rem}.total-content{gap:4px}.total-label{font-size:.9rem}.total-amount,.total-label{color:#92400e}.empty-cart{color:#6b7280;padding:40px 20px;text-align:center}.empty-icon{color:#d1d5db;font-size:3rem;margin-bottom:16px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 15px #3b82f64d;color:#fff}.btn-primary:hover{box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.btn-secondary:hover{box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.ticket-container{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;font-family:Courier New,monospace;margin:20px auto;max-width:400px;padding:20px;position:relative}.ticket-container:before{background:#e5e7eb;border-radius:0 0 4px 4px;content:"";height:4px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:40px}.ticket-header{border-bottom:2px dashed #d1d5db;margin-bottom:15px;padding-bottom:15px;text-align:center}.ticket-title{color:#1f2937;font-size:1.5rem;font-weight:700;letter-spacing:2px}.ticket-date{color:#6b7280;font-size:.9rem;margin-top:5px}.ticket-items{margin-bottom:15px}.ticket-item{border-bottom:1px dotted #e5e7eb;margin-bottom:12px;padding-bottom:8px}.ticket-item:last-child{border-bottom:none;margin-bottom:0}.ticket-item-line{justify-content:space-between;margin-bottom:4px}.item-info,.ticket-item-line{align-items:center;display:flex}.item-info{flex:1 1;gap:8px}.item-category-icon{font-size:1.1rem;min-width:16px}.entree-icon{color:#10b981}.drink-icon{color:#3b82f6}.wine-icon{color:#7c3aed}.dessert-icon{color:#ec4899}.pizza-icon{color:#f59e0b}.food-icon{color:#10b981}.default-icon{color:#6b7280}.item-name{color:#1f2937;flex:1 1;font-size:.95rem;font-weight:500}.item-quantity{color:#6b7280;font-size:.9rem;font-weight:700}.ticket-price-line{color:#6b7280;display:flex;font-size:.85rem;justify-content:space-between;padding-left:24px}.unit-price{color:#9ca3af}.total-price{color:#1f2937;font-weight:700}.ticket-separator{border-top:2px dashed #d1d5db;margin:15px 0}.ticket-total{color:#1f2937;display:flex;font-size:1.2rem;font-weight:700;justify-content:space-between;margin-bottom:15px}.total-label{letter-spacing:1px}.total-amount{color:#3b82f6}.ticket-footer{border-top:1px dashed #d1d5db;padding-top:15px;text-align:center}.ticket-footer p{color:#6b7280;font-size:.9rem;font-style:italic;margin:0}.empty-ticket{color:#9ca3af;padding:20px;text-align:center}.empty-ticket .empty-icon{font-size:2rem;margin-bottom:10px}.payment-options{align-items:center;display:flex;flex-direction:column;gap:15px;margin:25px 0;width:100%}.pay-mobile-btn,.pay-table-btn{border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;cursor:pointer;font-size:1.1rem;font-weight:600;height:56px;line-height:1;max-width:280px;padding:0;text-align:center;transition:all .3s ease}.button-content,.pay-mobile-btn,.pay-table-btn{align-items:center;display:flex;justify-content:center;width:100%}.button-content{gap:15px;height:100%}.pay-mobile-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 15px #3b82f64d;color:#fff}.pay-mobile-btn:hover{box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.pay-table-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.pay-table-btn:hover{box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.payment-icon-resume{color:#fff;font-size:1.3rem}.button-text,.payment-icon-resume{align-items:center;display:flex;justify-content:center;line-height:1}.button-text{font-size:1.1rem;font-weight:600}.method-icon{font-size:1.1rem;margin-right:8px}.method-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000d;color:#374151;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s ease}.method-button:before{background:linear-gradient(135deg,#3b82f60d,#93c5fd0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.method-button:hover{background:#f8fafc;border-color:#3b82f6;box-shadow:0 4px 15px #3b82f633;transform:translateY(-2px)}.method-button:hover:before{opacity:1}.method-button--selected{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;box-shadow:0 6px 20px #3b82f64d;color:#1d4ed8;transform:translateY(-2px)}.method-button--selected:before{opacity:1}@media (max-width:768px){.order-info-grid{grid-template-columns:1fr}.order-number-highlight{flex-direction:column;gap:8px;text-align:center}.item-header,.title-with-icon{flex-direction:column;gap:12px}.total-card{flex-direction:column;text-align:center}}.resume-container h1{color:#1f2937;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin-bottom:32px;text-align:center;text-decoration:none}.resume-container h2{border-bottom:2px solid #e5e7eb;color:#374151;font-size:1.5rem;font-weight:600;margin-top:32px;padding-bottom:12px;position:relative}.resume-container h2:after{bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.noCmd{border-bottom:none!important}.noCmd:after{display:none!important}.resume-container h3{color:#6b7280;font-size:1.1rem;font-weight:500;margin-left:0;margin-top:12px;text-align:left}.command-details{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f9fafbcc;border:1px solid #e5e7ebcc;border-radius:16px;margin-top:24px;padding:24px;position:relative;z-index:1}.command-details p{background:#ffffffb3;border:1px solid #e5e7eb80;border-radius:12px;color:#374151;font-size:1rem;line-height:1.6;margin:16px 0;padding:16px;transition:all .3s ease}.command-details p:hover{background:#ffffffe6;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.command-details strong{color:#1f2937;font-weight:600}.command-total{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca;border-radius:16px;box-shadow:0 8px 25px #ef444426,inset 0 1px 0 #ffffff80;color:#dc2626;font-size:1.5rem;font-weight:700;margin-right:0;margin-top:32px;padding:20px 24px;position:relative;text-align:center}.buttons-container{display:flex;gap:16px;justify-content:space-between;margin-top:40px;position:relative;z-index:1}.resume-container button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 15px #10b9814d,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:16px 24px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.resume-container button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.resume-container button:hover:before{left:100%}.resume-container button:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #10b98166,inset 0 1px 0 #ffffff1a;transform:translateY(-2px)}.resume-container button.secondary{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 15px #dc26264d,inset 0 1px 0 #ffffff1a}.resume-container button.secondary:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 8px 25px #dc262666,inset 0 1px 0 #ffffff1a}.payment-popup{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content-paiement{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #00000014,0 1px 3px #0000000d;max-width:420px;overflow:hidden;padding:32px 40px;position:relative;text-align:center;width:90%}.popup-content-paiement:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.popup-content-paiement h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:24px;position:relative;text-align:center;z-index:1}.popup-content-paiement button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 15px #10b9814d,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin:12px 0;overflow:hidden;padding:16px 24px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}.popup-content-paiement button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.popup-content-paiement button:hover:before{left:100%}.popup-content-paiement button:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #10b98166,inset 0 1px 0 #ffffff1a;transform:translateY(-2px)}.popup-content-paiement .pay-mobile-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d,inset 0 1px 0 #ffffff1a}.popup-content-paiement .pay-mobile-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #10b98166,inset 0 1px 0 #ffffff1a}.popup-content-paiement .pay-table-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #3b82f64d,inset 0 1px 0 #ffffff1a}.popup-content-paiement .pay-table-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 25px #3b82f666,inset 0 1px 0 #ffffff1a}.popup-content-paiement .cancel-button-annuler{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 15px #dc26264d,inset 0 1px 0 #ffffff1a;display:flex;height:56px;justify-content:center;line-height:1;margin:20px auto 0;max-width:280px;width:100%}.popup-content-paiement .cancel-button-annuler:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 8px 25px #dc262666,inset 0 1px 0 #ffffff1a}@media (max-width:768px){.resume-container{margin:20px;padding:32px 24px}.resume-container h1{font-size:2.2rem;margin-bottom:24px}.resume-container h2{font-size:1.3rem;margin-top:24px}.popup-content-paiement{max-width:90%;padding:24px 28px}}@media (max-width:480px){.resume-container{border-radius:20px;margin:16px;padding:24px 20px}.resume-container h1{font-size:2rem;margin-bottom:20px}.resume-container h2{font-size:1.2rem;margin-top:20px}.resume-container h3{font-size:1rem}.command-details{margin-top:16px;padding:16px}.command-details p{margin:12px 0;padding:12px}.command-total{font-size:1.3rem;margin-top:24px;padding:16px 20px;text-align:center}.buttons-container{flex-direction:column;gap:12px;margin-top:24px}.resume-container button{font-size:1rem;padding:14px 20px}.popup-content-paiement{max-width:95%;padding:20px 24px}.popup-content-paiement button{font-size:1rem;padding:14px 20px}.modal-content-payment{max-width:90%;padding:24px 28px}.modal-content-payment h3{font-size:1.3rem;margin-bottom:20px}.payment-methods-group{gap:8px;margin-bottom:20px}.modal-payment button{font-size:.95rem;padding:14px 20px}.modal-payment .method-button{min-width:100px}.payment-total-amount{margin-bottom:20px;padding:16px}.payment-total-label{font-size:.9rem;margin-bottom:6px}.payment-total-value{font-size:1.8rem}.modal-payment{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.modal-content-payment{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);padding:24px 20px}}.modal-payment{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content-payment{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 25px 50px #00000026,0 5px 15px #0000001a,inset 0 1px 0 #ffffff4d;max-width:480px;overflow:hidden;padding:32px 40px;position:relative;text-align:center;width:90%}.modal-content-payment:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.payment-total-amount{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;display:flex;gap:12px;margin-bottom:20px;overflow:hidden;padding:16px 20px;position:relative}.payment-total-amount:before{background:linear-gradient(135deg,#3b82f605,#93c5fd05);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.payment-total-amount:hover:before{opacity:1}.total-icon{color:#3b82f6;filter:drop-shadow(0 2px 4px rgba(59,130,246,.2));font-size:1.5rem;min-width:24px}.total-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.payment-total-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;position:relative;text-transform:uppercase;z-index:1}.payment-total-value{color:#1e293b;font-size:1.5rem;font-weight:700;position:relative;z-index:1}.modal-content-payment h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:24px;position:relative;text-align:center;z-index:1}.payment-methods-group{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:24px;position:relative;z-index:1}.modal-payment button{border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:16px 24px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.modal-payment .method-button{background:linear-gradient(135deg,#6b7280,#4b5563);border:none;box-shadow:0 4px 15px #6b72804d,inset 0 1px 0 #ffffff1a;color:#fff;flex:1 1;min-width:120px}.modal-payment .method-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.modal-payment .method-button:hover:before{left:100%}.modal-payment .method-button:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 8px 25px #6b728066,inset 0 1px 0 #ffffff1a;transform:translateY(-2px)}.modal-payment .method-button--selected{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;box-shadow:0 4px 15px #dc26264d,inset 0 1px 0 #ffffff1a!important}.modal-payment .method-button--selected:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)!important;box-shadow:0 8px 25px #dc262666,inset 0 1px 0 #ffffff1a!important}.modal-payment .payment-confirm-button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:16px;box-shadow:0 6px 20px #10b9814d,inset 0 1px 0 #ffffff1a;color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin-bottom:12px;padding:18px 28px;text-transform:uppercase}.modal-payment .payment-confirm-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.modal-payment .payment-confirm-button:hover:before{left:100%}.modal-payment .payment-confirm-button:hover:enabled{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 10px 30px #10b98166,inset 0 1px 0 #ffffff1a;transform:translateY(-3px)}.modal-payment .payment-confirm-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);box-shadow:none;cursor:not-allowed;transform:none}.modal-payment .payment-cancel-button{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:16px;box-shadow:0 6px 20px #dc26264d,inset 0 1px 0 #ffffff1a;color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.5px;padding:18px 28px;text-transform:uppercase}.modal-payment .payment-cancel-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.modal-payment .payment-cancel-button:hover:before{left:100%}.modal-payment .payment-cancel-button:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 8px 25px #dc262666,inset 0 1px 0 #ffffff1a;transform:translateY(-2px)}.resume-ticket-header{align-items:center;display:flex;gap:12px;justify-content:flex-start;margin:40px 0 24px;padding:0 20px;width:100%}.resume-ticket-header-icon{color:#3b82f6;flex-shrink:0;font-size:1.5rem}.resume-ticket-header-title{color:#1f2937;flex:1 1;font-size:1.5rem;font-weight:700;margin:0;position:relative;text-align:left}.resume-ticket-header-title:after{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.comment-section{background:#fffc;border:1px solid #e5e7eb;border-radius:16px;margin:24px 0;padding:20px;transition:all .3s ease}.comment-section:hover{background:#fffffff2;border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.comment-label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.comment-icon{color:#6b7280;font-size:16px}.comment-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#374151;font-family:inherit;font-size:14px;min-height:80px;padding:12px 16px;resize:vertical;transition:all .3s ease;width:100%}.comment-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.comment-input::placeholder{color:#9ca3af;font-style:italic}.comment-input:hover{border-color:#d1d5db}@media (max-width:768px){.comment-section{margin:20px 0;padding:16px}.comment-label{font-size:13px}.comment-input{font-size:13px;min-height:70px;padding:10px 14px}}.checkout-container{margin:0 auto;max-width:500px;width:100%}.payment-card{background:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:25px}.payment-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;gap:12px;margin-bottom:20px;padding-bottom:15px}.payment-icon{color:#6c757d;font-size:1.5rem}.payment-header h3{color:#495057;font-size:1.2rem;font-weight:600;margin:0}.payment-request-container{margin-bottom:20px}.payment-request-container #payment-request-button{border-radius:10px;height:50px;overflow:hidden;width:100%}.payment-divider{margin:20px 0;position:relative;text-align:center}.payment-divider:before{background:#e9ecef;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.payment-divider span{background:#fff;color:#6c757d;font-size:.9rem;font-weight:500;padding:0 15px}.card-payment-form{display:flex;flex-direction:column;gap:20px}.card-input-section{display:flex;flex-direction:column;gap:12px}.card-input-header{align-items:center;display:flex;gap:8px}.card-input-icon{color:#6c757d;font-size:1rem}.card-input-header span{color:#6c757d;font-size:.9rem;font-weight:500}.card-element-container{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;padding:15px;transition:all .3s ease}.card-element-container:focus-within{background:#fff;border-color:#6c757d;box-shadow:0 0 0 3px #6c757d1a}.payment-submit-btn{align-items:center;background:linear-gradient(135deg,#adb5bd,#6c757d);border:none;border-radius:10px;color:#fff;cursor:not-allowed;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;letter-spacing:.5px;opacity:.6;padding:15px 20px;text-transform:uppercase;transition:all .3s ease;width:100%}.payment-submit-btn--active{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 15px #28a7454d;cursor:pointer;opacity:1}.payment-submit-btn--active:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1e7e34);box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.payment-submit-btn:disabled{background:linear-gradient(135deg,#adb5bd,#6c757d);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-spinner{font-size:1.1rem}.error-message{border-radius:8px;margin-top:10px;padding:12px}.security-message{align-items:center;border-top:1px solid #e9ecef;color:#6c757d;display:flex;font-size:.85rem;gap:8px;justify-content:center;margin-top:20px;padding-top:15px}.security-icon{color:#28a745;font-size:1rem}.StripeElement{padding:10px 0}.StripeElement--focus{outline:none}@media (max-width:768px){.checkout-container{max-width:100%}.payment-card{padding:20px}.payment-header{margin-bottom:18px;padding-bottom:12px}.payment-header h3{font-size:1.1rem}.card-element-container{padding:12px}.payment-submit-btn{font-size:.95rem;padding:14px 18px}.payment-divider{margin:18px 0}}@media (max-width:480px){.payment-card{padding:18px}.payment-header{margin-bottom:15px;padding-bottom:10px}.payment-header h3{font-size:1rem}.card-element-container{padding:10px}.payment-submit-btn{font-size:.9rem;padding:12px 16px}.payment-divider{margin:15px 0}.error-message{padding:10px}.error-message p{font-size:.85rem}.security-message{font-size:.8rem}}.payment-page{background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.loading-container,.payment-page{align-items:center;display:flex;justify-content:center}.loading-container{width:100%}.loading-card{background:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 4px 15px #00000014;max-width:400px;padding:40px;text-align:center;width:100%}.loading-icon{color:#6c757d;font-size:2rem;margin-bottom:15px}.loading-card p{color:#6c757d;font-size:1rem;margin:0}@media (max-width:768px){.payment-page{padding:15px}.loading-card{padding:30px}}@media (max-width:480px){.payment-page{padding:10px}.loading-card{padding:25px}}:root{--global-view-primary-color:#3b82f6;--global-view-primary-hover:#2563eb;--global-view-secondary-color:#6b7280;--global-view-secondary-hover:#4b5563;--global-view-success-color:#10b981;--global-view-success-hover:#059669;--global-view-danger-color:#ef4444;--global-view-danger-hover:#dc2626;--global-view-warning-color:#f59e0b;--global-view-warning-hover:#d97706;--global-view-info-color:#06b6d4;--global-view-info-hover:#0891b2;--global-view-bg-color:#fff;--global-view-bg-secondary:#f8fafc;--global-view-bg-tertiary:#f1f5f9;--global-view-text-primary:#1f2937;--global-view-text-secondary:#6b7280;--global-view-text-tertiary:#9ca3af;--global-view-border-color:#e5e7eb;--global-view-border-radius:8px;--global-view-border-radius-lg:12px;--global-view-shadow-sm:0 1px 2px 0 #0000000d;--global-view-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--global-view-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--global-view-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--global-view-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--global-view-transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1)}.global-view-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;padding:2rem}.global-view-loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.global-view-loading-spinner{animation:globalViewSpin 1s linear infinite;border:4px solid #f1f5f9;border-top:4px solid #3b82f6;border:4px solid var(--global-view-bg-tertiary);border-radius:50%;border-top-color:var(--global-view-primary-color);height:48px;width:48px}.global-view-loading-text{color:#6b7280;color:var(--global-view-text-secondary);font-size:1.125rem;font-weight:500;margin:0}@keyframes globalViewSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.global-view-header{background:#fff;background:var(--global-view-bg-color);border-radius:12px;border-radius:var(--global-view-border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--global-view-shadow-md);margin-bottom:2rem;overflow:hidden}.global-view-header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;padding:2rem}.global-view-title-section{align-items:center;display:flex;gap:1rem}.global-view-title-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--global-view-primary-color),var(--global-view-primary-hover));border-radius:8px;border-radius:var(--global-view-border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--global-view-shadow-md);color:#fff;display:flex;font-size:1rem;height:36px;justify-content:center;width:36px}.global-view-title-text{display:flex;flex-direction:column;gap:.25rem}.global-view-title{color:#1f2937;color:var(--global-view-text-primary);font-size:2rem;font-weight:700;line-height:1.2;margin:0}.global-view-subtitle{color:#6b7280;color:var(--global-view-text-secondary);font-size:1rem;font-weight:500;margin:0}.global-view-stats{display:flex;gap:1rem}.global-view-stat-card{align-items:center;background:#f8fafc;background:var(--global-view-bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--global-view-border-color);border-radius:8px;border-radius:var(--global-view-border-radius);display:flex;gap:.75rem;min-width:140px;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--global-view-transition)}.global-view-stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--global-view-shadow-md);transform:translateY(-2px)}.global-view-stat-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;height:28px;justify-content:center;width:28px}.global-view-stat-occupied{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--global-view-danger-color),var(--global-view-danger-hover))}.global-view-stat-available{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--global-view-success-color),var(--global-view-success-hover))}.global-view-stat-pending{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--global-view-warning-color),var(--global-view-warning-hover))}.global-view-stat-orders{background:linear-gradient(135deg,#06b6d4,#0891b2);background:linear-gradient(135deg,var(--global-view-info-color),var(--global-view-info-hover))}.global-view-stat-content{display:flex;flex-direction:column;gap:.125rem}.global-view-stat-value{color:#1f2937;color:var(--global-view-text-primary);font-size:1.5rem;font-weight:700;line-height:1}.global-view-stat-label{color:#6b7280;color:var(--global-view-text-secondary);font-size:.875rem;font-weight:500}.global-view-controls{background:#fff;background:var(--global-view-bg-color);border-radius:12px;border-radius:var(--global-view-border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--global-view-shadow-md);margin-bottom:2rem}.global-view-controls-section{align-items:center;display:flex;gap:2rem;justify-content:space-between;padding:1.5rem 2rem}.global-view-filters{align-items:center;display:flex;gap:1rem}.global-view-filter-group{align-items:center;display:flex;gap:.5rem}.global-view-filter-icon{color:#6b7280;color:var(--global-view-text-secondary);font-size:1rem}.global-view-filter-select{-webkit-appearance:none;appearance:none;background:#fff;background:var(--global-view-bg-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border:2px solid #e5e7eb;border:2px solid var(--global-view-border-color);border-radius:8px;border-radius:var(--global-view-border-radius);color:#1f2937;color:var(--global-view-text-primary);cursor:pointer;font-size:.875rem;font-weight:500;min-width:180px;padding:.75rem 2.5rem .75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--global-view-transition)}.global-view-filter-select:focus{border-color:#3b82f6;border-color:var(--global-view-primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.global-view-view-controls{background:#f1f5f9;background:var(--global-view-bg-tertiary);border-radius:8px;border-radius:var(--global-view-border-radius);display:flex;gap:.5rem;padding:.25rem}.global-view-view-btn{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--global-view-border-radius);color:#6b7280;color:var(--global-view-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--global-view-transition)}.global-view-view-btn:hover{background:#fff;background:var(--global-view-bg-color);color:#1f2937;color:var(--global-view-text-primary)}.global-view-view-btn-active{background:#3b82f6;background:var(--global-view-primary-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--global-view-shadow-sm);color:#fff}.global-view-tables-container{grid-gap:1.5rem;display:grid;gap:1.5rem}.global-view-tables-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.global-view-tables-list{grid-template-columns:1fr}.global-view-table-card{background:#fff;background:var(--global-view-bg-color);border:2px solid #0000;border-radius:12px;border-radius:var(--global-view-border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--global-view-shadow-md);cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--global-view-transition)}.global-view-table-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--global-view-shadow-xl);transform:translateY(-4px)}.global-view-table-occupied{border-color:#ef4444;border-color:var(--global-view-danger-color)}.global-view-table-available{border-color:#10b981;border-color:var(--global-view-success-color)}.global-view-table-pending-payment{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;border-color:var(--global-view-warning-color)}.global-view-table-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.global-view-table-icon-container{align-items:center;background:#f1f5f9;background:var(--global-view-bg-tertiary);border-radius:50%;display:flex;height:60px;justify-content:center;position:relative;width:60px}.global-view-table-icon{filter:brightness(.7);height:40px;width:40px}.global-view-payment-badge{align-items:center;animation:globalViewPulse 2s ease-in-out infinite;background:#f59e0b;background:var(--global-view-warning-color);border-radius:50%;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--global-view-shadow-sm);color:#fff;display:flex;font-size:.75rem;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}@keyframes globalViewPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.global-view-table-info{flex:1 1}.global-view-table-number{color:#1f2937;color:var(--global-view-text-primary);font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.global-view-table-status{border-radius:20px;display:inline-block;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.global-view-status-occupied{background:#ef4444;background:var(--global-view-danger-color);color:#fff}.global-view-status-available{background:#10b981;background:var(--global-view-success-color);color:#fff}.global-view-table-details{align-items:center;display:flex;gap:1rem;justify-content:space-between}.global-view-table-stat{align-items:center;color:#6b7280;color:var(--global-view-text-secondary);display:flex;font-size:.875rem;gap:.5rem}.global-view-table-stat-icon{font-size:1rem}.global-view-table-action{align-items:center;color:#3b82f6;color:var(--global-view-primary-color);display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.global-view-table-action-icon{font-size:1rem}.global-view-table-actions{align-items:center;display:flex;gap:.75rem}.global-view-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.global-view-modal{background:#0000;border:none;max-height:90vh;max-width:800px;outline:none;overflow:hidden;width:100%}.global-view-modal-content{background:#fff;background:var(--global-view-bg-color);border-radius:12px;border-radius:var(--global-view-border-radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--global-view-shadow-xl);display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.global-view-modal-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--global-view-primary-color),var(--global-view-primary-hover));border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--global-view-border-color);color:#fff;display:flex;justify-content:space-between;padding:2rem}.global-view-modal-title-section{align-items:center;display:flex;gap:1rem}.global-view-modal-icon{align-items:center;background:#fff3;border-radius:8px;border-radius:var(--global-view-border-radius);display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.global-view-modal-title-text{display:flex;flex-direction:column;gap:.25rem}.global-view-modal-title{font-size:1.5rem;font-weight:700;margin:0}.global-view-modal-subtitle{font-size:.875rem;margin:0;opacity:.9}.global-view-modal-close{align-items:center;background:#fff3;border:none;border-radius:8px;border-radius:var(--global-view-border-radius);color:#fff;cursor:pointer;display:flex;font-size:1.125rem;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--global-view-transition);width:40px}.global-view-modal-close:hover{background:#ffffff4d;transform:scale(1.05)}.global-view-modal-body{flex:1 1;overflow-y:auto;padding:2rem}.global-view-modal-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:200px}.global-view-modal-loading-spinner{animation:globalViewSpin 1s linear infinite;border:3px solid #f1f5f9;border-top:3px solid #3b82f6;border:3px solid var(--global-view-bg-tertiary);border-radius:50%;border-top-color:var(--global-view-primary-color);height:40px;width:40px}.global-view-modal-loading-text{color:#6b7280;color:var(--global-view-text-secondary);font-size:1rem;margin:0}.global-view-modal-orders{display:flex;flex-direction:column;gap:1.5rem}.global-view-order-card{background:#f8fafc;background:var(--global-view-bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--global-view-border-color);border-radius:8px;border-radius:var(--global-view-border-radius);padding:1.5rem}.global-view-order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.global-view-order-info{display:flex;flex-direction:column;gap:.5rem}.global-view-order-id{color:#1f2937;color:var(--global-view-text-primary);font-size:1.125rem;font-weight:600;margin:0}.global-view-order-server{align-items:center;color:#6b7280;color:var(--global-view-text-secondary);display:flex;font-size:.875rem;gap:.5rem}.global-view-order-server-icon{font-size:1rem}.global-view-status-label{align-items:center;border-radius:20px;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.global-view-status-initialized{background:#06b6d4;background:var(--global-view-info-color);color:#fff}.global-view-status-accepted{background:#10b981;background:var(--global-view-success-color);color:#fff}.global-view-status-completed{background:#f59e0b;background:var(--global-view-warning-color);color:#fff}.global-view-status-served{background:#3b82f6;background:var(--global-view-primary-color);color:#fff}.global-view-status-default{background:#6b7280;background:var(--global-view-secondary-color);color:#fff}.global-view-order-items{margin-bottom:1rem}.global-view-order-items-title{color:#1f2937;color:var(--global-view-text-primary);font-size:1rem;font-weight:600;margin:0 0 .75rem}.global-view-order-item{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--global-view-border-color);display:flex;justify-content:space-between;padding:.75rem 0}.global-view-order-item:last-child{border-bottom:none}.global-view-order-item-info{align-items:center;display:flex;gap:.75rem}.global-view-order-item-name{color:#1f2937;color:var(--global-view-text-primary);font-weight:500}.global-view-order-item-quantity{background:#3b82f6;background:var(--global-view-primary-color);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.global-view-order-item-price{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.global-view-order-item-unit-price{color:#6b7280;color:var(--global-view-text-secondary);font-size:.875rem}.global-view-order-item-total{color:#1f2937;color:var(--global-view-text-primary);font-weight:600}.global-view-order-total{align-items:center;background:#3b82f6;background:var(--global-view-primary-color);border-radius:8px;border-radius:var(--global-view-border-radius);color:#fff;display:flex;font-weight:600;gap:.75rem;padding:1rem}.global-view-order-total-icon{font-size:1.125rem}.global-view-order-total-label{flex:1 1}.global-view-order-total-amount{font-size:1.125rem}.global-view-order-separator{border:none;margin:1rem 0}.global-view-modal-summary,.global-view-order-separator{border-top:2px solid #e5e7eb;border-top:2px solid var(--global-view-border-color)}.global-view-modal-summary{margin-top:2rem;padding-top:1.5rem}.global-view-summary-card{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--global-view-success-color),var(--global-view-success-hover));border-radius:12px;border-radius:var(--global-view-border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--global-view-shadow-md);color:#fff;display:flex;gap:1rem;padding:1.5rem}.global-view-summary-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.global-view-summary-content{display:flex;flex-direction:column;gap:.25rem}.global-view-summary-label{font-size:1rem;font-weight:500}.global-view-summary-amount{font-size:1.75rem;font-weight:700}.global-view-free-table-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--global-view-danger-color),var(--global-view-danger-hover));border:none;border-radius:8px;border-radius:var(--global-view-border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--global-view-shadow-md);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;margin-top:1.5rem;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--global-view-transition);width:100%}.global-view-free-table-btn:hover:not(:disabled){box-shadow:0 8px 20px #ef444466;transform:translateY(-2px)}.global-view-free-table-btn:active:not(:disabled){transform:translateY(0)}.global-view-free-table-btn:disabled{background:#9ca3af;background:var(--global-view-text-tertiary);cursor:not-allowed;opacity:.6;transform:none}.global-view-free-table-icon{font-size:1.125rem}.global-view-modal-empty{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:300px;text-align:center}.global-view-modal-empty-icon{color:#9ca3af;color:var(--global-view-text-tertiary);font-size:3rem;height:80px;width:80px}.global-view-modal-empty-title{color:#1f2937;color:var(--global-view-text-primary);font-size:1.5rem;font-weight:600;margin:0}.global-view-modal-empty-text{color:#6b7280;color:var(--global-view-text-secondary);font-size:1rem;margin:0}.global-view-modal-empty .global-view-free-table-btn{margin-top:2rem}.global-view-confirm-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.global-view-confirm-modal{animation:confirmSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;outline:none;width:90%}@keyframes confirmSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.global-view-confirm-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem;text-align:center}.global-view-confirm-icon-container{align-items:center;animation:confirmPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:50%;display:flex;height:80px;justify-content:center;width:80px}@keyframes confirmPulse{0%,to{box-shadow:0 0 0 0 #ef444466;transform:scale(1)}50%{box-shadow:0 0 0 10px #ef444400;transform:scale(1.05)}}.global-view-confirm-icon{color:#ef4444;color:var(--global-view-danger-color);font-size:2.5rem}.global-view-confirm-title{color:#1f2937;color:var(--global-view-text-primary);font-size:1.75rem;font-weight:700;margin:0}.global-view-confirm-message{color:#6b7280;color:var(--global-view-text-secondary);font-size:1rem;line-height:1.6;margin:0}.global-view-confirm-message strong{color:#ef4444;color:var(--global-view-danger-color);font-weight:600}.global-view-confirm-warning{background:#fef3c7;border-radius:8px;color:#92400e;display:inline-block;font-size:.875rem;font-weight:600;margin-top:.75rem;padding:.5rem 1rem}.global-view-confirm-actions{display:flex;gap:1rem;margin-top:.5rem;width:100%}.global-view-confirm-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--global-view-border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--global-view-shadow-sm);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--global-view-transition)}.global-view-confirm-cancel{background:#f8fafc;background:var(--global-view-bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--global-view-border-color);color:#1f2937;color:var(--global-view-text-primary)}.global-view-confirm-cancel:hover{background:#f1f5f9;background:var(--global-view-bg-tertiary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--global-view-shadow-md);transform:translateY(-2px)}.global-view-confirm-delete{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--global-view-danger-color),var(--global-view-danger-hover));color:#fff}.global-view-confirm-delete:hover{box-shadow:0 8px 20px #ef444466;transform:translateY(-2px)}.global-view-confirm-delete:active{transform:translateY(0)}@media (max-width:1200px){.global-view-stats{flex-wrap:wrap;gap:.75rem}.global-view-stat-card{min-width:120px}.global-view-tables-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.global-view-container{padding:1rem}.global-view-header-content{flex-direction:column;gap:1.5rem;padding:1.5rem}.global-view-title-section{flex-direction:column;gap:.75rem;text-align:center}.global-view-title{font-size:1.75rem}.global-view-stats{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);justify-content:center}.global-view-stat-card{flex-direction:column;gap:.5rem;min-width:auto;padding:.75rem 1rem;text-align:center}.global-view-stat-icon{font-size:.5rem;height:20px;width:20px}.global-view-stat-value{font-size:1.25rem}.global-view-stat-label{font-size:.75rem}.global-view-controls-section{flex-direction:column;gap:1rem;padding:1rem}.global-view-filters{flex-direction:column;gap:.75rem;width:100%}.global-view-filter-group{width:100%}.global-view-filter-select{min-width:auto;width:100%}.global-view-tables-grid{grid-template-columns:1fr}.global-view-table-card{padding:1rem}.global-view-table-header{text-align:center}.global-view-table-details,.global-view-table-header{flex-direction:column;gap:.75rem}.global-view-table-actions{gap:1rem;justify-content:center}.global-view-table-control-btn{font-size:1rem;height:40px;width:40px}.global-view-modal{max-width:95vw}.global-view-modal-header{padding:1.5rem}.global-view-modal-title-section{flex-direction:column;gap:.5rem;text-align:center}.global-view-modal-title{font-size:1.25rem}.global-view-modal-body{padding:1rem}.global-view-order-header{align-items:flex-start;flex-direction:column;gap:.75rem}.global-view-order-item{align-items:flex-start;flex-direction:column;gap:.5rem}.global-view-order-item-price{align-items:flex-start}}@media (max-width:480px){.global-view-container{padding:.75rem}.global-view-header-content{padding:1rem}.global-view-title{font-size:1.5rem}.global-view-subtitle{font-size:.875rem}.global-view-stats{display:grid;grid-template-columns:repeat(2,1fr)}.global-view-stat-card{flex-direction:column;gap:.5rem;padding:.75rem;text-align:center}.global-view-controls-section,.global-view-table-card{padding:.75rem}.global-view-table-icon-container{height:50px;width:50px}.global-view-table-icon{height:30px;width:30px}.global-view-table-number{font-size:1.125rem}.global-view-modal-header{padding:1rem}.global-view-modal-title{font-size:1.125rem}.global-view-modal-body{padding:.75rem}.global-view-order-card,.global-view-summary-card{padding:1rem}.global-view-summary-amount{font-size:1.5rem}.global-view-confirm-content{padding:1.5rem}.global-view-confirm-icon-container{height:60px;width:60px}.global-view-confirm-icon{font-size:2rem}.global-view-confirm-title{font-size:1.25rem}.global-view-confirm-message{font-size:.875rem}.global-view-confirm-actions{flex-direction:column;gap:.75rem}.global-view-confirm-btn{font-size:.875rem;padding:.75rem 1.25rem}}:root{--server-orders-primary-color:#3b82f6;--server-orders-primary-hover:#2563eb;--server-orders-secondary-color:#64748b;--server-orders-success-color:#10b981;--server-orders-warning-color:#f59e0b;--server-orders-danger-color:#ef4444;--server-orders-info-color:#06b6d4;--server-orders-bg-color:#f8fafc;--server-orders-card-bg:#fff;--server-orders-text-primary:#1e293b;--server-orders-text-secondary:#64748b;--server-orders-border-color:#e2e8f0;--server-orders-shadow-sm:0 1px 2px 0 #0000000d;--server-orders-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--server-orders-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--server-orders-border-radius:8px;--server-orders-transition:all 0.3s ease}.server-orders-container{background:#f8fafc;background:var(--server-orders-bg-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem}.server-orders-header{margin-bottom:2rem;text-align:center}.server-orders-title-section{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:.5rem}.server-orders-title-icon{color:#3b82f6;color:var(--server-orders-primary-color);font-size:2.5rem}.server-orders-title{color:#1e293b;color:var(--server-orders-text-primary);font-size:2.5rem;font-weight:700;margin:0}.server-orders-subtitle{color:#64748b;color:var(--server-orders-text-secondary);font-size:1.125rem;margin:0}.server-orders-loading-container{align-items:center!important;background:#fff!important;background:var(--server-orders-card-bg)!important;border:1px solid #e2e8f0!important;border:1px solid var(--server-orders-border-color)!important;border-radius:8px!important;border-radius:var(--server-orders-border-radius)!important;box-shadow:0 1px 2px 0 #0000000d!important;box-shadow:var(--server-orders-shadow-sm)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:200px!important;padding:4rem 2rem!important}.server-orders-loading-spinner{animation:serverOrdersSpin 1s linear infinite!important;border:4px solid #e2e8f0!important;border-top:4px solid #3b82f6!important;border:4px solid var(--server-orders-border-color)!important;border-radius:50%!important;border-top-color:var(--server-orders-primary-color)!important;display:block!important;height:50px!important;margin-bottom:1rem!important;margin-left:0!important;margin-right:0!important;width:50px!important}.server-orders-loading-text{color:#64748b!important;color:var(--server-orders-text-secondary)!important;font-size:1rem!important;margin:0!important;text-align:center!important}.server-orders-message{align-items:center;animation:serverOrdersSlideIn .3s ease-out;border-radius:8px;border-radius:var(--server-orders-border-radius);display:flex;font-weight:500;gap:.75rem;margin-bottom:2rem;padding:1rem 1.5rem}.server-orders-message-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.server-orders-message-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.server-orders-message-info{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.server-orders-message-icon{flex-shrink:0;font-size:1.25rem}.server-orders-stats-section{margin-bottom:2rem}.server-orders-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.server-orders-stat-card{align-items:center;background:#fff;background:var(--server-orders-card-bg);border:1px solid #e2e8f0;border:1px solid var(--server-orders-border-color);border-radius:8px;border-radius:var(--server-orders-border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--server-orders-shadow-md);display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease;transition:var(--server-orders-transition)}.server-orders-stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--server-orders-shadow-lg);transform:translateY(-2px)}.server-orders-stat-urgent{animation:serverOrdersPulse 2s ease-in-out infinite;border:2px solid #ef4444;border:2px solid var(--server-orders-danger-color)}.server-orders-stat-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--server-orders-primary-color),var(--server-orders-primary-hover));border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.server-orders-stat-icon-warning{background:linear-gradient(135deg,#f59e0b,#f97316);background:linear-gradient(135deg,var(--server-orders-warning-color),#f97316)}.server-orders-stat-icon-info{background:linear-gradient(135deg,#06b6d4,#0891b2);background:linear-gradient(135deg,var(--server-orders-info-color),#0891b2)}.server-orders-stat-icon-success{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--server-orders-success-color),#059669)}.server-orders-stat-icon-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--server-orders-danger-color),#dc2626)}.server-orders-stat-content{flex:1 1}.server-orders-stat-value{color:#1e293b;color:var(--server-orders-text-primary);font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.server-orders-stat-label{color:#64748b;color:var(--server-orders-text-secondary);font-size:.875rem;font-weight:500}.server-orders-controls-section{align-items:center;background:#fff;background:var(--server-orders-card-bg);border:1px solid #e2e8f0;border:1px solid var(--server-orders-border-color);border-radius:8px;border-radius:var(--server-orders-border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--server-orders-shadow-md);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem}.server-orders-search-container{flex:1 1;min-width:250px;position:relative}.server-orders-search-icon{color:#64748b;color:var(--server-orders-text-secondary);font-size:1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.server-orders-search-input{background:#fff;background:var(--server-orders-card-bg);border:2px solid #e2e8f0;border:2px solid var(--server-orders-border-color);border-radius:8px;border-radius:var(--server-orders-border-radius);color:#1e293b;color:var(--server-orders-text-primary);font-size:.875rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s ease;transition:var(--server-orders-transition);width:100%}.server-orders-search-input:focus{border-color:#3b82f6;border-color:var(--server-orders-primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.server-orders-filters{align-items:center;border:1px solid #e2e8f0;border:1px solid var(--server-orders-border-color);border-radius:8px;border-radius:var(--server-orders-border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--server-orders-shadow-sm);display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;z-index:5}.server-orders-filter-select,.server-orders-filters{background:#fff;background:var(--server-orders-card-bg);position:relative}.server-orders-filter-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;border:2px solid #e2e8f0;border:2px solid var(--server-orders-border-color);border-radius:8px;border-radius:var(--server-orders-border-radius);color:#1e293b;color:var(--server-orders-text-primary);cursor:pointer;font-size:1rem;font-weight:500;min-height:48px;padding:1rem 3rem 1rem 1.25rem;transition:all .3s ease;transition:var(--server-orders-transition);z-index:10}.server-orders-filter-select:focus{border-color:#3b82f6;border-color:var(--server-orders-primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-1px)}.server-orders-filter-select:hover{border-color:#3b82f6;border-color:var(--server-orders-primary-color);box-shadow:0 2px 8px #3b82f626}.server-orders-filter-select option{font-size:1rem;font-weight:500;padding:.75rem 1rem}.server-orders-filter-select option,.server-orders-sort-btn{background:#fff;background:var(--server-orders-card-bg);color:#1e293b;color:var(--server-orders-text-primary)}.server-orders-sort-btn{align-items:center;border:2px solid #e2e8f0;border:2px solid var(--server-orders-border-color);border-radius:8px;border-radius:var(--server-orders-border-radius);cursor:pointer;display:flex;height:40px;justify-content:center;padding:.75rem;transition:all .3s ease;transition:var(--server-orders-transition);width:40px}.server-orders-sort-btn:hover{background:#3b82f6;background:var(--server-orders-primary-color);border-color:#3b82f6;border-color:var(--server-orders-primary-color);color:#fff}.server-orders-sections{display:flex;flex-direction:column;gap:2rem}@keyframes serverOrdersSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes serverOrdersSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes serverOrdersPulse{0%,to{box-shadow:0 0 0 2px #ef444433,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:0 0 0 2px #ef444433,var(--server-orders-shadow-md)}50%{box-shadow:0 0 0 4px #ef44444d,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:0 0 0 4px #ef44444d,var(--server-orders-shadow-lg)}}.server-orders-section{margin-bottom:2rem}.server-orders-section-title{align-items:center;border-bottom:3px solid #3b82f6;border-bottom:3px solid var(--server-orders-primary-color);color:#1e293b;color:var(--server-orders-text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin-bottom:1.5rem;padding:1rem 0}.server-orders-section-icon{color:#3b82f6;color:var(--server-orders-primary-color);font-size:1.5rem}.server-orders-commands-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.server-orders-command-card{background:#fff;background:var(--server-orders-card-bg);border:1px solid #e2e8f0;border:1px solid var(--server-orders-border-color);border-radius:8px;border-radius:var(--server-orders-border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--server-orders-shadow-md);overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease;transition:var(--server-orders-transition)}.server-orders-command-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--server-orders-shadow-lg);transform:translateY(-2px)}.server-orders-command-card:before{background:#3b82f6;background:var(--server-orders-primary-color);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.server-orders-command-card.server-orders-urgent{animation:serverOrdersPulse 2s ease-in-out infinite;border:2px solid #ef4444;border:2px solid var(--server-orders-danger-color)}.server-orders-command-card.server-orders-urgent:before{background:#ef4444;background:var(--server-orders-danger-color)}.server-orders-command-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.server-orders-command-title{align-items:center;color:#1e293b;color:var(--server-orders-text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin:0}.server-orders-command-table-icon{color:#3b82f6;color:var(--server-orders-primary-color);font-size:1.125rem}.server-orders-command-time{align-items:center;background:#f59e0b;background:var(--server-orders-warning-color);border-radius:20px;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.25rem;padding:.25rem .75rem}.server-orders-command-time.server-orders-urgent-time{animation:serverOrdersPulse 1.5s ease-in-out infinite;background:#ef4444;background:var(--server-orders-danger-color)}.server-orders-time-icon{font-size:.75rem}.server-orders-client-info{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--server-orders-border-color);border-radius:8px;border-radius:var(--server-orders-border-radius);margin-bottom:1rem;padding:.75rem}.server-orders-client-details{display:flex;flex-direction:column;gap:.25rem}.server-orders-client-name{align-items:center;color:#1e293b;color:var(--server-orders-text-primary);display:flex;font-weight:600;gap:.5rem;margin:0}.server-orders-client-id{color:#64748b;color:var(--server-orders-text-secondary);font-size:.875rem;margin:0}.server-orders-command-items{margin-bottom:1.5rem}.server-orders-items-title{align-items:center;color:#1e293b;color:var(--server-orders-text-primary);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.server-orders-items-icon{color:#3b82f6;color:var(--server-orders-primary-color)}.server-orders-items-list{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--server-orders-border-color);border-radius:8px;border-radius:var(--server-orders-border-radius);padding:1rem}.server-orders-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--server-orders-border-color);display:flex;justify-content:space-between;padding:.75rem 0}.server-orders-item:last-child{border-bottom:none}.server-orders-item-info{flex:1 1}.server-orders-item-name{color:#1e293b;color:var(--server-orders-text-primary);font-size:.9rem;font-weight:600;margin-bottom:.25rem}.server-orders-item-details{color:#64748b;color:var(--server-orders-text-secondary);display:flex;font-size:.8rem;gap:1rem}.server-orders-item-price,.server-orders-item-quantity{align-items:center;display:flex;gap:.25rem}.server-orders-item-total{color:#10b981;color:var(--server-orders-success-color);font-size:1.1rem;font-weight:700;min-width:60px;text-align:right}.server-orders-total-section{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#1e293b;color:var(--server-orders-text-primary);display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-left:auto;padding:.5rem .75rem;width:-webkit-fit-content;width:fit-content}.server-orders-total-label{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:.25rem}.server-orders-total-icon{color:#64748b;color:var(--server-orders-text-secondary);font-size:.875rem}.server-orders-total-amount{font-size:.9rem;font-weight:700;margin-left:.7rem}.server-orders-comment-section{margin-bottom:1rem}.server-orders-comment-btn{align-items:center;background:#06b6d4;background:var(--server-orders-info-color);border:none;border-radius:8px;border-radius:var(--server-orders-border-radius);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease;transition:var(--server-orders-transition)}.server-orders-comment-btn:hover{background:#0891b2;transform:translateY(-1px)}.server-orders-comment-icon{font-size:.875rem}.server-orders-command-actions{display:flex;flex-wrap:wrap;gap:.75rem}.server-orders-action-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--server-orders-border-radius);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--server-orders-transition)}.server-orders-accept-btn{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--server-orders-success-color),#059669);color:#fff}.server-orders-accept-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.server-orders-edit-btn{background:linear-gradient(135deg,#f59e0b,#f97316);background:linear-gradient(135deg,var(--server-orders-warning-color),#f97316);color:#fff}.server-orders-edit-btn:hover{box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}.server-orders-complete-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--server-orders-primary-color),var(--server-orders-primary-hover));color:#fff}.server-orders-complete-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.server-orders-served-btn{background:linear-gradient(135deg,#06b6d4,#0891b2);background:linear-gradient(135deg,var(--server-orders-info-color),#0891b2);color:#fff}.server-orders-served-btn:hover{box-shadow:0 4px 12px #06b6d44d;transform:translateY(-2px)}.server-orders-action-icon{font-size:.875rem}.server-orders-ready-banner{animation:serverOrdersPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--server-orders-success-color),#059669);border-radius:8px;border-radius:var(--server-orders-border-radius);color:#fff;font-weight:600;margin-bottom:1rem;padding:.75rem 1rem;text-align:center}.server-orders-item-status{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.25rem .5rem}.server-orders-status-prepared{background:#dcfce7;color:#166534}.server-orders-status-pending{background:#fef3c7;color:#92400e}.server-orders-no-orders{background:#fff;background:var(--server-orders-card-bg);border:1px solid #e2e8f0;border:1px solid var(--server-orders-border-color);border-radius:8px;border-radius:var(--server-orders-border-radius);padding:3rem 2rem;text-align:center}.server-orders-no-orders,.server-orders-no-orders-icon{color:#64748b;color:var(--server-orders-text-secondary)}.server-orders-no-orders-icon{font-size:3rem;margin-bottom:1rem}.server-orders-no-orders-text{font-size:1.125rem;margin:0}.server-orders-comment-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.server-orders-comment-modal-content{animation:serverOrdersSlideIn .3s ease-out;background:#fff;background:var(--server-orders-card-bg);border-radius:8px;border-radius:var(--server-orders-border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--server-orders-shadow-lg);max-height:80vh;max-width:500px;overflow-y:auto;padding:2rem;width:100%}.server-orders-comment-modal-header{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--server-orders-border-color);display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.server-orders-comment-modal-icon{color:#06b6d4;color:var(--server-orders-info-color);font-size:1.5rem}.server-orders-comment-modal-title{color:#1e293b;color:var(--server-orders-text-primary);font-size:1.25rem;font-weight:700;margin:0}.server-orders-comment-modal-text{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--server-orders-border-color);border-radius:8px;border-radius:var(--server-orders-border-radius);color:#1e293b;color:var(--server-orders-text-primary);font-size:1rem;line-height:1.6;margin-bottom:2rem;padding:1rem}.server-orders-comment-modal-close{background:#ef4444;background:var(--server-orders-danger-color);border:none;border-radius:8px;border-radius:var(--server-orders-border-radius);color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--server-orders-transition);width:100%}.server-orders-comment-modal-close:hover{background:#dc2626;transform:translateY(-1px)}.server-orders-edit-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.server-orders-edit-modal-content{animation:serverOrdersSlideIn .3s ease-out;background:#fff;background:var(--server-orders-card-bg);border-radius:8px;border-radius:var(--server-orders-border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--server-orders-shadow-lg);max-height:80vh;max-width:600px;overflow-y:auto;padding:2rem;width:100%}.server-orders-edit-modal-header{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--server-orders-border-color);display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.server-orders-edit-modal-icon{color:#f59e0b;color:var(--server-orders-warning-color);font-size:1.5rem}.server-orders-edit-modal-title{color:#1e293b;color:var(--server-orders-text-primary);font-size:1.25rem;font-weight:700;margin:0}.server-orders-edit-items-container{margin-bottom:1.5rem}.server-orders-edit-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--server-orders-border-color);border-radius:8px;border-radius:var(--server-orders-border-radius);display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.75rem}.server-orders-edit-item-name{color:#1e293b;color:var(--server-orders-text-primary);flex:1 1;font-weight:600;margin-right:1rem}.server-orders-edit-quantity-controls{align-items:center;display:flex;gap:.5rem}.server-orders-edit-quantity-btn{align-items:center;background:#fff;background:var(--server-orders-card-bg);border:1px solid #e2e8f0;border:1px solid var(--server-orders-border-color);border-radius:50%;color:#1e293b;color:var(--server-orders-text-primary);cursor:pointer;display:flex;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;transition:var(--server-orders-transition);width:32px}.server-orders-edit-quantity-btn:hover{background:#3b82f6;background:var(--server-orders-primary-color);border-color:#3b82f6;border-color:var(--server-orders-primary-color);color:#fff}.server-orders-edit-quantity-input{border:1px solid #e2e8f0;border:1px solid var(--server-orders-border-color);border-radius:8px;border-radius:var(--server-orders-border-radius);font-weight:600;padding:.25rem;text-align:center;width:50px}.server-orders-edit-item-total{color:#10b981;color:var(--server-orders-success-color);font-weight:700;min-width:60px;text-align:right}.server-orders-edit-add-item-btn{align-items:center;background:#3b82f6;background:var(--server-orders-primary-color);border:none;border-radius:8px;border-radius:var(--server-orders-border-radius);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1.5rem;padding:.75rem 1rem;transition:all .3s ease;transition:var(--server-orders-transition);width:100%}.server-orders-edit-add-item-btn:hover{background:#2563eb;background:var(--server-orders-primary-hover);transform:translateY(-1px)}.server-orders-edit-modal-total{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--server-orders-success-color),#059669);border-radius:8px;border-radius:var(--server-orders-border-radius);color:#fff;display:flex;font-weight:700;justify-content:space-between;margin-bottom:1.5rem;padding:.75rem 1rem}.server-orders-edit-modal-actions{display:flex;gap:.75rem}.server-orders-edit-modal-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--server-orders-border-radius);cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--server-orders-transition)}.server-orders-edit-modal-cancel{background:#64748b;background:var(--server-orders-secondary-color);color:#fff}.server-orders-edit-modal-cancel:hover{background:#475569;transform:translateY(-1px)}.server-orders-edit-modal-save{background:#10b981;background:var(--server-orders-success-color);color:#fff}.server-orders-edit-modal-save:hover{background:#059669;transform:translateY(-1px)}.server-orders-edit-add-item-form{margin-bottom:1.5rem}.server-orders-edit-add-item-form h3{align-items:center;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem}.server-orders-edit-add-item-form h3,.server-orders-edit-item-select{color:#1e293b;color:var(--server-orders-text-primary);margin-bottom:1rem}.server-orders-edit-item-select{-webkit-appearance:none;appearance:none;background:#fff;background:var(--server-orders-card-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;border:2px solid #e2e8f0;border:2px solid var(--server-orders-border-color);border-radius:8px;border-radius:var(--server-orders-border-radius);cursor:pointer;font-size:1rem;font-weight:500;min-height:48px;padding:1rem 3rem 1rem 1.25rem;position:relative;transition:all .3s ease;transition:var(--server-orders-transition);width:100%;z-index:10}.server-orders-edit-item-select:focus{border-color:#3b82f6;border-color:var(--server-orders-primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-1px)}.server-orders-edit-item-select:hover{border-color:#3b82f6;border-color:var(--server-orders-primary-color);box-shadow:0 2px 8px #3b82f626}.server-orders-edit-item-select option{background:#fff;background:var(--server-orders-card-bg);color:#1e293b;color:var(--server-orders-text-primary);font-size:1rem;font-weight:500;padding:.75rem 1rem}@media (max-width:1200px){.server-orders-commands-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.server-orders-container{padding:1rem}.server-orders-title,.server-orders-title-icon{font-size:2rem}.server-orders-stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.server-orders-stat-card{padding:1rem}.server-orders-stat-value{font-size:1.5rem}.server-orders-controls-section{align-items:stretch;flex-direction:column}.server-orders-search-container{width:100%}.server-orders-filters{justify-content:space-between;width:100%}.server-orders-commands-container{grid-template-columns:1fr}.server-orders-command-card{padding:1rem}.server-orders-command-header{align-items:flex-start;flex-direction:column;gap:.75rem}.server-orders-command-actions{flex-direction:column}.server-orders-action-btn{width:100%}.server-orders-item-details{flex-direction:column;gap:.5rem}}@media (max-width:480px){.server-orders-container{padding:.5rem}.server-orders-title{font-size:1.75rem}.server-orders-subtitle{font-size:1rem}.server-orders-stats-grid{grid-template-columns:1fr}.server-orders-stat-card{padding:.75rem}.server-orders-stat-icon{font-size:1.25rem;height:40px;width:40px}.server-orders-stat-value{font-size:1.25rem}.server-orders-controls-section{padding:1rem}.server-orders-filters{flex-direction:column;gap:.75rem;padding:1rem}.server-orders-filter-select,.server-orders-sort-btn{font-size:.95rem;min-height:44px;width:100%}}:root{--server-schedule-primary-color:#3b82f6;--server-schedule-primary-hover:#2563eb;--server-schedule-secondary-color:#64748b;--server-schedule-success-color:#10b981;--server-schedule-warning-color:#f59e0b;--server-schedule-danger-color:#ef4444;--server-schedule-info-color:#06b6d4;--server-schedule-bg-primary:#fff;--server-schedule-bg-secondary:#f8fafc;--server-schedule-bg-tertiary:#f1f5f9;--server-schedule-text-primary:#1e293b;--server-schedule-text-secondary:#64748b;--server-schedule-text-tertiary:#94a3b8;--server-schedule-border-color:#e2e8f0;--server-schedule-border-radius:12px;--server-schedule-shadow-sm:0 1px 2px 0 #0000000d;--server-schedule-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--server-schedule-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--server-schedule-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--server-schedule-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.server-schedule-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem}.server-schedule-header{margin-bottom:2rem}.server-schedule-header-content{align-items:center;background:#fff;background:var(--server-schedule-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--server-schedule-border-color);border-radius:12px;border-radius:var(--server-schedule-border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--server-schedule-shadow-lg);display:flex;justify-content:space-between;padding:2rem}.server-schedule-title-section{align-items:center;display:flex;gap:1rem}.server-schedule-title-icon{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:50%;color:#3b82f6;color:var(--server-schedule-primary-color);display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.server-schedule-title-text{display:flex;flex-direction:column;gap:.25rem}.server-schedule-title{color:#1e293b;color:var(--server-schedule-text-primary);font-size:2rem;font-weight:700;margin:0}.server-schedule-subtitle{color:#64748b;color:var(--server-schedule-text-secondary);font-size:1rem;margin:0}.server-schedule-user-info{align-items:center;background:#f8fafc;background:var(--server-schedule-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--server-schedule-border-color);border-radius:25px;display:flex;gap:.75rem;padding:.75rem 1.25rem}.server-schedule-user-icon{color:#3b82f6;color:var(--server-schedule-primary-color);font-size:1rem}.server-schedule-user-name{color:#1e293b;color:var(--server-schedule-text-primary);font-weight:500}.server-schedule-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.server-schedule-stat-card{align-items:center;background:#fff;background:var(--server-schedule-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--server-schedule-border-color);border-radius:12px;border-radius:var(--server-schedule-border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--server-schedule-shadow-md);display:flex;gap:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--server-schedule-transition)}.server-schedule-stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--server-schedule-shadow-lg);transform:translateY(-2px)}.server-schedule-stat-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--server-schedule-primary-color),var(--server-schedule-primary-hover));border-radius:50%;color:#fff;display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.server-schedule-stat-content{display:flex;flex-direction:column;gap:.25rem}.server-schedule-stat-value{color:#1e293b;color:var(--server-schedule-text-primary);font-size:1.75rem;font-weight:700}.server-schedule-stat-label{color:#64748b;color:var(--server-schedule-text-secondary);font-size:.875rem;font-weight:500}.server-schedule-main-content{display:flex;flex-direction:column;gap:2rem}.server-schedule-section{background:#fff;background:var(--server-schedule-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--server-schedule-border-color);border-radius:12px;border-radius:var(--server-schedule-border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--server-schedule-shadow-md);overflow:hidden}.server-schedule-section-header{align-items:center;background:#f8fafc;background:var(--server-schedule-bg-secondary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--server-schedule-border-color);display:flex;justify-content:space-between;padding:1.5rem 2rem}.server-schedule-section-title{align-items:center;color:#1e293b;color:var(--server-schedule-text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0}.server-schedule-section-icon{color:#3b82f6;color:var(--server-schedule-primary-color);font-size:1.125rem}.server-schedule-section-content{padding:2rem}.server-schedule-table-container{border:1px solid #e2e8f0;border:1px solid var(--server-schedule-border-color);border-radius:12px;border-radius:var(--server-schedule-border-radius);overflow-x:auto}.server-schedule-table{background:#fff;background:var(--server-schedule-bg-primary);border-collapse:collapse;width:100%}.server-schedule-table-header{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--server-schedule-border-color);text-align:center}.server-schedule-table-header,.server-schedule-table-label{background:#f1f5f9;background:var(--server-schedule-bg-tertiary);color:#1e293b;color:var(--server-schedule-text-primary);font-size:.875rem;font-weight:600;padding:1rem}.server-schedule-table-label{align-items:center;border-right:2px solid #e2e8f0;border-right:2px solid var(--server-schedule-border-color);display:flex;gap:.5rem}.server-schedule-label-icon{color:#3b82f6;color:var(--server-schedule-primary-color);font-size:.875rem}.server-schedule-table-cell{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--server-schedule-border-color);font-size:.875rem;padding:1rem;text-align:center}.server-schedule-day-work{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.server-schedule-day-off{background:linear-gradient(135deg,#fef3c7,#fde68a)}.server-schedule-day-work-text{color:#10b981;color:var(--server-schedule-success-color);font-weight:600}.server-schedule-day-off-text{color:#f59e0b;color:var(--server-schedule-warning-color);font-weight:600}.server-schedule-week-container{padding:2rem}.server-schedule-week-header{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--server-schedule-border-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.server-schedule-week-title{align-items:center;color:#1e293b;color:var(--server-schedule-text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0}.server-schedule-week-icon{color:#3b82f6;color:var(--server-schedule-primary-color);font-size:1.25rem}.server-schedule-close-week-btn{align-items:center;background:#ef4444;background:var(--server-schedule-danger-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--server-schedule-transition);width:40px}.server-schedule-close-week-btn:hover{background:#dc2626;transform:scale(1.1)}.server-schedule-week-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.server-schedule-week-card{background:#fff;background:var(--server-schedule-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--server-schedule-border-color);border-radius:12px;border-radius:var(--server-schedule-border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--server-schedule-shadow-md);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--server-schedule-transition)}.server-schedule-week-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--server-schedule-shadow-lg);transform:translateY(-2px)}.server-schedule-week-card-today{border:2px solid #3b82f6;border:2px solid var(--server-schedule-primary-color);box-shadow:0 0 0 4px #3b82f61a}.server-schedule-week-card-header{background:#f8fafc;background:var(--server-schedule-bg-secondary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--server-schedule-border-color);padding:1rem}.server-schedule-week-day-name{color:#1e293b;color:var(--server-schedule-text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.server-schedule-week-date{color:#64748b;color:var(--server-schedule-text-secondary);font-size:.875rem}.server-schedule-week-card-content{align-items:center;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.server-schedule-week-day-work{align-items:center;display:flex;flex-direction:column;gap:.5rem}.server-schedule-week-work-icon{color:#10b981;color:var(--server-schedule-success-color);font-size:1.5rem}.server-schedule-week-hours{color:#10b981;color:var(--server-schedule-success-color);font-size:.875rem;font-weight:600;text-align:center}.server-schedule-week-day-off{align-items:center;display:flex;flex-direction:column;gap:.5rem}.server-schedule-week-off-icon{color:#f59e0b;color:var(--server-schedule-warning-color);font-size:1.5rem}.server-schedule-hours-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;border-radius:var(--server-schedule-border-radius);padding:2rem}.server-schedule-hours-content{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.server-schedule-hours-icon{align-items:center;background:linear-gradient(135deg,#06b6d4,#0891b2);background:linear-gradient(135deg,var(--server-schedule-info-color),#0891b2);border-radius:50%;color:#fff;display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.server-schedule-hours-text{display:flex;flex-direction:column;gap:.25rem}.server-schedule-hours-label{color:#64748b;color:var(--server-schedule-text-secondary);font-size:1rem;font-weight:500}.server-schedule-hours-value{color:#1e293b;color:var(--server-schedule-text-primary);font-size:2rem;font-weight:700}.server-schedule-hours-progress{display:flex;flex-direction:column;gap:.75rem}.server-schedule-progress-bar{background:#e0f2fe;border-radius:4px;height:8px;overflow:hidden;width:100%}.server-schedule-progress-fill{background:linear-gradient(90deg,#06b6d4,#0891b2);background:linear-gradient(90deg,var(--server-schedule-info-color),#0891b2);border-radius:4px;height:100%;transition:width .5s ease-in-out}.server-schedule-progress-text{color:#64748b;color:var(--server-schedule-text-secondary);font-size:.875rem;font-weight:500;text-align:center}.server-schedule-view-week-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--server-schedule-primary-color),var(--server-schedule-primary-hover));border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--server-schedule-transition)}.server-schedule-view-week-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--server-schedule-shadow-md);transform:translateY(-2px)}.server-schedule-loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.server-schedule-loading-spinner{animation:serverScheduleSpin 1s linear infinite;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border:4px solid var(--server-schedule-border-color);border-radius:50%;border-top-color:var(--server-schedule-primary-color);height:48px;width:48px}@keyframes serverScheduleSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.server-schedule-loading-text{color:#64748b;color:var(--server-schedule-text-secondary);font-size:1rem;margin:0}.server-schedule-error-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px;text-align:center}.server-schedule-error-icon{color:#ef4444;color:var(--server-schedule-danger-color);font-size:2.5rem;height:64px;width:64px}.server-schedule-error-title{color:#1e293b;color:var(--server-schedule-text-primary);font-size:1.5rem;font-weight:600;margin:0}.server-schedule-error-message{color:#64748b;color:var(--server-schedule-text-secondary);font-size:1rem;margin:0}@media (max-width:1200px){.server-schedule-container,.server-schedule-header-content{padding:1.5rem}.server-schedule-title{font-size:1.75rem}.server-schedule-stats{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.server-schedule-container{padding:1rem}.server-schedule-header-content{flex-direction:column;gap:1rem;padding:1rem}.server-schedule-title-section{flex-direction:column;gap:.75rem;text-align:center}.server-schedule-title{font-size:1.5rem}.server-schedule-subtitle{font-size:.875rem}.server-schedule-stats{gap:1rem;grid-template-columns:1fr}.server-schedule-section-header{flex-direction:column;gap:1rem;padding:1rem}.server-schedule-section-content{padding:1rem}.server-schedule-table-container{font-size:.75rem}.server-schedule-table-cell,.server-schedule-table-header,.server-schedule-table-label{padding:.75rem .5rem}.server-schedule-week-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.server-schedule-week-container{padding:1rem}.server-schedule-week-title{font-size:1.25rem}.server-schedule-hours-card{padding:1rem}.server-schedule-hours-value{font-size:1.5rem}}@media (max-width:480px){.server-schedule-container,.server-schedule-header-content{padding:.75rem}.server-schedule-title-icon{font-size:1.25rem;height:40px;width:40px}.server-schedule-title{font-size:1.25rem}.server-schedule-subtitle{font-size:.8rem}.server-schedule-user-info{font-size:.875rem;padding:.5rem 1rem}.server-schedule-stat-card{padding:1rem}.server-schedule-stat-icon{font-size:1rem;height:40px;width:40px}.server-schedule-stat-value{font-size:1.5rem}.server-schedule-table-container{font-size:.7rem}.server-schedule-table-cell,.server-schedule-table-header,.server-schedule-table-label{padding:.5rem .25rem}.server-schedule-week-grid{gap:.75rem;grid-template-columns:1fr}.server-schedule-week-card-content,.server-schedule-week-card-header{padding:.75rem}.server-schedule-view-week-btn{font-size:.8rem;padding:.5rem 1rem}.server-schedule-hours-content{flex-direction:column;gap:.75rem;text-align:center}.server-schedule-hours-icon{font-size:1rem;height:40px;width:40px}.server-schedule-hours-value{font-size:1.25rem}}:root{--take-order-primary-color:#3b82f6;--take-order-primary-hover:#2563eb;--take-order-success-color:#10b981;--take-order-success-hover:#059669;--take-order-bg-color:#fff;--take-order-bg-secondary:#f8fafc;--take-order-text-primary:#1f2937;--take-order-text-secondary:#6b7280;--take-order-border-color:#e5e7eb;--take-order-border-radius:12px;--take-order-shadow-sm:0 1px 2px 0 #0000000d;--take-order-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--take-order-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--take-order-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.take-order-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;justify-content:center;min-height:100vh;padding:2rem}.take-order-card{animation:takeOrderSlideIn .6s ease-out;background:#fff;background:var(--take-order-bg-color);border-radius:12px;border-radius:var(--take-order-border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--take-order-shadow-lg);max-width:500px;padding:3rem;text-align:center;width:100%}@keyframes takeOrderSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.take-order-header{margin-bottom:2rem}.take-order-icon{align-items:center;animation:takeOrderPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--take-order-primary-color),var(--take-order-primary-hover));border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--take-order-shadow-md);color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}@keyframes takeOrderPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.take-order-title{color:#1f2937;color:var(--take-order-text-primary);font-size:1.75rem;font-weight:700;margin:0}.take-order-content{display:flex;flex-direction:column;gap:2rem}.take-order-message-container{align-items:center;display:flex;flex-direction:column;gap:1rem}.take-order-message-icon{align-items:center;background:#f8fafc;background:var(--take-order-bg-secondary);border-radius:50%;color:#3b82f6;color:var(--take-order-primary-color);display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.take-order-spinner{animation:takeOrderSpin 1s linear infinite}@keyframes takeOrderSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.take-order-success-icon{animation:takeOrderSuccess .6s ease-out;color:#10b981;color:var(--take-order-success-color)}@keyframes takeOrderSuccess{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.take-order-message{color:#6b7280;color:var(--take-order-text-secondary);font-size:1.125rem;font-weight:500;margin:0}.take-order-progress{display:flex;flex-direction:column;gap:1rem}.take-order-progress-bar{background:#f8fafc;background:var(--take-order-bg-secondary);border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.take-order-progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);background:linear-gradient(90deg,var(--take-order-primary-color),var(--take-order-primary-hover));border-radius:4px;height:100%;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--take-order-transition);width:50%}.take-order-progress-fill:after{animation:takeOrderShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes takeOrderShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.take-order-progress-complete{background:linear-gradient(90deg,#10b981,#059669);background:linear-gradient(90deg,var(--take-order-success-color),var(--take-order-success-hover));width:100%}.take-order-steps{align-items:center;display:flex;gap:1rem;justify-content:center}.take-order-step{align-items:center;display:flex;flex-direction:column;gap:.5rem;opacity:.5;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--take-order-transition)}.take-order-step-active{opacity:1}.take-order-step-number{align-items:center;background:#f8fafc;background:var(--take-order-bg-secondary);border-radius:50%;color:#6b7280;color:var(--take-order-text-secondary);display:flex;font-size:.875rem;font-weight:600;height:32px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--take-order-transition);width:32px}.take-order-step-active .take-order-step-number{background:#3b82f6;background:var(--take-order-primary-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--take-order-shadow-sm);color:#fff}.take-order-step-text{color:#6b7280;color:var(--take-order-text-secondary);font-size:.875rem;font-weight:500}.take-order-step-active .take-order-step-text{color:#1f2937;color:var(--take-order-text-primary);font-weight:600}.take-order-step-divider{color:#6b7280;color:var(--take-order-text-secondary);font-size:.875rem;opacity:.5}@media (max-width:768px){.take-order-container{padding:1rem}.take-order-card{padding:2rem}.take-order-icon{font-size:1.5rem;height:60px;width:60px}.take-order-title{font-size:1.5rem}.take-order-message-icon{font-size:1.25rem;height:50px;width:50px}.take-order-message{font-size:1rem}.take-order-steps{gap:.75rem}.take-order-step-number{font-size:.75rem;height:28px;width:28px}.take-order-step-text{font-size:.75rem}}@media (max-width:480px){.take-order-card{padding:1.5rem}.take-order-icon{height:50px;width:50px}.take-order-icon,.take-order-title{font-size:1.25rem}.take-order-content{gap:1.5rem}.take-order-message-container{gap:.75rem}.take-order-message-icon{font-size:1rem;height:40px;width:40px}.take-order-message{font-size:.875rem}.take-order-steps{gap:.5rem}.take-order-step-number{font-size:.75rem;height:24px;width:24px}.take-order-step-text{font-size:.75rem}}:root{--view-menu-server-primary:#3b82f6;--view-menu-server-primary-hover:#2563eb;--view-menu-server-secondary:#6b7280;--view-menu-server-success:#10b981;--view-menu-server-danger:#ef4444;--view-menu-server-warning:#f59e0b;--view-menu-server-bg:#fff;--view-menu-server-bg-secondary:#f8fafc;--view-menu-server-border:#e2e8f0;--view-menu-server-text-primary:#1e293b;--view-menu-server-text-secondary:#64748b;--view-menu-server-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--view-menu-server-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--view-menu-server-radius:8px;--view-menu-server-radius-lg:12px}.view-menu-server-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:1.5rem}.view-menu-server-header{align-items:center;background:#fff;background:var(--view-menu-server-bg);border:1px solid #e2e8f0;border:1px solid var(--view-menu-server-border);border-radius:12px;border-radius:var(--view-menu-server-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--view-menu-server-shadow-lg);display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.view-menu-server-title-section{align-items:center;display:flex;gap:1rem}.view-menu-server-title-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--view-menu-server-primary),var(--view-menu-server-primary-hover));-webkit-background-clip:text;background-clip:text;color:#3b82f6;color:var(--view-menu-server-primary);font-size:2.5rem}.view-menu-server-title-text{display:flex;flex-direction:column;gap:.25rem}.view-menu-server-title{color:#1e293b;color:var(--view-menu-server-text-primary);font-size:2rem;font-weight:700;line-height:1.2;margin:0}.view-menu-server-subtitle{color:#64748b;color:var(--view-menu-server-text-secondary);font-size:1rem;font-weight:400;margin:0}.view-menu-server-controls{display:flex;gap:1rem}.view-menu-server-view-toggle{align-items:center;background:#f8fafc;background:var(--view-menu-server-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--view-menu-server-border);border-radius:8px;border-radius:var(--view-menu-server-radius);color:#1e293b;color:var(--view-menu-server-text-primary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.view-menu-server-view-toggle:hover{background:#3b82f6;background:var(--view-menu-server-primary);border-color:#3b82f6;border-color:var(--view-menu-server-primary);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--view-menu-server-shadow);color:#fff;transform:translateY(-1px)}.view-menu-server-search-section{margin-bottom:2rem}.view-menu-server-search-container{margin:0 auto;max-width:500px;position:relative}.view-menu-server-search-icon{color:#64748b;color:var(--view-menu-server-text-secondary);font-size:1.125rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.view-menu-server-search-input{background:#fff;background:var(--view-menu-server-bg);border:2px solid #e2e8f0;border:2px solid var(--view-menu-server-border);border-radius:12px;border-radius:var(--view-menu-server-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--view-menu-server-shadow);color:#1e293b;color:var(--view-menu-server-text-primary);font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .2s ease;width:100%}.view-menu-server-search-input:focus{border-color:#3b82f6;border-color:var(--view-menu-server-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.view-menu-server-search-input::placeholder{color:#64748b;color:var(--view-menu-server-text-secondary)}.view-menu-server-categories{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.view-menu-server-category-btn{align-items:center;background:#fff;background:var(--view-menu-server-bg);border:2px solid #e2e8f0;border:2px solid var(--view-menu-server-border);border-radius:12px;border-radius:var(--view-menu-server-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--view-menu-server-shadow);color:#1e293b;color:var(--view-menu-server-text-primary);cursor:pointer;display:flex;font-weight:600;gap:.75rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.view-menu-server-category-btn:before{background:linear-gradient(135deg,#3b82f6,#0000);background:linear-gradient(135deg,var(--category-color,var(--view-menu-server-primary)),#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.view-menu-server-category-btn:hover:before{opacity:.1}.view-menu-server-category-btn:hover{transform:translateY(-2px)}.view-menu-server-category-btn-active,.view-menu-server-category-btn:hover{border-color:#3b82f6;border-color:var(--category-color,var(--view-menu-server-primary));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--view-menu-server-shadow-lg)}.view-menu-server-category-btn-active{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--category-color,var(--view-menu-server-primary)),var(--category-color,var(--view-menu-server-primary-hover)));color:#fff}.view-menu-server-category-btn-active:before{opacity:0}.view-menu-server-category-icon{font-size:1.25rem;position:relative;z-index:1}.view-menu-server-category-text{font-size:1rem;position:relative;z-index:1}.view-menu-server-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;border-radius:var(--view-menu-server-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--view-menu-server-shadow);color:#ef4444;color:var(--view-menu-server-danger);display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.view-menu-server-error-icon{color:#ef4444;color:var(--view-menu-server-danger);font-size:1.25rem}.view-menu-server-error-text{font-weight:500}.view-menu-server-no-results{background:#fff;background:var(--view-menu-server-bg);border-radius:12px;border-radius:var(--view-menu-server-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--view-menu-server-shadow);margin-bottom:2rem;padding:3rem 2rem;text-align:center}.view-menu-server-no-results-icon{color:#64748b;color:var(--view-menu-server-text-secondary);font-size:3rem;margin-bottom:1rem}.view-menu-server-no-results-title{color:#1e293b;color:var(--view-menu-server-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.view-menu-server-no-results-text{color:#64748b;color:var(--view-menu-server-text-secondary);font-size:1rem;margin:0}.view-menu-server-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 0}.view-menu-server-section-title{align-items:center;color:#1e293b;color:var(--view-menu-server-text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.view-menu-server-section-icon{color:#3b82f6;color:var(--view-menu-server-primary);font-size:1.5rem}.view-menu-server-items-count{background:#f8fafc;background:var(--view-menu-server-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--view-menu-server-border);border-radius:8px;border-radius:var(--view-menu-server-radius);color:#64748b;color:var(--view-menu-server-text-secondary);font-size:.875rem;font-weight:500;padding:.5rem 1rem}.view-menu-server-loading{align-items:center;background:#fff;background:var(--view-menu-server-bg);border-radius:12px;border-radius:var(--view-menu-server-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--view-menu-server-shadow);display:flex;flex-direction:column;justify-content:center;margin-bottom:2rem;padding:3rem}.view-menu-server-loading-spinner{animation:viewMenuServerSpin 1s linear infinite;color:#3b82f6;color:var(--view-menu-server-primary);font-size:2rem;margin-bottom:1rem}.view-menu-server-loading-text{color:#64748b;color:var(--view-menu-server-text-secondary);font-size:1rem;font-weight:500;margin:0}@keyframes viewMenuServerSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.view-menu-server-items-container{grid-gap:1.5rem;display:grid;gap:1.5rem}.view-menu-server-items-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.view-menu-server-items-list{grid-template-columns:1fr}.view-menu-server-item-card{background:#fff;background:var(--view-menu-server-bg);border:1px solid #e2e8f0;border:1px solid var(--view-menu-server-border);border-radius:12px;border-radius:var(--view-menu-server-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--view-menu-server-shadow);overflow:hidden;position:relative;transition:all .3s ease}.view-menu-server-item-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--view-menu-server-shadow-lg);transform:translateY(-4px)}.view-menu-server-item-header{align-items:center;background:#f8fafc;background:var(--view-menu-server-bg-secondary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--view-menu-server-border);display:flex;justify-content:space-between;padding:1rem 1.5rem}.view-menu-server-item-category{align-items:center;background:#3b82f6;background:var(--view-menu-server-primary);border-radius:8px;border-radius:var(--view-menu-server-radius);color:#fff;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.25rem .75rem}.view-menu-server-item-category-icon{font-size:.875rem}.view-menu-server-item-status{align-items:center;display:flex;gap:.5rem}.view-menu-server-status-icon{font-size:1.25rem}.view-menu-server-status-active{color:#10b981;color:var(--view-menu-server-success)}.view-menu-server-status-inactive{color:#ef4444;color:var(--view-menu-server-danger)}.view-menu-server-status-text{font-size:.875rem;font-weight:500}.view-menu-server-status-text-active{color:#10b981;color:var(--view-menu-server-success)}.view-menu-server-status-text-inactive{color:#ef4444;color:var(--view-menu-server-danger)}.view-menu-server-item-photo{height:200px;overflow:hidden;position:relative}.view-menu-server-item-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.view-menu-server-item-card:hover .view-menu-server-item-image{transform:scale(1.05)}.view-menu-server-item-no-photo{align-items:center;background:#f8fafc;background:var(--view-menu-server-bg-secondary);color:#64748b;color:var(--view-menu-server-text-secondary);display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center}.view-menu-server-no-photo-icon{font-size:2rem;opacity:.5}.view-menu-server-item-content{padding:1.5rem}.view-menu-server-item-name-section{margin-bottom:1rem}.view-menu-server-item-name{color:#1e293b;color:var(--view-menu-server-text-primary);font-size:1.25rem;font-weight:700;line-height:1.3;margin:0}.view-menu-server-item-price{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.view-menu-server-price-icon{color:#10b981;color:var(--view-menu-server-success);font-size:1rem}.view-menu-server-price-value{color:#10b981;color:var(--view-menu-server-success);font-size:1.125rem;font-weight:600}.view-menu-server-item-description{color:#64748b;color:var(--view-menu-server-text-secondary);font-size:.875rem;line-height:1.5;margin:0}.view-menu-server-edit-form{display:flex;flex-direction:column;gap:.75rem}.view-menu-server-edit-input{background:#fff;background:var(--view-menu-server-bg);border:2px solid #3b82f6;border:2px solid var(--view-menu-server-primary);border-radius:8px;border-radius:var(--view-menu-server-radius);color:#1e293b;color:var(--view-menu-server-text-primary);font-size:1rem;font-weight:600;padding:.75rem}.view-menu-server-edit-input:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.view-menu-server-edit-actions{display:flex;gap:.5rem}.view-menu-server-save-btn{align-items:center;background:#10b981;background:var(--view-menu-server-success);border:none;border-radius:8px;border-radius:var(--view-menu-server-radius);color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.view-menu-server-save-btn:hover{background:#059669;transform:scale(1.05)}.view-menu-server-cancel-btn{align-items:center;background:#ef4444;background:var(--view-menu-server-danger);border:none;border-radius:8px;border-radius:var(--view-menu-server-radius);color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.view-menu-server-cancel-btn:hover{background:#dc2626;transform:scale(1.05)}.view-menu-server-item-actions{background:#f8fafc;background:var(--view-menu-server-bg-secondary);border-top:1px solid #e2e8f0;border-top:1px solid var(--view-menu-server-border);display:flex;gap:.75rem;padding:1rem 1.5rem}.view-menu-server-edit-btn{align-items:center;background:#fff;background:var(--view-menu-server-bg);border:1px solid #e2e8f0;border:1px solid var(--view-menu-server-border);border-radius:8px;border-radius:var(--view-menu-server-radius);color:#1e293b;color:var(--view-menu-server-text-primary);cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.view-menu-server-edit-btn:hover:not(:disabled){background:#3b82f6;background:var(--view-menu-server-primary);border-color:#3b82f6;border-color:var(--view-menu-server-primary);color:#fff;transform:translateY(-1px)}.view-menu-server-edit-btn:disabled{cursor:not-allowed;opacity:.5}.view-menu-server-toggle-btn{align-items:center;border:1px solid;border-radius:8px;border-radius:var(--view-menu-server-radius);cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.view-menu-server-toggle-btn-activate{background:#10b981;background:var(--view-menu-server-success);border-color:#10b981;border-color:var(--view-menu-server-success);color:#fff}.view-menu-server-toggle-btn-activate:hover:not(:disabled){background:#059669;border-color:#059669;transform:translateY(-1px)}.view-menu-server-toggle-btn-deactivate{background:#ef4444;background:var(--view-menu-server-danger);border-color:#ef4444;border-color:var(--view-menu-server-danger);color:#fff}.view-menu-server-toggle-btn-deactivate:hover:not(:disabled){background:#dc2626;border-color:#dc2626;transform:translateY(-1px)}.view-menu-server-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.view-menu-server-loading-icon{animation:viewMenuServerSpin 1s linear infinite}.view-menu-server-popup{animation:viewMenuServerPopupSlideIn .3s ease-out;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.view-menu-server-popup-content{align-items:center;background:#fff;background:var(--view-menu-server-bg);border:1px solid #e2e8f0;border:1px solid var(--view-menu-server-border);border-radius:12px;border-radius:var(--view-menu-server-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--view-menu-server-shadow-lg);display:flex;gap:.75rem;padding:1rem 1.5rem}.view-menu-server-popup-icon{color:#10b981;color:var(--view-menu-server-success);font-size:1.25rem}.view-menu-server-popup-text{color:#1e293b;color:var(--view-menu-server-text-primary);font-weight:500}@keyframes viewMenuServerPopupSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width:768px){.view-menu-server-container{padding:1rem}.view-menu-server-header{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.view-menu-server-title-section{flex-direction:column;gap:.75rem}.view-menu-server-title-icon{font-size:2rem}.view-menu-server-title{font-size:1.5rem}.view-menu-server-categories{gap:.75rem;grid-template-columns:repeat(2,1fr)}.view-menu-server-category-btn{flex-direction:column;gap:.5rem;padding:.75rem 1rem;text-align:center}.view-menu-server-category-text{font-size:.875rem}.view-menu-server-items-grid{grid-template-columns:1fr}.view-menu-server-item-photo{height:150px}.view-menu-server-item-content{padding:1rem}.view-menu-server-item-actions{flex-direction:column;gap:.5rem}.view-menu-server-section-header{flex-direction:column;gap:.75rem;text-align:center}}@media (max-width:480px){.view-menu-server-container{padding:.75rem}.view-menu-server-header{padding:1rem}.view-menu-server-title-icon{font-size:1.75rem}.view-menu-server-title{font-size:1.25rem}.view-menu-server-subtitle{font-size:.875rem}.view-menu-server-categories{grid-template-columns:1fr}.view-menu-server-search-container{max-width:100%}.view-menu-server-item-photo{height:120px}.view-menu-server-item-content{padding:.75rem}.view-menu-server-item-name{font-size:1.125rem}.view-menu-server-item-actions{padding:.75rem}}:root{--server-interface-primary-color:#3b82f6;--server-interface-primary-hover:#2563eb;--server-interface-secondary-color:#6b7280;--server-interface-secondary-hover:#4b5563;--server-interface-success-color:#10b981;--server-interface-success-hover:#059669;--server-interface-danger-color:#ef4444;--server-interface-danger-hover:#dc2626;--server-interface-warning-color:#f59e0b;--server-interface-warning-hover:#d97706;--server-interface-info-color:#06b6d4;--server-interface-info-hover:#0891b2;--server-interface-bg-color:#fff;--server-interface-bg-secondary:#f8fafc;--server-interface-bg-tertiary:#f1f5f9;--server-interface-text-primary:#1f2937;--server-interface-text-secondary:#6b7280;--server-interface-text-tertiary:#9ca3af;--server-interface-border-color:#e5e7eb;--server-interface-border-radius:8px;--server-interface-border-radius-lg:12px;--server-interface-shadow-sm:0 1px 2px 0 #0000000d;--server-interface-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--server-interface-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--server-interface-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--server-interface-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--server-interface-transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box}body{background-color:#f8fafc;background-color:var(--server-interface-bg-secondary);color:#1f2937;color:var(--server-interface-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;margin:0}.server-interface-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;min-height:100vh}.server-interface-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--server-interface-bg-color);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--server-interface-border-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--server-interface-shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.server-interface-header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.server-interface-brand{align-items:center;display:flex;flex-shrink:0;gap:1rem}.server-interface-brand-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--server-interface-primary-color),var(--server-interface-primary-hover));border-radius:12px;border-radius:var(--server-interface-border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--server-interface-shadow-md);color:#fff;display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.server-interface-brand-text{display:flex;flex-direction:column;gap:.25rem}.server-interface-title{color:#1f2937;color:var(--server-interface-text-primary);font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.server-interface-subtitle{color:#6b7280;color:var(--server-interface-text-secondary);font-size:.875rem;font-weight:500;margin:0}.server-interface-desktop-nav{align-items:center;display:flex;flex:1 1;justify-content:center}.server-interface-nav-items{align-items:center;background:#f1f5f9;background:var(--server-interface-bg-tertiary);border-radius:12px;border-radius:var(--server-interface-border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--server-interface-shadow-sm);display:flex;gap:.5rem;padding:.5rem}.server-interface-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--server-interface-border-radius);color:#6b7280;color:var(--server-interface-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--server-interface-transition)}.server-interface-nav-item:hover{background:#fff;background:var(--server-interface-bg-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--server-interface-shadow-sm);color:#1f2937;color:var(--server-interface-text-primary);transform:translateY(-1px)}.server-interface-nav-item-active{background:#3b82f6;background:var(--server-interface-primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--server-interface-shadow-md);color:#fff}.server-interface-nav-item-active:hover{background:#2563eb;background:var(--server-interface-primary-hover);color:#fff;transform:translateY(-1px)}.server-interface-nav-icon{flex-shrink:0;font-size:1rem}.server-interface-nav-text{font-weight:500}.server-interface-nav-badge{align-items:center;animation:serverInterfacePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:50px;box-shadow:0 2px 8px #ef444466;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:.25rem .5rem;position:absolute;right:-8px;top:-8px;z-index:10}@keyframes serverInterfacePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.server-interface-header-actions{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.server-interface-action-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--server-interface-border-radius);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;padding:.75rem 1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--server-interface-transition)}.server-interface-action-btn-primary{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--server-interface-success-color),var(--server-interface-success-hover));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--server-interface-shadow-md);color:#fff}.server-interface-action-btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--server-interface-shadow-lg);transform:translateY(-2px)}.server-interface-action-btn-secondary{background:#fff;background:var(--server-interface-bg-color);border:1px solid #e5e7eb;border:1px solid var(--server-interface-border-color);color:#6b7280;color:var(--server-interface-text-secondary)}.server-interface-action-btn-secondary:hover{background:#f1f5f9;background:var(--server-interface-bg-tertiary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--server-interface-shadow-sm);color:#1f2937;color:var(--server-interface-text-primary);transform:translateY(-1px)}.server-interface-action-icon{font-size:1rem}.server-interface-action-text{font-weight:600}.server-interface-mobile-header{background:#fff;background:var(--server-interface-bg-color);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--server-interface-border-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--server-interface-shadow-sm);display:none;padding:1rem 2rem;position:absolute;right:0;top:0;z-index:1001}.server-interface-mobile-menu-toggle{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--server-interface-primary-color),var(--server-interface-primary-hover));border:none;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--server-interface-shadow-md);cursor:pointer;display:flex;flex-direction:column;gap:4px;height:48px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--server-interface-transition);width:48px}.server-interface-mobile-menu-toggle:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--server-interface-shadow-lg);transform:translateY(-2px)}.server-interface-mobile-menu-toggle:active{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--server-interface-shadow-sm);transform:translateY(0)}.server-interface-mobile-menu-line{background:#fff;border-radius:1px;box-shadow:0 1px 2px #0000001a;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--server-interface-transition);width:20px}.server-interface-mobile-menu-toggle-open .server-interface-mobile-menu-line:first-child{transform:rotate(45deg) translate(5px,5px)}.server-interface-mobile-menu-toggle-open .server-interface-mobile-menu-line:nth-child(2){opacity:0;transform:scale(0)}.server-interface-mobile-menu-toggle-open .server-interface-mobile-menu-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.server-interface-mobile-menu-badge{animation:serverInterfacePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;box-shadow:0 2px 8px #ef444466;font-weight:700;height:20px;min-width:20px;right:-8px;top:-8px;z-index:10}.server-interface-mobile-menu{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--server-interface-transition);z-index:2000}.server-interface-mobile-menu-open{display:flex;opacity:1}.server-interface-mobile-menu-content{background:linear-gradient(135deg,#fff,#f8fafc);background:linear-gradient(135deg,var(--server-interface-bg-color) 0,#f8fafc 100%);border-left:1px solid #e5e7eb;border-left:1px solid var(--server-interface-border-color);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--server-interface-shadow-xl);display:flex;flex-direction:column;height:100%;margin-left:auto;transform:translateX(100%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--server-interface-transition);width:360px}.server-interface-mobile-menu-open .server-interface-mobile-menu-content{transform:translateX(0)}.server-interface-mobile-menu-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--server-interface-primary-color),var(--server-interface-primary-hover));border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--server-interface-border-color);color:#fff;display:flex;justify-content:space-between;padding:2rem 1.5rem 1.5rem}.server-interface-mobile-menu-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.server-interface-mobile-menu-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--server-interface-transition);width:44px}.server-interface-mobile-menu-close:hover{background:#ffffff4d;transform:scale(1.05)}.server-interface-mobile-menu-items{display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1.5rem 1rem}.server-interface-mobile-menu-item{align-items:center;background:#fff;background:var(--server-interface-bg-color);border:1px solid #e5e7eb;border:1px solid var(--server-interface-border-color);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--server-interface-shadow-sm);color:#6b7280;color:var(--server-interface-text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:1rem;padding:1.25rem 1rem;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--server-interface-transition);width:100%}.server-interface-mobile-menu-item:hover{background:#f1f5f9;background:var(--server-interface-bg-tertiary);border-color:#3b82f6;border-color:var(--server-interface-primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--server-interface-shadow-md);color:#1f2937;color:var(--server-interface-text-primary);transform:translateY(-2px)}.server-interface-mobile-menu-item-active{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--server-interface-primary-color),var(--server-interface-primary-hover));border-color:#2563eb;border-color:var(--server-interface-primary-hover);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--server-interface-shadow-lg);color:#fff}.server-interface-mobile-menu-item-active:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--server-interface-shadow-xl);transform:translateY(-2px)}.server-interface-mobile-menu-item-primary{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--server-interface-success-color),var(--server-interface-success-hover));border-color:#059669;border-color:var(--server-interface-success-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--server-interface-shadow-md);color:#fff;font-weight:600}.server-interface-mobile-menu-item-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--server-interface-shadow-lg);transform:translateY(-2px)}.server-interface-mobile-menu-icon{flex-shrink:0;font-size:1.25rem}.server-interface-mobile-menu-text{font-weight:500}.server-interface-mobile-menu-badge{align-items:center;background:#ef4444;background:var(--server-interface-danger-color);border-radius:50px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--server-interface-shadow-sm);color:#fff;display:flex;font-size:.75rem;font-weight:600;height:1.25rem;justify-content:center;min-width:1.25rem;padding:.25rem .5rem;position:absolute;top:-.75rem}.server-interface-mobile-menu-footer{background:#f1f5f9;background:var(--server-interface-bg-tertiary);border-top:1px solid #e5e7eb;border-top:1px solid var(--server-interface-border-color);padding:1.5rem 1rem}.server-interface-mobile-menu-logout{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--server-interface-danger-color),var(--server-interface-danger-hover));border:none;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--server-interface-shadow-md);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:1rem;padding:1.25rem 1rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--server-interface-transition);width:100%}.server-interface-mobile-menu-logout:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--server-interface-shadow-lg);transform:translateY(-2px)}.server-interface-logout-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:3000}.server-interface-logout-popup{animation:serverInterfaceSlideIn .3s ease-out;background:#fff;background:var(--server-interface-bg-color);border-radius:12px;border-radius:var(--server-interface-border-radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--server-interface-shadow-xl);max-width:400px;padding:2rem;width:100%}@keyframes serverInterfaceSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.server-interface-logout-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.server-interface-logout-icon{align-items:center;background:#ef4444;background:var(--server-interface-danger-color);border-radius:12px;border-radius:var(--server-interface-border-radius-lg);color:#fff;display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.server-interface-logout-title{color:#1f2937;color:var(--server-interface-text-primary);font-size:1.25rem;font-weight:700;margin:0}.server-interface-logout-message{color:#6b7280;color:var(--server-interface-text-secondary);line-height:1.6;margin-bottom:2rem}.server-interface-logout-actions{display:flex;gap:.75rem}.server-interface-logout-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--server-interface-border-radius);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--server-interface-transition)}.server-interface-logout-btn-cancel{background:#f1f5f9;background:var(--server-interface-bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--server-interface-border-color);color:#6b7280;color:var(--server-interface-text-secondary)}.server-interface-logout-btn-cancel:hover{background:#6b7280;background:var(--server-interface-secondary-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--server-interface-shadow-sm);color:#fff;transform:translateY(-1px)}.server-interface-logout-btn-confirm{background:#ef4444;background:var(--server-interface-danger-color);color:#fff}.server-interface-logout-btn-confirm:hover{background:#dc2626;background:var(--server-interface-danger-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--server-interface-shadow-md);transform:translateY(-1px)}.server-interface-unauthorized-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.server-interface-unauthorized-popup{animation:serverInterfaceSlideIn .6s ease-out;background:#fff;background:var(--server-interface-bg-color);border-radius:12px;border-radius:var(--server-interface-border-radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--server-interface-shadow-xl);max-width:450px;padding:3rem 2rem;text-align:center;width:100%}.server-interface-unauthorized-icon{align-items:center;animation:serverInterfacePulse 2s ease-in-out infinite;background:#ef4444;background:var(--server-interface-danger-color);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.server-interface-unauthorized-title{color:#ef4444;color:var(--server-interface-danger-color);font-size:1.75rem;font-weight:700;margin-bottom:1rem}.server-interface-unauthorized-message{color:#6b7280;color:var(--server-interface-text-secondary);font-size:1rem;margin-bottom:1rem}.server-interface-unauthorized-redirect{animation:serverInterfaceBlink 1.5s ease-in-out infinite;color:#3b82f6;color:var(--server-interface-primary-color);font-size:.9rem;font-weight:600}@keyframes serverInterfaceBlink{0%,to{opacity:1}50%{opacity:.5}}.server-interface-main{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;width:100%}@media (max-width:1200px){.server-interface-header-content{gap:1.5rem;padding:1rem 1.5rem}.server-interface-nav-items{gap:.25rem}.server-interface-nav-item{min-width:100px;padding:.625rem .75rem}.server-interface-action-text,.server-interface-nav-text{display:none}.server-interface-action-btn{min-width:auto;padding:.75rem}}@media (max-width:1024px){.server-interface-desktop-nav,.server-interface-header-actions{display:none}.server-interface-mobile-header{align-items:center;background:#0000;border:none;box-shadow:none;display:block;display:flex;justify-content:center;padding:0;position:fixed;right:1rem;top:1rem;z-index:1001}.server-interface-header-content{justify-content:space-between}.server-interface-brand-text{display:none}.server-interface-main{padding:1rem}}@media (max-width:768px){.server-interface-header-content{padding:1rem}.server-interface-brand-icon{font-size:1rem;height:36px;width:36px}.server-interface-title{font-size:1.25rem}.server-interface-mobile-header{right:.75rem;top:.75rem}.server-interface-mobile-menu-toggle{height:36px;width:36px}.server-interface-mobile-menu-content{width:100%}.server-interface-main{padding:.75rem}}@media (max-width:480px){.server-interface-header-content{padding:.75rem}.server-interface-brand-icon{font-size:.875rem;height:36px;width:36px}.server-interface-title{font-size:1.125rem}.server-interface-mobile-header{right:.75rem;top:.75rem}.server-interface-mobile-menu-toggle{height:36px;width:36px}.server-interface-logout-popup{padding:1.5rem}.server-interface-logout-actions{flex-direction:column}}.cook-dash-container{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:1rem}.cook-dash-header{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem}.cook-dash-header-content{align-items:center;display:flex;justify-content:space-between;padding:1rem 1.5rem}.cook-dash-title-section{align-items:center;display:flex;gap:1rem}.cook-dash-title-icon{color:#3b82f6;font-size:2rem}.cook-dash-title-text{display:flex;flex-direction:column;gap:.25rem}.cook-dash-title{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.cook-dash-subtitle{color:#64748b;font-size:.875rem;margin:0}.cook-dash-logout-btn{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:background .2s ease}.cook-dash-logout-btn:hover{background:#dc2626}.cook-dash-quick-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.cook-dash-action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.cook-dash-action-btn:hover{border-color:#3b82f6;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.cook-dash-action-icon{color:#3b82f6;font-size:1.5rem}.cook-dash-action-text{display:flex;flex-direction:column;gap:.25rem}.cook-dash-action-title{color:#1e293b;font-size:1rem;font-weight:600}.cook-dash-action-subtitle{color:#64748b;font-size:.75rem}.cook-dash-dishes-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.cook-dash-section-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.cook-dash-section-title{align-items:center;color:#1e293b;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.cook-dash-section-icon{color:#3b82f6;font-size:1.25rem}.cook-dash-dishes-count{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.cook-dash-search-container{margin-bottom:1rem;position:relative}.cook-dash-search-icon{color:#64748b;font-size:1rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.cook-dash-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;font-size:.875rem;padding:.75rem 2.5rem;transition:border-color .2s ease;width:100%}.cook-dash-search-input:focus{border-color:#3b82f6;outline:none}.cook-dash-search-clear{background:#0000;border:none;color:#64748b;cursor:pointer;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.cook-dash-search-clear:hover{color:#ef4444}.cook-dash-dishes-loading,.cook-dash-loading-container{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:2rem}.cook-dash-dishes-spinner,.cook-dash-loading-spinner{animation:cookDashSpin 1s linear infinite;color:#3b82f6;font-size:2rem;margin-bottom:.75rem}.cook-dash-loading-text{color:#64748b;font-size:.875rem;font-weight:500;margin:0}@keyframes cookDashSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cook-dash-dishes-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.cook-dash-dish-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1rem;transition:all .2s ease}.cook-dash-dish-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.cook-dash-dish-prepared{background:#f0fdf4;border-color:#10b981}.cook-dash-dish-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.cook-dash-dish-info{align-items:flex-start;display:flex;flex:1 1;gap:.5rem}.cook-dash-dish-icon{color:#3b82f6;flex-shrink:0;font-size:1.25rem}.cook-dash-dish-details{display:flex;flex-direction:column;gap:.25rem}.cook-dash-dish-name{color:#1e293b;font-size:1rem;font-weight:600;line-height:1.3;margin:0}.cook-dash-dish-quantity{background:#3b82f6;border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.cook-dash-dish-status{align-items:center;border-radius:4px;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem;white-space:nowrap}.cook-dash-status-prepared{background:#d1fae5;color:#10b981}.cook-dash-status-not-ready{background:#fef3c7;color:#f59e0b}.cook-dash-status-pending{background:#fee2e2;color:#ef4444}.cook-dash-dish-meta{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-bottom:.75rem}.cook-dash-dish-category,.cook-dash-dish-client,.cook-dash-dish-table{display:flex;flex-direction:column;gap:.25rem}.cook-dash-meta-label{color:#94a3b8;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.cook-dash-meta-value{color:#1e293b;font-size:.875rem;font-weight:600}.cook-dash-dish-expanded{background:#f8fafc;border-radius:4px;margin-bottom:.75rem;padding:.5rem}.cook-dash-dish-email{color:#64748b;font-size:.75rem;margin:0;word-break:break-all}.cook-dash-dish-actions{display:flex;gap:.5rem}.cook-dash-expand-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;flex-shrink:0;padding:.5rem;transition:all .2s ease}.cook-dash-expand-btn:hover{background:#e2e8f0;color:#1e293b}.cook-dash-action-prepare{align-items:center;background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.75rem;font-weight:500;gap:.25rem;justify-content:center;padding:.5rem .75rem;transition:background .2s ease}.cook-dash-action-prepare:hover{background:#059669}.cook-dash-action-cancel{background:#ef4444}.cook-dash-action-cancel:hover{background:#dc2626}.cook-dash-no-dishes{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;padding:2rem 1rem;text-align:center}.cook-dash-no-dishes-icon{color:#94a3b8;font-size:2rem;margin-bottom:.75rem;opacity:.5}.cook-dash-no-dishes h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .5rem}.cook-dash-no-dishes p{color:#64748b;font-size:.875rem;margin:0}.cook-dash-popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.cook-dash-popup{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:100%}.cook-dash-menu-popup{max-width:1000px}.cook-dash-popup-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.cook-dash-popup-title-section{align-items:center;display:flex;gap:.5rem}.cook-dash-popup-icon{color:#3b82f6;font-size:1.25rem}.cook-dash-popup-title-section h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.cook-dash-popup-close{background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:1rem;padding:.25rem;transition:all .2s ease}.cook-dash-popup-close:hover{background:#f1f5f9;color:#1e293b}.cook-dash-popup-content{flex:1 1;overflow-y:auto;padding:1.5rem}.cook-dash-menu-content{padding:0}.cook-dash-schedule-table-wrapper{margin-bottom:1rem;overflow-x:auto}.em-schedule-table{background:#fff;border-collapse:initial;border-radius:6px;border-spacing:0;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.em-schedule-table thead{background:#3b82f6}.em-schedule-table th{color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.75rem;text-align:left;text-transform:uppercase}.em-schedule-table td{border-top:1px solid #e2e8f0;color:#1e293b;font-size:.75rem;padding:.75rem}.em-schedule-table tbody tr:hover{background:#f8fafc}.cook-dash-hours-summary{align-items:center;background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;display:flex;gap:.75rem;padding:1rem}.cook-dash-hours-icon{color:#f59e0b;font-size:1.5rem}.cook-dash-hours-details{display:flex;flex-direction:column;gap:.25rem}.cook-dash-hours-label{color:#64748b;font-size:.75rem;font-weight:500}.cook-dash-hours-value{color:#1e293b;font-size:1.25rem;font-weight:700}.cook-dash-unauthorized-container{align-items:center;background:#fee2e2;display:flex;justify-content:center;min-height:100vh;padding:1rem}.cook-dash-unauthorized-popup{background:#fff;border:1px solid #ef4444;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:350px;padding:2rem 1.5rem;text-align:center}.cook-dash-unauthorized-icon{color:#ef4444;font-size:3rem;margin-bottom:.75rem}.cook-dash-unauthorized-popup h2{color:#ef4444;font-size:1.5rem;font-weight:600;margin:0 0 .75rem}.cook-dash-unauthorized-popup p{color:#64748b;font-size:.875rem;margin:0 0 .5rem}.cook-dash-unauthorized-redirect{color:#3b82f6!important;font-weight:600}@media (max-width:768px){.cook-dash-container{padding:.75rem}.cook-dash-header-content{padding:.75rem;text-align:center}.cook-dash-header-content,.cook-dash-title-section{flex-direction:column;gap:.75rem}.cook-dash-title-icon{font-size:1.5rem}.cook-dash-title{font-size:1.25rem}.cook-dash-subtitle{font-size:.75rem}.cook-dash-logout-btn{justify-content:center;width:100%}.cook-dash-quick-actions{gap:.75rem;grid-template-columns:1fr}.cook-dash-dishes-section{padding:1rem}.cook-dash-section-header{flex-direction:column;gap:.5rem;text-align:center}.cook-dash-section-title{font-size:1rem}.cook-dash-dishes-grid{gap:.75rem;grid-template-columns:1fr}.cook-dash-dish-card{padding:.75rem}.cook-dash-dish-meta{grid-template-columns:repeat(2,1fr)}.cook-dash-dish-actions{flex-direction:column}.cook-dash-expand-btn{width:100%}.cook-dash-popup{margin:.5rem;max-height:95vh}.cook-dash-popup-header{padding:.75rem}.cook-dash-popup-title-section h2{font-size:1rem}.cook-dash-popup-content{padding:1rem}.em-schedule-table td,.em-schedule-table th{font-size:.75rem;padding:.5rem}.cook-dash-hours-summary{padding:.75rem}.cook-dash-hours-icon{font-size:1.25rem}.cook-dash-hours-value{font-size:1rem}}@media (max-width:480px){.cook-dash-container{padding:.5rem}.cook-dash-title-icon{font-size:1.25rem}.cook-dash-title{font-size:1rem}.cook-dash-action-btn{padding:.75rem}.cook-dash-action-icon{font-size:1.25rem}.cook-dash-dishes-section{padding:.75rem}.cook-dash-search-input{font-size:.75rem;padding:.625rem 2rem}.cook-dash-dish-meta{gap:.5rem;grid-template-columns:1fr}.cook-dash-unauthorized-popup{padding:1.5rem 1rem}.cook-dash-unauthorized-icon{font-size:2rem}.cook-dash-unauthorized-popup h2{font-size:1.25rem}}:root{--bar-dash-primary:#3b82f6;--bar-dash-primary-hover:#2563eb;--bar-dash-primary-dark:#1e40af;--bar-dash-secondary:#6b7280;--bar-dash-success:#10b981;--bar-dash-success-hover:#059669;--bar-dash-danger:#ef4444;--bar-dash-danger-hover:#dc2626;--bar-dash-warning:#f59e0b;--bar-dash-bg:#fff;--bar-dash-bg-secondary:#f8fafc;--bar-dash-bg-tertiary:#f1f5f9;--bar-dash-border:#e2e8f0;--bar-dash-text-primary:#1e293b;--bar-dash-text-secondary:#64748b;--bar-dash-text-muted:#94a3b8;--bar-dash-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--bar-dash-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--bar-dash-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--bar-dash-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--bar-dash-radius:8px;--bar-dash-radius-lg:12px;--bar-dash-radius-xl:16px}.bar-dash-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:1.5rem}.bar-dash-header{background:#fff;background:var(--bar-dash-bg);border:1px solid #e2e8f0;border:1px solid var(--bar-dash-border);border-radius:12px;border-radius:var(--bar-dash-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--bar-dash-shadow-lg);margin-bottom:2rem}.bar-dash-header-content{align-items:center;display:flex;justify-content:space-between;padding:1.5rem 2rem}.bar-dash-title-section{align-items:center;display:flex;gap:1.5rem}.bar-dash-title-icon{-webkit-text-fill-color:#0000;animation:barDashIconPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--bar-dash-primary),var(--bar-dash-primary-hover));-webkit-background-clip:text;background-clip:text;font-size:3rem}@keyframes barDashIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.bar-dash-title-text{display:flex;flex-direction:column;gap:.25rem}.bar-dash-title{color:#1e293b;color:var(--bar-dash-text-primary);font-size:2rem;font-weight:700;line-height:1.2;margin:0}.bar-dash-subtitle{color:#64748b;color:var(--bar-dash-text-secondary);font-size:1rem;font-weight:400;margin:0}.bar-dash-logout-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--bar-dash-danger),var(--bar-dash-danger-hover));border:none;border-radius:8px;border-radius:var(--bar-dash-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--bar-dash-shadow);color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.bar-dash-logout-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--bar-dash-shadow-lg);transform:translateY(-2px)}.bar-dash-quick-actions{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.bar-dash-action-btn{align-items:center;background:#fff;background:var(--bar-dash-bg);border:2px solid #e2e8f0;border:2px solid var(--bar-dash-border);border-radius:12px;border-radius:var(--bar-dash-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--bar-dash-shadow);cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.bar-dash-action-btn:hover{border-color:#3b82f6;border-color:var(--bar-dash-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--bar-dash-shadow-lg);transform:translateY(-4px)}.bar-dash-schedule-btn:hover{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;border-color:var(--bar-dash-warning)}.bar-dash-menu-btn:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;border-color:var(--bar-dash-primary)}.bar-dash-action-icon{color:#3b82f6;color:var(--bar-dash-primary);font-size:2.5rem}.bar-dash-schedule-btn .bar-dash-action-icon{color:#f59e0b;color:var(--bar-dash-warning)}.bar-dash-action-text{display:flex;flex-direction:column;gap:.25rem}.bar-dash-action-title{color:#1e293b;color:var(--bar-dash-text-primary);font-size:1.125rem;font-weight:600}.bar-dash-action-subtitle{color:#64748b;color:var(--bar-dash-text-secondary);font-size:.875rem}.bar-dash-drinks-section{background:#fff;background:var(--bar-dash-bg);border:1px solid #e2e8f0;border:1px solid var(--bar-dash-border);border-radius:12px;border-radius:var(--bar-dash-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--bar-dash-shadow-lg);padding:2rem}.bar-dash-section-header{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--bar-dash-border);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.bar-dash-section-title{align-items:center;color:#1e293b;color:var(--bar-dash-text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.bar-dash-section-icon{color:#3b82f6;color:var(--bar-dash-primary);font-size:1.5rem}.bar-dash-drinks-count{background:#f8fafc;background:var(--bar-dash-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--bar-dash-border);border-radius:8px;border-radius:var(--bar-dash-radius);color:#64748b;color:var(--bar-dash-text-secondary);font-size:.875rem;font-weight:500;padding:.5rem 1rem}.bar-dash-search-container{margin-bottom:1.5rem;position:relative}.bar-dash-search-icon{color:#64748b;color:var(--bar-dash-text-secondary);font-size:1.125rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.bar-dash-search-input{background:#fff;background:var(--bar-dash-bg);border:2px solid #e2e8f0;border:2px solid var(--bar-dash-border);border-radius:12px;border-radius:var(--bar-dash-radius-lg);color:#1e293b;color:var(--bar-dash-text-primary);font-size:1rem;padding:1rem 3rem;transition:all .2s ease;width:100%}.bar-dash-search-input:focus{border-color:#3b82f6;border-color:var(--bar-dash-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.bar-dash-search-input::placeholder{color:#94a3b8;color:var(--bar-dash-text-muted)}.bar-dash-search-clear{background:#0000;border:none;color:#64748b;color:var(--bar-dash-text-secondary);cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .2s ease}.bar-dash-search-clear:hover{color:#ef4444;color:var(--bar-dash-danger)}.bar-dash-drinks-loading,.bar-dash-loading-container{align-items:center;background:#fff;background:var(--bar-dash-bg);border-radius:12px;border-radius:var(--bar-dash-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--bar-dash-shadow);display:flex;flex-direction:column;justify-content:center;padding:3rem}.bar-dash-drinks-spinner,.bar-dash-loading-spinner{animation:barDashSpin 1s linear infinite;color:#3b82f6;color:var(--bar-dash-primary);font-size:2.5rem;margin-bottom:1rem}.bar-dash-loading-text{color:#64748b;color:var(--bar-dash-text-secondary);font-size:1rem;font-weight:500;margin:0}@keyframes barDashSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bar-dash-drinks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.bar-dash-drink-card{background:#fff;background:var(--bar-dash-bg);border:2px solid #e2e8f0;border:2px solid var(--bar-dash-border);border-radius:12px;border-radius:var(--bar-dash-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--bar-dash-shadow);padding:1.5rem;transition:all .3s ease}.bar-dash-drink-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--bar-dash-shadow-lg);transform:translateY(-4px)}.bar-dash-drink-prepared{background:linear-gradient(180deg,#fff,#f0fdf4);background:linear-gradient(to bottom,var(--bar-dash-bg),#f0fdf4);border-color:#10b981;border-color:var(--bar-dash-success)}.bar-dash-drink-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--bar-dash-border);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.bar-dash-drink-info{align-items:flex-start;display:flex;flex:1 1;gap:.75rem}.bar-dash-drink-icon{color:#3b82f6;color:var(--bar-dash-primary);flex-shrink:0;font-size:1.75rem}.bar-dash-drink-details{display:flex;flex-direction:column;gap:.25rem}.bar-dash-drink-name{color:#1e293b;color:var(--bar-dash-text-primary);font-size:1.125rem;font-weight:600;line-height:1.3;margin:0}.bar-dash-drink-quantity{background:#3b82f6;background:var(--bar-dash-primary);color:#fff;display:inline-block;font-weight:600;padding:.125rem .5rem}.bar-dash-drink-quantity,.bar-dash-drink-status{border-radius:8px;border-radius:var(--bar-dash-radius);font-size:.75rem}.bar-dash-drink-status{align-items:center;display:flex;font-weight:500;gap:.375rem;padding:.375rem .75rem;white-space:nowrap}.bar-dash-status-prepared{background:#d1fae5;color:#10b981;color:var(--bar-dash-success)}.bar-dash-status-pending{background:#fee2e2;color:#ef4444;color:var(--bar-dash-danger)}.bar-dash-drink-meta{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.bar-dash-drink-client,.bar-dash-drink-table{display:flex;flex-direction:column;gap:.25rem}.bar-dash-meta-label{color:#94a3b8;color:var(--bar-dash-text-muted);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.bar-dash-meta-value{color:#1e293b;color:var(--bar-dash-text-primary);font-size:1rem;font-weight:600}.bar-dash-drink-expanded{background:#f8fafc;background:var(--bar-dash-bg-secondary);border-radius:8px;border-radius:var(--bar-dash-radius);margin-bottom:1rem;padding:.75rem}.bar-dash-drink-email{color:#64748b;color:var(--bar-dash-text-secondary);font-size:.875rem;margin:0;word-break:break-all}.bar-dash-drink-actions{display:flex;gap:.75rem}.bar-dash-expand-btn{background:#f8fafc;background:var(--bar-dash-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--bar-dash-border);border-radius:8px;border-radius:var(--bar-dash-radius);color:#64748b;color:var(--bar-dash-text-secondary);cursor:pointer;flex-shrink:0;padding:.625rem;transition:all .2s ease}.bar-dash-expand-btn:hover{background:#f1f5f9;background:var(--bar-dash-bg-tertiary);color:#1e293b;color:var(--bar-dash-text-primary)}.bar-dash-action-prepare{align-items:center;background:#10b981;background:var(--bar-dash-success);border:none;border-radius:8px;border-radius:var(--bar-dash-radius);color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.bar-dash-action-prepare:hover{background:#059669;background:var(--bar-dash-success-hover);transform:translateY(-1px)}.bar-dash-action-unprepare{background:#ef4444;background:var(--bar-dash-danger)}.bar-dash-action-unprepare:hover{background:#dc2626;background:var(--bar-dash-danger-hover)}.bar-dash-no-drinks{background:#f8fafc;background:var(--bar-dash-bg-secondary);border:2px dashed #e2e8f0;border:2px dashed var(--bar-dash-border);border-radius:12px;border-radius:var(--bar-dash-radius-lg);padding:3rem 2rem;text-align:center}.bar-dash-no-drinks-icon{color:#94a3b8;color:var(--bar-dash-text-muted);font-size:3rem;margin-bottom:1rem;opacity:.5}.bar-dash-no-drinks h3{color:#1e293b;color:var(--bar-dash-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.bar-dash-no-drinks p{color:#64748b;color:var(--bar-dash-text-secondary);font-size:1rem;margin:0}.bar-dash-popup-overlay{align-items:center;animation:barDashFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}@keyframes barDashFadeIn{0%{opacity:0}to{opacity:1}}.bar-dash-popup{animation:barDashSlideUp .3s ease-out;background:#fff;background:var(--bar-dash-bg);border-radius:16px;border-radius:var(--bar-dash-radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--bar-dash-shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.bar-dash-menu-popup{max-width:1200px}@keyframes barDashSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bar-dash-popup-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--bar-dash-border);display:flex;justify-content:space-between;padding:1.5rem 2rem}.bar-dash-popup-title-section{align-items:center;display:flex;gap:.75rem}.bar-dash-popup-icon{color:#3b82f6;color:var(--bar-dash-primary);font-size:1.5rem}.bar-dash-popup-title-section h2{color:#1e293b;color:var(--bar-dash-text-primary);font-size:1.5rem;font-weight:700;margin:0}.bar-dash-popup-close{background:#0000;border:none;border-radius:8px;border-radius:var(--bar-dash-radius);color:#64748b;color:var(--bar-dash-text-secondary);cursor:pointer;font-size:1.25rem;padding:.5rem;transition:all .2s ease}.bar-dash-popup-close:hover{background:#f8fafc;background:var(--bar-dash-bg-secondary);color:#1e293b;color:var(--bar-dash-text-primary)}.bar-dash-popup-content{flex:1 1;overflow-y:auto;padding:2rem}.bar-dash-menu-content{padding:0}.bar-dash-schedule-table-wrapper{margin-bottom:1.5rem;overflow-x:auto}.bar-schedule-table{background:#fff;background:var(--bar-dash-bg);border-collapse:initial;border-radius:8px;border-radius:var(--bar-dash-radius);border-spacing:0;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--bar-dash-shadow);overflow:hidden;width:100%}.bar-schedule-table thead{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--bar-dash-primary),var(--bar-dash-primary-hover))}.bar-schedule-table th{color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.bar-schedule-table td{border-top:1px solid #e2e8f0;border-top:1px solid var(--bar-dash-border);color:#1e293b;color:var(--bar-dash-text-primary);font-size:.875rem;padding:1rem}.bar-schedule-table tbody tr:hover{background:#f8fafc;background:var(--bar-dash-bg-secondary)}.bar-dash-hours-summary{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:12px;border-radius:var(--bar-dash-radius-lg);display:flex;gap:1rem;padding:1.5rem}.bar-dash-hours-icon{color:#f59e0b;color:var(--bar-dash-warning);font-size:2rem}.bar-dash-hours-details{display:flex;flex-direction:column;gap:.25rem}.bar-dash-hours-label{color:#64748b;color:var(--bar-dash-text-secondary);font-size:.875rem;font-weight:500}.bar-dash-hours-value{color:#1e293b;color:var(--bar-dash-text-primary);font-size:1.5rem;font-weight:700}.bar-dash-unauthorized-container{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);display:flex;justify-content:center;min-height:100vh;padding:1.5rem}.bar-dash-unauthorized-popup{animation:barDashSlideUp .4s ease-out;background:#fff;background:var(--bar-dash-bg);border:2px solid #ef4444;border:2px solid var(--bar-dash-danger);border-radius:16px;border-radius:var(--bar-dash-radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--bar-dash-shadow-xl);max-width:400px;padding:3rem 2rem;text-align:center}.bar-dash-unauthorized-icon{animation:barDashShake .5s ease-in-out;color:#ef4444;color:var(--bar-dash-danger);font-size:4rem;margin-bottom:1rem}@keyframes barDashShake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.bar-dash-unauthorized-popup h2{color:#ef4444;color:var(--bar-dash-danger);font-size:1.75rem;font-weight:700;margin:0 0 1rem}.bar-dash-unauthorized-popup p{color:#64748b;color:var(--bar-dash-text-secondary);font-size:1rem;margin:0 0 .5rem}.bar-dash-unauthorized-redirect{animation:barDashBlink 1.5s ease-in-out infinite;color:#3b82f6!important;color:var(--bar-dash-primary)!important;font-weight:600}@keyframes barDashBlink{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.bar-dash-container{padding:1rem}.bar-dash-header-content{padding:1rem;text-align:center}.bar-dash-header-content,.bar-dash-title-section{flex-direction:column;gap:1rem}.bar-dash-title-icon{font-size:2.5rem}.bar-dash-title{font-size:1.5rem}.bar-dash-subtitle{font-size:.875rem}.bar-dash-logout-btn{justify-content:center;width:100%}.bar-dash-quick-actions{gap:1rem;grid-template-columns:1fr}.bar-dash-drinks-section{padding:1rem}.bar-dash-section-header{flex-direction:column;gap:.75rem;text-align:center}.bar-dash-section-title{font-size:1.25rem}.bar-dash-drinks-grid{gap:1rem;grid-template-columns:1fr}.bar-dash-drink-card{padding:1rem}.bar-dash-drink-actions{flex-direction:column}.bar-dash-expand-btn{width:100%}.bar-dash-popup{margin:.5rem;max-height:95vh}.bar-dash-popup-header{padding:1rem}.bar-dash-popup-title-section h2{font-size:1.125rem}.bar-dash-popup-content{padding:1rem}.bar-schedule-table td,.bar-schedule-table th{font-size:.75rem;padding:.5rem}.bar-dash-hours-summary{padding:1rem}.bar-dash-hours-icon{font-size:1.5rem}.bar-dash-hours-value{font-size:1.25rem}}@media (max-width:480px){.bar-dash-container{padding:.75rem}.bar-dash-title-icon{font-size:2rem}.bar-dash-title{font-size:1.25rem}.bar-dash-action-btn{padding:1rem}.bar-dash-action-icon{font-size:2rem}.bar-dash-drinks-section{padding:.75rem}.bar-dash-search-input{font-size:.875rem;padding:.875rem 2.5rem}.bar-dash-drink-meta{gap:.75rem;grid-template-columns:1fr}.bar-dash-unauthorized-popup{padding:2rem 1.5rem}.bar-dash-unauthorized-icon{font-size:3rem}.bar-dash-unauthorized-popup h2{font-size:1.5rem}}.satisfaction-popup-content{border-radius:20px;box-shadow:0 10px 30px #0003}.satisfaction-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:30px}.satisfaction-header{margin-bottom:30px;text-align:center}.header-content{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:15px}.header-icon{animation:heartbeat 2s infinite;color:#ff6b6b;font-size:2rem}.satisfaction-header h2{color:#2c3e50;font-size:1.8rem;font-weight:700;margin:0}.satisfaction-subtitle{color:#7f8c8d;font-size:1rem;line-height:1.5;margin:0}.satisfaction-form{display:flex;flex-direction:column;gap:25px}.ratings-section{display:flex;flex-direction:column;gap:20px}.rating-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:15px;padding:20px;transition:all .3s ease}.rating-card:hover{border-color:#ff6b6b;box-shadow:0 5px 15px #ff6b6b1a;transform:translateY(-2px)}.rating-header{align-items:center;display:flex;gap:12px;margin-bottom:15px}.category-icon{color:#ff6b6b;font-size:1.5rem}.rating-label{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0}.stars-container{display:flex;gap:8px;justify-content:center}.star{color:#ddd;cursor:pointer;font-size:1.8rem;transition:all .2s ease}.star.selected,.star:hover{color:gold;transform:scale(1.1)}.feedback-section{background:#f8f9fa;border:2px solid #e9ecef;border-radius:15px;padding:20px;transition:all .3s ease}.feedback-section:focus-within{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.feedback-header{align-items:center;display:flex;gap:12px;margin-bottom:15px}.feedback-icon{color:#ff6b6b;font-size:1.5rem}.feedback-label{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0}.feedback-textarea{background:#fff;border:2px solid #e9ecef;border-radius:10px;color:#495057;font-family:inherit;font-size:1rem;min-height:100px;padding:15px;resize:vertical;transition:all .3s ease;width:100%}.feedback-textarea:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a;outline:none}.feedback-textarea::placeholder{color:#adb5bd}.satisfaction-buttons{display:flex;flex-direction:column;gap:12px}.close-btn,.submit-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;letter-spacing:.5px;padding:15px 20px;text-transform:uppercase;transition:all .3s ease;width:100%}.submit-btn{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff}.submit-btn:hover{background:linear-gradient(135deg,#ff5252,#f44336);box-shadow:0 5px 15px #ff6b6b4d;transform:translateY(-2px)}.close-btn{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.close-btn:hover{background:linear-gradient(135deg,#495057,#343a40);box-shadow:0 5px 15px #4950574d;transform:translateY(-2px)}.btn-icon{font-size:1.1rem}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:10px;margin-top:15px;padding:15px}.error-message p{color:#721c24;font-size:.9rem;margin:0;text-align:center}.success-message{align-items:center;background:#d4edda;border:1px solid #c3e6cb;border-radius:10px;display:flex;gap:10px;justify-content:center;margin-top:15px;padding:15px}.success-icon{color:#28a745;font-size:1.2rem}.success-message p{color:#155724;font-size:.9rem;font-weight:600;margin:0}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.satisfaction-container{padding:25px}.satisfaction-header h2{font-size:1.6rem}.header-content{flex-direction:column;gap:10px}.feedback-section,.rating-card{padding:18px}.star{font-size:1.6rem}.close-btn,.submit-btn{font-size:.95rem;padding:14px 18px}}@media (max-width:480px){.satisfaction-container{padding:20px}.satisfaction-subtitle{font-size:.9rem}.feedback-section,.rating-card{padding:15px}.feedback-label,.rating-label{font-size:1rem}.star{font-size:1.4rem}.feedback-textarea{min-height:80px;padding:12px}.close-btn,.submit-btn{font-size:.9rem;padding:12px 16px}}.confirmation-page{background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:600px;min-height:100vh;padding:20px}.success-header{margin-bottom:40px;padding:30px 0;text-align:center}.success-icon{color:#10b981;font-size:4rem;margin-bottom:20px}.success-header h1{color:#1f2937;font-size:2.5rem;font-weight:700;margin:0 0 10px}.success-header p{color:#6b7280;font-size:1.1rem;margin:0}.order-summary{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:30px}.order-summary h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 25px;text-align:center}.order-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.info-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.info-label{color:#6b7280;font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#1f2937;font-size:1rem;font-weight:600}.items-section{margin-bottom:30px}.items-section h3{color:#1f2937;font-size:1.2rem;font-weight:600;margin:0 0 20px;text-align:center}.items-list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;font-family:Courier New,monospace}.item,.items-list{display:flex;padding:16px}.item{align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;transition:all .2s ease}.item:hover{background:#f3f4f6;border-color:#d1d5db}.confirmation-item{border-bottom:1px dashed #d1d5db;margin-bottom:8px;padding:12px 0}.confirmation-item:last-child{border-bottom:none}.confirmation-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.confirmation-item-name{color:#1f2937;font-size:1rem;font-weight:500;line-height:1.4}.confirmation-item-quantity{color:#6b7280;font-size:.9rem;font-weight:500}.confirmation-item-prices{align-items:stretch;display:flex;flex-direction:column;gap:3px}.confirmation-unit-price{color:#6b7280;font-size:.85rem;font-style:italic;text-align:right}.confirmation-total-price{color:#1f2937;font-size:1.1rem;font-weight:600;text-align:left}.total-section{margin-bottom:30px}.total{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#1f2937;display:flex;justify-content:space-between;padding:20px}.total-label{color:#6b7280;font-size:1.1rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.total-amount{color:#1f2937;font-size:1.8rem}.actions{display:flex;flex-direction:column;gap:12px}.quit-btn,.send-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:12px;height:56px;justify-content:center;padding:18px 24px;transition:all .3s ease;width:100%}.send-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.send-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.send-btn:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 2px 8px #0000001a;cursor:not-allowed;transform:none}.quit-btn{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 15px #6b72804d;color:#fff}.quit-btn:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 8px 25px #6b728066;transform:translateY(-2px)}.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.loading p{color:#6b7280;font-size:1rem;margin:15px 0 0}.error{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:40px;text-align:center}.error h1{color:#dc2626;font-size:1.8rem;margin-bottom:15px}.error p{color:#6b7280;font-size:1rem;margin:0}.satisfaction-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.satisfaction-popup{left:50%;max-height:90vh;max-width:500px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.satisfaction-popup-content{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0003;overflow:hidden}.email-popup-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1002}.email-popup{animation:popupSlideIn .3s ease;left:50%;max-width:400px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1003}.email-popup-content{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0003;padding:30px;text-align:center}.popup-icon{margin-bottom:20px}.popup-icon .success-icon{color:#10b981;font-size:3rem}.popup-icon .error-icon{color:#dc2626;font-size:3rem}.popup-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 15px}.popup-message{color:#6b7280;font-size:1rem;line-height:1.5;margin:0 0 25px}.popup-close-btn{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s ease}.popup-close-btn:hover{background:#4b5563;transform:translateY(-1px)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes popupSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.spinning{animation:spin 1s linear infinite}@media (max-width:768px){.confirmation-page{padding:15px}.success-header{margin-bottom:30px;padding:20px 0}.success-header h1{font-size:2rem}.order-summary{padding:25px}.order-info{padding:15px}.item{padding:14px}.total{padding:18px}.total-amount{font-size:1.6rem}.quit-btn,.send-btn{font-size:1rem;height:52px;padding:16px 20px}}@media (max-width:480px){.confirmation-page{padding:10px}.success-header h1{font-size:1.8rem}.success-header p{font-size:1rem}.order-summary{padding:20px}.item,.order-info{padding:12px}.item{flex-direction:column;gap:8px}.item-price{align-items:flex-start;min-width:auto}.total{flex-direction:column;gap:8px;padding:15px;text-align:center}.total-amount{font-size:1.4rem}.quit-btn,.send-btn{font-size:1rem;height:48px;padding:14px 18px}}.cashpaiement-container{align-items:center;background:#f8f9fa;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:20px;justify-content:center;min-height:100vh;padding:20px}.header-section{margin-bottom:10px;text-align:center}.title-icon{color:#6c757d;font-size:2rem;margin-bottom:10px}.cashpaiement-container h1{color:#495057;font-size:1.8rem;font-weight:600;margin:0}.main-card{background:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 4px 15px #00000014;max-width:400px;padding:30px;text-align:center;width:100%}.status-content{align-items:center;display:flex;flex-direction:column;gap:15px}.status-content.success{color:#28a745}.status-icon{color:#6c757d;font-size:2rem}.status-content.success .status-icon{color:#28a745}.status-content h2{color:#495057;font-size:1.4rem;font-weight:600;margin:0}.status-content.success h2{color:#28a745}.status-content p{color:#6c757d;font-size:1rem;margin:0}.order-info{background:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 4px 15px #00000014;max-width:400px;padding:20px;text-align:center;width:100%}.order-details{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.order-label{color:#6c757d;font-size:1rem;font-weight:500}.total-amount{color:#495057;font-size:1.2rem;font-weight:700}.instruction{align-items:center;color:#6c757d;display:flex;font-size:.9rem;gap:10px;justify-content:center}.instruction-icon{color:#6c757d;font-size:1.1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinning{animation:spin 2s linear infinite}@media (max-width:768px){.cashpaiement-container{gap:15px;padding:15px}.title-icon{font-size:1.8rem}.cashpaiement-container h1{font-size:1.6rem}.main-card{padding:25px}.status-icon{font-size:2.2rem}.status-content h2{font-size:1.3rem}.order-info{padding:18px}.order-details{flex-direction:column;gap:8px;text-align:center}.order-label{font-size:.9rem}.total-amount{font-size:1.1rem}.instruction{font-size:.85rem}}@media (max-width:480px){.cashpaiement-container{gap:12px;padding:10px}.main-card{padding:20px}.order-info{padding:15px}.status-content h2{font-size:1.2rem}.status-content p{font-size:.9rem}}
/*# sourceMappingURL=main.b31ccc3a.css.map*/