.badge-pill{padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:500;box-shadow:0 4px 10px #0000001a;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:5px}.service-badges-left{position:absolute;top:10px;left:10px;z-index:1;display:flex;gap:5px}.badge-pill.trending{background:linear-gradient(135deg,#ff6b6b,#ff8e53)}.badge-pill.popular{background:linear-gradient(135deg,#ffa41b,#ffd200)}.loading-spinner{display:inline-flex;align-items:center;justify-content:center;margin-right:.5rem}.loading-spinner>div{width:8px;height:8px;margin:0 2px;background-color:currentColor;border-radius:100%;display:inline-block;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.loading-spinner .bounce1{animation-delay:-.32s}.loading-spinner .bounce2{animation-delay:-.16s}.select-service .mobile-sticky-search{position:sticky;top:0;z-index:1000;margin:10rem;background:#fffffff2;padding:10px 15px;margin:0 -15px;box-shadow:0 2px 8px #00000026;border-bottom:1px solid #e9ecef;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.select-service .services-layout{display:flex;gap:0;position:relative;margin-top:10px}.select-service .mobile-categories-sidebar{position:sticky;top:80px;align-self:flex-start;height:calc(100vh - 160px);width:80px;min-width:80px;background:#f8f9faf2;border-radius:12px;padding:8px 4px;margin-right:12px;z-index:100;border:1px solid #e9ecef;box-shadow:2px 0 8px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.select-service .categories-scroll-container{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.select-service .categories-scroll-container::-webkit-scrollbar{display:none}.select-service .mobile-category-item{display:flex;flex-direction:column;align-items:center;padding:8px 4px;margin-bottom:8px;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fff;border:2px solid transparent;min-height:70px}.select-service .mobile-category-item:hover{background:#e3f2fd;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.select-service .mobile-category-item.selected{background:#1976d2;border-color:#1565c0;color:#fff}.select-service .mobile-category-item.selected .mobile-category-text{color:#fff;font-weight:600}.select-service .mobile-category-img{width:32px;height:32px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.select-service .mobile-category-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.select-service .mobile-category-text{font-size:10px;text-align:center;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;font-weight:500}.select-service .services-content-area{flex:1;min-width:0}@media (min-width: 768px){.select-service .services-layout{display:block}.select-service .mobile-categories-sidebar{display:none!important}.select-service .services-content-area{flex:none}.select-service .mobile-sticky-search{display:none!important}}@media (max-width: 576px){.select-service .mobile-sticky-search{padding:8px 10px;margin:0 -10px}.select-service .mobile-categories-sidebar{width:100px;min-width:70px;margin-right:8px;top:75px;height:calc(100vh - 160px)}.select-service .mobile-category-img{width:28px;height:28px}.select-service .mobile-category-text{font-size:9px}.select-service .mobile-category-item{padding:6px 2px;min-height:60px;margin-bottom:6px}}.select-service .mobile-category-item{animation:fadeInScale .3s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.select-service .mobile-category-item .loading-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.select-service .badge-corner.new{font-size:.7rem!important;padding:.3em!important;top:.4rem!important;right:.4rem!important;border-radius:50%!important;min-width:1.6rem!important;min-height:1.6rem!important;width:1.6rem!important;height:1.6rem!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}.select-service .badge-corner.new:before{content:"✨"!important;font-size:.85rem!important;display:block!important}.select-service .service-badges-left .badge-pill{font-size:.65rem!important;padding:.3em!important;margin-bottom:.2rem!important;border-radius:50%!important;min-width:1.6rem!important;min-height:1.6rem!important;width:1.6rem!important;height:1.6rem!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}.select-service .service-badges-left .badge-pill i{font-size:.85rem!important;margin:0!important}.select-service .rating-badge{font-size:.7rem!important;padding:.2em .4em!important;border-radius:.8rem!important;position:absolute!important;bottom:.4rem!important;right:.4rem!important;width:auto!important;height:auto!important;max-height:1.5rem!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;gap:.2rem!important}.select-service .rating-badge i{font-size:.75rem!important}.select-service .mobile-category-item{min-height:70px;touch-action:manipulation}}@media (max-width: 768px){.select-service .services-content-area .row{padding-top:10px;margin-left:0;margin-right:0}.select-service .services-content-area .col-12{padding-left:6px;padding-right:6px}.select-service .services-content-area .col-12.col-sm-6.col-md-4{padding-left:8px;padding-right:8px}.select-service .service-card .card-body{padding:1rem .75rem}.select-service .action-buttons .btn{font-size:.875rem;padding:.5rem .75rem}}@media (max-width: 576px){.select-service .services-content-area .col-12.col-sm-6.col-md-4{flex:0 0 100%;max-width:100%}}@media (min-width: 577px) and (max-width: 767px){.select-service .services-content-area .col-12.col-sm-6.col-md-4{flex:0 0 50%;max-width:50%}}.select-service .mobile-category-item{transition:all .2s cubic-bezier(.4,0,.2,1)}.select-service .mobile-category-item:active{transform:scale(.95)}.select-service .mobile-category-item.selected{box-shadow:0 4px 12px #1976d24d}.select-service .categories-scroll-container{scroll-behavior:smooth}.select-service .mobile-sticky-search{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.select-service .mobile-categories-sidebar{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}@media (max-width: 768px){.select-service .card-body{padding:1rem}.select-service .service-selection-container{position:relative}.select-service .services-layout{min-height:100vh}}.select-service .service-card{box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:1px solid rgba(0,0,0,.06);background:#fff;overflow:hidden;height:100%}.select-service .service-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.select-service .service-card-inner{display:flex;flex-direction:column;height:100%}.select-service .service-card .position-relative{flex-shrink:0;overflow:hidden}.select-service .service-card .card-img-container,.select-service .service-card .card-img-placeholder{position:relative}.select-service .service-card .card-img-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.select-service .service-card:hover .card-img-container img{transform:scale(1.05)}.select-service .service-card .card-body{flex:1;display:flex;flex-direction:column;padding:1.25rem;min-height:270px}.select-service .service-card .card-title-section{flex-shrink:0;min-height:60px;margin-bottom:1rem}.select-service .service-card .card-title{font-size:1.1rem;line-height:1.3;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.6em;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.select-service .service-card .category-badge{font-size:.75rem;padding:.25rem .5rem;background:rgba(var(--primary-main-rgb, 59, 130, 246),.1);color:var(--primary-main, #3b82f6);border-radius:6px;display:inline-flex;align-items:center;gap:.25rem}.select-service .service-card .content-section{flex:1;display:flex;flex-direction:column;margin-bottom:1rem;min-height:80px}.select-service .service-card .card-actions{flex-shrink:0;margin-top:auto;padding-top:.75rem;border-top:1px solid #f3f4f6}@media (max-width: 1200px){.select-service .service-card{min-height:300px}.select-service .service-card .card-body{min-height:240px;padding:.875rem}.select-service .service-card .action-buttons .btn{font-size:.8rem;padding:.4rem .8rem}.select-service .service-button{width:100%}}.select-service .service-card .task-count-badge{margin-bottom:.75rem;min-height:20px}.select-service .service-card .task-count-badge .badge{font-size:.75rem;padding:.35rem .75rem;border-radius:6px}.select-service .service-card .action-buttons{display:flex;gap:.5rem;align-items:center}.select-service .service-card .action-buttons .btn{flex:1;padding:.5rem 1rem;font-size:.85rem;border-radius:8px;font-weight:600;white-space:nowrap;min-height:36px}@media (max-width: 768px){.select-service .service-card{min-height:420px}.select-service .service-card .card-body{min-height:240px;padding:1rem}.select-service .service-card .card-title{font-size:1rem}.select-service .service-card .card-text{font-size:.85rem;-webkit-line-clamp:2;line-clamp:2;height:2.8em}}@media (max-width: 576px){.select-service .service-card{min-height:300px}.select-service .service-card .card-body{min-height:240px;padding:.875rem}.select-service .service-card .action-buttons .btn{font-size:.8rem;padding:.4rem .8rem}}.select-service .empty-state{text-align:center;padding:3rem 1rem;color:#6b7280}.select-service .empty-icon{font-size:3rem;color:#d1d5db;margin-bottom:1rem}.select-service .service-badges-left{position:absolute;top:.5rem;left:.5rem;z-index:2;display:flex;flex-direction:column;gap:.25rem}.select-service .badge-pill{font-size:.7rem;padding:.25rem .5rem;border-radius:12px;color:#fff;display:flex;align-items:center;gap:.25rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.select-service .badge-pill.trending{background:#ef4444e6}.select-service .badge-pill.popular{background:#f59e0be6}.select-service{min-height:100vh;background-attachment:fixed;position:relative}.select-service:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(var(--primary-main-rgb),.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(var(--secondary-main-rgb),.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(var(--primary-light-rgb),.05) 0%,transparent 50%);pointer-events:none;z-index:-1}.select-service .card{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;box-shadow:0 8px 32px #0000001a,0 4px 16px #0000000d,inset 0 1px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.select-service .card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026,0 6px 20px #00000014,inset 0 1px #fff6}.select-service .img-fluid{border-radius:20px;box-shadow:0 4px 16px rgba(var(--primary-main-rgb),.2);transition:transform .3s ease}.select-service .img-fluid:hover{transform:scale(1.05)}.select-service h1{background:linear-gradient(135deg,var(--primary-main),var(--secondary-main));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;text-align:center}.select-service .staff-grid{scrollbar-width:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;padding:20px}.select-service .staff-grid-item{display:flex;flex-direction:column;align-items:center;padding:20px 15px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;min-height:140px;max-height:160px;width:120px}.select-service .staff-grid-item p{margin:8px 0 0;width:100%;text-align:center;font-size:.8rem;line-height:1.2;height:2.4em;overflow:hidden}.select-service .staff-grid-item:hover{transform:translateY(-5px);background:#fffffff2;box-shadow:0 8px 25px rgba(var(--primary-main-rgb),.15),0 4px 12px #0000001a;border-color:rgba(var(--primary-main-rgb),.3)}.select-service .staff-grid-item img{width:70px;height:70px;border-radius:50%;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.select-service .staff-grid-item:hover img{box-shadow:0 6px 20px rgba(var(--primary-main-rgb),.3);transform:scale(1.1)}.select-service .carousel{border-radius:20px;overflow:hidden;margin:20px;box-shadow:0 8px 24px #0000001f}.select-service .carousel-item img{height:300px;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.select-service .carousel-item:hover img{transform:scale(1.05)}.select-service .carousel-caption{background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));border-radius:0 0 20px 20px;padding:30px 20px 20px}.select-service .carousel-control-prev,.select-service .carousel-control-next{width:5%;opacity:.8;transition:opacity .3s ease}.select-service .carousel-control-prev:hover,.select-service .carousel-control-next:hover{opacity:1}.select-service .carousel-indicators{margin-bottom:20px}.select-service .carousel-indicators button{width:12px;height:12px;border-radius:50%;margin:0 5px;border:2px solid rgba(255,255,255,.5);background:#ffffff4d;transition:all .3s ease}.select-service .carousel-indicators button.active{background:#fff;border-color:#fff;transform:scale(1.2)}.select-service .alert{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:16px;box-shadow:0 4px 16px #0000001a;border-left:4px solid var(--primary-main)}.select-service .custom-alert-warning{border-left-color:#f39c12;background:#fcf8e3e6}.select-service .custom-alert-success{border-left-color:#27ae60;background:#e3fce9e6}.select-service .badge.bg-primary{background:linear-gradient(135deg,var(--primary-main),var(--primary-dark))!important;border-radius:25px;padding:12px 24px;font-size:1rem;font-weight:600;box-shadow:0 4px 12px rgba(var(--primary-main-rgb),.3);border:1px solid rgba(255,255,255,.2)}.select-service .search-container{position:relative}.select-service .custom-search-input{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(var(--primary-main-rgb),.2);border-radius:20px;padding:15px 25px;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 12px #0000000d}.select-service .custom-search-input:focus{background:#fff;border-color:var(--primary-main);box-shadow:0 6px 20px rgba(var(--primary-main-rgb),.15),0 0 0 3px rgba(var(--primary-main-rgb),.1);outline:none;transform:translateY(-2px)}.two-line-ellipsis{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.one-line-ellipsis{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.three-line-ellipsis{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.select-service .category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;margin-bottom:30px}.select-service .category-grid-item{display:flex;flex-direction:column;align-items:center;padding:20px 15px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;min-height:140px;max-height:160px}.select-service .category-grid-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-main),var(--secondary-main));opacity:0;transition:opacity .3s ease;border-radius:18px}.select-service .category-grid-item:hover:before{opacity:.1}.select-service .category-grid-item:hover{transform:translateY(-8px);background:#fffffff2;border-color:var(--primary-main);box-shadow:0 12px 30px rgba(var(--primary-main-rgb),.2),0 6px 16px #0000001a}.select-service .category-grid-item:hover p{font-weight:600;color:var(--primary-main)!important}.select-service .category-grid-item.selected{background:rgba(var(--primary-main-rgb),.1);border-color:var(--primary-main);box-shadow:0 8px 25px rgba(var(--primary-main-rgb),.25),0 4px 12px #0000001a;transform:translateY(-4px)}.select-service .category-grid-item.selected:before{opacity:.15}.select-service .category-grid-item.selected p{font-weight:700;color:var(--primary-main)!important}.select-service .category-grid-item.selected .category-img-container{background:linear-gradient(135deg,rgba(var(--primary-main-rgb),.25),rgba(var(--secondary-main-rgb),.25));transform:scale(1.05)}.select-service .category-grid-item p{margin:0;width:100%;text-align:center;font-size:.85rem;line-height:1.3;height:2.6em;transition:all .3s ease;overflow:hidden}.select-service .category-img-container{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--primary-main-rgb),.1),rgba(var(--secondary-main-rgb),.1));border-radius:16px;margin-bottom:12px;transition:all .3s ease}.select-service .category-grid-item:hover .category-img-container{background:linear-gradient(135deg,rgba(var(--primary-main-rgb),.2),rgba(var(--secondary-main-rgb),.2));transform:scale(1.1)}.select-service .service-card{background:#ffffffe6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;display:flex;flex-direction:column}.select-service .service-card .card-body{display:flex;flex-direction:column;flex:1;padding:20px}.select-service .service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--primary-main-rgb),.05),rgba(var(--secondary-main-rgb),.03));opacity:0;transition:opacity .3s ease}.select-service .service-card:hover:before{opacity:1}.select-service .service-card:hover{transform:translateY(-8px);background:#fffffff2;box-shadow:0 16px 40px #0000001f,0 8px 20px rgba(var(--primary-main-rgb),.1);border-color:rgba(var(--primary-main-rgb),.3)}.select-service .card-img-container,.select-service .card-img-placeholder{height:160px;overflow:hidden;position:relative;background:linear-gradient(135deg,rgba(var(--primary-light-rgb),.1),rgba(var(--secondary-light-rgb),.1))}.select-service .card-img-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.select-service .service-card:hover .card-img-container img{transform:scale(1.1)}.select-service .placeholder-icon{display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(135deg,var(--primary-light),var(--secondary-light));color:#fff;font-size:3rem}.select-service .badge-corner{position:absolute;top:6px;right:15px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;padding:5px 10px;border-radius:12px;font-size:.8rem;font-weight:600;z-index:2;box-shadow:0 4px 12px #e74c3c4d}.select-service .rating-badge{position:absolute;bottom:15px;right:15px;background:#000c;color:#fff;padding:6px 10px;border-radius:20px;font-size:.9rem;font-weight:600}.select-service .tag-badge{display:inline-block;background:linear-gradient(135deg,rgba(var(--primary-main-rgb),.1),rgba(var(--secondary-main-rgb),.1));color:var(--primary-main);border-radius:12px;font-weight:500;margin:2px;border:1px solid rgba(var(--primary-main-rgb),.2);transition:all .3s ease;font-size:.7rem;padding:.2rem .4rem;margin-right:.25rem;margin-bottom:.25rem}.select-service .tag-badge:hover{background:linear-gradient(135deg,rgba(var(--primary-main-rgb),.2),rgba(var(--secondary-main-rgb),.2));transform:translateY(-1px)}.select-service .custom-btn-primary{background:linear-gradient(135deg,var(--primary-main),var(--primary-dark));border:none;border-radius:12px;padding:8px 16px;font-weight:600;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(var(--primary-main-rgb),.3);position:relative;overflow:hidden}.select-service .custom-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.select-service .custom-btn-primary:hover:before{left:100%}.select-service .custom-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-main-rgb),.4)}.select-service .custom-btn-outline{background:#ffffffe6;border:2px solid var(--primary-main);color:var(--primary-main);border-radius:16px;padding:12px 24px;font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.select-service .custom-btn-outline:hover{background:var(--primary-main);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-main-rgb),.3)}.select-service .ripple-effect{position:absolute;border-radius:50%;background:#fff9;transform:scale(0);animation:ripple .6s linear;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}.custom-spinner{display:inline-flex;gap:4px}.custom-spinner>div{width:6px;height:6px;background-color:currentColor;border-radius:100%;animation:bounce 1.4s ease-in-out infinite both}.custom-spinner .bounce1{animation-delay:-.32s}.custom-spinner .bounce2{animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(.8)}}.select-service .empty-state{text-align:center;padding:60px 20px}.select-service .empty-icon{font-size:4rem;color:rgba(var(--primary-main-rgb),.3);margin-bottom:20px}.select-service .service-card .card-text{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.5;max-height:3em;margin-bottom:12px}.select-service .service-card .card-actions{margin-top:auto;padding-top:16px;border-top:1px solid rgba(var(--primary-main-rgb),.1)}.select-service .service-card .task-count-badge{margin-bottom:12px}.select-service .service-card .action-buttons{display:flex;gap:8px;justify-content:flex-end;align-items:center}.select-service .service-card .action-buttons.space-between{justify-content:space-between}.select-service .tags-container{flex-wrap:nowrap;gap:6px;max-height:32px;overflow:hidden;position:relative}.select-service .tags-container:before{content:"";position:absolute;top:0;right:0;width:30px;height:100%;background:linear-gradient(to left,rgba(255,255,255,1),transparent);pointer-events:none;z-index:1}.select-service .category-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,rgba(var(--secondary-main-rgb),.1),rgba(var(--primary-main-rgb),.1));color:var(--secondary-main);padding:6px 10px;border-radius:16px;font-size:.8rem;font-weight:600;border:1px solid rgba(var(--secondary-main-rgb),.2)}.select-service .custom-btn-success{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;padding:8px 16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #10b9814d;position:relative;overflow:hidden;font-size:.9rem}.select-service .custom-btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}@media (max-width: 768px){.select-service .service-body{padding:0!important}.select-service .staff-grid,.select-service .category-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:15px}.select-service .service-card{height:auto}.select-service .card-img-container,.select-service .card-img-placeholder{height:100px}.select-service .badge.bg-primary{font-size:.9rem;padding:10px 20px}.select-service .carousel{margin:15px 10px;border-radius:16px}.select-service .carousel-item img{height:200px}.select-service .carousel-caption{padding:20px 15px 15px}.select-service .carousel-caption h5{font-size:1.1rem;margin-bottom:0}.select-service .carousel-control-prev,.select-service .carousel-control-next{width:8%}.select-service .carousel-indicators{margin-bottom:15px}.select-service .carousel-indicators button{width:10px;height:10px;margin:0 3px}}@media (max-width: 576px){.select-service .staff-grid,.select-service .category-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px;padding:15px}.select-service .carousel{margin:10px 5px;border-radius:12px;box-shadow:0 4px 16px #0000001a}.select-service .carousel-item img{height:160px}.select-service .carousel-caption{padding:15px 10px 10px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8))}.select-service .carousel-caption h5{font-size:.95rem;line-height:1.3;margin-bottom:0}.select-service .carousel-control-prev,.select-service .carousel-control-next{width:10%;opacity:.7}.select-service .carousel-control-prev-icon,.select-service .carousel-control-next-icon{width:16px;height:16px}.select-service .carousel-indicators{margin-bottom:10px}.select-service .carousel-indicators button{width:8px;height:8px;margin:0 2px}}.select-service .animate__animated{animation-duration:.8s;animation-fill-mode:both}.select-service .animate__fadeIn{animation-name:fadeInCustom}.select-service .animate__fadeInDown{animation-name:fadeInDownCustom}@keyframes fadeInDownCustom{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.select-service::-webkit-scrollbar{width:8px}.select-service::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.select-service::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-main),var(--secondary-main));border-radius:4px}.select-service::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-dark),var(--secondary-dark))}.home-container .custom-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.home-container .home-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.home-container .modal-dialog{position:relative;z-index:10000;width:100%;max-width:500px;margin:0 auto}.home-container .modal-content{background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:24px;box-shadow:0 10px 30px #00000014,0 4px 12px #0000000d,inset 0 1px #fff9;overflow:hidden;position:relative}.home-container .modal-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--primary-main-rgb),.02),rgba(var(--secondary-main-rgb),.01));pointer-events:none}.home-container .modal-header{background:linear-gradient(135deg,rgba(var(--primary-main-rgb),.04),rgba(var(--secondary-main-rgb),.02));border-bottom:1px solid rgba(0,0,0,.08);padding:20px 24px;position:relative}.home-container .modal-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-main),var(--primary-dark));border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 4px 12px rgba(var(--primary-main-rgb),.3)}.home-container .modal-title{color:var(--primary-dark);font-weight:600;font-size:1.25rem}.home-container .custom-close{border-radius:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:1px solid rgba(0,0,0,.06)}.home-container .custom-close:hover{transform:rotate(90deg);box-shadow:0 2px 8px #0000000f}.home-container .modal-body{padding:24px;position:relative;z-index:1}.home-container .custom-scrollbar{max-height:60vh;overflow-y:auto}.home-container .custom-scrollbar::-webkit-scrollbar{width:6px}.home-container .custom-scrollbar::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.home-container .custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-main),var(--secondary-main));border-radius:3px}.home-container .custom-label{color:var(--primary-dark);font-weight:600;font-size:.95rem;margin-bottom:8px;display:flex;align-items:center;gap:8px}.home-container .custom-input,.home-container .custom-textarea{background:#ffffffe6;border:2px solid rgba(var(--primary-main-rgb),.15);border-radius:12px;padding:12px 16px;transition:all .3s ease;font-size:.95rem}.home-container .custom-input:focus,.home-container .custom-textarea:focus{background:#fff;border-color:var(--primary-main);box-shadow:0 4px 12px rgba(var(--primary-main-rgb),.1),0 0 0 3px rgba(var(--primary-main-rgb),.1);outline:none;transform:translateY(-1px)}.home-container .modal-footer{background:linear-gradient(135deg,rgba(var(--primary-light-rgb),.02),rgba(var(--secondary-light-rgb),.01));border-top:1px solid rgba(0,0,0,.08);padding:20px 24px;display:flex;gap:12px;justify-content:flex-end}.home-container .custom-btn-secondary{background:#fffffff2;border:2px solid rgba(0,0,0,.06);color:#6c757d;border-radius:12px;padding:10px 20px;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-container .custom-btn-secondary:hover{background:#fff;border-color:#0000001f;color:#495057;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.home-container .task-staff-info{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);padding:16px;border-radius:16px;transition:all .3s ease}.home-container .staff-avatar-bg{width:60px;height:60px;background:linear-gradient(135deg,rgba(var(--primary-main-rgb),.1),rgba(var(--secondary-main-rgb),.1));border-radius:50%;padding:3px;box-shadow:0 4px 12px rgba(var(--primary-main-rgb),.2)}.home-container .staff-details{flex:1;display:flex;flex-direction:column;justify-content:center}.home-container .staff-name{font-weight:700;color:var(--primary-dark);font-size:1.1rem;margin-bottom:4px}.home-container .staff-job{color:#6c757d;font-size:.9rem}.home-container .staff-rate{display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,#fef3c7,#fde68a);padding:8px 12px;border-radius:20px;font-weight:600;color:#92400e;font-size:.9rem;box-shadow:0 2px 8px #f59e0b33}.home-container .section-title{color:var(--primary-dark);font-weight:700;border-bottom:2px solid rgba(var(--primary-main-rgb),.1);padding-bottom:8px}.home-container .task-item{background:#ffffffb3;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:12px 16px;margin-bottom:12px;transition:all .3s ease;position:relative;overflow:hidden}.home-container .task-item:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--primary-main);opacity:.7}.home-container .task-item.completed:before{background:#10b981}.home-container .task-item.pending:before{background:#f59e0b}.home-container .task-item.in_progress:before{background:#3b82f6}.home-container .task-item.rejected:before{background:#ef4444}.home-container .task-item:hover{background:#ffffffe6;transform:translate(4px);box-shadow:0 4px 12px #0000001a}.home-container .task-title{font-weight:600;color:var(--primary-dark);margin-bottom:4px}.home-container .btn-primary,.home-container .survey-im.btn-primary,.home-container .custom-btn-primary{background:linear-gradient(135deg,var(--primary-main),var(--primary-dark))!important;border-color:var(--primary-main)!important;color:#fff!important;border-radius:12px;padding:10px 20px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px rgba(var(--primary-main-rgb),.3)}.home-container .btn-primary:hover,.home-container .survey-im.btn-primary:hover,.home-container .custom-btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-main))!important;border-color:var(--primary-dark)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-main-rgb),.4)}.home-container .btn-primary:focus,.home-container .survey-im.btn-primary:focus,.home-container .custom-btn-primary:focus{background:linear-gradient(135deg,var(--primary-main),var(--primary-dark))!important;border-color:var(--primary-main)!important;color:#fff!important;box-shadow:0 4px 12px rgba(var(--primary-main-rgb),.3),0 0 0 3px rgba(var(--primary-main-rgb),.2)}.home-container .btn-primary:active,.home-container .survey-im.btn-primary:active,.home-container .custom-btn-primary:active{background:linear-gradient(135deg,var(--primary-dark),var(--primary-main))!important;border-color:var(--primary-dark)!important;color:#fff!important}.contents-page{min-height:100vh;background-attachment:fixed;position:relative;padding:24px 16px}.contents-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(var(--primary-main-rgb),.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(var(--secondary-main-rgb),.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(var(--primary-light-rgb),.05) 0%,transparent 50%);pointer-events:none;z-index:-1}.contents-page .card{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;box-shadow:0 8px 32px #0000001a,0 4px 16px #0000000d,inset 0 1px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;margin:0 auto;max-width:1200px}.contents-page .card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026,0 6px 20px #00000014,inset 0 1px #fff6}.contents-page .card-body{padding:32px 36px 40px}.contents-page .card-header-gradient{background:linear-gradient(135deg,rgba(var(--primary-main-rgb),.1),rgba(var(--secondary-main-rgb),.05));border-bottom:1px solid rgba(255,255,255,.2);padding:20px 24px;position:relative}.contents-page .header-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-main),var(--primary-dark));border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 4px 12px rgba(var(--primary-main-rgb),.3);margin-right:16px}.contents-page h4{background:linear-gradient(135deg,var(--primary-main),var(--secondary-main));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;margin:0}.contents-page .stories-section{background:#fff6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:24px 28px;margin-bottom:32px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000000f}.contents-page .stories-section h5{background:linear-gradient(135deg,var(--primary-main),var(--secondary-main));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:1.3rem;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.contents-page .stories-container{display:flex;gap:20px;overflow-x:auto;padding:8px 0 16px;scrollbar-width:none;-ms-overflow-style:none}.contents-page .stories-container::-webkit-scrollbar{display:none}.contents-page .story-card{flex-shrink:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px}.contents-page .story-card:hover{transform:scale(1.05)}.contents-page .story-circle{position:relative;width:80px;height:80px;border-radius:50%;padding:3px;background:linear-gradient(45deg,#fd5949,#d6249f,#285aeb);transition:all .3s ease;box-shadow:0 4px 12px #00000026}.contents-page .story-circle.seen{background:linear-gradient(45deg,#c7c7c7,#8e8e93)}.contents-page .story-circle.unseen{background:linear-gradient(45deg,#fd5949,#d6249f,#285aeb);animation:story-pulse 2s ease-in-out infinite}.contents-page .story-circle:hover{transform:scale(1.05);box-shadow:0 6px 20px #0003}.contents-page .story-thumbnail{width:100%;height:100%;border-radius:50%;background:#fff;padding:2px;overflow:hidden;display:flex;align-items:center;justify-content:center}.contents-page .story-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;transition:transform .3s ease}.contents-page .story-card:hover .story-thumbnail img{transform:scale(1.1)}.contents-page .story-title{font-size:12px;font-weight:500;color:var(--text-secondary);text-align:center;max-width:80px;line-height:1.2}.contents-page .story-progress-container{display:flex;gap:4px;padding:16px}.contents-page .story-progress-bar{height:3px;background:#ffffff4d;border-radius:2px;overflow:hidden}.contents-page .story-progress-bar .progress-inner{height:100%;background:#fff;width:0%;transition:width .1s linear}.contents-page .story-progress-bar .progress-inner.completed{width:100%}.contents-page .story-progress-bar .progress-inner.in-progress{animation:progress-fill 5s linear forwards}.contents-page .story-navigation-area{position:absolute;top:0;bottom:0;width:30%;z-index:10;cursor:pointer}.contents-page .story-navigation-prev{left:0}.contents-page .story-navigation-next{right:0}.contents-page .story-navigation-center{position:absolute;top:0;bottom:0;left:30%;right:30%;z-index:5}.contents-page .story-content-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.contents-page .story-media{max-width:100%;max-height:90vh;-o-object-fit:contain;object-fit:contain;border-radius:12px}.contents-page .search-filters{padding:24px 28px;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;margin-bottom:32px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #0000000d}.contents-page .custom-input-group{position:relative;overflow:hidden;border-radius:16px;box-shadow:0 4px 12px #0000000d}.contents-page .custom-search-input{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(var(--primary-main-rgb),.2);border-radius:16px;padding:12px 16px;font-size:1rem;transition:all .3s ease;border-left:none}.contents-page .custom-search-input:focus{background:#fff;border-color:var(--primary-main);box-shadow:0 6px 20px rgba(var(--primary-main-rgb),.15),0 0 0 3px rgba(var(--primary-main-rgb),.1);outline:none;transform:translateY(-1px)}.contents-page .input-group-text{background:#ffffffe6;border:2px solid rgba(var(--primary-main-rgb),.2);border-right:none;border-radius:16px 0 0 16px;color:var(--primary-main)}.contents-page .contents-list{display:flex;flex-direction:column;gap:24px}.contents-page .content-card{background:#ffffffe6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);border-radius:22px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;box-shadow:0 4px 16px #0000000f}.contents-page .content-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--primary-main-rgb),.02),rgba(var(--secondary-main-rgb),.01));opacity:0;transition:opacity .3s ease}.contents-page .content-card:hover:before{opacity:1}.contents-page .content-card:hover{transform:translateY(-8px);background:#fffffff2;box-shadow:0 16px 40px #0000001f,0 8px 20px rgba(var(--primary-main-rgb),.1);border-color:rgba(var(--primary-main-rgb),.3)}.contents-page .content-card-inner{position:relative;z-index:1}.contents-page .content-thumbnail{height:100%;overflow:hidden;position:relative;background:linear-gradient(135deg,rgba(var(--primary-light-rgb),.1),rgba(var(--secondary-light-rgb),.1))}.contents-page .content-thumb-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.contents-page .content-card:hover .content-thumb-img{transform:scale(1.05)}.contents-page .content-info{padding:24px 28px}.contents-page .category-badge{display:inline-block;background:linear-gradient(135deg,rgba(var(--secondary-main-rgb),.1),rgba(var(--primary-main-rgb),.1));color:var(--secondary-main);padding:8px 16px;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid rgba(var(--secondary-main-rgb),.2);text-transform:uppercase;letter-spacing:.5px}.contents-page .category-educational{background:linear-gradient(135deg,#10b9811a,#0596691a);color:#10b981;border-color:#10b98133}.contents-page .category-ads{background:linear-gradient(135deg,#ef44441a,#dc26261a);color:#ef4444;border-color:#ef444433}.contents-page .category-entertainment{background:linear-gradient(135deg,#a855f71a,#8b5cf61a);color:#a855f7;border-color:#a855f733}.contents-page .category-news{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);color:#3b82f6;border-color:#3b82f633}.contents-page .category-default{background:linear-gradient(135deg,#6b72801a,#4b55631a);color:#6b7280;border-color:#6b728033}.contents-page .content-stats{display:flex;gap:8px}.contents-page .stats-badge{display:flex;align-items:center;gap:4px;background:#fffc;border:1px solid rgba(var(--primary-main-rgb),.2);padding:4px 8px;border-radius:12px;font-size:.75rem;color:var(--primary-main);font-weight:600}.contents-page .content-title{margin:16px 0 12px}.contents-page .content-link{color:var(--primary-dark);text-decoration:none;font-weight:700;font-size:1.1rem;line-height:1.4;transition:all .3s ease}.contents-page .content-link:hover{color:var(--primary-main);text-shadow:0 2px 4px rgba(var(--primary-main-rgb),.1)}.contents-page .content-excerpt{color:#6c757d;font-size:.95rem;line-height:1.6;margin-bottom:16px}.contents-page .content-dates{background:#ffffffb3;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:12px 16px;margin:16px 0;box-shadow:0 2px 8px #0000000d}.contents-page .date-item{display:flex;justify-content:space-between;align-items:center}.contents-page .date-label{font-weight:600;color:var(--primary-dark);font-size:.9rem}.contents-page .date-value{color:#6c757d;font-size:.9rem;background:rgba(var(--primary-main-rgb),.1);padding:4px 8px;border-radius:8px;font-weight:500}.contents-page .content-meta{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid rgba(var(--primary-main-rgb),.1);flex-wrap:wrap;gap:12px}.contents-page .meta-details{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.contents-page .reading-time,.contents-page .author{display:flex;align-items:center;color:#6c757d;font-size:.85rem;font-weight:500}.contents-page .reading-time i,.contents-page .author i{color:var(--primary-main);font-size:.9rem}.contents-page .custom-btn-primary{background:linear-gradient(135deg,var(--primary-main),var(--primary-dark));border:none;border-radius:12px;padding:10px 20px;font-weight:600;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(var(--primary-main-rgb),.3);position:relative;overflow:hidden;text-decoration:none}.contents-page .custom-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-main-rgb),.4);color:#fff}.contents-page .custom-btn-outline{background:#ffffffe6;border:2px solid var(--primary-main);color:var(--primary-main);border-radius:16px;padding:12px 24px;font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contents-page .custom-btn-outline:hover{background:var(--primary-main);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-main-rgb),.3)}.contents-page .ripple-btn{position:relative;overflow:hidden}.contents-page .ripple-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.contents-page .ripple-btn:active:after{width:300px;height:300px}.contents-page .empty-state{text-align:center;padding:60px 20px}.contents-page .empty-icon{font-size:4rem;color:rgba(var(--primary-main-rgb),.3);margin-bottom:20px}.contents-page .empty-state h5{color:var(--primary-dark);font-weight:700;margin-bottom:12px}.contents-page .empty-state p{color:#6c757d;font-size:1rem}@keyframes story-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes story-gradient-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contents-page hr{border:none;height:2px;background:linear-gradient(90deg,transparent,rgba(var(--primary-main-rgb),.3),rgba(var(--secondary-main-rgb),.3),transparent);margin:32px 0}.contents-page .stories-section+hr+h5{background:linear-gradient(135deg,var(--primary-main),var(--secondary-main));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:1.3rem;margin-bottom:24px}@media (max-width: 768px){.contents-page{padding:16px 12px}.contents-page .card-body{padding:24px 20px 28px}.contents-page .stories-section,.contents-page .search-filters{padding:20px 24px;margin-bottom:24px}.contents-page .content-info{padding:20px 24px}.contents-page .content-meta{flex-direction:column;align-items:stretch;gap:16px}.contents-page .meta-details{justify-content:center}.contents-page .content-thumbnail{height:140px}.contents-page .story-item{width:70px;height:70px}}@media (max-width: 576px){.contents-page{padding:0;margin:0}.contents-page .card{border-radius:20px}.contents-page .card-body{padding:20px 16px 24px}.contents-page .stories-section,.contents-page .search-filters,.contents-page .content-info{padding:16px 20px}.contents-page .content-card{border-radius:18px}.contents-page .story-item{width:60px;height:60px}.contents-page .stories-container{gap:2rem;height:150px;padding:4px 10px}}.contents-page .animate__animated{animation-duration:.8s;animation-fill-mode:both}.contents-page .animate__fadeIn{animation-name:fadeInCustom}.contents-page::-webkit-scrollbar{width:8px}.contents-page::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.contents-page::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-main),var(--secondary-main));border-radius:4px}.contents-page::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-dark),var(--secondary-dark))}.modal.show .modal-content{background:#000!important}.story-info{background:linear-gradient(0deg,rgba(0,0,0,.8) 0%,transparent 100%)}.story-info .story-title{color:#fff;font-weight:600;font-size:1.2rem}.story-info .story-description{color:#ffffffe6;font-size:.9rem}.story-info .story-meta span{color:#fffc;font-size:.85rem}.bg-gradient-dark{background:linear-gradient(0deg,rgba(0,0,0,.8) 0%,transparent 100%)!important}.profile-page{min-height:100vh;background-attachment:fixed;position:relative;padding:24px 16px}.profile-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 70%,rgba(var(--primary-light-rgb),.06) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(var(--secondary-light-rgb),.04) 0%,transparent 50%);pointer-events:none;z-index:-1}.profile-page .card{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:24px;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff6;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.profile-page .card-body{padding:32px 36px 40px}.profile-page .card-header-gradient{background:linear-gradient(135deg,rgba(var(--primary-main-rgb),.1),rgba(var(--secondary-main-rgb),.05));border-bottom:1px solid rgba(255,255,255,.2);padding:20px 24px;position:relative}.profile-page .header-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-main),var(--primary-dark));border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 4px 12px rgba(var(--primary-main-rgb),.3);margin-right:16px}.profile-page h4{background:linear-gradient(135deg,var(--primary-main),var(--secondary-main));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;margin:0}.profile-page .list{display:flex;flex-direction:column;gap:16px}.profile-page .list .card{background:#fffc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.profile-page .list .card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--primary-main-rgb),.05),transparent);transition:left .5s ease}.profile-page .list .card:hover:before{left:100%}.profile-page .list .card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f;border-color:rgba(var(--primary-main-rgb),.2)}.profile-page .list .card.shadow-sm{box-shadow:0 4px 16px #00000014!important}.profile-page .profile{display:flex;align-items:center;gap:16px}.profile-page .profile-picture{position:relative;width:64px!important;height:64px!important;border-radius:50%;background:linear-gradient(45deg,var(--primary-main),var(--secondary-main));padding:3px;transition:all .3s ease}.profile-page .profile-picture:hover{transform:scale(1.05);box-shadow:0 8px 25px rgba(var(--primary-main-rgb),.3)}.profile-page .profile-picture img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid white}.profile-page .profile h5{font-weight:600;color:var(--text-primary);margin-bottom:4px}.profile-page .profile p{color:var(--text-secondary);font-size:.9rem}.profile-page .card-body .d-flex{align-items:center;gap:16px}.profile-page .card-body i.fs-4{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--primary-main-rgb),.1),rgba(var(--secondary-main-rgb),.05));border-radius:12px;color:var(--primary-main);transition:all .3s ease}.profile-page .card-body h5{font-weight:600;color:var(--text-primary);margin-bottom:4px;transition:color .3s ease}.profile-page .card:hover .card-body h5{color:var(--primary-main)}.profile-page .card-body p{color:var(--text-secondary);font-size:.9rem;margin:0}.profile-page .bi-chevron-left,.profile-page .bi-chevron-right{transition:all .3s ease}.profile-page .card:hover .bi-chevron-left,.profile-page .card:hover .bi-chevron-right{color:var(--primary-main)!important;transform:translate(4px)}.profile-page .badge.bg-primary{background:linear-gradient(135deg,var(--primary-main),var(--primary-dark))!important;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;animation:pulse-notification 2s ease-in-out infinite}@keyframes pulse-notification{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.profile-page .list .card[style*="rgba(255,215,0,0.1)"]{background:linear-gradient(135deg,#ffd7001a,#ffc1070d)!important;border-color:#ffc10733}.profile-page .list .card[style*="rgba(13, 110, 253, 0.1)"]{background:linear-gradient(135deg,#0d6efd1a,#0d6efd0d)!important;border-color:#0d6efd33;animation:notification-glow 2s ease-in-out infinite}@keyframes notification-glow{0%,to{box-shadow:0 4px 16px #0d6efd1a}50%{box-shadow:0 8px 24px #0d6efd33}}.profile-page .list .card[style*="border-color: var(--bs-danger)"]{border-color:#dc35454d!important;background:#dc354505}.profile-page .list .card[style*="border-color: var(--bs-danger)"]:hover{border-color:#dc354580!important;background:#dc35450d}.profile-page .text-danger{color:#dc3545!important}.profile-page .confirmation-dialog{margin-top:16px;padding:20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(220,53,69,.15)}.profile-page .confirmation-dialog-content p{color:var(--text-primary);margin-bottom:16px;font-weight:500}.profile-page .confirmation-dialog .btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:8px;padding:8px 20px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #dc354533}.profile-page .confirmation-dialog .btn-danger:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-1px);box-shadow:0 3px 10px #dc354540}.profile-page .modal-content{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:20px;box-shadow:0 10px 30px #00000014}.profile-page .modal-header{background:linear-gradient(135deg,rgba(var(--primary-main-rgb),.04),rgba(var(--secondary-main-rgb),.02));border-bottom:1px solid rgba(0,0,0,.08);border-radius:20px 20px 0 0}.profile-page .modal-title{font-weight:600;color:var(--primary-main)}.profile-page .list-group-item{background:#ffffffe6;border:1px solid rgba(0,0,0,.06);margin-bottom:8px;border-radius:12px;transition:all .3s ease}.profile-page .list-group-item:hover{background:rgba(var(--primary-main-rgb),.03);border-color:rgba(var(--primary-main-rgb),.12);transform:translate(4px)}.profile-page .list-group-item:last-child{margin-bottom:0}.profile-page .card.opacity-50{transition:opacity .3s ease}@media (max-width: 768px){.profile-page{padding:16px 12px}.profile-page .card{border-radius:20px;margin:12px}.profile-page .card-body{padding:24px 20px 28px}.profile-page .profile-picture{width:56px!important;height:56px!important}.profile-page .card-body .d-flex{gap:12px}.profile-page .card-body i.fs-4{width:40px;height:40px;font-size:1.2rem!important}}@media (max-width: 576px){.profile-page{padding:0}.profile-page .card{border-radius:16px;margin:0}.profile-page .card-body{padding:20px 16px 24px}.profile-page .list{gap:12px}.profile-page .profile-picture{width:48px!important;height:48px!important}}.profile-page .animate__animated{animation-duration:.6s;animation-fill-mode:both}.profile-page .animate__fadeIn{animation-name:fadeInCustom}.profile-page::-webkit-scrollbar{width:8px}.profile-page::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.profile-page::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-main),var(--secondary-main));border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.profile-page::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-dark),var(--secondary-dark))}.profile-page .profile-card{background:linear-gradient(135deg,rgba(var(--primary-main-rgb),.08),rgba(var(--primary-main-rgb),.02));border:1px solid rgba(var(--primary-main-rgb),.1);border-radius:16px;transition:all .3s ease}.profile-page .profile-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a!important}.profile-page .avatar-container{width:64px;height:64px;transition:transform .3s ease}.profile-page .profile-card:hover .avatar-container{transform:scale(1.05)}.profile-page .status-indicator{width:16px;height:16px}.profile-page .profile-name{font-size:1.25rem;line-height:1.3}.profile-page .contact-text{font-size:.9rem;font-weight:500}.profile-page .profile-actions .btn{transition:all .2s ease}.profile-page .profile-actions .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-main-rgb),.2)}@media (max-width: 576px){.profile-page .profile-card .card-body{padding:1rem!important}.profile-page .profile-content{gap:.75rem!important}.profile-page .avatar-container{width:56px;height:56px}.profile-page .profile-name{font-size:1.1rem}.profile-page .contact-text{font-size:.85rem}.profile-page .status-indicator{width:14px;height:14px}.profile-page .profile-actions .btn{padding:.375rem .75rem;font-size:.875rem}}@media (max-width: 480px){.profile-page .profile-content{flex-direction:column;text-align:center;gap:1rem!important}.profile-page .profile-info{order:2}.profile-page .profile-actions{order:3;align-self:stretch}.profile-page .profile-actions .btn{width:100%;justify-content:center}}.my-workbenches{min-height:100vh;background-attachment:fixed;position:relative}.my-workbenches:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(var(--primary-main-rgb),.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(var(--secondary-main-rgb),.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(var(--primary-light-rgb),.05) 0%,transparent 50%);pointer-events:none;z-index:-1}.my-workbenches .card{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;box-shadow:0 8px 32px #0000001a,0 4px 16px #0000000d,inset 0 1px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.my-workbenches .card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026,0 6px 20px #00000014,inset 0 1px #fff6}.my-workbenches .card-header-gradient{background:linear-gradient(135deg,rgba(var(--primary-main-rgb),.1),rgba(var(--secondary-main-rgb),.05));border-bottom:1px solid rgba(255,255,255,.2);padding:20px 24px;position:relative}.my-workbenches .header-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-main),var(--primary-dark));border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 4px 12px rgba(var(--primary-main-rgb),.3);margin-right:16px}.my-workbenches h4{background:linear-gradient(135deg,var(--primary-main),var(--secondary-main));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;margin:0}.my-workbenches .search-filters{padding:20px;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;margin-bottom:24px;border:1px solid rgba(255,255,255,.3)}.my-workbenches .custom-input-group{position:relative;overflow:hidden;border-radius:16px;box-shadow:0 4px 12px #0000000d}.my-workbenches .custom-search-input{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(var(--primary-main-rgb),.2);border-radius:16px;padding:12px 16px;font-size:1rem;transition:all .3s ease;border-left:none}.my-workbenches .custom-search-input:focus{background:#fff;border-color:var(--primary-main);box-shadow:0 6px 20px rgba(var(--primary-main-rgb),.15),0 0 0 3px rgba(var(--primary-main-rgb),.1);outline:none;transform:translateY(-1px)}.my-workbenches .input-group-text{background:#ffffffe6;border:2px solid rgba(var(--primary-main-rgb),.2);border-right:none;border-radius:16px 0 0 16px;color:var(--primary-main)}.my-workbenches .custom-select{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(var(--primary-main-rgb),.2);border-radius:16px;padding:12px 16px;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px #0000000d}.my-workbenches .custom-select:focus{background:#fff;border-color:var(--primary-main);box-shadow:0 6px 20px rgba(var(--primary-main-rgb),.15),0 0 0 3px rgba(var(--primary-main-rgb),.1);outline:none;transform:translateY(-1px)}.my-workbenches .workbench-card{background:#ffffffe6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);border-radius:20px;margin-bottom:20px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.my-workbenches .workbench-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--primary-main-rgb),.02),rgba(var(--secondary-main-rgb),.01));opacity:0;transition:opacity .3s ease}.my-workbenches .workbench-card:hover:before{opacity:1}.my-workbenches .workbench-card:hover{transform:translateY(-8px);background:#fffffff2;box-shadow:0 16px 40px #0000001f,0 8px 20px rgba(var(--primary-main-rgb),.1);border-color:rgba(var(--primary-main-rgb),.3)}.my-workbenches .workbench-card-inner{padding:24px;position:relative;z-index:1}.my-workbenches .status-badge{position:absolute;top:16px;right:16px;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #0000001a;z-index:2}.my-workbenches .status-pending{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.my-workbenches .status-accepted{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.my-workbenches .status-rejected{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.my-workbenches .workbench-info>div{margin-bottom:16px}.my-workbenches .workbench-department,.my-workbenches .workbench-patient{display:flex;align-items:center;font-size:1.1rem;font-weight:600;color:var(--primary-dark);margin-bottom:12px}.my-workbenches .workbench-department i,.my-workbenches .workbench-patient i{font-size:1.2rem;color:var(--primary-main);margin-left:8px}.my-workbenches .workbench-dates{background:#ffffffb3;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:16px;margin:16px 0}.my-workbenches .date-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.my-workbenches .date-item:last-child{margin-bottom:0}.my-workbenches .date-label{font-weight:600;color:var(--primary-dark);font-size:.9rem}.my-workbenches .date-value{color:#6c757d;font-size:.9rem;background:rgba(var(--primary-main-rgb),.1);padding:4px 8px;border-radius:8px}.my-workbenches .workbench-meta{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid rgba(var(--primary-main-rgb),.1)}.my-workbenches .tasks-count{display:flex;align-items:center;background:linear-gradient(135deg,rgba(var(--secondary-main-rgb),.1),rgba(var(--primary-main-rgb),.1));color:var(--secondary-main);padding:8px 12px;border-radius:16px;font-size:.9rem;font-weight:600;border:1px solid rgba(var(--secondary-main-rgb),.2)}.my-workbenches .tasks-count i{margin-left:4px;font-size:1rem}.my-workbenches .custom-btn-primary{background:linear-gradient(135deg,var(--primary-main),var(--primary-dark));border:none;border-radius:12px;padding:10px 20px;font-weight:600;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(var(--primary-main-rgb),.3);position:relative;overflow:hidden;text-decoration:none}.my-workbenches .custom-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-main-rgb),.4);color:#fff}.my-workbenches .custom-btn-outline{background:#ffffffe6;border:2px solid var(--primary-main);color:var(--primary-main);border-radius:16px;padding:12px 24px;font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.my-workbenches .custom-btn-outline:hover{background:var(--primary-main);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-main-rgb),.3)}.my-workbenches .ripple-btn{position:relative;overflow:hidden}.my-workbenches .ripple-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.my-workbenches .ripple-btn:active:after{width:300px;height:300px}.my-workbenches .empty-state{text-align:center;padding:60px 20px}.my-workbenches .empty-icon{font-size:4rem;color:rgba(var(--primary-main-rgb),.3);margin-bottom:20px}.my-workbenches .empty-state h5{color:var(--primary-dark);font-weight:700;margin-bottom:12px}.my-workbenches .empty-state p{color:#6c757d;font-size:1rem}@media (max-width: 768px){.my-workbenches .workbench-card-inner{padding:20px}.my-workbenches .workbench-meta{flex-direction:column;gap:12px;align-items:stretch}.my-workbenches .tasks-count{justify-content:center}.my-workbenches .status-badge{position:static;display:inline-block;margin-bottom:16px}.my-workbenches .date-item{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width: 576px){.my-workbenches{padding:0}.my-workbenches .card{border-radius:20px;margin:10px}.my-workbenches .search-filters{padding:16px}.my-workbenches .workbench-department,.my-workbenches .workbench-patient{font-size:1rem}}.my-workbenches .animate__animated{animation-duration:.8s;animation-fill-mode:both}.my-workbenches .animate__fadeIn{animation-name:fadeInCustom}@keyframes fadeInCustom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.my-workbenches::-webkit-scrollbar{width:8px}.my-workbenches::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.my-workbenches::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-main),var(--secondary-main));border-radius:4px}.my-workbenches::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-dark),var(--secondary-dark))}.my-workbenches .workbench-details-container{position:relative;padding:1rem}.my-workbenches .shadow-custom{box-shadow:0 10px 30px #00000014;border:none;border-radius:12px;overflow:hidden}.my-workbenches .custom-btn-light{background:#fff3;color:#fff;border:none;padding:.4rem .75rem;border-radius:8px;transition:all .3s ease;font-size:.875rem;white-space:nowrap}.my-workbenches .custom-btn-light:hover{background:#ffffff4d;color:#fff}.my-workbenches .status-indicator{text-align:center}.my-workbenches .status-timeline{position:relative;padding:0 1rem;background:#ffffff26!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:20px!important;padding:2rem!important;border:1px solid rgba(255,255,255,.2)!important;margin-bottom:2rem}.my-workbenches .timeline-steps{display:flex;flex-direction:column;gap:2rem;position:relative}.my-workbenches .timeline-step{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.my-workbenches .timeline-step:not(:last-child):after{content:"";position:absolute;top:24px;left:24px;height:calc(100% + 2rem);width:2px;background:#e9ecef;z-index:0}.my-workbenches .timeline-icon{width:48px;height:48px;background:#ffffff4d!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:2px solid rgba(255,255,255,.3)!important;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#adb5bd;transition:all .3s ease!important;flex-shrink:0}.my-workbenches .timeline-step.active .timeline-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;transform:scale(1.1);box-shadow:0 8px 25px #6366f166!important}.my-workbenches .timeline-text{flex-grow:1}.my-workbenches .timeline-label{font-weight:600;color:#6c757d;transition:all .3s ease;margin-bottom:.25rem;font-size:.9rem}.my-workbenches .timeline-step.active .timeline-label{color:var(--primary-main)}.my-workbenches .timeline-date{font-size:.8rem;color:#adb5bd}.my-workbenches .info-cards-container{margin-top:2rem}.my-workbenches .info-card{background:#fff;border-radius:12px;box-shadow:0 5px 20px #0003;padding:1.25rem;position:relative;overflow:hidden}.my-workbenches .department-card{border-left:4px solid var(--primary-main)}.my-workbenches .patient-card{border-left:4px solid var(--secondary-main)}.my-workbenches .card-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff}.my-workbenches .department-card .card-icon,.my-workbenches .patient-card .card-icon{background:linear-gradient(135deg,var(--secondary-main) 0%,var(--secondary-dark) 100%)}.my-workbenches .card-title{margin-bottom:1rem;font-weight:600}.my-workbenches .card-content{display:flex;flex-direction:column;gap:.5rem}.my-workbenches .info-item{display:flex;flex-wrap:wrap;gap:.5rem}.my-workbenches .info-item .label{color:#6c757d;font-weight:500;min-width:80px}.my-workbenches .info-item .value{color:#495057;word-break:break-word}.my-workbenches .notes-section{margin-top:2rem}.my-workbenches .notes-card{background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000000d;padding:1.25rem;border-left:4px solid #ffc107}.my-workbenches .section-title{display:flex;align-items:center;font-weight:600;margin-bottom:1rem;color:#343a40}.my-workbenches .notes-content{color:#495057;white-space:pre-line;word-break:break-word}.my-workbenches .tasks-section{margin-top:2rem}.my-workbenches .tasks-list{display:flex;flex-direction:column;gap:1rem}.my-workbenches .task-card{background:#fff3!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:16px!important;box-shadow:0 5px 20px #0003;padding:1.25rem;position:relative;border-left:4px solid #6c757d;transition:all .3s ease!important}.my-workbenches .task-card:hover{transform:translateY(-3px);background:#ffffff4d!important;box-shadow:0 10px 30px #1f26874d!important}.my-workbenches .task-status-badge{position:absolute;top:1rem;right:1rem;padding:.25rem .6rem;border-radius:30px;font-size:.7rem;font-weight:600}.my-workbenches .task-status-badge.status-pending{background:#ffc1071a;color:#ffc107}.my-workbenches .task-status-badge.status-in_progress{background:#0d6efd1a;color:#0d6efd}.my-workbenches .task-status-badge.status-completed{background:#1987541a;color:#198754}.my-workbenches .task-status-badge.status-canceled{background:#6c757d1a;color:#6c757d}.my-workbenches .task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-right:80px}.my-workbenches .task-subject{font-weight:600;margin-bottom:0;font-size:1rem;word-break:break-word}.my-workbenches .task-priority{padding:.25rem .6rem;border-radius:30px;font-size:.7rem;font-weight:600;white-space:nowrap}.my-workbenches .priority-low{background:#0dcaf01a;color:#0dcaf0}.my-workbenches .priority-medium{background:#0d6efd1a;color:#0d6efd}.my-workbenches .priority-high{background:#ffc1071a;color:#ffc107}.my-workbenches .priority-urgent{background:#dc35451a;color:#dc3545}.my-workbenches .task-notes{color:#6c757d;margin-bottom:1rem;word-break:break-word}.my-workbenches .task-staff-info{display:flex;align-items:center;padding:.8rem;background:#f8f9fa99;border-radius:10px;margin-bottom:1rem;flex-wrap:wrap}.my-workbenches .staff-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;margin-right:12px;flex-shrink:0}.my-workbenches .staff-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.my-workbenches .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6c757d,#495057);color:#fff;font-weight:600;font-size:12px}.my-workbenches .staff-details{flex:1;min-width:0}.my-workbenches .staff-name{font-weight:600;color:#343a40;font-size:.85rem;word-break:break-word}.my-workbenches .staff-job{color:#6c757d;font-size:.75rem;word-break:break-word}.my-workbenches .task-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #f0f0f0}.my-workbenches .task-service,.my-workbenches .task-date,.my-workbenches .task-due{display:flex;align-items:center;font-size:.8rem;padding:.25rem .5rem;border-radius:30px;background:#6c757d1a;color:#6c757d;white-space:nowrap}.my-workbenches .task-survey-buttons{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.75rem}.my-workbenches .survey-btn{border-radius:30px;font-size:.75rem;padding:.25rem .6rem;display:flex;align-items:center;background:rgba(var(--primary-main-rgb),.1);color:var(--primary-main);border:1px solid rgba(var(--primary-main-rgb),.2);font-weight:600;transition:all .2s ease;white-space:nowrap}.my-workbenches .survey-btn:hover{background:rgba(var(--primary-main-rgb),.15);box-shadow:0 3px 10px rgba(var(--primary-main-rgb),.1)}.my-workbenches .service-survey{background:#0dcaf01a;color:#0dcaf0;border:1px solid rgba(13,202,240,.2)}.my-workbenches .service-survey:hover{background:#0dcaf026;box-shadow:0 3px 10px #0dcaf01a}.my-workbenches .staff-survey{background:#1987541a;color:#198754;border:1px solid rgba(25,135,84,.2)}.my-workbenches .staff-survey:hover{background:#19875426;box-shadow:0 3px 10px #1987541a}.my-workbenches .card-footer{border-top:1px solid #f0f0f0;padding-top:1rem;margin-top:1rem}.my-workbenches .empty-tasks{padding:2rem 1rem}.my-workbenches .dir-ltr{direction:ltr;display:inline-block}.my-workbenches .glassmorphism-workbench-card{background:#fff!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:24px!important;box-shadow:0 8px 32px #1f26875e!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;overflow:hidden;position:relative}.my-workbenches .glassmorphism-workbench-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.my-workbenches .glassmorphism-workbench-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #1f268780!important}.my-workbenches .stats-card{background:#fff3!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:20px!important;padding:1.5rem!important;text-align:center;transition:all .3s ease!important}.my-workbenches .stats-card:hover{transform:translateY(-5px) scale(1.02);background:#ffffff4d!important;box-shadow:0 15px 30px #6366f133!important}.my-workbenches .stats-number{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.my-workbenches .stats-label{color:#6b7280cc!important;font-weight:600;font-size:.9rem}@media (min-width: 576px){.my-workbenches .timeline-steps{flex-direction:row;justify-content:center;gap:1rem}.my-workbenches .timeline-step{flex-direction:column;align-items:center;gap:.5rem;flex:1;max-width:150px}.my-workbenches .timeline-step:not(:last-child):after{top:24px;left:24px;height:2px;width:calc(100% - 24px);transform:translate(50%)}.my-workbenches .status-timeline:before{content:"";position:absolute;top:24px;left:60px;right:60px;height:2px;background:#e9ecef;z-index:0}.my-workbenches .task-header{padding-right:100px}.my-workbenches .task-status-badge,.my-workbenches .task-priority{padding:.3rem .8rem;font-size:.75rem}}@media (min-width: 768px){.my-workbenches .timeline-step{max-width:180px}}@media (max-width: 375px){.my-workbenches .task-header{flex-direction:column;gap:.5rem;padding-right:0;padding-top:1.5rem}.my-workbenches .task-status-badge{top:1rem;right:1rem;font-size:.65rem;padding:.2rem .5rem}}.auth-card .form-control,.auth-card .form-input,.auth-card input[type=text],.auth-card input[type=email],.auth-card input[type=tel]{background:#ffffffe6;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:1rem;color:#333!important;font-size:1rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease}.auth-card .form-control:focus,.auth-card .form-input:focus,.auth-card input[type=text]:focus,.auth-card input[type=email]:focus,.auth-card input[type=tel]:focus{background:#fffffff2;border-color:#007bff80;box-shadow:0 0 0 3px #007bff1a;outline:none;color:#333!important}.auth-card .form-control::-moz-placeholder,.auth-card .form-input::-moz-placeholder,.auth-card input::-moz-placeholder{color:#6c757d!important;opacity:.8}.auth-card .form-control::placeholder,.auth-card .form-input::placeholder,.auth-card input::placeholder{color:#6c757d!important;opacity:.8}.form-control{border:1px solid #e9ecef;padding:.75rem;transition:all .2s ease}.form-control:focus{border-color:var(--primary-main);box-shadow:0 0 0 .25rem rgba(var(--primary-main-rgb),.25)}.form-label{font-weight:500;color:#495057;margin-bottom:.5rem}.mobile-input{border-top-right-radius:0;border-bottom-right-radius:0}.prefix-text{background-color:#f8f9fa;border:1px solid #e9ecef;border-left:none;color:#6c757d}.submit-btn{background:linear-gradient(135deg,var(--primary-main) 0%,var(--primary-dark) 100%);border:none;padding:1rem;border-radius:.5rem;position:relative;overflow:hidden;transition:all .3s ease}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s;animation:backforth 3s infinite ease-in-out;animation-delay:2s}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 4px 20px rgba(var(--primary-main-rgb),.3)}.spinner{margin:0 auto;width:70px;text-align:center;display:inline-block;vertical-align:middle}.spinner>div{width:12px;height:12px;background-color:#fff;border-radius:100%;display:inline-block;animation:sk-bouncedelay 1.4s infinite ease-in-out both;margin:0 2px}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.auth-wrapper{position:relative;width:100%;min-height:100vh}.auth-background{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#6366f11a,#8b5cf61a,#3b82f61a,#10b9811a,#f565651a);-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);z-index:-2}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,131,122,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,226,.3) 0%,transparent 50%);animation:gradientShift 20s ease-in-out infinite}@keyframes gradientShift{0%,to{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.8;transform:scale(1.1) rotate(5deg)}}.floating-orbs{position:absolute;width:100%;height:100%;overflow:hidden}.orb{position:absolute;border-radius:50%;background:linear-gradient(135deg,rgba(var(--primary-dark-rgb),.4),rgba(var(--primary-light-rgb),.4));filter:blur(40px);animation:floatOrb 20s infinite ease-in-out}.orb-1{width:200px;height:200px;top:10%;left:10%;animation-delay:0s}.orb-2{width:150px;height:150px;top:60%;right:20%;animation-delay:5s;background:linear-gradient(135deg,rgba(var(--secondary-dark-rgb),.4),rgba(var(--secondary-light-rgb),.4))}.orb-3{width:100px;height:100px;bottom:20%;left:20%;animation-delay:10s;background:linear-gradient(135deg,#10b98166,#78dbe266)}.orb-4{width:120px;height:120px;top:30%;left:50%;animation-delay:15s}.orb-5{width:80px;height:80px;bottom:40%;right:40%;animation-delay:8s;background:linear-gradient(135deg,#8b5cf666,#3b82f666)}@keyframes floatOrb{0%,to{transform:translateY(0) translate(0) scale(1)}33%{transform:translateY(-30px) translate(20px) scale(1.1)}66%{transform:translateY(20px) translate(-15px) scale(.9)}}.auth-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;position:relative}.locale-switcher-wrapper{position:absolute;top:2rem;right:2rem;z-index:10}.auth-content{width:100%;max-width:480px;animation:slideInUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:1;transform:translateY(0);animation-delay:.2s;position:relative;overflow:visible}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.glassmorphism{background:#ffffff40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);border-radius:24px;box-shadow:0 8px 32px #0000001a;overflow:hidden;position:relative}.glassmorphism:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.auth-card{padding:3rem 2.5rem;text-align:center;position:relative;overflow:visible}.logo-section{margin-bottom:2rem;animation:fadeInScale 1s cubic-bezier(.16,1,.3,1) forwards;opacity:1;transform:scale(1);animation-delay:.4s}@keyframes fadeInScale{to{opacity:1;transform:scale(1)}}.logo-container{position:relative;display:inline-block}.auth-logo{max-height:100px;width:auto;padding:10px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));transition:transform .3s ease}.auth-logo:hover{transform:scale(1.05)}.lock-icon-container{width:80px;height:80px;background:#fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;animation:pulse 2s infinite;transition:transform .3s ease}.lock-icon-container:hover{transform:scale(1.05)}.lock-icon-container i{font-size:2.5rem;color:#374151;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.auth-header{margin-bottom:2rem;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:1;transform:translateY(0);animation-delay:.6s}.auth-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.locale-switcher-auth{margin-top:.5rem}.auth-locale-switcher .locale-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.5rem .75rem;color:#1f2937;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;cursor:pointer}.auth-locale-switcher .locale-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.auth-locale-switcher .current-locale{font-weight:600;font-size:.8rem}.locale-dropdown{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:.5rem;min-width:200px}.locale-item{border:none;background:transparent;border-radius:8px;padding:.75rem;color:#374151;font-size:.875rem;display:flex;align-items:center;gap:.75rem;transition:all .2s ease;width:100%;text-decoration:none}.locale-item:hover{background:#6366f11a;color:#6366f1}.locale-item.active{background:#6366f126;color:#6366f1;font-weight:600}.locale-flag{font-size:1.1rem}.locale-name{flex:1}[dir=rtl] .auth-card{text-align:right}[dir=rtl] .auth-header-top{flex-direction:row-reverse}[dir=rtl] .form-input{direction:rtl;text-align:right}[dir=rtl] .input-wrapper{direction:rtl}[dir=rtl] .country-selector{direction:ltr}[dir=rtl] .tab-navigation{direction:rtl}[dir=rtl] .help-content{text-align:right}@media (max-width: 640px){[dir=rtl] .auth-card{padding:2rem 1.5rem}[dir=rtl] .input-wrapper{overflow:visible}[dir=rtl] .form-input{min-width:0;flex:1}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.auth-icon-wrapper{margin-bottom:1.5rem}.auth-icon{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background:#ffffff40;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:50%;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff6;font-size:2rem;color:#6366f1;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-icon:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)}.auth-icon:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shimmer 3s infinite}.auth-icon:hover{transform:scale(1.05);box-shadow:0 12px 40px #00000026,inset 0 1px #ffffff80}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.auth-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary-dark) 100%,var(--primary-light) 0%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;line-height:1.2}.auth-subtitle{color:#374151cc;font-size:1rem;line-height:1.6;margin:0}.auth-tabs{margin-bottom:2rem;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:1;transform:translateY(0);animation-delay:.8s}.tab-navigation{display:flex;background:#ffffff1a;border-radius:16px;padding:6px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border:none;background:transparent;border-radius:12px;color:#374151b3;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.tab-btn.active{background:#ffffffe6;color:#4f46e5;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.tab-btn:hover:not(.active){background:#fff3;color:#374151e6}.tab-icon{font-size:1.125rem}.auth-form-wrapper{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:1;transform:translateY(0);animation-delay:1s}.form-group{margin-bottom:1.5rem;text-align:left}.form-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151;margin-bottom:.75rem;font-size:.95rem}.input-wrapper{position:relative;display:flex;border-radius:16px;overflow:hidden;background:#ffffffb3;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;min-width:0;width:100%}.input-wrapper:focus-within{background:#ffffffe6;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;transform:translateY(-2px)}.form-input{flex:1;border:none;padding:1.25rem 1.5rem;background:transparent;font-size:1rem;color:#1f2937!important;outline:none;font-weight:500}.form-input::-moz-placeholder{color:#6b7280b3!important}.form-input::placeholder{color:#6b7280b3!important}.form-input:-webkit-autofill,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:focus{-webkit-text-fill-color:#1f2937!important;-webkit-box-shadow:0 0 0px 1000px transparent inset!important;-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}.form-input.error{border-color:#ef4444}.country-selector{position:relative;flex-shrink:0;z-index:1000000}.country-btn{display:flex;align-items:center;gap:.25rem;padding:1.25rem .75rem;border:none;background:#fff3;color:#374151!important;font-weight:500;border-right:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease;min-width:70px;max-width:70px;justify-content:center}.country-btn:hover{background:#ffffff4d}.flag{font-size:1rem}.country-code{font-size:.8rem;min-width:35px;text-align:left}.country-dropdown{position:absolute;top:100%;left:0;min-width:280px;max-height:200px;overflow-y:auto;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:.5rem;z-index:999999!important;margin-top:.5rem}.country-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:12px;transition:all .2s ease;text-decoration:none;color:#374151;border:none;background:transparent;width:100%;cursor:pointer}.country-item:hover{background:#6366f11a;color:#4f46e5;transform:translate(4px)}.country-name{flex:1;font-weight:500}.country-code-full{font-size:.9rem;color:#6b7280}.error-message{display:flex;align-items:center;gap:.5rem;color:#ef4444;font-size:.875rem;margin-top:.5rem;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.auth-form-actions{margin-top:2rem}.auth-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 2rem;border:none;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.auth-btn.primary{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-light) 100%);color:#fff;box-shadow:0 10px 25px #6366f14d}.auth-btn.primary:hover:not(.loading){transform:translateY(-2px);box-shadow:0 15px 35px #6366f166}.auth-btn.primary:active{transform:translateY(0)}.auth-btn.secondary{background:#fff3;color:#374151;border:1px solid rgba(255,255,255,.3)}.auth-btn.secondary:hover:not(.loading){background:#ffffff4d;transform:translateY(-1px)}.auth-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.auth-btn:hover:before{left:100%}.btn-loading{display:flex;align-items:center;gap:.75rem}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-btn.loading{pointer-events:none;opacity:.8}.auth-help{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2);animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:1;transform:translateY(0);animation-delay:1.2s}.help-content{display:flex;gap:1rem;text-align:left;padding:1.5rem;background:#3b82f60d;border-radius:16px;border:1px solid rgba(59,130,246,.1)}.help-icon{font-size:1.5rem;color:#3b82f6;flex-shrink:0;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.help-text h6{color:#1f2937;font-weight:600;margin-bottom:.5rem;font-size:.95rem}.help-text p{color:#374151cc;font-size:.875rem;line-height:1.5;margin:0}.otp-input{text-align:center;font-size:2rem;font-weight:700;letter-spacing:1rem;font-family:SF Mono,Monaco,Menlo,monospace;background:#ffffffe6;border:2px solid rgba(255,255,255,.3);border-radius:16px;padding:1.5rem;transition:all .3s ease}.otp-input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;transform:translateY(-2px)}.otp-input::-moz-placeholder{color:#6b728080;font-weight:400}.otp-input::placeholder{color:#6b728080;font-weight:400}.identifier-display{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem;background:#ffffff1a;border-radius:16px;border:1px solid rgba(255,255,255,.2)}.identifier-info{display:flex;align-items:center;gap:.75rem}.identifier-icon{font-size:1.25rem;color:#6366f1}.identifier-details h6{margin:0;font-weight:600;color:#374151;font-size:.9rem}.identifier-value{color:#1f2937;font-weight:500;margin:0;font-size:1rem;font-family:SF Mono,Monaco,Menlo,monospace}.change-btn{padding:.5rem 1rem;background:#6366f11a;color:#4f46e5;border:1px solid rgba(99,102,241,.2);border-radius:12px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s ease}.change-btn:hover{background:#6366f133;color:#4338ca;transform:translateY(-1px)}@media (max-width: 640px){.auth-card{padding:2rem 1.5rem;background:#ffffff40!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.18)!important}.auth-title{font-size:1.75rem;background:linear-gradient(135deg,var(--primary-dark) 100%,var(--primary-light) 0%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.auth-subtitle{color:#374151cc!important}.form-label{color:#374151!important}.locale-switcher-wrapper{top:1rem;right:1rem}.tab-btn{padding:.875rem;font-size:.9rem;color:#374151b3!important}.tab-btn.active{background:#ffffffe6!important;color:#4f46e5!important}.help-content{flex-direction:column;align-items:flex-start}.country-dropdown{min-width:240px}.otp-input{font-size:1.5rem;letter-spacing:.5rem;padding:1.25rem;color:#1f2937!important}.identifier-display{flex-direction:column;gap:1rem;align-items:stretch}}@media (max-width: 480px){.auth-container{padding:1rem .75rem}.auth-card{padding:1.5rem 1rem;background:#ffffff40!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.18)!important}.auth-icon{width:60px;height:60px}.auth-logo{max-height:60px;width:auto;padding:5px}.lock-icon-container{width:60px;height:60px}.lock-icon-container i{font-size:2rem;color:#374151!important}.auth-title{color:transparent!important;background:linear-gradient(135deg,var(--primary-dark) 100%,var(--primary-light) 0%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.auth-subtitle{color:#374151cc!important}.form-label{color:#374151!important}.input-wrapper{display:flex;flex-direction:row;align-items:stretch;min-width:0;width:100%;overflow:visible;border-radius:12px;border:1px solid rgba(255,255,255,.3);background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.country-selector{flex-shrink:0;min-width:auto;width:auto}.country-btn{padding:1rem .5rem;min-width:65px;max-width:65px;border:none;border-right:1px solid rgba(255,255,255,.2);background:#fff3;border-radius:12px 0 0 12px;color:#374151;font-weight:500}.form-input{flex:1;min-width:0;width:auto;padding:1rem;border:none;background:transparent;border-radius:0 12px 12px 0;color:#1f2937;font-weight:500}.country-dropdown{position:fixed!important;top:auto!important;left:1rem!important;right:1rem!important;width:auto!important;min-width:auto!important;max-height:250px;z-index:9999!important}[dir=rtl] .input-wrapper{direction:rtl}[dir=rtl] .form-input{direction:rtl;text-align:right}[dir=rtl] .country-selector{direction:ltr}[dir=rtl] .country-btn{border-right:none;border-left:1px solid rgba(255,255,255,.2);border-radius:0 12px 12px 0}[dir=rtl] .form-input{border-radius:12px 0 0 12px}.auth-title{font-size:1.5rem}.tab-btn span{display:none}.otp-input{font-size:1.25rem;letter-spacing:.25rem;padding:1rem}}.modal-backdrop{background-color:#ffffff1a!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-backdrop.show{opacity:.3!important}.modal-content{background:#fffffffa!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:16px!important;box-shadow:0 10px 30px #00000014,0 4px 12px #0000000d!important}.modal-header{background:linear-gradient(135deg,#f8f9facc,#ffffffe6)!important;border-bottom:1px solid rgba(0,0,0,.08)!important;border-radius:16px 16px 0 0!important}.modal-title{color:#333!important;font-weight:600!important}.modal-body{background:#fffffff2!important;color:#333!important;padding:24px!important}.modal-footer{background:linear-gradient(135deg,#f8f9fae6,#fffffff2)!important;border-top:1px solid rgba(0,0,0,.08)!important;border-radius:0 0 16px 16px!important;padding:16px 24px!important}.btn-close{border-radius:8px!important;opacity:.7!important;transition:all .3s ease!important}.btn-close:hover{transform:rotate(90deg);opacity:1!important;box-shadow:0 2px 8px #0000001a!important}.modal.story-modal .modal-content,.modal[id*=story] .modal-content{background:#000!important}.my-workbenches .modal-content{background:#fffffffa!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:16px!important;box-shadow:0 10px 30px #00000014,0 4px 12px #0000000d!important}.my-workbenches .modal-header{background:linear-gradient(135deg,#f8f9fae6,#fffffff2)!important;border-bottom:1px solid rgba(0,0,0,.08)!important;border-radius:16px 16px 0 0!important}.my-workbenches .modal-title{color:#333!important;font-weight:600!important}.my-workbenches .modal-body{background:#fffffff2!important;color:#333!important;padding:24px!important}.my-workbenches .modal-footer{background:linear-gradient(135deg,#f8f9fae6,#fffffff2)!important;border-top:1px solid rgba(0,0,0,.08)!important;border-radius:0 0 16px 16px!important;padding:16px 24px!important}.my-workbenches .btn-close{border-radius:8px!important;opacity:.7!important;transition:all .3s ease!important}.my-workbenches .btn-close:hover{transform:rotate(90deg);opacity:1!important;box-shadow:0 2px 8px #0000001a!important}.my-workbenches .btn-secondary{background:#fffffff2!important;border:1px solid rgba(0,0,0,.1)!important;color:#6c757d!important;border-radius:8px!important;transition:all .3s ease!important}.my-workbenches .btn-secondary:hover{background:#fff!important;border-color:#00000026!important;color:#495057!important;box-shadow:0 2px 8px #0000000f!important}.my-workbenches .btn-danger{background:linear-gradient(135deg,#dc3545,#c82333)!important;border:none!important;border-radius:8px!important;color:#fff!important;transition:all .3s ease!important;box-shadow:0 2px 8px #dc354533!important}.my-workbenches .btn-danger:hover{background:linear-gradient(135deg,#c82333,#bd2130)!important;transform:translateY(-1px)!important;box-shadow:0 3px 10px #dc354540!important}.workbench-container{--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);--card-bg: rgba(255, 255, 255, .95);--header-gradient: linear-gradient(135deg, var(--primary-main), var(--primary-dark));--text-glass: rgba(255, 255, 255, .9);--input-glass: rgba(255, 255, 255, .8);--success-gradient: linear-gradient(135deg, #4ade80, #22c55e);--error-gradient: linear-gradient(135deg, #f87171, #ef4444);min-height:100vh;background:linear-gradient(135deg,var(--primary-light),var(--secondary-light));background-attachment:fixed;position:relative;overflow:hidden}.workbench-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="20" cy="80" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none;z-index:0}.workbench-container .card{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;overflow:hidden;position:relative;z-index:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.workbench-container .card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #1f268780}.workbench-container .card-circles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.workbench-container .circle{position:absolute;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 6s ease-in-out infinite}.workbench-container .circle-1{width:80px;height:80px;top:10%;right:10%;animation-delay:0s}.workbench-container .circle-2{width:60px;height:60px;bottom:20%;left:15%;animation-delay:2s}.workbench-container .circle-3{width:40px;height:40px;top:50%;right:20%;animation-delay:4s}.workbench-container .circle-4{width:30px;height:30px;bottom:60%;left:5%;animation-delay:1s}.workbench-container .circle-5{width:20px;height:20px;top:30%;left:50%;animation-delay:3s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.workbench-container .card-header{background:var(--header-gradient);border:none;position:relative;overflow:hidden}.workbench-container .header-background{position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><polygon fill="rgba(255,255,255,0.1)" points="0,1000 1000,0 1000,1000"/></svg>');animation:slideBackground 10s linear infinite}@keyframes slideBackground{0%{transform:translate(-100%)}to{transform:translate(100%)}}.workbench-container .header-icon{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #0000001a;transition:all .3s ease}.workbench-container .header-icon:hover{transform:scale(1.1);box-shadow:0 6px 24px #0003}.workbench-container .department-display{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px;padding:16px;align-items:center;font-weight:500;color:var(--text-primary);transition:all .3s ease}.workbench-container .department-display:hover{background:#ffffff26;transform:translateY(-2px)}.workbench-container .department-display i{color:var(--primary-main);font-size:1.2rem}.workbench-container .user-info-card{background:var(--glass-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:16px;padding:24px;position:relative;overflow:hidden;transition:all .3s ease}.workbench-container .user-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--header-gradient)}.workbench-container .user-info-card:hover{background:#ffffff26;transform:translateY(-4px);box-shadow:0 12px 32px #1f26874d}.workbench-container .workbench-card-icon{width:48px;height:48px;background:var(--header-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;margin-bottom:16px;box-shadow:0 4px 16px rgba(var(--primary-main-rgb),.3);transition:all .3s ease}.workbench-container .user-info-card:hover .workbench-card-icon{transform:scale(1.1) rotate(5deg)}.workbench-container .request-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}.workbench-container .request-option{position:relative;border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.workbench-container .request-option .form-check-input{position:absolute;opacity:0;pointer-events:none}.workbench-container .request-option-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid var(--glass-border);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden;color:var(--text-primary)}.workbench-container .request-option-label:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.workbench-container .request-option:hover .request-option-label:before{left:100%}.workbench-container .request-option:hover .request-option-label{transform:translateY(-4px);border-color:var(--primary-main);box-shadow:0 8px 24px rgba(var(--primary-main-rgb),.2)}.workbench-container .request-option.active .request-option-label{background:rgba(var(--primary-main-rgb),.1);border-color:var(--primary-main);color:var(--primary-main);box-shadow:0 8px 24px rgba(var(--primary-main-rgb),.3)}.workbench-container .icon-container{width:48px;height:48px;background:#fffc;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.5rem;margin-bottom:12px;transition:all .3s ease;border:2px solid var(--glass-border)}.workbench-container .request-option.active .icon-container{background:var(--header-gradient);color:#fff;transform:scale(1.1);border-color:var(--primary-main);box-shadow:0 4px 16px rgba(var(--primary-main-rgb),.3)}.workbench-container .form-control,.workbench-container .form-select{background:var(--input-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px;padding:12px 16px;transition:all .3s ease;font-weight:500}.workbench-container .form-control:focus,.workbench-container .form-select:focus{background:#ffffffe6;border-color:var(--primary-main);box-shadow:0 0 0 3px rgba(var(--primary-main-rgb),.1);transform:translateY(-2px)}.workbench-container .form-control:hover,.workbench-container .form-select:hover{background:#ffffffd9;border-color:var(--primary-light)}.workbench-container .form-label{font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:.95rem}.workbench-container .notes-textarea{resize:vertical;min-height:100px}.workbench-container .submit-btn{background:var(--header-gradient);border:none;border-radius:16px;padding:16px 32px;font-weight:600;font-size:1.1rem;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px rgba(var(--primary-main-rgb),.3)}.workbench-container .submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.workbench-container .submit-btn:hover:before{left:100%}.workbench-container .submit-btn:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(var(--primary-main-rgb),.4)}.workbench-container .submit-btn:active{transform:translateY(-2px)}.workbench-container .spinner{display:inline-flex;gap:4px}.workbench-container .spinner div{width:8px;height:8px;background-color:#fff;border-radius:50%;animation:bounce 1.4s ease-in-out infinite both}.workbench-container .bounce1{animation-delay:-.32s}.workbench-container .bounce2{animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.workbench-container .alert{background:var(--glass-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:16px;padding:20px;margin-bottom:24px;position:relative;overflow:hidden}.workbench-container .alert-success{background:#4ade801a;border-color:#4ade804d;color:#166534}.workbench-container .alert-success:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--success-gradient)}.workbench-container .alert-danger{background:#f871711a;border-color:#f871714d;color:#991b1b}.workbench-container .alert-danger:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--error-gradient)}.workbench-container .success-icon,.workbench-container .error-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.workbench-container .success-icon{background:var(--success-gradient);color:#fff}.workbench-container .error-icon{background:var(--error-gradient);color:#fff}.workbench-container .other-user-section{transition:all .5s cubic-bezier(.4,0,.2,1)}.workbench-container .mobile-input{font-family:Courier New,monospace;letter-spacing:1px}.workbench-container .input-group{position:relative}.workbench-container .invalid-feedback{font-weight:500;font-size:.875rem}@media (max-width: 768px){.workbench-container{padding:16px}.workbench-container .request-options{grid-template-columns:1fr;gap:12px}.workbench-container .card-header .d-flex{flex-direction:column;text-align:center;gap:16px!important}.workbench-container .user-info-card{padding:20px}.workbench-container .submit-btn{padding:14px 24px;font-size:1rem}}@media (prefers-reduced-motion: reduce){.workbench-container *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}