@tailwind base;@tailwind components;@tailwind utilities;body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ticket-distributor{display:flex;flex-direction:column;height:100vh;touch-action:manipulation}.service-button{transition:all .2s}.service-button:active{transform:scale(.98)}.display-screen{background-color:#2196f3;color:#fff;height:100vh;overflow:hidden}.service-counts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-top:2rem;perspective:1000px}.service-count-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff6;border-radius:16px;box-shadow:0 8px 32px #0003,0 4px 16px #00000026,inset 0 1px 0 #ffffff4d;padding:1.5rem;transform:translateZ(0)}.call-animation{animation:fadeIn .5s ease-out}.counter-app{background-color:#f5f5f5;display:flex;flex-direction:column;height:100vh}@media (pointer:coarse){a,button{min-height:44px;min-width:44px}input,select{font-size:16px;min-height:44px}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:.5}}.ticket-flash{animation:flash 2s infinite}.rtl{direction:rtl}.ltr{direction:ltr}body,html{background:linear-gradient(90deg,#e0f2fe,#f8fafc);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;min-height:100vh;padding:0}.login-container{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;padding:2rem;position:fixed;top:0;width:100vw;z-index:0}.login-container:before{background:#000000b3;content:"";inset:0;position:absolute;z-index:2}.login-card{animation:fadeSlideUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffd9;border:1px solid #fff3;border-radius:1rem;box-shadow:0 8px 24px #00000026;color:#fff;max-width:400px;overflow:hidden;padding:2rem;position:relative;width:100%;z-index:3}.logo-animated{animation:logoFadeIn .8s ease-out}.login-header{background-color:#2563eb;color:#fff;padding:2rem;text-align:center}.login-header img{margin-bottom:.5rem;width:48px}.login-header h1{font-size:1.75rem;margin:0}.login-header p{font-size:.95rem;margin-top:.25rem;opacity:.9}.login-form{padding:2rem}.login-form h2{color:#1f2937;font-size:1.25rem;margin-bottom:1rem;text-align:center}.input-group{margin-bottom:1.25rem}.input-group label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.input-group input{border:1px solid #d1d5db;border-radius:6px;font-size:1rem;outline:none;padding:.6rem .75rem;transition:border .2s ease;width:100%}.input-group input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.login-button{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:background-color .3s ease;width:100%}.login-button:hover{background-color:#1d4ed8}.login-button:disabled{background-color:#9ca3af;cursor:not-allowed}.login-error{background-color:#fee2e2;border-radius:6px;color:#b91c1c;font-size:.9rem;margin-bottom:1rem;padding:1rem}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}a:hover{opacity:.8}.button,button{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;justify-content:center}.flex{display:flex}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.items-center{align-items:center}.panel{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1rem}header{width:100%;z-index:10}.admin-panel header{background-color:var(--primary-color);color:#fff}.admin-panel{background-color:#f5f5f5;min-height:100vh;padding:1.5rem}.admin-content{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;overflow:hidden}.admin-header{background-color:var(--primary-color);color:#fff;padding:1rem}.admin-tabs{border-bottom:1px solid #eaeaea;display:flex;overflow-x:auto}.admin-tab{border-bottom:2px solid #0000;cursor:pointer;padding:.75rem 1rem;transition:all .3s;white-space:nowrap}.admin-tab.active{background-color:var(--light-color);border-bottom-color:var(--primary-color);font-weight:700}.admin-tab-content{padding:1.5rem}.admin-action-buttons{border-top:1px solid #eaeaea;display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.distributor-panel{display:flex;flex-direction:column;min-height:100vh}.distributor-panel main{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:1rem}.distributor-panel .service-button{background-color:#fff;border-radius:var(--panel-service-button-radius);margin-bottom:.5rem;padding:1rem;text-align:left;transition:all .2s;width:100%}.distributor-panel .service-button:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.distributor-panel .service-button:active{transform:scale(.98) translateY(0)}.display-panel{background-color:var(--primary-color);color:#fff;min-height:100vh}.display-panel .waiting-counts{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.display-panel .waiting-count-item{background-color:#fff3;border-radius:.5rem;padding:1rem;text-align:center}.display-panel .ticket-list{background-color:#fff3;border-radius:.5rem;height:100%;padding:1rem}.counter-panel{background-color:#f5f5f5;min-height:100vh}.counter-panel .counter-card{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1.5rem}.counter-panel .current-ticket{align-items:center;display:flex;justify-content:space-between}.counter-panel .ticket-number{color:var(--primary-color);font-size:var(--panel-ticket-number-size);font-weight:700}.counter-panel .action-button{border-radius:.25rem;color:#fff;font-weight:700;padding:.75rem 1.5rem}.counter-panel .call-button{background-color:var(--primary-color)}.counter-panel .complete-button{background-color:var(--secondary-color)}@media (max-width:768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.flex-col-mobile{flex-direction:column}.hidden-mobile{display:none}}@media (pointer:coarse){.button,.service-button,a.button,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px;padding:.75rem}input,select,textarea{font-size:16px;min-height:44px}}.text-center{text-align:center}.w-full{width:100%}.h-full{height:100%}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-bottom:1rem;margin-top:1rem}.p-4{padding:1rem}.rounded{border-radius:.25rem}.transition{transition:all .3s ease}.fade-in{animation:fadeIn .5s ease-out forwards}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.data-table{border-collapse:collapse;width:100%}.data-table th{background-color:#f8f9fa;font-weight:600;padding:.75rem;text-align:left}.data-table td{border-bottom:1px solid #eaeaea;padding:.75rem}.data-table tr:hover{background-color:#f8f9fa}@media (max-width:768px){.display-content{flex-direction:column}.display-welcome{margin-bottom:1rem;margin-right:0}.admin-tab{font-size:.9rem;padding:.5rem .75rem}}@media (pointer:coarse){.service-button,a.button,button{min-height:44px;min-width:44px;padding:.75rem!important}input,select,textarea{font-size:16px!important;min-height:44px}.admin-tab{padding:.75rem 1rem}}@media print{body{background-color:#fff;margin:0;padding:0}.ticket-card{border:1px solid #ddd;box-shadow:none;page-break-inside:avoid}.no-print{display:none!important}}.high-contrast-mode{--primary-color:#00f;--secondary-color:#0f0;--dark-color:navy;--light-color:#fff}.high-contrast-mode .ticket-call-item{background-color:#000;border:1px solid #fff;color:#fff}.high-contrast-mode .ticket-call-number{color:#ff0}.large-text-mode{font-size:1.2rem}.large-text-mode h1{font-size:2.4rem}.large-text-mode h2{font-size:2rem}.large-text-mode .ticket-number{font-size:3.6rem}@keyframes bounce-in{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.animate-bounce-in{animation:bounce-in .6s}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.6}}.animate-blink{animation:blink 1s linear infinite}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}.animate-heartbeat{animation:heartbeat 2s ease-in-out infinite}@keyframes arrow-move{0%,to{opacity:1;transform:translateX(0)}50%{opacity:.7;transform:translateX(10px)}}.animate-arrow{animation:arrow-move 1s ease-in-out infinite}@keyframes progress-shrink{0%{width:100%}to{width:0}}.animate-progress{animation:progress-shrink 10s linear forwards}@keyframes vibrate{0%,to{transform:translateX(0)}20%{transform:translateX(-2px)}40%{transform:translateX(2px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}.animate-vibrate{animation:vibrate .3s linear infinite}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .5s ease-out}.accessibility-button{align-items:center;border-radius:9999px;box-shadow:0 2px 5px #0003;cursor:pointer;display:flex;height:40px;justify-content:center;transition:transform .2s ease-in-out,background-color .2s ease;width:40px}.accessibility-button:hover{transform:scale(1.1)}.accessibility-button:active{transform:scale(.95)}.accessibility-button.active{background-color:#3182ce;color:#fff}.accessibility-button.inactive{background-color:#a0aec0;color:#fff}.alert-overlay{align-items:center;background-color:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.alert-container{background-color:#fff;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;margin:0 1rem;max-width:48rem;padding:2rem;transform:translateY(0);transition:transform .5s ease-out;width:100%}.alert-ticket-number{color:#2563eb;font-size:5rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem;text-shadow:0 0 10px #2563eb4d}.alert-counter-badge{background-color:#2563eb;border-radius:.5rem;color:#fff;font-size:4rem;font-weight:700;padding:1rem 2rem}.alert-progress-bar{background-color:#e5e7eb;border-radius:9999px;height:.625rem;margin-top:1.5rem;overflow:hidden}.alert-progress-fill{background-color:#2563eb;border-radius:9999px;height:100%;transition:width 1s linear}.counter-container{align-items:center;background:linear-gradient(90deg,#f8fafc,#e0f2fe);display:flex;justify-content:center;min-height:100vh;padding:2rem}.counter-select-container{background-color:#fff;border-radius:1rem;box-shadow:0 10px 25px #0000001a;max-width:600px;padding:2rem;width:100%}.counter-select-header{margin-bottom:2rem;text-align:center}.counter-select-title{color:#1e40af;font-size:1.75rem;font-weight:700}.counter-select-company{color:#64748b;font-size:1rem}.counter-select-content{display:flex;flex-direction:column}.counter-select-label{color:#1e293b;font-size:1.2rem;font-weight:600;margin:1.5rem 0 1rem}.counter-select-list{display:flex;flex-direction:column;gap:.75rem}.counter-select-item{align-items:center;background-color:#f1f5f9;border:1px solid #0000;border-radius:.5rem;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease-in-out}.counter-select-item:hover{background-color:#e0f2fe;border-color:#3b82f6}.counter-select-item-info{display:flex;flex-direction:column;text-align:left}.counter-select-item-name{color:#0f172a;font-weight:600}.counter-select-item-service{color:#475569;font-size:.85rem}.counter-select-service-dot{border-radius:50%;height:1rem;margin-left:1rem;width:1rem}button.text-red-500{transition:color .2s ease}button.text-red-500:hover{color:#dc2626}.bg-red-100{background-color:#fee2e2}.border-red-500{border-color:#ef4444}.text-red-700{color:#b91c1c}.no-ticket-message{color:#9ca3af;font-size:.9rem;font-style:italic;text-align:center}.queue-section{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.queue-header{color:#1f2937;display:flex;font-weight:600;justify-content:space-between;margin-bottom:.5rem}.next-ticket-info{color:#1d4ed8;font-size:1.2rem;font-weight:700;margin-top:.5rem}.action-buttons{display:flex;gap:1rem;margin-top:1rem}.action-button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem;transition:background-color .3s ease}.call-next-button{background-color:#3b82f6;color:#fff}.complete-button{background-color:#10b981;color:#fff}.action-button:hover:not(.disabled){filter:brightness(1.05)}.disabled{background-color:#d1d5db!important;color:#6b7280;cursor:not-allowed}.counter-stats{display:flex;gap:1rem;justify-content:space-around;margin-top:1.5rem}.counter-stat-card{background-color:#f3f4f6;border-radius:8px;flex:1 1;padding:1rem;text-align:center}.counter-stat-label{color:#6b7280;font-size:.85rem}.counter-stat-value{color:#111827;font-size:1.5rem;font-weight:700;margin-top:.25rem}.counter-footer{align-items:center;background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.75rem 1rem}.counter-status-indicator{align-items:center;display:flex;gap:.5rem}.status-dot{border-radius:50%;height:10px;width:10px}.counter-status-available .status-dot{background-color:#10b981}.counter-status-busy .status-dot{background-color:#f59e0b}.counter-status-offline .status-dot{background-color:#ef4444}.status-text{color:#4b5563;font-size:.875rem}.counter-action-button{background-color:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.25rem;padding:.5rem .75rem;transition:background-color .2s ease}.counter-action-button:hover{background-color:#dc2626}.counter-action-button:focus{box-shadow:0 0 0 4px #ef444480;outline:none}.counter-action-button:disabled{background-color:#d1d5db;cursor:not-allowed}.counter-action-button:disabled:hover{background-color:#d1d5db}.counter-action-button:disabled:focus{box-shadow:none}.counter-action-button:disabled:active{background-color:#d1d5db}.login-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.login-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:28rem;overflow-y:auto;width:100%}.login-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.login-modal-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.login-modal-close{background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;padding:.25rem;transition:color .2s}.login-modal-close:hover{color:#374151}.login-modal-close svg{height:1.5rem;width:1.5rem}.login-modal-body{padding:1.5rem}.login-modal-description{color:#4b5563;line-height:1.5;margin-bottom:1.5rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-error{background-color:#fef2f2;border-left:4px solid #ef4444;border-radius:.375rem;color:#dc2626;padding:.75rem}.login-error p{font-size:.875rem;margin:0}.form-group{display:flex;flex-direction:column}.form-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.form-input{border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-buttons{display:flex;gap:.75rem;padding-top:.5rem}.btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s}.btn-primary{background-color:#3b82f6;color:#fff;flex:1 1}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-secondary{background-color:#fff;border:1px solid #d1d5db;color:#374151;padding:.5rem 1rem}.btn-secondary:hover{background-color:#f9fafb}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:1.25rem;width:1.25rem}.login-modal-overlay{animation:fadeIn .2s ease-out}.login-modal-content{animation:slideIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.recall-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:9999}.recall-modal-overlay.visible{opacity:1}.recall-modal{animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;box-shadow:0 25px 50px -12px #00000080;max-height:90vh;max-width:700px;opacity:0;overflow:hidden;position:relative;transform:scale(.9) translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);width:90%}.recall-modal.visible{opacity:1;transform:scale(1) translateY(0)}@keyframes pulse-glow{0%,to{box-shadow:0 25px 50px -12px #00000080,0 0 40px #667eea66}50%{box-shadow:0 25px 50px -12px #00000080,0 0 60px #764ba299}}.recall-modal-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff3,#ffffff1a);border-bottom:1px solid #fff3;display:flex;gap:1.5rem;padding:2rem;position:relative}.recall-icon-container{align-items:center;animation:bell-ring 1s ease-in-out infinite;background:linear-gradient(135deg,gold,orange);border-radius:50%;box-shadow:0 8px 16px #ffd70066;display:flex;height:64px;justify-content:center;width:64px}@keyframes bell-ring{0%,to{transform:rotate(0deg)}10%,30%{transform:rotate(-15deg)}20%,40%{transform:rotate(15deg)}50%{transform:rotate(0deg)}}.recall-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:36px;width:36px}.recall-title{display:flex;flex:1 1;flex-direction:column;gap:.25rem;margin:0}.recall-title-main{color:#fff;font-size:1.75rem;font-weight:800;letter-spacing:.5px;text-shadow:0 2px 4px #0000004d}.recall-title-ar{color:#fffffff2;font-size:1.25rem;font-weight:600;text-shadow:0 1px 2px #0003}.recall-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:40px}.recall-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.recall-close-btn svg{height:24px;width:24px}.recall-modal-body{align-items:center;background:linear-gradient(180deg,#ffffff1a,#ffffff0d);display:flex;gap:2rem;justify-content:space-around;padding:3rem 2rem}.recall-ticket-number{display:flex;flex:1 1;flex-direction:column;gap:.5rem;text-align:center}.recall-label{color:#ffffffe6;font-weight:600;letter-spacing:1px;text-transform:uppercase}.recall-label,.recall-label-ar{display:block;font-size:.875rem}.recall-label-ar{color:#fffc;font-weight:500;margin-top:.25rem}.recall-ticket-id{-webkit-text-fill-color:#0000;animation:number-bounce .6s ease-in-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;background-color:#ffffff1a;border-radius:16px;color:#fff;font-size:4rem;font-weight:900;line-height:1.2;padding:1rem;text-shadow:0 4px 8px #0000004d}@keyframes number-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.recall-arrow{animation:arrow-slide 1.5s ease-in-out infinite;color:gold;filter:drop-shadow(0 4px 8px rgba(255,215,0,.5));height:80px;width:80px}@keyframes arrow-slide{0%,to{transform:translateX(0)}50%{transform:translateX(10px)}}.recall-arrow svg{height:100%;width:100%}.recall-counter{display:flex;flex:1 1;flex-direction:column;gap:.5rem;text-align:center}.recall-counter-name{color:#fff;font-size:1.5rem;font-weight:700;margin-top:.5rem;text-shadow:0 2px 4px #0000004d}.recall-counter-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-background-clip:text;background-clip:text;background-color:#ffffff1a;border-radius:16px;color:#fff;font-size:3.5rem;font-weight:900;line-height:1.2;padding:1rem;text-shadow:0 4px 8px #0000004d}.recall-counter-number,.recall-message{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.recall-message{background:linear-gradient(135deg,#ffd70033,#ffa50033);border-bottom:1px solid #fff3;border-top:1px solid #fff3;padding:1.5rem 2rem;text-align:center}.recall-message-text{color:#fff;font-size:1.25rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.recall-message-text-ar{color:#fffffff2;font-size:1.125rem;font-weight:600;margin:.5rem 0 0;text-shadow:0 1px 2px #0003}.recall-progress-bar{background:#fff3;height:6px;overflow:hidden;position:relative}.recall-progress-fill{background:linear-gradient(90deg,gold,orange);box-shadow:0 0 10px #ffd700cc;height:100%;transition:width .1s linear}.recall-footer{align-items:center;background:#ffffff0d;display:flex;justify-content:center;padding:1.5rem 2rem}.recall-count-badge{align-items:center;background:linear-gradient(135deg,#ffd7004d,#ffa5004d);border:2px solid #ffd70080;border-radius:50px;box-shadow:0 4px 8px #0003;display:flex;gap:.75rem;padding:.75rem 1.5rem}.recall-count-icon{animation:bell-shake 1s ease-in-out infinite;font-size:1.5rem}@keyframes bell-shake{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.recall-count-text{color:#fff;font-size:1rem;font-weight:700;text-shadow:0 1px 2px #0000004d}@media (max-width:768px){.recall-modal{max-width:none;width:95%}.recall-modal-header{padding:1.5rem}.recall-title-main{font-size:1.5rem}.recall-title-ar{font-size:1rem}.recall-modal-body{flex-direction:column;gap:1.5rem;padding:2rem 1.5rem}.recall-ticket-id{font-size:3rem}.recall-counter-number{font-size:2.5rem}.recall-arrow{height:60px;transform:rotate(90deg);width:60px}@keyframes arrow-slide{0%,to{transform:rotate(90deg) translateX(0)}50%{transform:rotate(90deg) translateX(10px)}}}.display-grid-container{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:2rem}.display-grid-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.display-grid-date{color:#fff;font-size:1.5rem;font-weight:600;text-transform:capitalize}.display-grid-time{font-feature-settings:"tnum";color:#fff;font-size:2.5rem;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.05em}.display-grid-title{margin-bottom:2rem;text-align:center}.display-grid-title h1{color:#fff;font-size:3rem;font-weight:900;letter-spacing:-.02em;margin:0;text-shadow:0 4px 8px #0000004d}.serving-tickets-section{background:linear-gradient(135deg,#ffffff26,#ffffff0d);border-radius:16px;margin-bottom:2rem;padding:1.5rem}.section-title{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 1.5rem;text-align:center;text-shadow:0 2px 4px #0000004d}.serving-tickets-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.serving-ticket-card{align-items:center;background:linear-gradient(135deg,#4ade804d,#22c55e33);border:2px solid #4ade8080;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem;transition:all .3s ease}.serving-ticket-card:hover{background:linear-gradient(135deg,#4ade8066,#22c55e4d);box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}.serving-ticket-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2rem;font-weight:900;text-shadow:0 2px 4px #0000004d}.serving-ticket-arrow{animation:arrow-pulse 1.5s ease-in-out infinite;color:#ffffffb3;font-size:1.5rem}@keyframes arrow-pulse{0%,to{opacity:.7;transform:translateX(0)}50%{opacity:1;transform:translateX(5px)}}.serving-ticket-counter{color:#fff;font-size:1.25rem;font-weight:700;text-shadow:0 2px 4px #0000004d}.services-grid{grid-gap:2rem;display:grid;flex:1 1;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.service-grid-card{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid #fff3;border-radius:24px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.service-grid-card:before{background:linear-gradient(135deg,#ffd7001a,#ffa5001a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.service-grid-card:hover{box-shadow:0 16px 48px #0000004d;transform:translateY(-8px)}.service-grid-card:hover:before{opacity:1}.service-grid-header{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;width:100%}.service-grid-icon{animation:pulse-icon 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:3rem}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.service-grid-name{color:#fff;font-size:1.5rem;font-weight:700;text-align:center;text-shadow:0 2px 4px #0000004d}.service-grid-count{-webkit-text-fill-color:#0000;animation:number-appear .6s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:6rem;font-weight:900;line-height:1;margin:1rem 0;text-shadow:0 4px 8px #0000004d}@keyframes number-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.service-grid-label{color:#ffffffe6;font-size:1.25rem;font-weight:600;letter-spacing:.1em;text-shadow:0 2px 4px #0003;text-transform:uppercase}.display-grid-footer{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;padding:1.5rem 2rem}.footer-controls{align-items:center;display:flex;gap:1rem}.audio-unlock-button{align-items:center;animation:pulse-audio 2s ease-in-out infinite;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:12px;box-shadow:0 4px 12px #4ade8066;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}@keyframes pulse-audio{0%,to{box-shadow:0 4px 12px #4ade8066;transform:scale(1)}50%{box-shadow:0 6px 20px #4ade8099;transform:scale(1.05)}}.audio-unlock-button:hover{box-shadow:0 6px 20px #4ade8099;transform:translateY(-2px)}.audio-unlock-button:active{transform:translateY(0)}.refresh-button{align-items:center;background:linear-gradient(135deg,gold,orange);border:none;border-radius:12px;box-shadow:0 4px 12px #ffd70066;color:#333;cursor:pointer;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.refresh-button:hover{box-shadow:0 6px 20px #ffd70099;transform:translateY(-2px)}.refresh-button:active{transform:translateY(0)}.last-update{color:#fffc;font-size:1rem;font-weight:500}.display-grid-error,.display-grid-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;margin-bottom:1rem;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.display-grid-error h2{font-size:2rem;margin-bottom:1rem}@media (max-width:1200px){.services-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.display-grid-title h1{font-size:2.5rem}.service-grid-count{font-size:5rem}}@media (max-width:768px){.display-grid-container{padding:1rem}.services-grid{gap:1rem;grid-template-columns:1fr}.display-grid-title h1{font-size:2rem}.display-grid-header{flex-direction:column;gap:1rem;text-align:center}.display-grid-time{font-size:2rem}.service-grid-count{font-size:4rem}.display-grid-footer{flex-direction:column;gap:1rem}.footer-controls{flex-direction:column;width:100%}.audio-unlock-button,.refresh-button{justify-content:center;width:100%}}@media (max-width:480px){.display-grid-title h1{font-size:1.5rem}.service-grid-card{padding:1.5rem}.service-grid-count{font-size:3rem}.service-grid-name{font-size:1.125rem}}.setup-wizard{clip:auto;-webkit-font-smoothing:antialiased;all:initial;align-items:center;animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:linear-gradient(135deg,#eff6ff,#e0e7ff);border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:initial;box-sizing:border-box;caption-side:top;clear:none;color:#000;color:#1f2937;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;display:flex;empty-cells:show;float:none;font-family:serif;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;justify-content:center;left:auto;letter-spacing:normal;line-height:normal;line-height:1.5;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-height:100vh;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:1rem;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;width:100%;word-spacing:normal;z-index:auto}.setup-wizard *,.setup-wizard :after,.setup-wizard :before{box-sizing:border-box;margin:0;padding:0}.setup-card{background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0000001a,0 4px 16px #0000000f;max-width:680px;overflow:hidden;width:100%}.setup-stepper{align-items:center;display:flex;gap:0;justify-content:center;padding:1.5rem 2rem 1rem}.setup-step-connector{border-radius:1px;height:2px;margin:0 .25rem;transition:background-color .3s;width:4rem}.setup-step-connector.active{background-color:#2563eb}.setup-step-connector.inactive{background-color:#d1d5db}.setup-step-item{align-items:center;display:flex;flex-direction:column;gap:.25rem}.setup-step-circle{align-items:center;border:none;border-radius:50%;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;transition:all .3s;width:2.5rem}.setup-step-circle.current,.setup-step-circle.done{background-color:#2563eb;color:#fff}.setup-step-circle.current{box-shadow:0 0 0 4px #bfdbfe}.setup-step-circle.pending{background-color:#e5e7eb;color:#6b7280}.setup-step-label{font-size:.7rem;white-space:nowrap}.setup-step-label.current{color:#1d4ed8;font-weight:600}.setup-step-label.inactive{color:#9ca3af}.setup-content{min-height:320px;padding:0 2rem 1rem}.setup-wizard button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1.5;padding:.5rem 1.25rem;transition:all .15s}.setup-wizard button:disabled{cursor:not-allowed;opacity:.5}.setup-btn-primary{background-color:#2563eb!important;color:#fff!important}.setup-btn-primary:hover:not(:disabled){background-color:#1d4ed8!important}.setup-btn-secondary{background-color:initial!important;color:#4b5563!important}.setup-btn-secondary:hover:not(:disabled){color:#1f2937!important}.setup-btn-dark{background-color:#1f2937!important;color:#fff!important}.setup-btn-dark:hover:not(:disabled){background-color:#374151!important}.setup-btn-success{background-color:#059669!important;color:#fff!important}.setup-btn-success:hover:not(:disabled){background-color:#047857!important}.setup-btn-install{padding:.625rem 1.5rem}.setup-wizard input[type=email],.setup-wizard input[type=password],.setup-wizard input[type=text]{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#1f2937;font-family:inherit;font-size:.875rem;line-height:1.5;min-height:auto;outline:none;padding:.5rem .75rem;transition:border-color .15s,box-shadow .15s;width:100%}.setup-wizard input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.setup-wizard input.input-error{border-color:#f87171}.setup-wizard label{color:#374151;cursor:pointer;display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.setup-wizard .label-optional{color:#9ca3af;font-weight:400}.setup-grid-2{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.setup-grid-3{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr 1fr}.setup-spacer{display:flex;flex-direction:column;gap:1.25rem}.setup-welcome-icon{align-items:center;background:#eff6ff;border-radius:50%;display:flex;height:6rem;justify-content:center;margin:0 auto 1.5rem;width:6rem}.setup-welcome-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:.5rem;text-align:center}.setup-welcome-subtitle{color:#6b7280;margin-bottom:.5rem;text-align:center}.setup-welcome-desc{color:#9ca3af;font-size:.875rem;line-height:1.6;margin:0 auto 2rem;max-width:32rem;text-align:center}.setup-welcome-features{color:#9ca3af;display:flex;font-size:.875rem;gap:1.5rem;justify-content:center}.setup-welcome-features span{align-items:center;display:flex;gap:.25rem}.setup-section-title{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.setup-section-desc{color:#6b7280;font-size:.875rem}.setup-test-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.setup-test-result{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.setup-test-result.success{color:#059669}.setup-test-result.error{color:#dc2626}.setup-hint{font-size:.75rem;margin-top:.25rem}.setup-hint.warning{color:#d97706}.setup-hint.error{color:#dc2626}.setup-dataset-list{display:flex;flex-direction:column;gap:.5rem;max-height:16rem;overflow-y:auto;padding-right:.25rem}.setup-dataset-item{border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;display:block;padding:.75rem;transition:all .15s}.setup-dataset-item:hover{border-color:#d1d5db}.setup-dataset-item.selected{background-color:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.setup-dataset-row{align-items:flex-start;display:flex;gap:.75rem}.setup-dataset-row input[type=radio]{accent-color:#2563eb;margin-top:.25rem}.setup-dataset-info{flex:1 1;min-width:0}.setup-dataset-name{color:#1f2937;font-size:.875rem;font-weight:500}.setup-dataset-name-ar{color:#6b7280;font-family:Amiri,serif;font-size:.875rem;margin-left:.5rem}.setup-dataset-desc{color:#6b7280;font-size:.75rem;margin-top:.125rem}.setup-dataset-badges{display:flex;gap:.5rem;margin-top:.375rem}.setup-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.7rem;padding:.125rem .5rem}.setup-badge.blue{background:#dbeafe;color:#1d4ed8}.setup-badge.green{background:#dcfce7;color:#15803d}.setup-dataset-services{color:#9ca3af;font-size:.7rem;margin-top:.25rem}.setup-checkbox-row{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.setup-checkbox-row input[type=checkbox]{accent-color:#2563eb}.setup-summary{background:#f9fafb;border-radius:.5rem;padding:1rem}.setup-summary-title{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.setup-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:.625rem}.setup-summary-label{color:#9ca3af;font-size:.7rem;margin-bottom:.125rem}.setup-summary-value{color:#1f2937;font-size:.75rem;font-weight:500}.setup-result{border:1px solid;border-radius:.5rem;font-size:.875rem;padding:1rem}.setup-result.success{background:#f0fdf4;border-color:#86efac;color:#166534}.setup-result.error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.setup-result-header{align-items:center;display:flex;font-weight:600;gap:.5rem;margin-bottom:.5rem}.setup-result-steps{font-size:.75rem;list-style:disc;padding-left:1.25rem}.setup-result-steps li{margin-bottom:.125rem}.setup-result-error-row{align-items:center;display:flex;gap:.5rem}.setup-footer{display:flex;justify-content:space-between;padding:0 2rem 1.5rem}@keyframes setup-spin{to{transform:rotate(1turn)}}.setup-spinner{animation:setup-spin 1s linear infinite}.setup-loading{align-items:center;color:#9ca3af;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;padding:1.5rem}@media (max-width:640px){.setup-grid-2,.setup-grid-3{grid-template-columns:1fr}.setup-step-connector{width:2rem}.setup-content{padding:0 1.25rem 1rem}.setup-footer{padding:0 1.25rem 1.5rem}.setup-stepper{padding:1.25rem 1.25rem .75rem}}
/*# sourceMappingURL=main.1e814992.css.map*/