@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap";.toast{position:fixed;top:20px;right:20px;z-index:9999;min-width:300px;max-width:500px;border-radius:12px;box-shadow:0 8px 32px #0000001f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:toastSlideIn .3s ease-out;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%) translateY(-10px)}to{opacity:1;transform:translate(0) translateY(0)}}.toast-success{background:linear-gradient(135deg,#10b981,#059669);border:1px solid rgba(16,185,129,.3)}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid rgba(239,68,68,.3)}.toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid rgba(59,130,246,.3)}.toast-content{display:flex;align-items:center;padding:16px 20px;color:#fff;position:relative}.toast-icon{font-size:20px;margin-right:12px;flex-shrink:0}.toast-message{flex:1;font-size:14px;font-weight:500;line-height:1.4;margin-right:12px}.toast-close{background:none;border:none;color:#fff;font-size:20px;font-weight:700;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;flex-shrink:0}.toast-close:hover{background-color:#fff3}@media(max-width:768px){.toast{top:10px;right:10px;left:10px;min-width:auto;max-width:none}.toast-content{padding:14px 16px}.toast-message{font-size:13px;margin-right:8px}.toast-icon{font-size:18px;margin-right:10px}}.toast:after{content:"";position:absolute;bottom:0;left:0;height:3px;background:#ffffff4d;border-radius:0 0 12px 12px;animation:toastProgress 4s linear}@keyframes toastProgress{0%{width:100%}to{width:0%}}.toast.toast-hiding{animation:toastSlideOut .3s ease-in forwards}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0) translateY(0)}to{opacity:0;transform:translate(100%) translateY(-10px)}}html,body{height:100%;overflow:hidden}body{font-family:Nunito,sans-serif}.login-container{display:flex;height:100vh;width:100vw;overflow:hidden}.login-left{flex:1.1;background:linear-gradient(135deg,#e820da 50%,#002060 50%);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 48px}.login-left:before{content:"";position:absolute;top:-120px;left:-80px;width:420px;height:420px;border-radius:50%;background:#e820da14;pointer-events:none}.login-left:after{content:"";position:absolute;bottom:-100px;right:-60px;width:340px;height:340px;border-radius:50%;background:#e820da0f;pointer-events:none}.left-brand{text-align:center;margin-bottom:36px;position:relative;z-index:2}.left-brand-logo{width:72px;height:72px;border-radius:50%;border:3px solid rgba(232,32,218,.45);box-shadow:0 8px 30px #0006;object-fit:cover;margin-bottom:12px}.left-brand h1{font-family:Playfair Display,serif;font-size:1.9rem;font-weight:700;color:#fff;letter-spacing:-.3px;margin-bottom:4px}.left-brand p{font-size:.85rem;color:#ffffffbf;font-weight:500;letter-spacing:1.5px;text-transform:uppercase}.showcase-slideshow{position:relative;width:100%;max-width:460px;z-index:2}.showcase-slide{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity .9s ease-in-out;pointer-events:none}.showcase-slide.active{opacity:1;position:relative;pointer-events:auto}.showcase-slide-inner{text-align:center;color:#fff}.slide-icon-wrap{width:72px;height:72px;border-radius:20px;background:#e820da2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(232,32,218,.35);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2rem;animation:floatIcon 4s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.showcase-slide-inner h2{font-family:Playfair Display,serif;font-size:1.65rem;font-weight:700;margin-bottom:8px;text-shadow:0 2px 8px rgba(0,0,0,.3);color:#fff}.showcase-slide-inner p{font-size:.9rem;opacity:.85;margin-bottom:24px;line-height:1.6;max-width:360px;margin-left:auto;margin-right:auto}.showcase-features{display:flex;flex-direction:column;gap:10px;max-width:360px;margin:0 auto}.showcase-feature{display:flex;align-items:center;gap:12px;background:#e820da1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(232,32,218,.25);border-radius:12px;padding:11px 16px;text-align:left;transition:background .3s}.showcase-feature:hover{background:#e820da38}.sf-icon{font-size:1.25rem;flex-shrink:0}.sf-text strong{display:block;font-size:.85rem;font-weight:700;color:#fff}.sf-text span{font-size:.75rem;color:#ffffffbf}.showcase-dots{display:flex;gap:8px;justify-content:center;margin-top:28px}.showcase-dot{width:8px;height:8px;border-radius:50%;background:#e820da59;border:none;cursor:pointer;transition:all .3s}.showcase-dot.active{background:#e820da;width:24px;border-radius:4px}.login-right{flex:.9;background:#f5f0ff;display:flex;align-items:center;justify-content:center;padding:24px 20px;overflow-y:auto}.login-card{background:#fff;border:1px solid rgba(0,32,96,.15);border-radius:20px;box-shadow:0 12px 40px #0020601f;width:100%;max-width:400px;animation:slideUp .55s ease-out both}@keyframes slideUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.card-header{background:linear-gradient(135deg,#e820da 50%,#002060 50%);padding:22px 20px 18px;text-align:center;border-radius:20px 20px 0 0;color:#fff}.pic-logo{width:64px;height:64px;border-radius:50%;border:3px solid rgba(255,255,255,.45);box-shadow:0 6px 20px #00000059;margin-bottom:8px;object-fit:cover}.card-header h1{font-family:Playfair Display,serif;font-size:1.35rem;font-weight:700;margin-bottom:2px;color:#fff}.card-header p{font-size:.8rem;opacity:.85;font-weight:500;color:#fff}.card-body{padding:20px 28px 14px}.welcome-section h2{font-size:1.2rem;font-weight:700;color:#002060;text-align:center;margin-bottom:2px}.welcome-section>p{color:#7a7a8a;text-align:center;font-size:.8rem;margin-bottom:16px}.login-form{display:flex;flex-direction:column;gap:12px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:.82rem;font-weight:700;color:#002060}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:13px;color:#e820da;z-index:2;pointer-events:none;display:flex;align-items:center}.form-input{width:100%;padding:9px 42px;border:1.5px solid rgba(0,32,96,.2);border-radius:9px;font-size:.88rem;font-family:Nunito,sans-serif;background:#f8f5ff;color:#002060;transition:border-color .25s,box-shadow .25s,background .25s}.form-input::placeholder{color:#a0a0b8}.form-input:focus{outline:none;border-color:#e820da;background:#fff;box-shadow:0 0 0 3px #e820da1f}.password-toggle{position:absolute;right:12px;background:none;border:none;color:#a0a0c0;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s;display:flex}.password-toggle:hover{color:#002060}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.8rem;color:#6b7280}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#E820DA}.forgot-link{background:none;border:none;color:#002060;cursor:pointer;font-size:.75rem;font-weight:600;font-family:Nunito,sans-serif;transition:color .2s;align-items:center;text-align:center;display:block;margin-left:auto;margin-right:auto}.forgot-link:hover{color:#e820da;text-decoration:underline}.sign-in-button{background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:#fff;border:none;padding:11px 16px;border-radius:11px;font-size:.92rem;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:4px;letter-spacing:.3px}.sign-in-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00206059}.sign-in-button:active:not(:disabled){transform:translateY(0)}.sign-in-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#fee8e8;color:#b91c1c;padding:9px 12px;font-size:.78rem;border-left:3px solid #e53e3e;border-radius:0}.success-message{background:#d1fae5;color:#065f46;padding:9px 12px;font-size:.78rem;border-left:3px solid #059669;border-radius:0}.card-footer{padding:10px 20px 14px;border-top:1px solid rgba(232,32,218,.12);background:linear-gradient(to right,#0020600a,#e820da0a);border-radius:0 0 20px 20px;text-align:center}.card-footer>*{margin-left:auto;margin-right:auto}.copyright p{color:#002060;font-size:.68rem;text-align:center}.twofa-container{background:#f5f0ff;border:1px solid rgba(0,32,96,.15);padding:18px;border-radius:12px;text-align:center}.twofa-title{font-size:1rem;font-weight:800;color:#002060;margin-bottom:6px}.twofa-subtitle{font-size:.78rem;color:#5a5070;margin-bottom:14px;line-height:1.5}.twofa-input{width:100%;font-size:1.4rem;letter-spacing:10px;text-align:center;padding:10px;border-radius:9px;border:1.5px solid rgba(0,32,96,.2);margin-bottom:12px;font-family:Nunito,monospace;color:#002060;background:#fff;outline:none;transition:border-color .2s}.twofa-input:focus{border-color:#e820da}.twofa-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:8px 10px;border-radius:6px;font-size:.78rem;margin-bottom:10px}.twofa-back{background:none;border:none;color:#002060;margin-top:10px;cursor:pointer;font-size:.8rem;font-family:Nunito,sans-serif}.twofa-back:hover{color:#e820da;text-decoration:underline}.twofa-success{text-align:center;padding:16px}.success-icon{font-size:44px;margin-bottom:8px}.security-warning{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 12px;background:linear-gradient(135deg,#fff8e6,#fff3cd);border-radius:12px;border:1px solid #ffeaa7}.security-warning h3{color:#853e04;margin-bottom:8px;font-size:1.1rem}.security-warning p{color:#856404;font-size:.82rem;line-height:1.5;margin-bottom:6px}.warning-icon{width:52px;height:52px;background:#ffc107;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:1.6rem;font-weight:800;color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.form-header{text-align:center;margin-bottom:14px}.form-header h3{color:#002060;font-size:1.1rem;margin-bottom:4px;font-weight:800}.form-header p{color:#7a7a8a;font-size:.78rem}.form-actions{display:flex;gap:8px;margin-top:12px}.back-button{flex:1;background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:#002060;border:none;padding:10px 14px;border-radius:9px;font-size:.88rem;font-weight:600;font-family:Nunito,sans-serif;cursor:pointer;transition:background .2s}.back-button:hover{background:#00206024}.submit-button{flex:2;background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:#fff;border:none;padding:10px 14px;border-radius:9px;font-size:.88rem;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #0020604d}.submit-button:disabled{opacity:.6;cursor:not-allowed}@keyframes toastSlide{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.toast-success{background:#22c55e!important;color:#fff!important}.toast-error{background:#ef4444!important;color:#fff!important}.toast-info{background:#002060!important;color:#fff!important}.toast-icon{flex-shrink:0;width:22px;height:22px;display:flex!important}.toast-icon svg{width:22px!important;height:22px!important}.toast-message{flex:1!important;font-size:.9rem;font-weight:600;line-height:1.4;color:inherit!important;display:block!important}.toast-close-btn{flex-shrink:0;width:20px;height:20px;background:transparent!important;border:none;color:#ffffffd9!important;cursor:pointer;padding:0;display:flex!important;align-items:center;justify-content:center}.toast-close-btn svg{width:18px!important;height:18px!important}.toast-close-btn:hover{color:#fff!important}@media(max-width:900px){.login-left{display:none}.login-right{flex:1}}@media(max-width:640px){.toast-container{bottom:12px!important;left:10px!important;right:10px!important;width:auto!important;min-width:0!important}}@media(max-width:480px){.login-right{padding:16px 12px}.card-body{padding:16px 18px 12px}.welcome-section h2{font-size:1.1rem}}.calendar-container{margin-top:10px;text-align:center}.calendar-header{display:flex;justify-content:center;align-items:center;gap:1rem;font-weight:700;margin-bottom:5px}.month-nav-button{background:none;border:none;font-size:1.2rem;cursor:pointer}.calendar-days{display:flex;flex-direction:column;gap:2px}.calendar-week{display:flex;justify-content:center;gap:5px}.calendar-day{width:32px;height:32px;line-height:32px;text-align:center;cursor:pointer;border-radius:4px}.calendar-day.selected{background-color:#4caf50;color:#fff}.month-arrow{background:#dededf;border:none;padding:4px 2px;cursor:pointer;font-size:16px;border-radius:6px;transition:.2s}.month-arrow:hover{background:#c8f97ae5}.month-arrow.left{margin-right:4px}.month-arrow.right{margin-left:4px}.summary_calls{padding:8px 10px;background-color:#fbfdd1ac;border-radius:4px;font-weight:500;color:#2f4632;border:1px solid #e9ecef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:flex;align-items:center;gap:5px}.summary_calls span{display:flex;align-items:center;gap:5px;font-size:12px}@media(max-width:768px){.summary_calls{font-size:12px;padding:6px 10px}}.daily-rota-header{background-color:#fff;color:#333;border-top:1px solid #ddd;padding:2px 5px;display:flex;align-items:center;width:100%;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory}.calendar-wrapper{position:relative}.calendar-watermark{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:500;color:#de1c8d89;z-index:10}.date-controls-container{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;gap:10px;overflow-x:auto;flex-wrap:nowrap}.day.active .day-num{color:#fff}.week-container{display:flex;position:relative;flex-direction:column;align-items:center;border-top:2.5px solid #c11ee587;padding:1px;border-radius:8px;background-color:#faffff;min-width:fit-content;box-shadow:0 2px 8px #00000040}.week-label{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);text-shadow:0 1px 2px rgba(0,0,0,.064);font-size:18px;font-weight:700;color:#8c00ff21;z-index:0;pointer-events:none;white-space:nowrap}.user-info{font-weight:700;font-size:13px;color:#e4e3d9;right:0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.curent-day{font-weight:700;font-size:10px;color:#d9e448;padding-left:8px;right:0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.week-days{display:flex;gap:5.5px;flex-wrap:wrap;text-shadow:0 1px 2px rgba(0,0,0,.3);z-index:1}.day{flex-grow:1;max-width:45px;min-width:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;padding:2px;font-size:11px;border:1px solid transparent;transition:all .2s ease;scroll-snap-align:center}.day:hover{background-color:#f0f0f0}.day.today{background-color:#f0f8ff;border-color:#4a90e2;font-weight:700}.day.today:hover{background-color:#dbe9ff}.day.active{background-color:#e91e63;color:#fff;border-color:#e91e63;font-weight:700}.day.active:hover{background-color:#c2185b;color:#c4d4e1}.day-num:hover{color:#0080ff}.day-name{text-transform:uppercase;font-size:10px;opacity:.8}.day-num{font-size:13px;font-weight:700;color:#3e5b73}.empty-day{visibility:hidden}.date-selection{display:flex;gap:10px;margin-bottom:1px}.date-dropdown{padding:5px 10px;border-radius:6px;border:1px solid #ccc;font-size:13px;color:#4676ba;background-color:#f5f5f5;cursor:pointer}.date-dropdown:focus{outline:none;border-color:#e91e63}@media(min-width:769px){.schedule-controls{display:grid;grid-template-columns:1fr auto auto;gap:10px}.daily-rota-header{justify-content:flex-start;overflow-x:auto}}.header{background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:#fff;box-shadow:0 2px 8px #00000026;position:sticky;top:0;z-index:1000;display:flex;flex-direction:column;width:100%}.header-top{display:flex;align-items:center;justify-content:space-between;padding:4px 18px;flex-wrap:nowrap;position:relative}.logo-section{display:flex;align-items:center;flex:0 0 auto}.logo{display:flex;align-items:center;font-weight:700;gap:5px}.logo-text{font-size:16px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pic-logoz{width:35px;height:35px;border-radius:50%;box-shadow:0 8px 25px #00000080}.mobile-menu-toggle{display:none;font-size:22px;background:none;border:none;color:#fff;cursor:pointer;z-index:1002}.menu-overlay{display:none}.menu-overlay.active{position:fixed;inset:0;background:#0009;z-index:1001;display:block}.navigation{display:flex;justify-content:center;flex:1 1 auto;overflow-x:auto}.nav-items{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:10px;padding:0;margin:0;min-width:max-content}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:2px 8px;border:1px solid #d326c7;color:#fff;cursor:pointer;border-radius:6px;min-width:60px;font-size:11px;background:none;transition:.2s;white-space:nowrap;box-shadow:0 1px 5px #00000080}.nav-item:hover{background:#ffffff1a}.nav-item.active{background:#ffffff56;font-weight:700}.nav-icon{font-size:14px}.user-section{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap;white-space:nowrap}.notification-btn{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;position:relative;padding:0}.notification-badge{position:absolute;top:-5px;right:-8px;background-color:#5c2297;color:#fff;font-size:10px;padding:2px 5px;border-radius:50%;font-weight:700}.mobile-nav-logo{display:none;align-items:center;gap:10px;padding:0 10px 20px;border-bottom:1px solid rgba(255,255,255,.2)}@media(max-width:768px){.mobile-nav-logo{display:flex;align-items:center;gap:10px;padding:0 10px 20px;border-bottom:1px solid rgba(255,255,255,.2)}.mobile-nav-logo img{width:35px;height:35px;border-radius:50%;box-shadow:0 0 8px #0000004d}.mobile-nav-logo .logo-text{font-size:16px;font-weight:700;color:#fff}}.logout-dialog-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.logout-dialog{background:#fff;border:3px solid rgb(153,24,134);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:420px;width:100%;overflow:hidden;animation:dialogSlideIn .3s ease-out}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.logout-dialog-header{padding:24px 24px 16px;text-align:center;border-bottom:1px solid #f0f0f0}.logout-dialog-icon{font-size:48px;margin-bottom:12px;display:block}.logout-dialog-title{font-size:24px;font-weight:700;color:#333;margin:0;letter-spacing:-.5px}.logout-dialog-content{padding:20px 24px;text-align:center}.logout-dialog-message{font-size:16px;color:#555;margin:0 0 8px;line-height:1.5}.logout-dialog-submessage{font-size:14px;color:#888;margin:0;line-height:1.4}.logout-dialog-actions{padding:1px 14px 14px;display:flex;gap:12px;justify-content:center}.logout-dialog-button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px;text-align:center}.logout-cancel-button{background:#f5f5f5;color:#666;border:1px solid #ddd}.logout-cancel-button:hover{background:#e8e8e8;color:#333;transform:translateY(-1px)}.logout-confirm-button{background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;box-shadow:0 4px 12px #e91e634d}.logout-confirm-button:hover{background:linear-gradient(135deg,#c2185b,#ad1457);transform:translateY(-1px);box-shadow:0 6px 16px #e91e6366}.logout-confirm-button:active{transform:translateY(0)}@media(max-width:768px){.mobile-menu-toggle{display:block}.navigation{position:fixed;top:0;left:-250px;height:100vh;width:250px;background:linear-gradient(135deg,#d326c7 20%,#973390);flex-direction:column;align-items:flex-start;padding:80px 20px 20px;z-index:1003;transition:left .3s ease-in-out}.navigation.mobile-open{left:0}.nav-items{flex-direction:column;width:100%}.nav-item{flex-direction:row;justify-content:flex-start;font-size:14px;padding:10px;width:100%;border:none;border-bottom:1px solid rgba(255,255,255,.1);border-radius:0}.nav-label{text-align:left}.user-section{order:1;width:100%;justify-content:flex-end}.nav-icon{margin-right:10px}.logout-dialog{margin:20px;max-width:none}.logout-dialog-actions{flex-direction:column}.logout-dialog-button{width:100%;min-width:auto}}@media(min-width:769px){.nav-items{overflow-x:visible;flex-wrap:wrap;justify-content:flex-start}.navigation{position:static;height:auto;width:auto;flex-direction:row;background:none;padding:0}}.logo-icon{margin:0}.rota-search-input{flex:1;padding:5px 5px 5px 30px;border:none;border-radius:15px;font-size:13px;outline:none;background:none}.rota-search-input:focus{border:1px solid rgb(35,157,209);background-color:#e4e4dd}.search-button{background:#fff3;border:none;padding:5px 0;border-radius:15px;color:#fff;cursor:pointer;transition:background .2s}.search-button:hover{background:#ffffff4d}.time-display{font-size:13px;opacity:.9;font-weight:bolder;color:#dbff58;white-space:nowrap;margin-left:10px}.date-controls{display:flex;align-items:center;justify-content:space-between;padding:5px 20px;flex-wrap:wrap;gap:8px;width:100%}.day:hover{background:#f0f0f0}.day.current{background:#e91e63;color:#fff}.date-info{font-weight:700;font-size:13px;white-space:nowrap}.btn,.clear-rota-btn{padding:5px 10px;border:1px solid #7fb8fe;background:#5776a3;border-radius:4px;cursor:pointer;font-size:11px;transition:all .2s;margin-left:20px;color:#fff;box-shadow:0 2px 8px #0006}.btn:hover,.clear-rota-btn:hover{background:#01407b}.schedule-tabs{display:flex;padding:0;overflow-x:auto;border-bottom:none;background:none;flex-shrink:0;flex:1;justify-content:flex-start;gap:5px}.tab-button{padding:8px 12px;background:none;border:none;cursor:pointer;font-size:12px;font-weight:700;white-space:nowrap;border-bottom:2px solid transparent;transition:all .2s;color:#333}.tab-button:hover{background:#f0f0f0}.tab-button.active{border-bottom-color:#e91e63;color:#e91e63;font-weight:700;background:none}.search-section{display:flex;align-items:center;gap:5px;flex:1;max-width:200px;margin-left:1px;background-color:#d8d7d8;border-radius:18px;padding:1px}.schedule-controls{background:#fff;color:#333;border-top:1px solid #ddd;padding:5px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.logout-button{background:#fff3;border:none;padding:4px 8px;border-radius:12px;color:#fff;cursor:pointer;font-size:11px;transition:background .2s}.refresh-button{background:#fff3!important;border:none;padding:4px 8px;border-radius:12px;color:#fff;cursor:pointer;font-size:11px}@media(max-width:768px){.logout-button{padding:6px;font-size:18px;border-radius:50%;background:#fff3;width:26px;height:26px;display:flex;justify-content:center;align-items:center}.hidden,.time-display,.hide-small,.search-section,.clone-btn,.year-dropdown,.logout-button b{display:none}.logout-button:before{font-size:19px}}.logout-button:hover{background:#ffffff4d}.refresh-button:hover{background:#ffffff81!important}.notifications{position:relative;display:inline-block;margin-left:auto}.date-picker{padding:4px 8px;border-radius:6px;border:1px solid #ccc;font-size:13px;color:#4676ba;font-weight:700;background:#d8e2f1}.logo-texts{display:flex;flex-direction:column;line-height:1.2}.logo-subtext{font-size:10px;font-weight:500;color:#ffe6f7;text-shadow:0 1px 2px rgba(0,0,0,.5);opacity:.9}@media(max-width:768px){.logo-subtext{display:none}}.clone-btn{padding:6px!important}.refresh-prompt-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.refresh-prompt{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;width:90%;overflow:hidden}.refresh-prompt-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.refresh-prompt-icon{font-size:24px;margin-right:12px}.refresh-prompt-title{margin:0;font-size:18px;font-weight:600;color:#333}.refresh-prompt-content{padding:16px 20px}.refresh-prompt-message{margin:0 0 8px;font-size:16px;color:#333}.refresh-prompt-submessage{margin:0;font-size:14px;color:#666}.refresh-prompt-actions{display:flex;justify-content:flex-end;padding:12px 20px;border-top:1px solid #eee;background-color:#f9f9f9}.refresh-prompt-button{padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;border:none;margin-left:8px}.refresh-cancel-button{background-color:#e2e8f0;color:#4a5568}.refresh-confirm-button{background-color:#3182ce;color:#fff}.logout-prompt-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.logout-prompt{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;width:90%;overflow:hidden}.logout-prompt-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.logout-prompt-icon{font-size:24px;margin-right:12px}.logout-prompt-title{margin:0;font-size:18px;font-weight:600;color:#333}.logout-prompt-content{padding:16px 20px}.logout-prompt-message{margin:0 0 8px;font-size:16px;color:#333}.logout-prompt-submessage{margin:0;font-size:14px;color:#666}.logout-prompt-actions{display:flex;justify-content:flex-end;padding:12px 20px;border-top:1px solid #eee;background-color:#f9f9f9}.logout-prompt-button{padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;border:none;margin-left:8px}.logout-cancel-button{background-color:#e2e8f0;color:#4a5568}.logout-confirm-button{background-color:#dc3545;color:#fff}.cr-notification-badge-container,.cr-message-badge-container{position:relative;display:inline-block;margin:0 6px;flex-shrink:0}.cr-notification-badge-button,.cr-message-badge-button{position:relative;background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#e1fa02;padding:0}.cr-notification-badge-button:hover,.cr-message-badge-button:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.05)}.cr-notification-badge-button:active,.cr-message-badge-button:active{transform:scale(.95)}.cr-badge-count{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,#ff4757,#ff3838);color:#fff;font-size:10px;font-weight:600;min-width:18px;height:18px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #c923be;box-shadow:0 2px 6px #ff475766;animation:cr-pulse-badge 2s infinite;z-index:2000}@keyframes cr-pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.cr-header{background:linear-gradient(135deg,#c923be 20%,#973390);color:#fff;box-shadow:0 2px 8px #00000026;position:sticky;top:0;z-index:1000;display:flex;flex-direction:column;width:100%}.cr-header-top{display:flex;align-items:center;justify-content:space-between;padding:8px 15px;gap:15px;flex-wrap:nowrap;position:relative}.cr-logo-section{display:flex;align-items:center;flex:0 0 auto;z-index:1005}.cr-logo{display:flex;align-items:center;gap:8px}.cr-logo-icon img{width:35px;height:35px;border-radius:50%;box-shadow:0 8px 25px #00000080}.cr-logo-texts{display:flex;flex-direction:column;line-height:1.2}.cr-logo-text{font-size:16px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.cr-logo-subtext{font-size:10px;font-weight:500;color:#ffe6f7;text-shadow:0 1px 2px rgba(0,0,0,.5);opacity:.9}.cr-navigation{display:flex;justify-content:center;flex:1 1 auto;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.cr-navigation::-webkit-scrollbar{height:4px}.cr-navigation::-webkit-scrollbar-track{background:transparent}.cr-navigation::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.cr-nav-items{display:flex;flex-wrap:nowrap;gap:6px;padding:0;margin:0;min-width:max-content}.cr-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 8px;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;border-radius:6px;min-width:60px;font-size:10px;background:#ffffff1a;transition:all .3s ease;white-space:nowrap}.cr-nav-item:hover{background:#fff3}.cr-nav-item.cr-active{background:#ffffff4d;font-weight:700;border-color:#fff9}.cr-nav-icon{font-size:14px}.cr-nav-label{font-size:9px;text-align:center}.cr-user-section{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:nowrap;flex-shrink:0;z-index:1005}.cr-user-info{background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#e4e3d9;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.5);flex-shrink:0}.cr-time-display{font-size:12px;font-weight:700;color:#dbff58;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.5)}.cr-logout-button,.cr-refresh-button{background:#fff3;border:none;width:36px;height:36px;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;padding:0}.cr-logout-button:hover,.cr-refresh-button:hover{background:#ffffff4d;transform:translateY(-2px)}.cr-mobile-menu-toggle{display:none;font-size:22px;background:#fff3;border:none;color:#fff;cursor:pointer;z-index:1005;width:36px;height:36px;border-radius:6px;align-items:center;justify-content:center;flex-shrink:0;padding:0}.cr-mobile-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:1002}.cr-mobile-backdrop.cr-active{display:block}.cr-menu-overlay{display:none}.cr-menu-overlay.cr-active{position:fixed;inset:0;background:#0009;z-index:1001;display:block}@media(max-width:1024px){.cr-header-top{padding:8px 12px}.cr-nav-item{min-width:55px;padding:4px 6px;font-size:9px}.cr-nav-icon{font-size:13px}.cr-nav-label{font-size:8px}}@media(max-width:768px){.cr-mobile-menu-toggle{display:flex}.cr-navigation{position:fixed;top:0;left:-280px;height:100vh;width:280px;background:linear-gradient(180deg,#c923be,#973390);flex-direction:column;align-items:stretch;padding:0;z-index:1003;transition:left .3s ease-in-out;box-shadow:2px 0 10px #0000004d;overflow-y:auto}.cr-navigation.cr-mobile-open{left:0}.cr-mobile-nav-logo{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.2);background:#0000001a}.cr-mobile-nav-logo img{width:40px;height:40px;border-radius:50%}.cr-mobile-nav-logo .cr-logo-text{font-size:18px;font-weight:700;color:#fff}.cr-nav-items{flex-direction:column;width:100%;gap:0;padding:10px 0}.cr-nav-item{flex-direction:row;justify-content:flex-start;font-size:15px;padding:14px 20px;width:100%;border:none;border-bottom:1px solid rgba(255,255,255,.1);border-radius:0;background:transparent;gap:15px}.cr-nav-item:hover{background:#ffffff26}.cr-nav-item.cr-active{background:#ffffff40;border-left:4px solid #fff}.cr-nav-icon{font-size:20px}.cr-nav-label{text-align:left;font-size:15px}.cr-user-section{gap:6px}.cr-time-display{display:none}.cr-user-info{width:32px;height:32px;font-size:12px}.cr-notification-badge-button,.cr-message-badge-button{width:34px;height:34px}.cr-notification-badge-button svg,.cr-message-badge-button svg{width:16px;height:16px}.cr-logout-button,.cr-refresh-button{width:32px;height:32px;font-size:14px}.cr-mobile-menu-toggle{width:32px;height:32px;font-size:20px}.cr-logo-subtext{display:none}.cr-logo-text{font-size:14px}.cr-pic-logoz{width:30px;height:30px}}@media(max-width:480px){.cr-header-top{padding:6px 10px;gap:8px}.cr-logo-section{flex:0 0 auto}.cr-logo-text{font-size:13px}.cr-user-section{gap:4px}.cr-user-info{width:30px;height:30px;font-size:11px}.cr-notification-badge-button,.cr-message-badge-button{width:26px;height:26px}.cr-notification-badge-button svg,.cr-message-badge-button svg{width:12px;height:12px}.cr-badge-count{min-width:16px;height:16px;font-size:9px;top:-4px;right:-4px;padding:0 3px}.cr-logout-button,.cr-refresh-button{width:20px;height:20px;font-size:13px}.cr-mobile-menu-toggle{width:20px;height:20px;font-size:15px}.cr-navigation{width:260px;left:-260px}}@media(min-width:769px){.cr-nav-items{overflow-x:visible;flex-wrap:nowrap;justify-content:flex-start}.cr-navigation{position:static;height:auto;width:auto;flex-direction:row;background:none;padding:0}.cr-mobile-backdrop{display:none!important}.cr-mobile-nav-logo{display:none}}.cr-notification-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:380px;max-height:500px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;z-index:1000;overflow:hidden;animation:cr-dropdown-slide-in .3s ease}@keyframes cr-dropdown-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cr-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid rgba(255,255,255,.1)}.cr-dropdown-header h4{margin:0;font-size:1.1rem;font-weight:700;color:#fff}.cr-view-all-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cr-view-all-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.cr-dropdown-body{max-height:420px;overflow-y:auto;padding:8px}.cr-dropdown-body::-webkit-scrollbar{width:6px}.cr-dropdown-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.cr-dropdown-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.cr-no-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#a0aec0;text-align:center}.cr-notification-item{position:relative;padding:14px;margin-bottom:8px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s ease}.cr-notification-item:hover{background:#edf2f7;border-color:#cbd5e0;transform:translate(4px)}.cr-notification-item.cr-unread{background:linear-gradient(135deg,#ebf8ff,#f0f4ff);border-color:#667eea;border-left-width:4px}.cr-notification-content{display:flex;flex-direction:column;gap:6px}.cr-notification-header-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.cr-notification-type-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;font-size:.9rem}.cr-notification-type-badge.company{background:#faf5ff;border:1px solid #d6bcfa}.cr-notification-type-badge.group{background:#f0fff4;border:1px solid #9ae6b4}.cr-notification-type-badge.individual{background:#ebf8ff;border:1px solid #90cdf4}.cr-notification-time{font-size:.8rem;color:#a0aec0;font-weight:500}.cr-notification-content h5{margin:0;font-size:.95rem;font-weight:700;color:#2d3748}.cr-notification-content p{margin:0;font-size:.85rem;color:#4a5568;line-height:1.5}.cr-unread-dot{position:absolute;top:14px;right:14px;width:8px;height:8px;background:#667eea;border-radius:50%}.cr-msg-popup{position:fixed;top:72px;right:18px;width:340px;max-width:calc(100vw - 36px);background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000002e;z-index:99999;display:flex;align-items:flex-start;gap:12px;padding:14px;overflow:hidden;animation:cr-msg-popup-in .38s cubic-bezier(.34,1.4,.64,1) both}@keyframes cr-msg-popup-in{0%{opacity:0;transform:translate(110%) scale(.92)}to{opacity:1;transform:translate(0) scale(1)}}.cr-msg-popup__close{position:absolute;top:9px;right:10px;background:#0000000f;border:none;border-radius:50%;width:22px;height:22px;font-size:11px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center}.cr-msg-popup__avatar-wrap{position:relative;flex-shrink:0;width:50px;height:50px}.cr-msg-popup__avatar-img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #efefef}.cr-msg-popup__avatar-initials{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:17px;border:2px solid rgba(255,255,255,.25)}.cr-msg-popup__online-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#22c55e;border:2px solid #fff;border-radius:50%}.cr-msg-popup__body{flex:1;min-width:0;padding-right:20px}.cr-msg-popup__header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.cr-msg-popup__app-label{font-size:10px;font-weight:700;color:#7c3aed;text-transform:uppercase}.cr-msg-popup__time{font-size:10px;color:#a0aec0}.cr-msg-popup__sender{margin:0 0 3px;font-size:14px;font-weight:700;color:#1a202c}.cr-msg-popup__text{margin:0 0 10px;font-size:13px;color:#4a5568;line-height:1.45}.cr-msg-popup__reply-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;padding:5px 16px;font-size:12px;font-weight:600;cursor:pointer}.cr-msg-popup__progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,#667eea,#764ba2);animation:cr-msg-popup-timer 6s linear forwards}@keyframes cr-msg-popup-timer{0%{width:100%}to{width:0%}}.cr-summary_calls{padding:8px 10px;background-color:#fbfdd1ac;border-radius:4px;font-weight:500;color:#2f4632;border:1px solid #e9ecef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:flex;align-items:center;gap:5px}.cr-summary_calls span{display:flex;align-items:center;gap:5px;font-size:12px}@media(max-width:768px){.cr-summary_calls{font-size:12px;padding:6px 10px}}.cr-daily-rota-header{background-color:#fff;color:#333;border-top:1px solid #ddd;padding:2px 5px;display:flex;align-items:center;width:100%;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory}.cr-date-controls-container{display:flex;flex-direction:row;gap:10px;overflow-x:auto;flex-wrap:nowrap}.cr-day.cr-active .cr-day-num{color:#fff}.cr-week-container{display:flex;position:relative;flex-direction:column;align-items:center;border-top:2.5px solid #c11ee587;padding:1px;border-radius:8px;background-color:#faffff;min-width:fit-content;box-shadow:0 2px 8px #00000040}.cr-week-label{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);text-shadow:0 1px 2px rgba(0,0,0,.064);font-size:18px;font-weight:700;color:#8c00ff21;z-index:0;pointer-events:none;white-space:nowrap}.cr-week-days{display:flex;gap:10px;flex-wrap:wrap;text-shadow:0 1px 2px rgba(0,0,0,.3);z-index:1}.cr-day{flex-grow:1;max-width:45px;min-width:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;padding:2px;font-size:11px;border:1px solid transparent;transition:all .2s ease;scroll-snap-align:center}.cr-day:hover{background-color:#f0f0f0}.cr-day.cr-today{background-color:#f0f8ff;border-color:#4a90e2;font-weight:700}.cr-day.cr-today:hover{background-color:#dbe9ff}.cr-day.cr-active{background-color:#e91e63;color:#fff;border-color:#e91e63;font-weight:700}.cr-day.cr-active:hover{background-color:#c2185b;color:#c4d4e1}.cr-day-num:hover{color:#0080ff}.cr-day-name{text-transform:uppercase;font-size:10px;opacity:.8}.cr-day-num{font-size:13px;font-weight:700;color:#3e5b73}.cr-empty-day{visibility:hidden}.cr-date-selection{display:flex;gap:10px;margin-bottom:1px}.cr-date-dropdown{padding:5px 10px;border-radius:6px;border:1px solid #ccc;font-size:13px;color:#4676ba;background-color:#f5f5f5;cursor:pointer}.cr-date-dropdown:focus{outline:none;border-color:#e91e63}.cr-year-dropdown{min-width:80px}@media(min-width:769px){.cr-schedule-controls{display:grid;grid-template-columns:1fr auto auto;gap:10px}.cr-daily-rota-header{justify-content:flex-start;overflow-x:auto}}.cr-logo-icon{margin:0}.cr-rota-search-input{flex:1;padding:5px 5px 5px 30px;border:none;border-radius:15px;font-size:13px;outline:none;background:none}.cr-rota-search-input:focus{border:1px solid rgb(35,157,209);background-color:#e4e4dd}.cr-search-button{background:#fff3;border:none;padding:5px 10px;border-radius:15px;color:#fff;cursor:pointer;transition:background .2s}.cr-search-button:hover{background:#ffffff4d}.cr-date-controls{display:flex;align-items:center;justify-content:space-between;padding:5px 20px;flex-wrap:wrap;gap:8px;width:100%}.cr-date-info{font-weight:700;font-size:13px;white-space:nowrap}.cr-btn,.cr-clear-rota-btn{padding:6px 12px;border:1px solid #7fb8fe;background:#5776a3;border-radius:4px;cursor:pointer;font-size:11px;transition:all .2s;margin-left:10px;color:#fff;box-shadow:0 2px 8px #0006}.cr-btn:hover,.cr-clear-rota-btn:hover{background:#01407b}.cr-schedule-tabs{display:flex;padding:0;overflow-x:auto;border-bottom:none;background:none;flex-shrink:0;flex:1;justify-content:flex-start;gap:5px}.cr-tab-button{padding:8px 12px;background:none;border:none;cursor:pointer;font-size:12px;font-weight:700;white-space:nowrap;border-bottom:2px solid transparent;transition:all .2s;color:#333}.cr-tab-button:hover{background:#f0f0f0}.cr-tab-button.cr-active{border-bottom-color:#e91e63;color:#e91e63;font-weight:700;background:none}.cr-search-section{display:flex;align-items:center;gap:5px;flex:1;max-width:200px;margin-left:1px;background-color:#d8d7d8;border-radius:18px;padding:1px}.cr-schedule-controls{background:#fff;color:#333;border-top:1px solid #ddd;padding:8px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.cr-hr-system-bg{background-color:#f0f8ff}.cr-finance-system-bg{background-color:#fff8f0}.cr-hide-small{display:block}.cr-extra-controls{display:flex;gap:5px}.cr-clone-btn{padding:6px 10px!important}@media(max-width:768px){.cr-hide-small{display:none}}.cr-logout-dialog-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.cr-logout-dialog{background:#fff;border:3px solid rgb(153,24,134);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:420px;width:100%;overflow:hidden;animation:cr-dialogSlideIn .3s ease-out}@keyframes cr-dialogSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cr-logout-dialog-header{padding:24px 24px 16px;text-align:center;border-bottom:1px solid #f0f0f0}.cr-logout-dialog-icon{font-size:48px;margin-bottom:12px;display:block}.cr-logout-dialog-title{font-size:24px;font-weight:700;color:#333;margin:0;letter-spacing:-.5px}.cr-logout-dialog-content{padding:20px 24px;text-align:center}.cr-logout-dialog-message{font-size:16px;color:#555;margin:0 0 8px;line-height:1.5}.cr-logout-dialog-submessage{font-size:14px;color:#888;margin:0;line-height:1.4}.cr-logout-dialog-actions{padding:16px 24px 24px;display:flex;gap:12px;justify-content:center}.cr-logout-dialog-button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px;text-align:center}.cr-logout-cancel-button{background:#f5f5f5;color:#666;border:1px solid #ddd}.cr-logout-cancel-button:hover{background:#e8e8e8;color:#333;transform:translateY(-1px)}.cr-logout-confirm-button{background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;box-shadow:0 4px 12px #e91e634d}.cr-logout-confirm-button:hover{background:linear-gradient(135deg,#c2185b,#ad1457);transform:translateY(-1px);box-shadow:0 6px 16px #e91e6366}.cr-logout-confirm-button:active{transform:translateY(0)}@media(max-width:768px){.cr-logout-dialog{margin:20px;max-width:none}.cr-logout-dialog-actions{flex-direction:column}.cr-logout-dialog-button{width:100%;min-width:auto}}.cr-refresh-prompt-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.cr-refresh-prompt{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;width:90%;overflow:hidden}.cr-refresh-prompt-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.cr-refresh-prompt-icon{font-size:24px;margin-right:12px}.cr-refresh-prompt-title{margin:0;font-size:18px;font-weight:600;color:#333}.cr-refresh-prompt-content{padding:16px 20px}.cr-refresh-prompt-message{margin:0 0 8px;font-size:16px;color:#333}.cr-refresh-prompt-submessage{margin:0;font-size:14px;color:#666}.cr-refresh-prompt-actions{display:flex;justify-content:flex-end;padding:12px 20px;border-top:1px solid #eee;background-color:#f9f9f9}.cr-refresh-prompt-button{padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;border:none;margin-left:8px}.cr-refresh-cancel-button{background-color:#e2e8f0;color:#4a5568}.cr-refresh-confirm-button{background-color:#3182ce;color:#fff}.cr-logout-prompt-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.cr-logout-prompt{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;width:90%;overflow:hidden}.cr-logout-prompt-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.cr-logout-prompt-icon{font-size:24px;margin-right:12px}.cr-logout-prompt-title{margin:0;font-size:18px;font-weight:600;color:#333}.cr-logout-prompt-content{padding:16px 20px}.cr-logout-prompt-message{margin:0 0 8px;font-size:16px;color:#333}.cr-logout-prompt-submessage{margin:0;font-size:14px;color:#666}.cr-logout-prompt-actions{display:flex;justify-content:flex-end;padding:12px 20px;border-top:1px solid #eee;background-color:#f9f9f9}.cr-logout-prompt-button{padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;border:none;margin-left:8px}.cr-logout-cancel-button{background-color:#e2e8f0;color:#4a5568}.cr-logout-confirm-button{background-color:#dc3545;color:#fff}.w3-image{max-width:100%;height:auto}.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(2n){background-color:#f1f1f1}.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(2n){background-color:#f1f1f1}.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px;display:table-cell;text-align:left;vertical-align:top}.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}.w3-btn:hover{box-shadow:0 8px 16px #0003,0 6px 20px #00000030}.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:.3}.w3-disabled *,:disabled *{pointer-events:none}.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}.w3-ripple:active{opacity:.5}.w3-ripple{transition:opacity 0s}.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}.w3-dropdown-hover:hover .w3-dropdown-content{display:block}.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}.w3-dropdown-hover:hover>.w3-button:first-child,.w3-dropdown-click:hover>.w3-button:first-child{background-color:#ccc;color:#000}.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;position:absolute;min-width:100%;max-height:250px;overflow:auto;margin:0;padding:0;z-index:10000}.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}.w3-bar .w3-button{white-space:normal}.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}.w3-responsive{display:block;overflow-x:auto}.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}@media(min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}@media(min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}.w3-rest{overflow:hidden}.w3-stretch{margin-left:-16px;margin-right:-16px}.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}@media(max-width:1205px){.w3-auto{max-width:95%}}@media(max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}@media(max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}@media(min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}@media(max-width:992px)and (min-width:601px){.w3-hide-medium{display:none!important}}@media(max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}.w3-overlay{position:fixed;display:none;width:100%;height:100%;inset:0;background-color:#00000080;z-index:2}.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.w3-display-left{position:absolute;top:50%;left:0%;transform:translateY(-50%);-ms-transform:translate(-0%,-50%)}.w3-display-right{position:absolute;top:50%;right:0%;transform:translateY(-50%);-ms-transform:translate(0%,-50%)}.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%);-ms-transform:translate(-50%,0%)}.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%);-ms-transform:translate(-50%,0%)}.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}.w3-display-position{position:absolute}.w3-circle{border-radius:50%}.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}.w3-container,.w3-panel{padding:.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}.w3-grid{display:grid}.w3-grid-padding{display:grid;gap:16px}.w3-flex{display:flex}.w3-text-center{text-align:center}.w3-text-bold,.w3-bold{font-weight:700}.w3-text-italic,.w3-italic{font-style:italic}.w3-code,.w3-codespan{font-family:Consolas,courier new;font-size:16px}.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}.w3-codespan{color:#dc143c;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}.w3-card,.w3-card-2{box-shadow:0 2px 5px #00000029,0 2px 10px #0000001f}.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px #0003,0 4px 20px #00000030}.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}to{opacity:0}}.w3-animate-opacity{animation:opac .8s}@keyframes opac{0%{opacity:0}to{opacity:1}}.w3-animate-top{position:relative;animation:animatetop .4s}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.w3-animate-left{position:relative;animation:animateleft .4s}@keyframes animateleft{0%{left:-300px;opacity:0}to{left:0;opacity:1}}.w3-animate-right{position:relative;animation:animateright .4s}@keyframes animateright{0%{right:-300px;opacity:0}to{right:0;opacity:1}}.w3-animate-bottom{position:relative;animation:animatebottom .4s}@keyframes animatebottom{0%{bottom:-300px;opacity:0}to{bottom:0;opacity:1}}.w3-animate-zoom{animation:animatezoom .6s}@keyframes animatezoom{0%{transform:scale(0)}to{transform:scale(1)}}.w3-animate-input{transition:width .4s ease-in-out}.w3-animate-input:focus{width:100%!important}.w3-opacity,.w3-hover-opacity:hover{opacity:.6}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}.w3-opacity-max{opacity:.25}.w3-opacity-min{opacity:.75}.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}.w3-padding-top-64{padding-top:64px!important}.w3-padding-top-48{padding-top:48px!important}.w3-padding-top-32{padding-top:32px!important}.w3-padding-top-24{padding-top:24px!important}.w3-left{float:left!important}.w3-right{float:right!important}.w3-button:hover{color:#000!important;background-color:#ccc!important}.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}.w3-hover-none:hover{box-shadow:none!important}.w3-rtl{direction:rtl}.w3-ltr{direction:ltr}.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#0ff!important}.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196f3!important}.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87ceeb!important}.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4caf50!important}.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:khaki!important}.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}.w3-asphalt,.w3-hover-asphalt:hover{color:#fff!important;background-color:#343a40!important}.w3-crimson,.w3-hover-crimson:hover{color:#fff!important;background-color:#a20025!important}.w3-cobalt,w3-hover-cobalt:hover{color:#fff!important;background-color:#0050ef!important}.w3-emerald,.w3-hover-emerald:hover{color:#fff!important;background-color:#008a00!important}.w3-olive,.w3-hover-olive:hover{color:#fff!important;background-color:#6d8764!important}.w3-paper,.w3-hover-paper:hover{color:#000!important;background-color:#f8f9fa!important}.w3-sienna,.w3-hover-sienna:hover{color:#fff!important;background-color:sienna!important}.w3-taupe,.w3-hover-taupe:hover{color:#fff!important;background-color:#87794e!important}.w3-danger{color:#fff!important;background-color:#d00!important}.w3-note{color:#000!important;background-color:#fff599!important}.w3-info{color:#fff!important;background-color:#0a6fc2!important}.w3-warning{color:#000!important;background-color:#ffb305!important}.w3-success{color:#fff!important;background-color:#008a00!important}.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#fdd!important}.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#dfd!important}.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffc!important}.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#dff!important}.w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important}.w3-text-aqua,.w3-hover-text-aqua:hover{color:#0ff!important}.w3-text-blue,.w3-hover-text-blue:hover{color:#2196f3!important}.w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87ceeb!important}.w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important}.w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important}.w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color:#607d8b!important}.w3-text-green,.w3-hover-text-green:hover{color:#4caf50!important}.w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important}.w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important}.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}.w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important}.w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important}.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important}.w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important}.w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important}.w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important}.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}.w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important}.w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important}.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important}.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}.w3-text-black,.w3-hover-text-black:hover{color:#000!important}.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}.w3-border-amber,.w3-hover-border-amber:hover{border-color:#ffc107!important}.w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#0ff!important}.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196f3!important}.w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87ceeb!important}.w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important}.w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important}.w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover{border-color:#607d8b!important}.w3-border-green,.w3-hover-border-green:hover{border-color:#4caf50!important}.w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important}.w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important}.w3-border-khaki,.w3-hover-border-khaki:hover{border-color:khaki!important}.w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important}.w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important}.w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important}.w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important}.w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important}.w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important}.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}.w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important}.w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important}.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#9e9e9e!important}.w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#f1f1f1!important}.w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color:#616161!important}.w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important}.w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#ffc!important}.w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important}.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media(min-width:576px){.container-sm,.container{max-width:540px}}@media(min-width:768px){.container-md,.container-sm,.container{max-width:720px}}@media(min-width:992px){.container-lg,.container-md,.container-sm,.container{max-width:960px}}@media(min-width:1200px){.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1140px}}@media(min-width:1400px){.container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1320px}}:root{--bs-breakpoint-xs: 0;--bs-breakpoint-sm: 576px;--bs-breakpoint-md: 768px;--bs-breakpoint-lg: 992px;--bs-breakpoint-xl: 1200px;--bs-breakpoint-xxl: 1400px}.col{flex:1 0 0}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x: 0}.g-0,.gy-0{--bs-gutter-y: 0}.g-1,.gx-1{--bs-gutter-x: .25rem}.g-1,.gy-1{--bs-gutter-y: .25rem}.g-2,.gx-2{--bs-gutter-x: .5rem}.g-2,.gy-2{--bs-gutter-y: .5rem}.g-3,.gx-3{--bs-gutter-x: 1rem}.g-3,.gy-3{--bs-gutter-y: 1rem}.g-4,.gx-4{--bs-gutter-x: 1.5rem}.g-4,.gy-4{--bs-gutter-y: 1.5rem}.g-5,.gx-5{--bs-gutter-x: 3rem}.g-5,.gy-5{--bs-gutter-y: 3rem}@media(min-width:576px){.col-sm{flex:1 0 0}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x: 0}.g-sm-0,.gy-sm-0{--bs-gutter-y: 0}.g-sm-1,.gx-sm-1{--bs-gutter-x: .25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y: .25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x: .5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y: .5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x: 1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y: 1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x: 1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y: 1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x: 3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y: 3rem}}@media(min-width:768px){.col-md{flex:1 0 0}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x: 0}.g-md-0,.gy-md-0{--bs-gutter-y: 0}.g-md-1,.gx-md-1{--bs-gutter-x: .25rem}.g-md-1,.gy-md-1{--bs-gutter-y: .25rem}.g-md-2,.gx-md-2{--bs-gutter-x: .5rem}.g-md-2,.gy-md-2{--bs-gutter-y: .5rem}.g-md-3,.gx-md-3{--bs-gutter-x: 1rem}.g-md-3,.gy-md-3{--bs-gutter-y: 1rem}.g-md-4,.gx-md-4{--bs-gutter-x: 1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y: 1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x: 3rem}.g-md-5,.gy-md-5{--bs-gutter-y: 3rem}}@media(min-width:992px){.col-lg{flex:1 0 0}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x: 0}.g-lg-0,.gy-lg-0{--bs-gutter-y: 0}.g-lg-1,.gx-lg-1{--bs-gutter-x: .25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y: .25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x: .5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y: .5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x: 1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y: 1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x: 1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y: 1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x: 3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y: 3rem}}@media(min-width:1200px){.col-xl{flex:1 0 0}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x: 0}.g-xl-0,.gy-xl-0{--bs-gutter-y: 0}.g-xl-1,.gx-xl-1{--bs-gutter-x: .25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y: .25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x: .5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y: .5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x: 1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y: 1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x: 1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y: 1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x: 3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y: 3rem}}@media(min-width:1400px){.col-xxl{flex:1 0 0}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x: 0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y: 0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x: .25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y: .25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x: .5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y: .5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x: 1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y: 1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x: 1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y: 1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x: 3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y: 3rem}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon, none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg: var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media(prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.card{--bs-card-spacer-y: 1rem;--bs-card-spacer-x: 1rem;--bs-card-title-spacer-y: .5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width: var(--bs-border-width);--bs-card-border-color: var(--bs-border-color-translucent);--bs-card-border-radius: var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y: .5rem;--bs-card-cap-padding-x: 1rem;--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), .03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg: var(--bs-body-bg);--bs-card-img-overlay-padding: 1rem;--bs-card-group-margin: .75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;inset:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-top,.card-img-bottom{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media(min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child)>.card-img-top,.card-group>.card:not(:last-child)>.card-header{border-top-right-radius:0}.card-group>.card:not(:last-child)>.card-img-bottom,.card-group>.card:not(:last-child)>.card-footer{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child)>.card-img-top,.card-group>.card:not(:first-child)>.card-header{border-top-left-radius:0}.card-group>.card:not(:first-child)>.card-img-bottom,.card-group>.card:not(:first-child)>.card-footer{border-bottom-left-radius:0}}.accordion{--bs-accordion-color: var(--bs-body-color);--bs-accordion-bg: var(--bs-body-bg);--bs-accordion-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;--bs-accordion-border-color: var(--bs-border-color);--bs-accordion-border-width: var(--bs-border-width);--bs-accordion-border-radius: var(--bs-border-radius);--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x: 1.25rem;--bs-accordion-btn-padding-y: 1rem;--bs-accordion-btn-color: var(--bs-body-color);--bs-accordion-btn-bg: var(--bs-accordion-bg);--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width: 1.25rem;--bs-accordion-btn-icon-transform: rotate(-180deg);--bs-accordion-btn-icon-transition: transform .2s ease-in-out;--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);--bs-accordion-body-padding-x: 1.25rem;--bs-accordion-body-padding-y: 1rem;--bs-accordion-active-color: var(--bs-primary-text-emphasis);--bs-accordion-active-bg: var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media(prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed):after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button:after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media(prefers-reduced-motion:reduce){.accordion-button:after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}[data-bs-theme=dark] .accordion-button:after{--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x: 0;--bs-breadcrumb-padding-y: 0;--bs-breadcrumb-margin-bottom: 1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color: var(--bs-secondary-color);--bs-breadcrumb-item-padding-x: .5rem;--bs-breadcrumb-item-active-color: var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item:before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x: .75rem;--bs-pagination-padding-y: .375rem;--bs-pagination-font-size: 1rem;--bs-pagination-color: var(--bs-link-color);--bs-pagination-bg: var(--bs-body-bg);--bs-pagination-border-width: var(--bs-border-width);--bs-pagination-border-color: var(--bs-border-color);--bs-pagination-border-radius: var(--bs-border-radius);--bs-pagination-hover-color: var(--bs-link-hover-color);--bs-pagination-hover-bg: var(--bs-tertiary-bg);--bs-pagination-hover-border-color: var(--bs-border-color);--bs-pagination-focus-color: var(--bs-link-hover-color);--bs-pagination-focus-bg: var(--bs-secondary-bg);--bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);--bs-pagination-active-color: #fff;--bs-pagination-active-bg: #0d6efd;--bs-pagination-active-border-color: #0d6efd;--bs-pagination-disabled-color: var(--bs-secondary-color);--bs-pagination-disabled-bg: var(--bs-secondary-bg);--bs-pagination-disabled-border-color: var(--bs-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.page-link.active,.active>.page-link{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.page-link.disabled,.disabled>.page-link{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(-1 * var(--bs-border-width))}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x: 1.5rem;--bs-pagination-padding-y: .75rem;--bs-pagination-font-size: 1.25rem;--bs-pagination-border-radius: var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x: .5rem;--bs-pagination-padding-y: .25rem;--bs-pagination-font-size: .875rem;--bs-pagination-border-radius: var(--bs-border-radius-sm)}.badge{--bs-badge-padding-x: .65em;--bs-badge-padding-y: .35em;--bs-badge-font-size: .75em;--bs-badge-font-weight: 700;--bs-badge-color: #fff;--bs-badge-border-radius: var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg: transparent;--bs-alert-padding-x: 1rem;--bs-alert-padding-y: 1rem;--bs-alert-margin-bottom: 1rem;--bs-alert-color: inherit;--bs-alert-border-color: transparent;--bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius: var(--bs-border-radius);--bs-alert-link-color: inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700;color:var(--bs-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color: var(--bs-primary-text-emphasis);--bs-alert-bg: var(--bs-primary-bg-subtle);--bs-alert-border-color: var(--bs-primary-border-subtle);--bs-alert-link-color: var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color: var(--bs-secondary-text-emphasis);--bs-alert-bg: var(--bs-secondary-bg-subtle);--bs-alert-border-color: var(--bs-secondary-border-subtle);--bs-alert-link-color: var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color: var(--bs-success-text-emphasis);--bs-alert-bg: var(--bs-success-bg-subtle);--bs-alert-border-color: var(--bs-success-border-subtle);--bs-alert-link-color: var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color: var(--bs-info-text-emphasis);--bs-alert-bg: var(--bs-info-bg-subtle);--bs-alert-border-color: var(--bs-info-border-subtle);--bs-alert-link-color: var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color: var(--bs-warning-text-emphasis);--bs-alert-bg: var(--bs-warning-bg-subtle);--bs-alert-border-color: var(--bs-warning-border-subtle);--bs-alert-link-color: var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color: var(--bs-danger-text-emphasis);--bs-alert-bg: var(--bs-danger-bg-subtle);--bs-alert-border-color: var(--bs-danger-border-subtle);--bs-alert-link-color: var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color: var(--bs-light-text-emphasis);--bs-alert-bg: var(--bs-light-bg-subtle);--bs-alert-border-color: var(--bs-light-border-subtle);--bs-alert-link-color: var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color: var(--bs-dark-text-emphasis);--bs-alert-bg: var(--bs-dark-bg-subtle);--bs-alert-border-color: var(--bs-dark-border-subtle);--bs-alert-link-color: var(--bs-dark-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}.progress,.progress-stacked{--bs-progress-height: 1rem;--bs-progress-font-size: .75rem;--bs-progress-bg: var(--bs-secondary-bg);--bs-progress-border-radius: var(--bs-border-radius);--bs-progress-box-shadow: var(--bs-box-shadow-inset);--bs-progress-bar-color: #fff;--bs-progress-bar-bg: #0d6efd;--bs-progress-bar-transition: width .6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media(prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media(prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color: var(--bs-body-color);--bs-list-group-bg: var(--bs-body-bg);--bs-list-group-border-color: var(--bs-border-color);--bs-list-group-border-width: var(--bs-border-width);--bs-list-group-border-radius: var(--bs-border-radius);--bs-list-group-item-padding-x: 1rem;--bs-list-group-item-padding-y: .5rem;--bs-list-group-action-color: var(--bs-secondary-color);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-tertiary-bg);--bs-list-group-action-active-color: var(--bs-body-color);--bs-list-group-action-active-bg: var(--bs-secondary-bg);--bs-list-group-disabled-color: var(--bs-secondary-color);--bs-list-group-disabled-bg: var(--bs-body-bg);--bs-list-group-active-color: #fff;--bs-list-group-active-bg: #0d6efd;--bs-list-group-active-border-color: #0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item:before{content:counters(section,".") ". ";counter-increment:section}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:not(.active):hover,.list-group-item-action:not(.active):focus{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:not(.active):active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media(min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media(min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media(min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media(min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media(min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--bs-list-group-color: var(--bs-primary-text-emphasis);--bs-list-group-bg: var(--bs-primary-bg-subtle);--bs-list-group-border-color: var(--bs-primary-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-primary-border-subtle);--bs-list-group-active-color: var(--bs-primary-bg-subtle);--bs-list-group-active-bg: var(--bs-primary-text-emphasis);--bs-list-group-active-border-color: var(--bs-primary-text-emphasis)}.list-group-item-secondary{--bs-list-group-color: var(--bs-secondary-text-emphasis);--bs-list-group-bg: var(--bs-secondary-bg-subtle);--bs-list-group-border-color: var(--bs-secondary-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);--bs-list-group-active-color: var(--bs-secondary-bg-subtle);--bs-list-group-active-bg: var(--bs-secondary-text-emphasis);--bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)}.list-group-item-success{--bs-list-group-color: var(--bs-success-text-emphasis);--bs-list-group-bg: var(--bs-success-bg-subtle);--bs-list-group-border-color: var(--bs-success-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-success-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-success-border-subtle);--bs-list-group-active-color: var(--bs-success-bg-subtle);--bs-list-group-active-bg: var(--bs-success-text-emphasis);--bs-list-group-active-border-color: var(--bs-success-text-emphasis)}.list-group-item-info{--bs-list-group-color: var(--bs-info-text-emphasis);--bs-list-group-bg: var(--bs-info-bg-subtle);--bs-list-group-border-color: var(--bs-info-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-info-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-info-border-subtle);--bs-list-group-active-color: var(--bs-info-bg-subtle);--bs-list-group-active-bg: var(--bs-info-text-emphasis);--bs-list-group-active-border-color: var(--bs-info-text-emphasis)}.list-group-item-warning{--bs-list-group-color: var(--bs-warning-text-emphasis);--bs-list-group-bg: var(--bs-warning-bg-subtle);--bs-list-group-border-color: var(--bs-warning-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-warning-border-subtle);--bs-list-group-active-color: var(--bs-warning-bg-subtle);--bs-list-group-active-bg: var(--bs-warning-text-emphasis);--bs-list-group-active-border-color: var(--bs-warning-text-emphasis)}.list-group-item-danger{--bs-list-group-color: var(--bs-danger-text-emphasis);--bs-list-group-bg: var(--bs-danger-bg-subtle);--bs-list-group-border-color: var(--bs-danger-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-danger-border-subtle);--bs-list-group-active-color: var(--bs-danger-bg-subtle);--bs-list-group-active-bg: var(--bs-danger-text-emphasis);--bs-list-group-active-border-color: var(--bs-danger-text-emphasis)}.list-group-item-light{--bs-list-group-color: var(--bs-light-text-emphasis);--bs-list-group-bg: var(--bs-light-bg-subtle);--bs-list-group-border-color: var(--bs-light-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-light-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-light-border-subtle);--bs-list-group-active-color: var(--bs-light-bg-subtle);--bs-list-group-active-bg: var(--bs-light-text-emphasis);--bs-list-group-active-border-color: var(--bs-light-text-emphasis)}.list-group-item-dark{--bs-list-group-color: var(--bs-dark-text-emphasis);--bs-list-group-bg: var(--bs-dark-bg-subtle);--bs-list-group-border-color: var(--bs-dark-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-dark-border-subtle);--bs-list-group-active-color: var(--bs-dark-bg-subtle);--bs-list-group-active-bg: var(--bs-dark-text-emphasis);--bs-list-group-active-border-color: var(--bs-dark-text-emphasis)}.btn-close{--bs-btn-close-color: #000;--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");--bs-btn-close-opacity: .5;--bs-btn-close-hover-opacity: .75;--bs-btn-close-focus-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);--bs-btn-close-focus-opacity: 1;--bs-btn-close-disabled-opacity: .25;box-sizing:content-box;width:1em;height:1em;padding:.25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;filter:var(--bs-btn-close-filter);border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close:disabled,.btn-close.disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{--bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)}:root,[data-bs-theme=light]{--bs-btn-close-filter: }[data-bs-theme=dark]{--bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)}.toast{--bs-toast-zindex: 1090;--bs-toast-padding-x: .75rem;--bs-toast-padding-y: .5rem;--bs-toast-spacing: 1.5rem;--bs-toast-max-width: 350px;--bs-toast-font-size: .875rem;--bs-toast-color: ;--bs-toast-bg: rgba(var(--bs-body-bg-rgb), .85);--bs-toast-border-width: var(--bs-border-width);--bs-toast-border-color: var(--bs-border-color-translucent);--bs-toast-border-radius: var(--bs-border-radius);--bs-toast-box-shadow: var(--bs-box-shadow);--bs-toast-header-color: var(--bs-secondary-color);--bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), .85);--bs-toast-header-border-color: var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex: 1090;position:absolute;z-index:var(--bs-toast-zindex);width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex: 1055;--bs-modal-width: 500px;--bs-modal-padding: 1rem;--bs-modal-margin: .5rem;--bs-modal-color: var(--bs-body-color);--bs-modal-bg: var(--bs-body-bg);--bs-modal-border-color: var(--bs-border-color-translucent);--bs-modal-border-width: var(--bs-border-width);--bs-modal-border-radius: var(--bs-border-radius-lg);--bs-modal-box-shadow: var(--bs-box-shadow-sm);--bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x: 1rem;--bs-modal-header-padding-y: 1rem;--bs-modal-header-padding: 1rem 1rem;--bs-modal-header-border-color: var(--bs-border-color);--bs-modal-header-border-width: var(--bs-border-width);--bs-modal-title-line-height: 1.5;--bs-modal-footer-gap: .5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color: var(--bs-border-color);--bs-modal-footer-border-width: var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transform:translateY(-50px);transition:transform .3s ease-out}@media(prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex: 1050;--bs-backdrop-bg: #000;--bs-backdrop-opacity: .5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin-top:calc(-.5 * var(--bs-modal-header-padding-y));margin-right:calc(-.5 * var(--bs-modal-header-padding-x));margin-bottom:calc(-.5 * var(--bs-modal-header-padding-y));margin-left:auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media(min-width:576px){.modal{--bs-modal-margin: 1.75rem;--bs-modal-box-shadow: var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width: 300px}}@media(min-width:992px){.modal-lg,.modal-xl{--bs-modal-width: 800px}}@media(min-width:1200px){.modal-xl{--bs-modal-width: 1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-header,.modal-fullscreen .modal-footer{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media(max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-header,.modal-fullscreen-sm-down .modal-footer{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media(max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-header,.modal-fullscreen-md-down .modal-footer{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media(max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-header,.modal-fullscreen-lg-down .modal-footer{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media(max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-header,.modal-fullscreen-xl-down .modal-footer{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media(max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-header,.modal-fullscreen-xxl-down .modal-footer{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex: 1080;--bs-tooltip-max-width: 200px;--bs-tooltip-padding-x: .5rem;--bs-tooltip-padding-y: .25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size: .875rem;--bs-tooltip-color: var(--bs-body-bg);--bs-tooltip-bg: var(--bs-emphasis-color);--bs-tooltip-border-radius: var(--bs-border-radius);--bs-tooltip-opacity: .9;--bs-tooltip-arrow-width: .8rem;--bs-tooltip-arrow-height: .4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow:before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-top .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow{bottom:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-top .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-end .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow{left:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-end .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-bottom .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow{top:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-bottom .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-start .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow{right:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-start .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex: 1070;--bs-popover-max-width: 276px;--bs-popover-font-size: .875rem;--bs-popover-bg: var(--bs-body-bg);--bs-popover-border-width: var(--bs-border-width);--bs-popover-border-color: var(--bs-border-color-translucent);--bs-popover-border-radius: var(--bs-border-radius-lg);--bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow: var(--bs-box-shadow);--bs-popover-header-padding-x: 1rem;--bs-popover-header-padding-y: .5rem;--bs-popover-header-font-size: 1rem;--bs-popover-header-color: inherit;--bs-popover-header-bg: var(--bs-secondary-bg);--bs-popover-body-padding-x: 1rem;--bs-popover-body-padding-y: 1rem;--bs-popover-body-color: var(--bs-body-color);--bs-popover-arrow-width: 1rem;--bs-popover-arrow-height: .5rem;--bs-popover-arrow-border: var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow:before,.popover .popover-arrow:after{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-top>.popover-arrow,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-top>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-top>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-top>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-end>.popover-arrow,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-end>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-end>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-end>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-bottom>.popover-arrow,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-bottom>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-bottom>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-bottom>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-bottom .popover-header:before,.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-start>.popover-arrow,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-start>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-start>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-start>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner:after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media(prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item.active,.carousel-item-next,.carousel-item-prev{display:block}.carousel-item-next:not(.carousel-item-start),.active.carousel-item-end{transform:translate(100%)}.carousel-item-prev:not(.carousel-item-end),.active.carousel-item-start{transform:translate(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end{z-index:1;opacity:1}.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{z-index:0;opacity:0;transition:opacity 0s .6s}@media(prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{transition:none}}.carousel-control-prev,.carousel-control-next{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:none;filter:var(--bs-carousel-control-icon-filter);border:0;opacity:.5;transition:opacity .15s ease}@media(prefers-reduced-motion:reduce){.carousel-control-prev,.carousel-control-next{transition:none}}.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-prev-icon,.carousel-control-next-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:var(--bs-carousel-indicator-active-bg);background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media(prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:var(--bs-carousel-caption-color);text-align:center}.carousel-dark{--bs-carousel-indicator-active-bg: #000;--bs-carousel-caption-color: #000;--bs-carousel-control-icon-filter: invert(1) grayscale(100)}:root,[data-bs-theme=light]{--bs-carousel-indicator-active-bg: #fff;--bs-carousel-caption-color: #fff;--bs-carousel-control-icon-filter: }[data-bs-theme=dark]{--bs-carousel-indicator-active-bg: #000;--bs-carousel-caption-color: #000;--bs-carousel-control-icon-filter: invert(1) grayscale(100)}.spinner-grow,.spinner-border{display:inline-block;flex-shrink:0;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width: 2rem;--bs-spinner-height: 2rem;--bs-spinner-vertical-align: -.125em;--bs-spinner-border-width: .25em;--bs-spinner-animation-speed: .75s;--bs-spinner-animation-name: spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width: 1rem;--bs-spinner-height: 1rem;--bs-spinner-border-width: .2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width: 2rem;--bs-spinner-height: 2rem;--bs-spinner-vertical-align: -.125em;--bs-spinner-animation-speed: .75s;--bs-spinner-animation-name: spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width: 1rem;--bs-spinner-height: 1rem}@media(prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed: 1.5s}}.profile-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;padding:1rem;z-index:1000}.profile-modal-content{background:#fff;border-radius:8px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;padding:1.5rem;position:relative;box-shadow:0 4px 20px #0000001a}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:#666}.profile-header{display:flex;align-items:center;gap:1.5rem;border-bottom:1px solid #eee;padding-bottom:1rem;margin-bottom:1rem}.profile-photo-section{text-align:center}.profile-photo-placeholder{width:80px;height:80px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.user-details-section h2{margin:0;font-size:1.3rem}.user-details-section p{margin:.25rem 0 0;color:#555}.profile-form h3{margin:1rem 0 .5rem;color:#333;font-size:1.1rem}.form-actions{display:flex;gap:.75rem;margin-bottom:1rem}.error-message{color:#d9534f;margin:-.5rem 0 .75rem;font-size:.85rem}.profile-modal-content::-webkit-scrollbar{width:8px}.profile-modal-content::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.profile-modal-content::-webkit-scrollbar-thumb{background:#852190;border-radius:4px}.profile-modal-content::-webkit-scrollbar-thumb:hover{background:#6f166f}@media(max-width:900px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.profile-header{flex-direction:column;text-align:center}}.report-management{padding:20px;background:#f5f5f5;min-height:100vh}.report-filters{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.border-left{border-left:5px solid #002060;box-shadow:0 2px 8px #00000080}.filter-row{display:flex;gap:15px;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;min-width:150px;flex:1}.filter-group label{font-size:13px;font-weight:500;margin-bottom:5px;color:#333}.filter-select,.filter-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:13px;background:#fff}.filter-select:focus,.filter-input:focus{outline:none;border-color:#4a90e2}.btn-run-report{padding:8px 24px;background:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-run-report:hover{background:#357abd}.btn-run-report:disabled{background:#ccc;cursor:not-allowed}.export-buttons{display:flex;gap:10px;justify-content:right;margin-bottom:10px}.btn-view-all,.btn-pdf,.btn-excel,.btn-print{padding:10px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-view-all{background:#6c757d;color:#fff}.btn-view-all:hover{background:#5a6268}.btn-pdf{background:#dc3545;color:#fff}.btn-pdf:hover{background:#c82333}.btn-excel{background:#28a745;color:#fff}.btn-excel:hover{background:#218838}.btn-print{background:#6f42c1;color:#fff}.btn-print:hover{background:#5a32a3}.search-bar{margin-bottom:20px}.search-input{width:100%;max-width:400px;padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:16px}.search-input:focus{outline:none;border-color:#4a90e2}.report-table-container{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.report-table{width:100%;border-collapse:collapse;font-size:14px}.report-table thead{background:#294c67;color:#fff}.report-table th,.report-table td{padding:10px;text-align:left;border:1px solid #ddd}.report-table tbody tr:nth-child(2n){background:#f9f9f9}.report-table tbody tr:hover{background:#e2e3de}.loading,.no-results{text-align:center;padding:40px;color:#666;font-size:16px}@media print{.report-filters,.export-buttons,.search-bar{display:none}.report-table-container{box-shadow:none}}@media(max-width:768px){.filter-row{flex-direction:column}.filter-group{width:100%}.export-buttons{flex-wrap:wrap}}.medication-card{@apply bg-white border border-gray-200 rounded-lg shadow-sm overflow-hidden;}.medication-header{@apply bg-purple-800 text-white p-4;}.medication-grid{@apply grid grid-cols-1 lg:grid-cols-3 gap-6;}.medication-column{@apply space-y-2;}.medication-item{@apply text-sm p-2 rounded border;}.medication-item-administered{@apply bg-green-50 border-green-100;}.medication-item-not-administered{@apply bg-yellow-50 border-yellow-200;}@media(max-width:1024px){.medication-grid{@apply grid-cols-1;}}@media(max-width:640px){.medication-header{@apply text-sm;}.medication-item{@apply text-xs;}}.reportz-medication-reports-container{display:flex;flex-direction:column;gap:20px}.reportz-medication-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.reportz-medication-header{background:#002060;color:#fff;padding:5px}.reportz-medication-header-global{border-radius:8px 8px 0 0;box-shadow:0 1px 3px #0000001a;margin-bottom:0}.reportz-medication-reports-container{margin-top:0}.reportz-header-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:15px}.reportz-medication-header h3{margin:5px;font-size:20px;font-weight:700}.reportz-medication-header p{margin:0;font-size:14px;opacity:.9}.reportz-header-address{text-align:right;font-size:13px}.reportz-medication-info{background:#f9fafb;padding:5px;border-bottom:1px solid #e5e7eb}.reportz-medication-info-clickable{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;transition:background .15s}.reportz-medication-info-clickable:hover{background:#f3f4f6}.reportz-medication-info-clickable .reportz-info-grid{flex:1}.reportz-card-status{display:flex;align-items:center;gap:10px;flex-shrink:0}.reportz-status-badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap}.reportz-status-ok{background:#dcfce7;color:#166534}.reportz-status-warning{background:#fef3c7;color:#92400e}.reportz-status-alert{background:#fee2e2;color:#b91c1c;font-weight:700}.reportz-card-chevron{font-size:14px;color:#6b7280;transition:transform .2s;display:inline-block}.reportz-card-chevron-open{transform:rotate(180deg)}.reportz-medication-card.reportz-card-alert{border:2px solid #dc2626;box-shadow:0 0 0 1px #dc262626}.reportz-medication-card.reportz-card-alert .reportz-medication-info{background:#fef2f2}.reportz-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.reportz-info-item{display:flex;flex-direction:row;gap:3px}.reportz-info-label{font-size:13px;color:#6b7280;font-weight:500}.reportz-info-value{font-size:14px;color:#111827;font-weight:600}.reportz-day-name{margin-left:8px;color:#9ca3af;font-weight:400}.reportz-medication-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:5px}.reportz-column-title{margin-bottom:0}@media(max-width:1024px){.reportz-medication-grid{grid-template-columns:1fr}}.reportz-medication-column{display:flex;flex-direction:column;gap:12px}.reportz-column-title{font-size:14px;font-weight:700;text-transform:uppercase;padding-bottom:8px;border-bottom:2px solid;margin:0}.reportz-administered-title{color:#166534;border-color:#bbf7d0}.reportz-not-administered-title{color:#b45309;border-color:#fde68a}.reportz-notes-title{color:#1e40af;border-color:#bfdbfe}.reportz-medication-list{display:flex;flex-direction:column;gap:8px}.reportz-medication-item{padding:12px;border-radius:6px;border:1px solid;font-size:14px}.reportz-medication-item.reportz-administered{background:#f0fdf4;border-color:#bbf7d0}.reportz-medication-item.reportz-not-administered{background:#fefce8;border-color:#fde68a}.reportz-med-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.reportz-med-info{flex:1}.reportz-med-name{font-weight:600;color:#111827;margin:0 0 4px}.reportz-med-detail{font-size:13px;color:#6b7280;margin:2px 0}.reportz-btn-comment{background:#2563eb;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:12px;cursor:pointer;white-space:nowrap;transition:background .2s}.reportz-btn-comment:hover{background:#1d4ed8}.reportz-med-comments-preview{margin-top:10px;padding-top:10px;border-top:1px solid #fde68a;display:flex;flex-direction:column;gap:8px}.reportz-comments-count{font-size:12px;font-weight:600;color:#6b7280;margin:0 0 6px}.reportz-comment-preview{font-size:12px;color:#6b7280;margin:4px 0}.reportz-inline-saved-reason{background:#fff;border:1px solid #fde68a;border-radius:4px;padding:8px 10px}.reportz-inline-saved-reason-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.reportz-inline-saved-reason-actions{display:flex;gap:6px;margin-left:auto}.reportz-btn-edit-inline,.reportz-btn-delete-inline{background:none;border:1px solid #d1d5db;border-radius:4px;padding:2px 8px;font-size:11px;cursor:pointer;transition:all .2s}.reportz-btn-edit-inline{color:#2563eb;border-color:#bfdbfe}.reportz-btn-edit-inline:hover{background:#eff6ff}.reportz-btn-delete-inline{color:#dc2626;border-color:#fecaca}.reportz-btn-delete-inline:hover{background:#fef2f2}.reportz-inline-saved-reason .reportz-comment-note{font-size:13px;color:#374151}.reportz-inline-comment-form{margin-top:10px;padding-top:10px;border-top:1px dashed #fde68a;display:flex;flex-direction:column;gap:8px}.reportz-inline-form-row{display:flex;gap:8px;flex-wrap:wrap}.reportz-form-input-inline,.reportz-form-select-inline,.reportz-form-textarea-inline{padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;font-family:inherit;background:#fff}.reportz-form-input-inline{flex:1;min-width:140px}.reportz-form-select-inline{min-width:150px}.reportz-form-textarea-inline{width:100%;resize:vertical;min-height:50px}.reportz-form-input-inline:focus,.reportz-form-select-inline:focus,.reportz-form-textarea-inline:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.reportz-inline-form-actions{display:flex;gap:8px}.reportz-btn-save-inline,.reportz-btn-cancel-inline{padding:6px 14px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s}.reportz-btn-save-inline{background:#2563eb;color:#fff}.reportz-btn-save-inline:hover{background:#1d4ed8}.reportz-btn-save-inline:disabled{background:#93c5fd;cursor:not-allowed}.reportz-btn-cancel-inline{background:#e5e7eb;color:#374151}.reportz-btn-cancel-inline:hover{background:#d1d5db}.reportz-notes-content{display:flex;flex-direction:column;gap:12px}.reportz-note-section{display:flex;flex-direction:column;gap:4px}.reportz-note-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;margin:0}.reportz-note-text{font-size:14px;color:#111827;margin:0;white-space:pre-wrap}.reportz-no-data{color:#9ca3af;font-style:italic;font-size:14px}.reportz-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.reportz-modal-content{background:#fff;border-radius:8px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.reportz-modal-header{padding:20px;border-bottom:1px solid #e5e7eb}.reportz-modal-header h3{margin:0;font-size:18px;color:#111827}.reportz-existing-comments{padding:15px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb;max-height:200px;overflow-y:auto}.reportz-existing-comments h4{margin:0 0 10px;font-size:13px;color:#374151;font-weight:600}.reportz-comment-item{padding:10px;background:#fff;border-radius:4px;margin-bottom:8px;border:1px solid #e5e7eb}.reportz-comment-item:last-child{margin-bottom:0}.reportz-comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.reportz-comment-author{font-weight:600;font-size:13px;color:#111827}.reportz-comment-date{font-size:12px;color:#9ca3af}.reportz-comment-reason{margin-bottom:6px}.reportz-reason-badge{display:inline-block;background:#fef3c7;color:#92400e;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.reportz-comment-note{margin:0;font-size:13px;color:#4b5563;white-space:pre-wrap}.reportz-form-group{padding:15px 20px}.reportz-form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#374151}.reportz-form-input,.reportz-form-select,.reportz-form-textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit}.reportz-form-input:focus,.reportz-form-select:focus,.reportz-form-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.reportz-form-textarea{resize:vertical;min-height:80px}.reportz-modal-actions{padding:15px 20px;border-top:1px solid #e5e7eb;display:flex;gap:10px}.reportz-btn-save,.reportz-btn-cancel{flex:1;padding:10px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.reportz-btn-save{background:#2563eb;color:#fff}.reportz-btn-save:hover{background:#1d4ed8}.reportz-btn-cancel{background:#e5e7eb;color:#374151}.reportz-btn-cancel:hover{background:#d1d5db}@media(max-width:768px){.reportz-header-content{flex-direction:column}.reportz-header-address{text-align:left}.reportz-med-header{flex-direction:column}.reportz-btn-comment{align-self:flex-start}}.toast-notification{position:fixed;top:20px;right:20px;z-index:9999;min-width:400px;max-width:600px;padding:16px 20px;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;align-items:center;justify-content:space-between;gap:12px;animation:slideInRight .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-content{display:flex;align-items:center;gap:12px;flex:1}.toast-icon{font-size:24px;line-height:1}.toast-message{font-size:15px;font-weight:500;line-height:1.4;flex:1}.toast-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.toast-close:hover{background:#ffffff4d;transform:rotate(90deg)}.reportz-mod-feedback-banner{background:linear-gradient(135deg,#fff9e6,#fff3cd);border:2px solid #ffc107;border-radius:8px;padding:20px;margin:20px 0;box-shadow:0 4px 12px #ffc10733}.reportz-mod-feedback-title{margin:0 0 12px;font-size:18px;font-weight:700;color:#856404}.reportz-mod-feedback-text{margin:0 0 10px;white-space:pre-wrap;line-height:1.6;color:#856404;font-size:15px}.reportz-mod-feedback-author{margin:0;font-size:14px;font-style:italic;color:#856404}.reportz-locked-badge{font-size:.85em;color:#666;font-style:italic;padding:4px 8px;background:#f3f4f6;border-radius:4px}.reportz-signed-off-badge{font-size:.8em;color:#28a745;font-weight:700}.reportz-batch-signoff-container{margin-top:20px;padding:20px;border:2px solid #002060;border-radius:8px;background-color:#f0fff4}.reportz-signoff-title{margin-top:0;color:#002060;font-size:18px;font-weight:700}.reportz-signoff-loading{color:#666;font-style:italic}.reportz-signoff-confirmed{color:#155724}.reportz-signoff-status{margin:0;font-size:1.1em}.reportz-signoff-date{margin:5px 0 0;font-size:.9em;color:#002060}.reportz-signoff-form{display:flex;flex-direction:column;gap:15px}.reportz-signoff-warning{color:#002060;font-size:.95em;margin:0;font-weight:700}.reportz-feedback-input-group{display:flex;flex-direction:column;gap:8px}.reportz-feedback-label{display:block;font-weight:700;color:#002060;font-size:14px}.reportz-feedback-textarea{width:100%;padding:10px;border:2px solid #002060;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:100px}.reportz-feedback-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.reportz-feedback-hint{font-size:.85em;color:#666;margin:0}.reportz-confirm-btn{background-color:#002060;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-weight:700;font-size:1em;width:100%;transition:background-color .2s}.reportz-confirm-btn:hover:not(:disabled){background-color:#001a4d}.reportz-confirm-btn-disabled{background-color:#ccc!important;cursor:not-allowed!important}@media(max-width:640px){.toast-notification{min-width:calc(100% - 40px);left:20px;right:20px}}.location-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.location-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:600px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.location-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.location-modal-header h3{margin:0;color:#1f2937;font-size:18px}.location-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.location-modal-close:hover{background-color:#e5e7eb}.location-spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:16px}.location-error{padding:20px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626}.location-details{display:flex;flex-direction:column;gap:20px}.location-map-container{display:flex;flex-direction:column;gap:10px}.location-map{width:100%;height:300px;border-radius:6px;border:none}.location-coords{font-size:14px;color:#6b7280;margin:0;text-align:center}.location-info h4{margin:0 0 12px;color:#1f2937;font-size:16px}.location-full-address{background-color:#f9fafb;padding:12px;border-radius:6px;margin-bottom:16px;color:#374151;font-size:14px;line-height:1.5}.location-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.location-detail-item{display:flex;flex-direction:column;gap:4px}.location-detail-label{font-size:12px;color:#6b7280;font-weight:500}.location-detail-value{font-size:14px;color:#1f2937;font-weight:500}.location-modal-footer{padding:16px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.location-modal-button{background-color:#667eea;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500}.location-modal-button:hover{background-color:#5a67d8}@media(max-width:640px){.location-details-grid{grid-template-columns:1fr}}.map-actions{display:flex;gap:10px;margin-top:10px;justify-content:center}.map-action-button{background-color:#4285f4;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500}.map-action-button:hover{background-color:#3367d6}.handover-note-section{margin:5px 0;padding:5px;background:linear-gradient(135deg,#f5f7fa,#e4edf5);border-radius:12px;box-shadow:0 4px 12px #00000014;border-left:5px solid #667eea}.handover-header{display:flex;padding:4px 5px;background-color:#667eea;color:#fff;margin-bottom:0}.tabs-navigation{display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap;border-radius:8px;background-color:#f8f9fa;padding:4px;margin-bottom:20px;position:relative}.tab-button{display:inline-flex;align-items:center;justify-content:center;padding:5px;margin-right:2px;border:none;border-radius:6px;cursor:pointer;font-weight:400;font-size:13px;color:#495057;background-color:#fff;transition:all .3s ease;white-space:nowrap;flex-shrink:0;position:relative}.activities-table-container{max-height:300px;overflow-y:auto;margin-bottom:15px}.activities-table{width:100%;border-collapse:collapse;margin-bottom:5px}.activities-table th,.activities-table td{padding:4px;text-align:left;border-bottom:1px solid #ddd}.activities-table th{background-color:#f2f2f2;font-weight:700}.activities-table tr:hover{background-color:#f5f5f5}.activity-row{cursor:pointer;transition:background-color .2s ease}.activity-row:hover{background-color:#f5f5f5}.activity-row.selected{background-color:#e6f7ff;border-left:3px solid #1890ff}.activity-row td input[type=checkbox]{pointer-events:none}.text-right{text-align:right;margin-bottom:10px}@media(max-width:768px){.tab-button{padding:6px 12px;font-size:13px}.tab-button.is_active:after{font-size:10px;right:6px}.BackButton{padding:6px 12px;font-size:13px}}@media(max-width:480px){.tab-button{padding:4px 8px;font-size:12px}.tab-button.is_active:after{font-size:9px;right:4px}.BackButton{padding:4px 8px;font-size:12px}}.call-details-tab{padding:2px;width:100%;height:100%;margin:0 auto;transition:all .3s ease}@media screen and (min-width:1200px){.call-details-tab{width:80%}}@media screen and (max-width:1199px){.call-details-tab{width:60%}}@media screen and (max-width:991px){.call-details-tab{width:70%}}@media screen and (max-width:767px){.call-details-tab{width:85%}}@media screen and (max-width:479px){.call-details-tab{width:100%;margin:0;padding:1px}}.call-details-toast{position:fixed;top:0;right:20px;padding:15px 20px;border-radius:8px;color:#fff;z-index:9999;box-shadow:0 4px 6px #0000001a;animation:slideIn .3s ease-out}.call-details-toast.success{background:#10b981}.call-details-toast.error{background:#ef4444}.call-details-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:5px;border-radius:8px 8px 0 0;margin-bottom:20px}.call-details-header-content{display:flex;justify-content:space-between;align-items:center}.call-details-header h2{margin:0;font-size:20px}.call-details-postcode{text-align:right;font-size:18px}.checkin-info{display:flex;gap:30px;padding:15px;background:#f5f5f5;border-radius:8px;margin-bottom:20px}.checkin-info-item{display:flex;align-items:center;gap:8px}.call-actions{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}.call-actions-buttons{display:flex;gap:10px;flex-wrap:wrap}.call-disabled-warning{margin-top:10px;padding:10px;background:#fef3c7;border-radius:4px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;overflow:auto}.modal-content{background:#fff;padding:20px;border-radius:8px;max-width:600px;width:90%;max-height:90vh;overflow:auto}.scroll-to-y{border-radius:8px;box-shadow:0 2px 8px #00000080;overflow:hidden;max-height:70vh;overflow-y:auto;overflow-x:auto;position:relative}.modal-content.small{max-width:500px}.modal-header{margin-bottom:15px}.modal-header h3{margin:0;font-size:20px}.modal-footer{margin-top:20px;display:flex;gap:10px;justify-content:flex-end}.medication-section{margin-top:15px;padding:15px;background:#f9fafb;border-radius:8px}.medication-item{padding:10px;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:2px;background:#fff}.medication-item:hover{background:#f9fafb}.medication-item label{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.medication-item input[type=checkbox]{margin-top:1px}.medication-name{font-weight:600;color:#1c1c1c;margin-bottom:2px}.medication-info{font-size:13px;color:#747577}.medication-color{float:right;color:#0d9488;font-weight:500}.mood-options{display:flex;gap:15px;flex-wrap:wrap;margin-top:10px}.mood-option{display:flex;align-items:center;gap:1px;padding:1px 2px;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}.mood-option:hover{border-color:#667eea;background:#f5f3ff}.mood-option input[type=radio]:checked+label{border-color:#667eea;background:#ede9fe}.mood-emoji{font-size:20px}.carer-list{margin-top:20px;max-height:400px;overflow-y:auto}.carer-item{display:block;padding:12px;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:10px;cursor:pointer;transition:all .2s}.carer-item:hover{background:#f9fafb}.carer-item.selected{background:#ede9fe;border-color:#667eea}.carer-item input[type=radio]{margin-right:10px}.confirmation-modal{text-align:center}.confirmation-icon{font-size:48px;margin-bottom:15px}.confirmation-message{font-size:16px;color:#4b5563;margin-bottom:20px}.confirmation-time{font-size:24px;font-weight:700;color:#667eea;margin:15px 0}.ck_modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.ck_modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:90%;max-width:600px;max-height:85vh;overflow-y:auto;position:relative}.ck_modal-header{position:sticky;top:0;background-color:#0084d6;color:#fff;padding:12px 16px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center;z-index:10}.ck_modal-header h3{margin:0;font-size:1.2rem;font-weight:600}.ck_modal-close-button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:background-color .2s}.ck_modal-close-button:hover{background-color:#fff3}.ck_modal-form-group{margin-bottom:16px}.ck_modal-label{display:block;margin-bottom:6px;font-weight:600;color:#333}.ck_modal-input,.ck_modal-textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1rem;transition:border-color .3s}.ck_modal-input:focus,.ck_modal-textarea:focus{outline:none;border-color:#0084d6;box-shadow:0 0 0 2px #0084d633}.ck_modal-textarea{min-height:100px;resize:vertical}.ck_clients-form-grid-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ck_modal-submit-button{background-color:#0084d6;color:#fff;border:none;padding:10px 16px;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .3s}.ck_modal-submit-button:hover{background-color:#0066a3}.ck_modal-submit-button:disabled{background-color:#ccc;cursor:not-allowed}.ck_modal-cancel-button{background-color:#6c757d;color:#fff;border:none;padding:10px 16px;border-radius:4px;cursor:pointer;font-size:1rem;margin-right:8px}.ck_modal-cancel-button:hover{background-color:#5a6268}.ck_radio-group{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.ck_radio-option{display:flex;align-items:center;margin-right:12px}.ck_radio-option input[type=radio]{margin-right:6px}.ck_medication-item{display:flex;align-items:flex-start;margin-bottom:12px;padding:8px;border:1px solid #eee;border-radius:4px}.ck_medication-item input[type=checkbox]{margin-right:8px;margin-top:2px}.ck_medication-details{flex:1}.ck_medication-name{font-weight:600;margin-bottom:4px}.ck_medication-info{font-size:.9rem;color:#666}.ck_medication-color{display:inline-block;width:12px;height:12px;border-radius:50%;margin-left:8px;vertical-align:middle}.ck_mood-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-bottom:16px}.ck_mood-option{display:flex;align-items:center;padding:8px;border:1px solid #eee;border-radius:4px;cursor:pointer;transition:background-color .2s}.ck_mood-option:hover{background-color:#f5f5f5}.ck_mood-option input[type=radio]{margin-right:8px}.ck_mood-emoji{font-size:1.2rem;margin-right:6px}.ck_modal-footer{display:flex;justify-content:flex-end;padding:16px 0;border-top:1px solid #eee;margin-top:16px}.ck_confirmation-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000}.ck_modal-confirmation-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:24px;max-width:400px;width:90%}.ck_confirmation-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.ck_confirm-button{background-color:#28a745;color:#fff;border:none;padding:10px 16px;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600}.ck_confirm-button:hover{background-color:#218838}@media(max-width:768px){.ck_modal-content{width:95%;max-height:90vh}.ck_clients-form-grid-two-col{grid-template-columns:1fr;gap:12px}.ck_mood-options{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.ck_modal-footer{flex-direction:column;gap:12px}.ck_confirmation-actions{flex-direction:column}.ck_confirmation-actions button{width:100%}}@media(max-width:480px){.ck_modal-header{padding:10px 12px}.ck_modal-header h3{font-size:1.1rem}.ck_modal-input,.ck_modal-textarea{padding:8px 10px}.ck_modal-submit-button,.ck_modal-cancel-button{padding:8px 12px;font-size:.9rem}}.scroll-toy{overflow-y:auto}.geolocation-toggle{margin:15px 0;padding:10px;background-color:#f5f5f5;border-radius:5px}.toggle-label{display:flex;align-items:center;cursor:pointer;margin-bottom:10px}.toggle-label input[type=checkbox]{display:none}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:transform .3s}.toggle-text{font-weight:700}.visit-groups-list{display:flex;flex-direction:column;gap:0}.visit-logbook-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow:hidden;margin-bottom:18px;border-left:4px solid #667eea}.visit-card-header{background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:#fff;padding:6px 10px;display:flex;flex-direction:row;gap:6px;align-items:center;flex-wrap:wrap}.visit-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.visit-call-type{font-weight:700;font-size:1rem}.visit-time-range{font-size:.88rem;opacity:.9}.visit-date{font-size:.88rem;opacity:.9;margin-left:auto}.visit-carers-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:4px}.carer-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 12px;border-radius:20px;font-size:.82rem;font-weight:600;letter-spacing:.02em}.carer-pill--1{background:#ffffff40;border:1px solid rgba(255,255,255,.5)}.carer-pill--2{background:#ffffff26;border:1px solid rgba(255,255,255,.4)}.carer-pill-divider{font-size:1.1rem;opacity:.6}.visit-card-body{padding:14px 16px}.visit-card-body--double{display:grid;grid-template-columns:1fr 2px 1fr;gap:0;padding:0}.visit-note-column{padding:14px 16px;display:flex;flex-direction:column;gap:6px}.visit-note-divider{background:linear-gradient(180deg,transparent,#667eea55,transparent);width:2px;align-self:stretch}.visit-note-author{font-size:.78rem;font-weight:700;color:#667eea;text-transform:uppercase;letter-spacing:.04em;margin:0;padding-bottom:4px;border-bottom:1px dashed #e0e0e0}.visit-note-text{margin:0;line-height:1.6;color:#333;font-size:.95rem;flex:1}.visit-note-times{margin:0;font-size:.78rem;color:#888;text-align:right}.visit-group-separator{height:0;margin-bottom:4px}@media(max-width:600px){.visit-card-body--double{grid-template-columns:1fr}.visit-note-divider{width:100%;height:2px;background:linear-gradient(90deg,transparent,#667eea55,transparent)}.visit-carers-row{gap:6px}}.call-logbook-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 15px;border-radius:5px;margin:20px 0 10px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.call-logbook-header strong{font-size:1.1rem}.call-time{font-size:.9rem;opacity:.9}.call-date{font-size:.9rem;opacity:.9;margin-left:auto}.carer-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:15px;font-size:.85rem;font-weight:600;display:inline-block}.carer-separator{margin:15px 0}.carer-separator hr{border:none;height:1px;background:linear-gradient(90deg,transparent,#667eea,transparent);margin:10px 0}.carer-separator .text-muted.small{color:#6c757d;font-size:.8rem;margin:5px 0}.call-logbook-separator{border:none;height:3px;background:linear-gradient(90deg,transparent,#667eea,#764ba2,transparent);margin:30px 0}.logbook-card{background:#fff;border-radius:8px;margin-bottom:10px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.logbook-card-header{background:#f8f9fa;padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e9ecef}.card-content{padding:15px}.card-content p{margin:0;line-height:1.6}.card-footer{padding:10px 15px;background:#f8f9fa;border-top:1px solid #e9ecef;text-align:right;font-size:.85rem;color:#6c757d}.carer-logbook-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px 15px;border-radius:5px;margin:20px 0 10px;font-size:1.1rem}.carer-logbook-separator{border:none;height:2px;background:linear-gradient(90deg,transparent,#667eea,transparent);margin:30px 0}.text-muted.small{color:#6c757d;font-size:.875rem;margin:5px 0 20px}.logs-container{padding:10px;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-bottom:20px;max-height:72vh}.modal-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:1000;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 10px #0000001a;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:15px}.modal-close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.modal-form-group{margin-bottom:15px}.modal-label{display:block;font-weight:700;margin-bottom:5px}.modal-input{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.modal-textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;resize:vertical}.modal-submit-button{background-color:#007bff;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;width:100%}.notification{position:fixed;top:20px;right:20px;z-index:10000;padding:15px;border-radius:5px;color:#fff;box-shadow:0 4px 12px #0003;display:flex;justify-content:space-between;align-items:center;min-width:250px;transition:all .3s ease-in-out}.notification-success{background-color:#4caf50}.notification-error{background-color:#f44336}.notification-warning{background-color:#ff9800}.notification-close-btn{margin-left:15px;color:#fff;font-weight:700;float:right;font-size:20px;line-height:20px;cursor:pointer;transition:.3s;background:none;border:none}.logbook-actions-container{display:flex;justify-content:flex-end;margin-bottom:0;padding:4px}.logbook-add-button{background:linear-gradient(135deg,#e820da 50%,#002060 50%);padding:5px;color:#fff;font-size:14px;border:none;font-weight:500;border-radius:10px}.confirmation-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fffffff2;z-index:10;border-radius:8px;display:flex;justify-content:center;align-items:center}.modal-confirmation-content{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 20px #0000004d;text-align:center;max-width:80%;width:350px;border:1px solid #ccc}.modal-confirmation-content .modal-header{border-bottom:none;margin-bottom:10px;justify-content:center}.confirmation-actions{display:flex;justify-content:space-around;gap:10px;margin-top:20px}.modal-submit-button.confirm-button{background-color:#f44336}.modal-cancel-button{background-color:#9e9e9e;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;flex:1}.modal-cancel-button:hover{background-color:#757575}.medication-list{list-style:disc inside;padding-left:15px;margin-top:5px;font-size:.75rem;color:#333;white-space:pre-wrap}.medication-list-item{margin-bottom:5px;line-height:1.4}.medication-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px;margin-bottom:10px;transition:all .3s ease}.medication-item:hover{box-shadow:0 3px 10px #00000014}.medication-item label{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;cursor:pointer}.medication-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.medication-details{flex:1}.medication-name{font-weight:600;color:#1f2937;line-height:1.4}.medication-name span{display:block;margin-top:4px;color:#6b7280;font-size:12px}.medication-color{display:inline-block;margin-left:6px;color:#0891b2;font-weight:600}.medication-count-section{display:flex;align-items:center}.medication-count-container{display:flex;flex-direction:column;align-items:center;gap:6px}.medication-count-btn{width:28px;height:28px;border-radius:50%;border:none;color:#fff;font-weight:700;cursor:pointer;font-size:16px;transition:.2s}.medication-count-plus{background:#10b981}.medication-count-plus:hover{transform:scale(1.1)}.medication-count-minus{background:#ef4444}.medication-count-minus:hover{transform:scale(1.1)}.medication-count-circle{width:42px;height:42px;border-radius:50%;background:#fff;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#374151}.location-status-section{margin:15px 0;padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.location-status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.location-status-header h4{margin:0;font-size:16px;color:#495057}.location-status-indicator{display:flex;align-items:center;font-weight:500}.location-status-indicator.checking{color:#6c757d}.location-status-indicator.allowed{color:#28a745}.location-status-indicator.denied{color:#dc3545}.location-status-indicator.unavailable{color:#ffc107}.status-icon{margin-right:8px;font-size:18px}.location-error-message{background-color:#f8d7da;color:#721c24;padding:10px;border-radius:4px;margin-top:10px;border:1px solid #f5c6cb}.location-help-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.location-help-links a{color:#06c;text-decoration:underline;font-size:14px}.location-help-links a:hover{color:#049}.geolocation-error{display:flex;align-items:center;background-color:#f8d7da;color:#721c24;padding:10px;border-radius:4px;margin-top:10px;border:1px solid #f5c6cb}.geolocation-error{display:flex;align-items:center;background-color:#fee;color:#c33;padding:10px;border-radius:4px;margin-top:10px;border:1px solid #fcc;box-shadow:0 2px 4px #0000001a}.geolocation-error .error-icon{margin-right:8px;font-size:16px}.geolocation-toggle{margin:15px 0;padding:10px;background-color:#f5f5f5;border-radius:4px;border:1px solid #e0e0e0}.toggle-label{display:flex;align-items:center;cursor:pointer;position:relative}.toggle-label input[type=checkbox]{opacity:0;width:0;height:0}.toggle-slider{position:relative;display:inline-block;width:50px;height:24px;background-color:#ccc;border-radius:24px;transition:background-color .3s;margin-right:10px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:transform .3s}.toggle-label input:checked+.toggle-slider{background-color:#4caf50}.toggle-label input:checked+.toggle-slider:before{transform:translate(26px)}.toggle-text{margin-left:10px;font-weight:500}.geolocation-note{font-size:.9em;color:#666;margin-top:5px;margin-left:60px}@media(max-width:480px){.visit-card-header{flex-direction:column;align-items:flex-start;gap:4px;padding:8px 10px;background:linear-gradient(160deg,#e820da 55%,#002060 55%)}}@media(max-width:360px){.visit-card-header{padding:6px 8px;font-size:.9rem}}.tabs-navigation{width:100%!important;max-width:100%!important;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.tabs-navigation::-webkit-scrollbar{display:none}.tabs-list{display:flex;flex-wrap:nowrap;gap:8px;min-width:max-content}.tab-button{white-space:nowrap;flex-shrink:0}.spinner{border:2px solid #f3f3f3;border-top:2px solid #fff;border-right:2px solid #333;border-radius:50%;width:14px;height:14px;animation:spin .8s linear infinite;display:inline-block;margin-right:6px;vertical-align:middle}.drag-indicator{position:absolute;top:0;bottom:0;width:2px;background-color:#ff5722;z-index:10;pointer-events:none;display:flex;justify-content:center;align-items:flex-start}.drag-indicator-time{position:absolute;top:-25px;padding:2px 5px;background-color:#ff5722;color:#fff;font-size:10px;white-space:nowrap;border-radius:3px;transform:translate(-50%);z-index:10}.break-time-bar{pointer-events:none;-webkit-user-select:none;user-select:none;box-sizing:border-box}.break-time-bar:hover{opacity:.9}.staff-timeline{position:relative}.client-call{position:relative;z-index:1}.break-time-bar{z-index:0}@media(prefers-reduced-motion:reduce){.client-call,.staff-action,.schedule-container{transition:none;animation:none}.priority-indicator{animation:none}}.location{padding:2px;margin-left:10px;box-shadow:0 4px 6px #37314444;cursor:pointer;font-weight:700;border-radius:5px;border:1px solid rgba(36,155,223,.507)}.btn{padding:8px 12px;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .2s ease}.btn:hover{filter:brightness(110%)}.btn-primary{background-color:#007bff;color:#fff}.btn-lg{width:20%}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#1e7e34}.staff-action{background:none;border:none;cursor:pointer;padding:2px;font-size:9px;border-radius:4px;transition:all .2s ease;opacity:.7}.staff-action:hover{opacity:1;background:#e21bc833;transform:scale(1.1)}.staff-action.email{border:1px solid rgb(191,204,231);padding:0}.staff-action:focus{outline-offset:1px}.schedule-container{background:#c0d5eb;display:flex;flex-direction:column;border-radius:8px;box-shadow:0 4px 6px #15121c99;margin:15px;animation:fadeIn .5s ease-in-out;overflow:hidden;position:relative}.schedule-grid{display:block;overflow:hidden;flex:1;min-height:0;position:relative}.grid-body{display:grid;grid-template-columns:150px 1fr;grid-template-rows:auto 1fr;overflow:auto;max-height:calc(100vh - 160px);background:#fff;scroll-behavior:smooth}.staff-header-cell{grid-column:1;grid-row:1;position:sticky;top:0;left:0;z-index:32;font-weight:700;font-size:14px;color:#e8fff7;background:linear-gradient(135deg,#836f86,#4f6d8f);text-align:center;display:flex;align-items:center;justify-content:center;border-right:1px solid #ddd;border-left:2px solid #761683;box-shadow:0 2px 8px #00000026}.time-header-row{grid-column:2;grid-row:1;position:sticky;top:0;z-index:31;display:grid;grid-template-columns:repeat(48,minmax(30px,1fr));background:linear-gradient(135deg,#435c79,#874f8f);min-height:20px;width:150%;min-width:1610px;box-shadow:0 2px 8px #00000026}.staff-grid-row{display:contents}.staff-name-cell{grid-column:1;grid-row:auto;position:sticky;left:0;z-index:20;width:150px;min-width:150px;display:flex;flex-direction:column;background:#f8f9fa;justify-content:space-between;padding:3px;border-top:1px solid #c8eef7;border-bottom:1px solid #cfcfcf;border-right:1px solid #ddd;min-height:45px;max-height:45px}.staff-timeline{grid-column:2;grid-row:auto;display:grid;grid-template-columns:repeat(48,minmax(30px,1fr));align-items:center;z-index:1;position:relative;width:150%;min-width:1610px;background:#fff}.staff-header-top{display:flex;align-items:center;gap:6px}.staff-photo-container{width:20px;height:20px;border-radius:50%;overflow:hidden;border:1px solid #ddd;flex-shrink:0}.staff-photo{width:100%;height:100%;object-fit:cover}.staff-info{flex:1}.staff-name{font-size:14px;font-weight:600;color:#120d1d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.3)}.staff-details-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.staff-count,.staff-hours{font-size:10px;color:#9c9e9e;font-style:italic;white-space:nowrap}.curent-day{font-size:10px;font-weight:400;opacity:.8}.time-slot-header{grid-column:span 2;text-align:left;font-size:11px;font-weight:700;color:#c3eaf7;display:flex;flex-direction:column;gap:2px;min-height:30px;justify-content:flex-start;padding-left:2px;padding-top:5px;box-sizing:border-box;border-right:1px solid rgba(255,255,255,.2)}.time-text{font-size:12px;text-align:left;display:block;white-space:nowrap}.time-cell{border-right:1px solid #e3e8eb!important;border-top:1px solid #999999!important;position:relative;height:100%;padding:0;box-sizing:border-box;min-height:45px}.time-cell.hourly-border{border-left:1px solid #a7b7be!important}.client-call{border-radius:5px;padding:2px;position:absolute;top:65%;transform:translateY(-50%);overflow:hidden;box-shadow:0 2px 4px #0003;cursor:pointer;transition:all .3s ease;min-height:22px;max-height:22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;box-sizing:border-box;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.client-call:hover{transform:translateY(-50%) scale(1.05);z-index:10;box-shadow:0 4px 12px #0000004d;border-color:#fffc}.client-call.priority-high{border-left:4px solid #ff4444}.client-call.priority-medium{border-left:4px solid #ff9800}.client-call.priority-low{border-left:4px solid #4caf50}.priority-indicator{background:#1b2a4e;color:#fff;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-left:4px;animation:pulse-priority 2s infinite}.call-text,.call-type-text{filter:drop-shadow(0 1px 1px rgba(0,0,0,.8))}.call-text{font-size:10px;color:#fff;font-weight:600;text-shadow:0 0px 1px rgba(0,0,0,.1);line-height:1.1;flex:1;text-align:left;width:100%}.call-text span{font-size:11px;display:block;margin-bottom:1px;padding-top:3px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip}.call-type-text{color:#ffffffe6;font-size:6px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:clip;width:100%}.loading-state{display:flex;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;justify-content:center;align-items:center;height:6px;font-size:9px;color:#666;background:#86087ee6;position:absolute;inset:0;z-index:1000}.error-state{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;margin:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-priority{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:768px){.schedule-container{margin:5px;max-height:calc(100vh - 100px)}.staff-header-cell,.staff-name-cell{width:150px;min-width:150px}.staff-photo-container{width:18px;height:18px}.staff-name{font-size:12px}.staff-count{font-size:9px}.time-header-row,.staff-timeline{grid-template-columns:repeat(48,minmax(25px,1fr));min-width:1200px}.time-slot-header{min-height:30px;font-size:10px}.client-call{min-height:20px;max-height:20px;font-size:9px;padding:2px 4px}.call-text,.call-text strong{font-size:8px}.call-type-text{font-size:6px}}@media(max-width:1024px)and (min-width:769px){.schedule-container{margin:8px}.staff-header-cell,.staff-name-cell{width:130px;min-width:130px}.time-header-row,.staff-timeline{grid-template-columns:repeat(48,minmax(28px,1fr));min-width:1344px}}@media print{.schedule-container{box-shadow:none;margin:0;max-height:none;min-height:auto}.grid-body{max-height:none;overflow:visible}.client-call{box-shadow:none;border:1px solid #ccc;background-color:#f8f9fa!important;color:#000!important}.call-text,.call-type-text{color:#000!important;text-shadow:none}.staff-action{display:none}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.client-call,.time-cell{border-width:.5px}}@media(prefers-color-scheme:dark){.schedule-container,.schedule-grid,.grid-body,.staff-grid-row,.staff-name-cell,.staff-timeline{background:#fff;color:#000}.staff-grid-row:hover{background:#f8f9fa}.staff-name-cell{border-color:#ddd}.staff-name{color:#070303}.staff-count{color:#9c9e9e}.time-cell{border-color:#f0f0f0}.time-cell.hourly-border{border-left-color:#b8e2f0!important}}@media(prefers-contrast:high){.client-call{border:2px solid #000}.staff-name-cell{border:1px solid #000}.time-cell{border-color:#000}}.current-time-line{position:absolute;top:0;bottom:0;width:2px;background-color:#ff00ae;border-left:2px dotted #ff0000;z-index:100;pointer-events:none;animation:pulse-time-line 2s infinite}.current-time-line-staff{position:absolute;top:0;bottom:0;width:2px;background-color:#df13722f;border-left:2px dotted #ea09988a;z-index:50;pointer-events:none;opacity:.8;box-shadow:0 4px 6px #cad8ec99}@keyframes pulse-time-line{0%,to{opacity:1}50%{opacity:.6}}.summary-section{grid-column:1 / -1;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:2px solid #007bff;padding:20px;margin-top:10px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.summary-header{text-align:center;margin-bottom:20px}.summary-header h3{color:#495057;font-size:18px;font-weight:700;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.summary-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.summary-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px}.summary-stat-item{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;align-items:center;text-align:center;border-left:4px solid #007bff}.stat-label{font-size:12px;color:#6c757d;font-weight:500;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:18px;color:#495057;font-weight:700}.summary-top-carers{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.summary-top-carers h4{color:#495057;font-size:16px;margin:0 0 15px;text-align:center;border-bottom:2px solid #e9ecef;padding-bottom:10px}.top-carers-list{display:flex;flex-direction:column;gap:10px}.top-carer-item{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#f8f9fa;border-radius:6px;border-left:3px solid #28a745;transition:all .2s ease}.top-carer-item:hover{background:#e9ecef;transform:translate(5px)}.carer-name{font-weight:700;color:#495057;font-size:14px}.carer-stats{font-size:12px;color:#6c757d;font-style:italic}@media(max-width:768px){.summary-content{grid-template-columns:1fr;gap:20px}.summary-stats{grid-template-columns:1fr;gap:10px}.summary-stat-item{padding:10px}.stat-value{font-size:16px}.staff-stats{gap:2px}}.toast{position:fixed;color:#fff;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #0003;animation:fadeInOut 3s ease-in-out forwards;z-index:2000}.toastError{background:linear-gradient(135deg,#ff4d4d,#c00)}.toastSuccess{background:linear-gradient(135deg,#28a745,#218838)}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.date-input-group{display:flex;flex-direction:column;margin-bottom:12px}.date-label{font-size:.9rem;color:#333;margin-bottom:4px}.date-input{padding:8px;border:1px solid #ccc;border-radius:4px}.lock-toggle-btn{background:none;border:none;font-size:16px;cursor:pointer;padding:1px;margin-top:2px;margin-bottom:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-cancel-button{background-color:#e0e0e0;color:#333}.modal-cancel-button:hover{background-color:#d0d0d0}.modal-confirm-button{background-color:#4caf50;color:#fff}.modal-confirm-button:hover{background-color:#45a049}.lock-toggle-btn:hover{background:#fff3;transform:scale(1.1)}.lock-toggle-btn.locked{color:#ff6b6b;background:#54730c5a}.lock-toggle-btn.unlocked{color:#51cf66;background:#51cf661a}.time-indicator{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;background:#000000e6;color:#fff;padding:3px 8px;border-radius:12px;font-size:10px;font-weight:700;white-space:nowrap;z-index:150;animation:pulse-indicator 2s infinite;box-shadow:0 2px 6px #0006;border:1px solid rgba(255,255,255,.2)}.time-indicator.time-earlier{left:-45px;background:linear-gradient(135deg,#dc3545f2,#ff0000e6);border-color:#ffffff4d}.time-indicator.time-later{right:-45px;background:linear-gradient(135deg,#28a745f2,#008000e6);border-color:#ffffff4d}.time-arrow{font-size:12px;margin:0 3px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.time-diff{font-size:9px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:.5px}.drag-preview-container{position:absolute;top:0;bottom:0;pointer-events:none;z-index:200}.drag-preview-indicator{position:absolute;top:50%;transform:translateY(-50%);width:6px;height:90%;border-radius:3px;animation:pulse-preview 1s infinite;box-shadow:0 0 10px #0000004d}.drag-preview-indicator.earlier{background:linear-gradient(to bottom,#f44,#f66,#f44);border:2px solid #ff0000;box-shadow:0 0 15px #f009}.drag-preview-indicator.later{background:linear-gradient(to bottom,#4f4,#6f6,#4f4);border:2px solid #00ff00;box-shadow:0 0 15px #0f09}@keyframes pulse-indicator{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.8;transform:translateY(-50%) scale(1.05)}}@keyframes pulse-preview{0%,to{opacity:.9;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.15)}}@media(max-width:768px){.time-indicator.time-earlier{left:-35px}.time-indicator.time-later{right:-35px}.time-indicator{padding:2px 6px;font-size:9px}.time-diff{font-size:8px}.time-arrow{font-size:10px}}.client-call.has-time-adjustment:hover{border-color:#ff8c00;box-shadow:0 0 15px #ff8c00cc;transform:translateY(-50%) scale(1.08)}.client-call.has-time-adjustment:hover .time-indicator{animation:none;opacity:1;transform:translateY(-50%) scale(1.1);box-shadow:0 3px 8px #00000080}.client-call.has-time-adjustment .call-text,.client-call.has-time-adjustment .call-type-text{position:relative;z-index:1}.preview-time-indicator{box-shadow:0 4px 12px #0006}.preview-arrow{font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.preview-time{font-size:10px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:.5px}.modal-overlay{position:fixed;inset:0;background-color:#25252db3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content,.modal-lg,.modal-sm{background:#fff;border-radius:16px;position:relative;box-shadow:0 4px 6px #0000001a;overflow:hidden;display:flex;flex-direction:column}.modal-content{max-width:500px;width:90%;border:3px solid #96329deb}.modal-lg{max-width:1050px;max-height:90vh;width:90%;animation:modalFadeIn .3s ease-out}.modal-sm{max-width:400px;max-height:90vh;width:50%;animation:modalFadeIn .3s ease-out}.modal-header-top{background:linear-gradient(135deg,teal,#dd34f8);color:#fff;padding:8px 30px;display:flex;justify-content:space-between;align-items:center;position:relative;flex-shrink:0}.modal-header-top .modal-title{color:#fff;font-size:1.1em;font-weight:700;text-shadow:0 2px 8px rgba(36,23,23,.527);margin:0;flex-grow:1}.modal-header-top .modal-postcode{display:flex;align-items:center;gap:5px;font-size:.9em;opacity:.9;white-space:nowrap}.modal-header-top .modal-postcode img{filter:invert(1)}.modal-body h3{border-bottom:2px solid #c6d3db;padding-bottom:10px;margin-bottom:15px;margin-top:0}.padding{padding:20px}.modal-tabs{display:flex;flex-wrap:wrap;padding:10px 20px 0;background:#fff;border-bottom:1px solid #58565c;flex-shrink:0}.modal-content-scroll{flex-grow:1;overflow-y:scroll;padding:20px;max-height:400px;min-height:400px;background-color:#ccc5cb54}.modal-footer{padding:20px;display:flex;justify-content:space-between;gap:10px;flex-shrink:0}.modal-close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:#fff;opacity:.7;z-index:1001}.modal-close-button:hover{opacity:1}.form-row{display:flex;gap:15px;margin-bottom:10px}.form-group{flex:1;display:flex;flex-direction:column;margin-bottom:10px}.form-control{width:100%;padding:8px;border:1px solid #fdb1ed;border-radius:4px;font-size:14px;box-sizing:border-box}.txtbox{width:100%;padding:4px;border:1px solid #fdb1ed;border-radius:4px;font-size:14px;box-sizing:border-box}.form-align{display:flex;justify-content:space-between;align-items:center}.confirm{line-height:1.8em;color:#4c6b80}.checkbox-group{display:flex;align-items:center;gap:8px;margin-top:15px;margin-bottom:15px}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-group label{font-size:14px;color:#333;cursor:pointer}.medication-list{list-style:none;padding:0;margin:10px 0}.medication-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:10px;background-color:#fff;padding:10px;border-radius:8px;border:1px solid #e0f0ff}.medication-item input[type=checkbox]{flex-shrink:0;margin-top:3px}.medication-item label{font-size:13px;color:#333;line-height:1.4;cursor:pointer;flex-grow:1}.logbook-form{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;padding:15px;background-color:#f9f9f9;border-radius:8px;border:1px solid #eee}.logbook-textarea{min-height:80px;resize:vertical}.logbook-submit-btn{align-self:flex-end;margin-top:10px}.recent-logbook-title{font-size:1.1em;font-weight:700;margin-top:25px;margin-bottom:15px;color:#333;border-bottom:1px solid #eee;padding-bottom:5px}.recent-logbook-notes{display:flex;flex-direction:column;gap:10px}.logbook-item{background-color:#fdfdfd;padding:12px;border-radius:8px;border:1px solid #e9e9e9;box-shadow:0 1px 3px #0000000d}.logbook-item-date{font-size:.85em;color:#777;margin-bottom:5px;font-style:italic}.logbook-item-content{font-size:.95em;color:#333;margin-bottom:5px;line-height:1.4}.logbook-item-carer{font-size:.85em;color:#555;font-weight:500;text-align:right}.client-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 20px;margin-bottom:20px;padding:15px;background-color:#f9f9f9;border-radius:8px;border:1px solid #eee}.client-detail-item{font-size:14px;color:#64628f;line-height:1.4}.client-detail-item strong{color:#5e616c;margin-right:5px;font-size:13px}.client-medication-suite-title{font-size:14px;font-weight:700;margin-top:35px;margin-bottom:5px;color:#5992ab;border-bottom:1px solid #eee;padding-bottom:5px}.client-medication-suite{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.client-medication-item{background-color:#f0f8ff;padding:12px;border-radius:8px;border:1px solid #e0f0ff;box-shadow:0 1px 3px #0000000d}.client-medication-item strong{color:#007bff}.client-medication-item p{font-size:.9em;color:#555;margin-top:5px;margin-bottom:0}.carers-list{display:flex;flex-direction:column;gap:20px;margin-top:15px}.carer-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:12px;padding:20px;box-shadow:0 4px 8px #0000001a;transition:all .3s ease}.carer-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026;border-color:#007bff}.carer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e9ecef}.carer-header h5{margin:0;font-size:1.2em;color:#2c3e50;font-weight:600}.carer-role{background:linear-gradient(135deg,#007bffa0,#8900b3);color:#fff;padding:4px 12px;border-radius:20px;font-size:.8em;font-weight:500;letter-spacing:.5px}.carer-contact-info{display:flex;flex-direction:column;gap:12px}.contact-item{gap:8px;padding:12px;background:#fffc;border-radius:8px;border:1px solid #e9ecef}.contact-label{font-weight:600;color:#495057;font-size:.9em}.contact-value{color:#2c3e50;font-size:1em;font-weight:500;margin-left:8px}.contact-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.action-btn{padding:6px 12px;border:none;border-radius:6px;font-size:.85em;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0003}.call-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.call-btn:hover{background:linear-gradient(135deg,#218838,#1ea085)}.sms-btn{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.sms-btn:hover{background:linear-gradient(135deg,#138496,#117a8b)}.email-btn{background:linear-gradient(135deg,#6f42c1,#5a32a3);color:#fff}.email-btn:hover{background:linear-gradient(135deg,#5a32a3,#4c2a85)}.whatsapp-btn{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.whatsapp-btn:hover{background:linear-gradient(135deg,#128c7e,#075e54)}.carer-availability{margin-top:15px;padding:10px;background:#28a7451a;border-radius:6px;border-left:4px solid #28a745}.availability-label{font-weight:600;color:#155724;font-size:.9em}.availability-value{color:#155724;margin-left:8px;font-weight:500}.no-contact-info{color:#6c757d;font-style:italic;text-align:center;padding:20px;background:#f8f9facc;border-radius:8px;border:2px dashed #dee2e6}.no-carers-assigned{text-align:center;padding:30px;color:#6c757d;font-style:italic;background:#f8f9facc;border-radius:12px;border:2px dashed #dee2e6;font-size:1.1em}@media(max-width:768px){.carer-header{flex-direction:column;align-items:flex-start;gap:10px}.contact-actions{justify-content:center}.action-btn{flex:1;justify-content:center;min-width:80px}}.websocket-status{position:fixed;top:10px;right:10px;z-index:1000;background:#fffffff2;border-radius:8px;padding:8px 12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0}.connection-indicator{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.status-dot.connected{background-color:#4caf50}.status-dot.disconnected{background-color:#f44336}.status-text{color:#333}.connection-indicator.connected .status-text{color:#4caf50}.connection-indicator.disconnected .status-text{color:#f44336}.connection-indicator.connecting .status-text{color:#ff9800}.connection-indicator.error .status-text{color:#f44336}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes realtime-update{0%{background-color:#4caf504d}to{background-color:transparent}}.client-call.realtime-updated,.staff-grid-row.realtime-updated{animation:realtime-update 1s ease-out}.row{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.col-sm{flex:1 0 0%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.col-md{flex:1 0 0%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.col-lg{flex:1 0 0%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.col-xl{flex:1 0 0%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.col-xxl{flex:1 0 0%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.modal-overlay{position:fixed;inset:0;background-color:#25252db3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto;padding:2px}.modal-content,.modal-lg,.modal-sm{background:#fff;border-radius:16px;box-shadow:0 6px 12px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:modalFadeIn .25s ease-out}.modal-content{border:3px solid #96329deb}.modal-long{max-width:1050px;border-radius:15px;border:3px solid #96329deb}.modal-sm{max-width:400px;width:50%;max-height:90vh}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e0e0e0;flex-shrink:0}.modal-title{font-size:1.5rem;font-weight:600;color:#333;margin:0}.close-btn{font-size:1.5rem;background:none;border:none;cursor:pointer;color:#333;opacity:.6;transition:opacity .2s}.close-btn:hover{opacity:1}.modal-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid #e0e0e0;background-color:#f7f7f7;padding:10px 20px 0;gap:5px}.tab-btn{background:none;border:none;padding:10px 16px;font-size:1rem;font-weight:500;color:#555;cursor:pointer;transition:all .3s ease;position:relative}.tab-btn.active{color:#007bff;border-bottom:3px solid #007bff;background-color:#fff}.is_active{color:#131864!important;background-color:#41375e36!important}.tab-btn:hover:not(.active){color:#0056b3;background-color:#f0f0f0}.tab-indicator{position:absolute;top:4px;right:4px;font-size:.7rem;color:#ff5722}.modal-body{padding:20px;flex-grow:1;overflow-y:auto;background-color:#f7f7f7}.modal-content-scroll{overflow-y:auto;flex-grow:1;padding:20px;max-height:60vh;background-color:#f0f0f05c}.toast-message{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;font-size:.9rem;color:#fff;z-index:2000;animation:toastFadeIn .3s ease-out}.toast-success{background-color:#28a745}.toast-error{background-color:#dc3545}.toast-icon{font-size:1.2rem}.form-group{display:flex;flex-direction:column;margin-bottom:12px}.form-group label{font-size:12px;color:#666;margin-bottom:4px;font-weight:600}.form-control{width:100%;padding:8px 10px;font-size:14px;border:1px solid #ddd;border-radius:6px;transition:all .2s;margin-bottom:20px;margin-top:5px}.form-control:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-check{margin-bottom:8px}.form-check-input{width:18px;height:18px;cursor:pointer}.form-check-label{font-size:14px;color:#333;cursor:pointer}.medication-list,.recent-logbook-notes{list-style:none;padding:0;margin:0}.medication-item,.logbook-item{background-color:#f0f8ff;border-radius:8px;border:1px solid #e0f0ff;padding:10px 12px;display:flex;align-items:flex-start;gap:8px;font-size:.95rem;line-height:1.4}.client-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 20px;margin-bottom:20px;padding:15px;background-color:#fff;border-radius:8px;border:1px solid #eee}.client-detail-item{font-size:.95em;color:#333;line-height:1.4}.client-detail-item strong{color:#000;margin-right:4px}button{transition:all .2s ease}button:disabled{opacity:.6;cursor:not-allowed}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes toastFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.modal-content,.modal-lg,.modal-sm{width:95%}.tab-btn{padding:10px 12px;font-size:.95rem}}.profile_modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.profile_modal-container{background-color:#fff;color:#1f2937;padding:0;border-radius:1.5rem;box-shadow:0 25px 50px -12px #0006;max-width:900px;width:100%;margin:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden;max-height:90vh;display:flex;flex-direction:column;animation:slideIn .3s ease-out}.profile_modal-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.2rem 2rem;margin:0;border-bottom:none}.profile_modal-title{font-size:1.75rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.profile_modal-subtitle{font-size:.875rem;opacity:.9;margin-top:.25rem;font-weight:400}.profile_modal-close-button{font-size:1.5rem;color:#fff;background:#fff3;border:none;cursor:pointer;padding:.75rem;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:44px;height:44px}.profile_modal-close-button:hover{background:#ffffff4d;transform:scale(1.05)}.profile_modal-content-wrapper{flex:1;overflow-y:auto;padding:2rem;display:grid;grid-template-columns:1fr;gap:2rem}.profile_modal-profile-column{display:flex;flex-direction:column;align-items:center;text-align:center}.profile_profile-photo-container{position:relative;width:8rem;height:8rem;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:0 10px 25px #00000026;transition:transform .3s ease;margin-bottom:1rem}.profile_profile-photo-container:hover{transform:scale(1.05)}.profile_profile-photo{width:100%;height:100%;object-fit:cover}.profile_profile-photo-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e3f2fd,#bbdefb);display:flex;align-items:center;justify-content:center;color:#1976d2}.profile_account-id-container{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem;border-radius:2rem;font-size:.875rem;font-weight:600;box-shadow:0 4px 12px #667eea4d}.profile_section-header{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:#374151;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.profile_section-icon{color:#667eea;flex-shrink:0}.profile_info-grid{display:grid;grid-template-columns:1fr;gap:1rem}.profile_info-item{display:flex;align-items:flex-start;gap:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1.25rem;border-radius:1rem;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.profile_info-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.profile_info-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#cbd5e1}.profile_info-item:hover:before{opacity:1}.profile_info-icon{color:#667eea;flex-shrink:0;margin-top:.125rem}.profile_info-content{flex:1;min-width:0}.profile_info-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.25rem}.profile_info-value{font-size:.875rem;color:#6b7280;word-break:break-word}.profile_info-value a{color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.profile_info-value a:hover{color:#4f46e5;text-decoration:underline}.profile_info-value-empty{color:#9ca3af;font-style:italic}.profile_off-days-container{background:linear-gradient(135deg,#e0f2fe,#b3e5fc);border-radius:1rem;padding:1.5rem;border:1px solid #b3e5fc}.profile_off-days-title{display:flex;align-items:center;gap:.75rem;color:#0277bd;margin-bottom:1rem;font-size:1.125rem;font-weight:700}.profile_off-days-grid{display:flex;flex-wrap:wrap;gap:.5rem}.profile_off-day-tag{display:inline-flex;align-items:center;background:linear-gradient(135deg,#fff,#f0f9ff);color:#0369a1;font-size:.875rem;font-weight:600;padding:.5rem 1rem;border-radius:2rem;border:1px solid #bae6fd;box-shadow:0 2px 4px #0369a11a;transition:all .2s ease}.profile_off-day-tag:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0369a126}.profile_emergency-contact-container{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:1rem;padding:1.5rem;border:1px solid #fecaca;margin-top:1rem}.profile_emergency-contact-title{display:flex;align-items:center;gap:.75rem;color:#dc2626;margin-bottom:1rem;font-size:1.125rem;font-weight:700}.profile_emergency-contact-grid{display:grid;grid-template-columns:1fr;gap:1rem}.profile_emergency-contact-item{background:#fffc;padding:1rem;border-radius:.75rem;border:1px solid #f9a8a8}.profile_emergency-contact-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.25rem}.profile_emergency-contact-value{font-size:.875rem;color:#6b7280}.profile_emergency-contact-value a{color:#dc2626;text-decoration:none;font-weight:500;transition:color .2s ease}.profile_emergency-contact-value a:hover{color:#b91c1c;text-decoration:underline}@media(min-width:640px){.profile_info-grid,.profile_emergency-contact-grid{grid-template-columns:repeat(2,1fr)}.profile_profile-photo-container{width:10rem;height:10rem}}@media(min-width:768px){.profile_modal-container{max-width:1000px}.profile_modal-content-wrapper{grid-template-columns:300px 1fr;gap:3rem}.profile_modal-profile-column{position:sticky;top:0;align-self:start}}@media(min-width:1024px){.profile_modal-content-wrapper{grid-template-columns:320px 1fr}.profile_emergency-contact-grid{grid-template-columns:repeat(3,1fr)}}.profile_modal-content-wrapper::-webkit-scrollbar{width:6px}.profile_modal-content-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.profile_modal-content-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.profile_modal-content-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.focusable-grid:focus,.client-call:focus,.staff-action:focus{outline:2px solid #007bff;outline-offset:2px}.loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;font-size:16px;color:#666;gap:16px}.loading-spinner{width:18px;height:18px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.mb-10{margin-bottom:20px}.loading-overlay{position:fixed;inset:20% 0 0;background:#ffffff4e;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;gap:16px}.loading-overlay p{font-size:14px;color:#333;font-weight:500}.error-state{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:18px;color:#d32f2f;background-color:#ffebee;border:1px solid #ef9a9a;border-radius:8px;margin:20px;padding:20px}.break-indicator{position:absolute;background-color:#868789;height:9px!important;z-index:5;top:20px;border-radius:2px;transition:all .3s ease;cursor:pointer;overflow:hidden}.break-indicator:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.269) 1px,rgba(255,255,255,.406) 3px,transparent 3px,transparent 6px);border-radius:2px}.break-indicator.dark{background-color:#505050fd}.break-indicator.dark:before{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.4) 0px,rgba(255,255,255,.4) 3px,transparent 3px,transparent 6px)}.break-indicator:hover{height:8px;opacity:.9;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.break-indicator.long-break{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:.9}to{opacity:.6}}.break-indicator:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;margin-bottom:5px}.break-indicator:hover:after{opacity:1}.break-indicator:after:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000c}.break-indicator.top-position{top:10px}.break-indicator.middle-position{top:50%;transform:translateY(-50%)}.break-indicator.bottom-position{bottom:10px;top:auto}@media(max-width:768px){.break-indicator{height:3px;top:15px}.break-indicator:hover{height:6px}.break-indicator:after{font-size:10px;padding:2px 4px}}.unavailability-indicator{position:absolute;left:0;height:10px;background-color:#c292687d;top:30px;border-radius:4px;z-index:6;display:flex;align-items:center;justify-content:center;color:#2f2e2e;font-size:10px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px;transition:all .3s ease;cursor:pointer}.unavailability-indicator:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 5px #0000004d}.holiday-indicator{position:absolute;left:0;width:100%;height:10px;background-color:#ed480181;top:30px;border-radius:4px;z-index:6;display:flex;align-items:center;justify-content:center;color:#100220;font-size:10px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px;transition:all .3s ease;cursor:pointer}.holiday-indicator:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 5px #0000004d}.travel-dot{position:absolute;top:6px;width:10px;height:10px;background:#000;border-radius:50%;cursor:pointer;z-index:5}.travel-dot:hover{transform:scale(1.4)}.travel-dot{position:absolute;top:4px;width:10px;height:10px;background:#000;z-index:50;border-radius:50%;cursor:pointer}.risk-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.risk-badge.low{background:#d1fae5;color:#065f46}.risk-badge.medium{background:#fef3c7;color:#92400e}.risk-badge.high{background:#fed7aa;color:#c2410c}.risk-badge.critical{background:#fecaca;color:#991b1b}.risk-rating-display{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 15px;background:#f9fafb;border-radius:6px;border-left:4px solid #6366f1}.risk-emoji{font-size:20px}.hazards-list,.domestic-risks-list,.environment-list,.other-risks-list{display:flex;flex-direction:column;gap:15px}.hazard-item,.domestic-risk-item,.environment-item,.other-risk-item{padding:15px;background:#f9fafb;border-radius:6px;border-left:4px solid #6366f1}.hazard-title,.domestic-risk-title,.environment-title,.other-risk-title{margin:0 0 10px;color:#374151;font-size:16px;font-weight:600}.comments-section{margin-top:20px;padding:15px;background:#f0f9ff;border-radius:6px;border-left:4px solid #0ea5e9}.comments-section .sub-section-title{margin:0 0 10px;color:#0369a1;font-size:16px}.comments-text{margin:0;color:#475569;line-height:1.6;white-space:pre-wrap}.no-data{color:#9ca3af;font-style:italic;text-align:center;padding:20px;background:#f9fafb;border-radius:6px}.support-plan-page{background-color:#f8f9fa;padding:20px;border-radius:10px;margin-top:15px;box-shadow:0 4px 12px #0000000d}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e9ecef}.page-title{font-size:28px;font-weight:700;color:#2c3e50;margin:0}.client-info{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.client-name,.client-postcode{display:flex;align-items:center;gap:8px;font-weight:600;color:#495057}.client-emoji,.postcode-emoji{font-size:18px}.support-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:25px}.support-plan-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.support-plan-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001f}.basic-info-card .card-header,.personal-details-card .card-header,.visit-requirements-card .card-header,.health-card .card-header,.contacts-card .card-header,.risk-card .card-header{background:linear-gradient(135deg,#e820da 50%,#002060 50%)}.card-title{font-size:20px;font-weight:600;margin:0;display:flex;align-items:center;gap:10px;color:#fff}.card-content{padding:20px}.sub-section-title{font-size:16px;font-weight:600;color:#495057;margin:20px 0 15px;padding-bottom:8px;border-bottom:1px solid #e9ecef;display:flex;align-items:center;gap:8px}.support-plan-list{display:flex;flex-direction:column;gap:12px}.support-plan-item{display:flex;flex-direction:column;gap:5px;padding:12px 15px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #4299e1;box-shadow:0 2px 5px #00000008;transition:all .2s ease}.support-plan-item:hover{background-color:#f1f3f5;transform:translate(3px)}.item-label{font-weight:600;color:#2d3748;font-size:14px}.item-value{color:#4a5568;font-size:15px;line-height:1.5}.contact-list{display:flex;flex-direction:column;gap:15px}.contact-item{background-color:#f8f9fa;border-radius:8px;padding:15px;border-left:4px solid #4299e1}.contact-item h4{margin-top:0;margin-bottom:10px;color:#2d3748;font-weight:600}.contact-item h5{margin-top:15px;margin-bottom:5px;color:#4a5568;font-weight:600;font-size:14px}.contact-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.no-data{color:#718096;font-style:italic;padding:10px 0}.support-plan-footer{margin-top:25px;padding-top:15px;border-top:1px solid #e9ecef;text-align:right;color:#718096}.notification{padding:12px 15px;margin-bottom:20px;border-radius:6px;font-weight:500}.notification.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.notification.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.notification.warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}@media(max-width:768px){.support-plan-page{padding:15px}.page-header{flex-direction:column;align-items:flex-start;gap:10px}.client-info{align-items:flex-start}.support-plan-grid{grid-template-columns:1fr;gap:20px}.card-content{padding:15px}.contact-details{grid-template-columns:1fr}}.tab-loading-state{display:flex;justify-content:center;align-items:center;padding:40px;font-size:16px;color:#4a5568;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000000d}.tab-error-state{display:flex;justify-content:center;align-items:center;padding:40px;font-size:16px;color:#e53e3e;background-color:#fff5f5;border-radius:8px;border:1px solid #feb2b2;box-shadow:0 2px 4px #0000000d}.camera-controls{display:flex;flex-direction:column;align-items:center;margin-top:10px;gap:10px}.camera-switch-buttons{display:flex;gap:10px}.camera-switch-button{padding:8px 12px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s}.camera-switch-button:hover{background-color:#e0e0e0}.camera-switch-button.active{background-color:#4caf50;color:#fff;border-color:#45a049}.camera-container{position:relative;width:100%;max-width:500px;margin:0 auto}.camera-video{width:100%;height:auto;border-radius:8px;background-color:#000}.camera-controls{display:flex;justify-content:center;margin-bottom:10px}.capture-button{position:absolute;bottom:100px;left:50%;transform:translate(-50%);background-color:#daeb29a8;color:#fff;border:none;width:60px;height:60px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0003}.capture-button:hover{background-color:#c0392b}.camera-loading{color:#666;font-size:14px}.switch-camera-button{background-color:#4a90e2;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.switch-camera-button:hover{background-color:#357ab8}.capture-button:hover:not(:disabled){background-color:#c0392b;transform:scale(1.05)}.capture-button:disabled{background-color:#999;cursor:not-allowed;opacity:.6}.camera-error{color:#e74c3c;font-size:14px;margin-top:5px;padding:8px;background-color:#ffeaea;border-radius:4px}.bodymap-header{text-align:center;margin-bottom:10px;padding-bottom:1px;border-bottom:2px solid #e0e0e0}.bodymap-header h3{margin:0 0 8px;color:#2c3e50;font-size:28px;font-weight:600}.bodymap-header p{margin:0;color:#7f8c8d;font-size:16px}.bodymap-views{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.bodymap-view{flex:1;background-color:#fff;border-radius:10px;padding:10px;box-shadow:0 2px 8px #0000000f}.bodymap-view h4{text-align:center;margin:0 0 15px;color:#34495e;font-size:18px;font-weight:500;padding-bottom:10px;border-bottom:1px solid #ecf0f1}.bodymap-figure{position:relative;width:100%;max-width:700px;margin:0 auto;background-color:#fafafa;border-radius:8px;padding:10px}.bodymap-figure img{width:100%;height:auto;display:block;border-radius:6px;border:1px solid #e0e0e0}.image-error-placeholder{display:flex;align-items:center;justify-content:center;height:100px;background-color:#f5f5f5;border:1px dashed #ddd;border-radius:4px;color:#888;font-size:14px}.camera-error{background-color:#fee;color:#c33;padding:10px;border-radius:6px;margin-top:10px;font-size:14px}.camera-not-supported{color:#7f8c8d;font-style:italic;padding:5px 0;font-size:14px}.image-loading-spinner{display:flex;align-items:center;justify-content:center;height:100px;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px}.small-spinner{border:2px solid rgba(0,0,0,.1);width:20px;height:20px;border-radius:50%;border-left-color:#3498db;animation:spin 1s linear infinite}.large-spinner{border:3px solid rgba(0,0,0,.1);width:40px;height:40px;border-radius:50%;border-left-color:#3498db;animation:spin 1s linear infinite;margin:0 auto}.bodymap-point{position:absolute;width:28px;height:28px;background-color:#3498db;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:11px;cursor:pointer;transform:translate(-50%,-50%);box-shadow:0 3px 6px #00000029;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10;border:2px solid white}.bodymap-point:hover{background-color:#2980b9;transform:translate(-50%,-50%) scale(1.25);box-shadow:0 4px 8px #0003}.bodymap-point.has-entry{background-color:#e74c3c;border-color:#c0392b}.bodymap-point.has-entry:hover{background-color:#c0392b}.bodymap-point .bodymap-number{line-height:1;-webkit-user-select:none;user-select:none}.bodymap-error{background-color:#fee;color:#c33;padding:12px 16px;border-radius:6px;margin-bottom:20px;border-left:4px solid #c33;font-size:14px}.bodymap-modal{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bodymap-modal-content{background-color:#fff;border-radius:12px;width:90%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.bodymap-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #ecf0f1;background-color:#f8f9fa;border-radius:12px 12px 0 0}.bodymap-modal-header h3{margin:0;color:#2c3e50;font-size:20px;font-weight:600}.bodymap-modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:#95a5a6;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.bodymap-modal-close:hover{background-color:#ecf0f1;color:#7f8c8d}.bodymap-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#34495e;font-size:14px}.form-group textarea{width:100%;padding:12px;border:2px solid #ecf0f1;border-radius:8px;resize:vertical;font-family:inherit;font-size:14px;transition:border-color .3s ease}.form-group textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-group input[type=file]{display:none}.image-options{display:flex;gap:10px;flex-wrap:wrap}.upload-button,.camera-button{background-color:#ecf0f1;border:2px dashed #bdc3c7;border-radius:8px;padding:12px 16px;cursor:pointer;display:inline-block;transition:all .3s ease;color:#7f8c8d;font-weight:500}.upload-button:hover,.camera-button:hover{background-color:#e8eaeb;border-color:#95a5a6;color:#34495e}.camera-button{border-style:solid;border-color:#3498db;color:#3498db}.camera-button:hover{background-color:#e1f0fa}.camera-container{position:relative;margin-top:15px;border-radius:8px;overflow:hidden;background-color:#000}.camera-video{width:100%;height:auto;display:block;border-radius:8px}.camera-canvas{display:none}.image-preview{margin-top:15px;text-align:center;position:relative}.image-preview img{max-width:100%;max-height:250px;border-radius:8px;border:1px solid #ecf0f1;box-shadow:0 2px 8px #0000001a}.remove-image-button{position:absolute;top:10px;right:10px;background-color:#e74c3ccc;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-image-button:hover{background-color:#c0392b}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #ecf0f1}.cancel-button,.submit-button{padding:12px 24px;border-radius:8px;cursor:pointer;border:none;font-weight:600;font-size:14px;transition:all .3s ease}.cancel-button{background-color:#ecf0f1;color:#7f8c8d}.cancel-button:hover{background-color:#d5dbdd;color:#34495e}.submit-button{background-color:#3498db;color:#fff}.submit-button:hover:not(:disabled){background-color:#2980b9;transform:translateY(-1px);box-shadow:0 4px 8px #3498db4d}.submit-button:disabled{background-color:#aed6f1;cursor:not-allowed;transform:none;box-shadow:none}.bodymap-toast{position:fixed;bottom:30px;right:30px;background-color:#27ae60;color:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1001;animation:toastSlideIn .4s ease-out;font-weight:500;display:flex;align-items:center;gap:10px}.bodymap-toast:before{content:"✓";display:inline-block;width:20px;height:20px;background-color:#fff;color:#27ae60;border-radius:50%;text-align:center;line-height:20px;font-weight:700;flex-shrink:0}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.bodymap-details-container{padding:20px;max-width:1200px;margin:0 auto;background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 12px #00000014}.bodymap-details-header{text-align:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.bodymap-details-header h3{margin:0 0 8px;color:#2c3e50;font-size:28px;font-weight:600}.bodymap-details-header p{margin:0;color:#7f8c8d;font-size:16px}.bodymap-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px}.spinner{border:4px solid rgba(0,0,0,.1);width:40px;height:40px;border-radius:50%;border-left-color:#3498db;animation:spin 1s linear infinite;margin-bottom:15px}.bodymap-empty{text-align:center;padding:60px;background-color:#fff;border-radius:10px;color:#7f8c8d;font-size:16px}.bodymap-entries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.bodymap-entry-card{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;overflow:hidden;cursor:pointer;transition:all .3s ease}.bodymap-entry-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.entry-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#f8f9fa;border-bottom:1px solid #ecf0f1}.entry-header h4{margin:0;font-size:16px;color:#2c3e50;font-weight:600}.entry-date{font-size:12px;color:#95a5a6;white-space:nowrap}.entry-content{padding:20px}.entry-content p{margin:0 0 12px;color:#34495e;line-height:1.5;font-size:14px}.entry-thumbnail{margin-top:12px;text-align:center}.entry-thumbnail img{max-width:100%;max-height:140px;border-radius:6px;border:1px solid #ecf0f1}.bodymap-entry-details{padding:24px}.entry-detail-section{margin-bottom:24px}.entry-detail-section:last-child{margin-bottom:0}.entry-detail-section h4{margin:0 0 12px;color:#2c3e50;font-size:16px;font-weight:600;padding-bottom:8px;border-bottom:1px solid #ecf0f1}.entry-detail-section p{margin:0;color:#34495e;line-height:1.6}.entry-image{text-align:center}.entry-image img{max-width:100%;max-height:320px;border-radius:8px;border:1px solid #ecf0f1;box-shadow:0 2px 8px #0000001a}.entry-location{position:relative;text-align:center;max-width:400px;margin:0 auto}.location-image{width:100%;height:auto;border-radius:8px;border:1px solid #ecf0f1}.location-point{position:absolute;width:28px;height:28px;background-color:#e74c3c;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 6px #00000029;border:2px solid white;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #e74c3cb3}70%{box-shadow:0 0 0 10px #e74c3c00}to{box-shadow:0 0 #e74c3c00}}@media(max-width:992px){.bodymap-views{flex-direction:column;gap:20px}.bodymap-entries-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.bodymap-container,.bodymap-details-container{padding:15px;border-radius:8px}.bodymap-header h3,.bodymap-details-header h3{font-size:24px}.bodymap-view{padding:15px}.bodymap-modal-content{width:95%;max-height:95vh}.bodymap-form{padding:20px}.bodymap-entries-grid{grid-template-columns:1fr;gap:16px}.bodymap-toast{bottom:20px;right:20px;left:20px}.image-options{flex-direction:column}}@media(max-width:480px){.bodymap-point{width:24px;height:24px;font-size:10px}.entry-header{flex-direction:column;align-items:flex-start;gap:8px}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.bodymap-point:focus,.upload-button:focus,.camera-button:focus,.cancel-button:focus,.submit-button:focus,.bodymap-modal-close:focus{outline:2px solid #3498db;outline-offset:2px}@media print{.bodymap-modal,.bodymap-toast{display:none!important}.bodymap-container,.bodymap-details-container{box-shadow:none;background-color:#fff}.bodymap-entry-card{break-inside:avoid;box-shadow:0 1px 3px #0000001a}}.financialtransaction-container{background:#f8fafc;border-radius:12px;padding:24px;min-height:600px}.financialtransaction-header{margin-bottom:20px}.financialtransaction-view-toggle{display:flex;gap:4px;border-bottom:2px solid #e2e8f0;padding-bottom:0}.financialtransaction-tab{padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:14px;font-weight:600;color:#64748b;transition:all .2s ease;white-space:nowrap;border-radius:6px 6px 0 0}.financialtransaction-tab:hover{color:#4f46e5;background:#4f46e50a}.financialtransaction-tab.active{color:#4f46e5;border-bottom-color:#4f46e5;background:#4f46e50f}.financialtransaction-form{background:#fff;padding:24px;border-radius:10px;box-shadow:0 1px 3px #0000000f;border:1px solid #e2e8f0}.financialtransaction-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:8px}.financialtransaction-form-header h2{margin:0;color:#0f172a;font-size:18px;font-weight:700}.financialtransaction-client-info{display:flex;gap:12px;color:#64748b;font-size:13px;font-weight:500}.financialtransaction-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:20px}.financialtransaction-form-group{margin-bottom:0}.financialtransaction-form-group.financialtransaction-full-width{grid-column:1 / -1}.financialtransaction-label{display:block;margin-bottom:5px;font-weight:600;color:#334155;font-size:12px;text-transform:uppercase;letter-spacing:.4px}.financialtransaction-required{color:#e11d48;margin-left:2px}.financialtransaction-input,.financialtransaction-select,.financialtransaction-textarea{width:100%;padding:9px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease;box-sizing:border-box;background:#fafafa;color:#1e293b;min-height:40px}.financialtransaction-input:focus,.financialtransaction-select:focus,.financialtransaction-textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f;background:#fff}.financialtransaction-textarea{resize:vertical;min-height:72px}.financialtransaction-currency-input{position:relative;display:flex;align-items:center}.financialtransaction-currency-symbol{position:absolute;left:12px;color:#64748b;font-weight:600;pointer-events:none;font-size:14px}.financialtransaction-currency-input .financialtransaction-input{padding-left:28px}.financialtransaction-items-section{margin:20px 0;padding:16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.financialtransaction-section-title{margin:0 0 14px;color:#0f172a;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.financialtransaction-items-header{display:grid;grid-template-columns:1fr 110px 70px 44px;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #e2e8f0;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.financialtransaction-item-row{display:grid;grid-template-columns:1fr 110px 70px 44px;gap:10px;margin-bottom:10px;align-items:center}.financialtransaction-item-col-item,.financialtransaction-item-col-price,.financialtransaction-item-col-qty,.financialtransaction-item-col-action{display:flex;align-items:center}.financialtransaction-btn-remove{width:36px;height:36px;border:none;background:#fef2f2;color:#dc2626;border-radius:8px;cursor:pointer;font-size:18px;line-height:1;transition:all .2s;display:flex;align-items:center;justify-content:center}.financialtransaction-btn-remove:hover{background:#fecaca;transform:scale(1.05)}.financialtransaction-btn-add-item{padding:10px 16px;background:#fff;border:2px dashed #c7d2fe;color:#4f46e5;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s;margin-bottom:16px;width:100%}.financialtransaction-btn-add-item:hover{border-color:#4f46e5;background:#eef2ff}.financialtransaction-totals{background:#fff;padding:14px 16px;border-radius:8px;margin-top:12px;border:1px solid #e2e8f0}.financialtransaction-total-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f1f5f9;color:#475569;font-size:14px}.financialtransaction-total-row:last-child{border-bottom:none}.financialtransaction-total-amount{font-weight:700;color:#0f172a;font-family:SF Mono,Monaco,monospace}.financialtransaction-balance-row{font-size:15px;padding-top:10px;margin-top:6px;border-top:2px solid #e2e8f0}.financialtransaction-balance-amount{font-size:17px;font-family:SF Mono,Monaco,monospace}.financialtransaction-balance-amount.negative{color:#dc2626}.financialtransaction-hint{font-size:12px;color:#64748b;margin:4px 0 10px;line-height:1.5}.financialtransaction-upload-area{border:2px dashed #d1d5db;border-radius:10px;padding:20px;text-align:center;cursor:pointer;transition:all .2s;background:#fafafa}.financialtransaction-upload-area:hover{border-color:#4f46e5;background:#eef2ff}.financialtransaction-upload-placeholder{color:#64748b}.financialtransaction-upload-icon{font-size:40px;display:block;margin-bottom:8px}.financialtransaction-upload-placeholder p{margin:6px 0 3px;font-weight:600;font-size:14px;color:#374151}.financialtransaction-upload-placeholder small{color:#9ca3af;font-size:12px}.financialtransaction-file-input{display:none}.financialtransaction-preview-container{position:relative;display:inline-block}.financialtransaction-preview{max-width:100%;max-height:260px;border-radius:8px;box-shadow:0 2px 8px #00000014}.financialtransaction-remove-preview{position:absolute;top:8px;right:8px;padding:6px 12px;background:#dc2626eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s}.financialtransaction-remove-preview:hover{background:#dc2626}.financialtransaction-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0}.financialtransaction-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.financialtransaction-btn-primary{background:#4f46e5;color:#fff}.financialtransaction-btn-primary:hover:not(:disabled){background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e540}.financialtransaction-btn-secondary{background:#f1f5f9;color:#475569}.financialtransaction-btn-secondary:hover{background:#e2e8f0}.financialtransaction-btn:disabled{opacity:.55;cursor:not-allowed}.financialtransaction-log{background:#fff;padding:24px;border-radius:10px;box-shadow:0 1px 3px #0000000f;border:1px solid #e2e8f0}.financialtransaction-filters{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.financialtransaction-filters h3{margin:0 0 14px;color:#0f172a;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.financialtransaction-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:10px;align-items:end}.financialtransaction-filter-group{display:flex;flex-direction:column}.financialtransaction-filter-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;min-height:16px}.financialtransaction-filter-actions{display:flex;flex-direction:column;justify-content:flex-end}.financialtransaction-clear-btn{width:100%;padding:9px 14px;text-align:center;height:40px;display:flex;align-items:center;justify-content:center}.financialtransaction-results-count{color:#64748b;font-size:13px;margin:10px 0 0;font-weight:500}.financialtransaction-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.financialtransaction-log-header h3{margin:0;color:#0f172a;font-size:16px;font-weight:700}.financialtransaction-log-actions{display:flex;align-items:center;gap:12px}.financialtransaction-total-display{font-size:14px;font-weight:700;color:#4f46e5;background:#eef2ff;padding:8px 14px;border-radius:8px;font-family:SF Mono,Monaco,monospace;border:1px solid #c7d2fe}.financialtransaction-loading,.financialtransaction-no-data{text-align:center;padding:48px 20px;color:#64748b;font-size:15px;font-weight:500}.financialtransaction-transactions-list{display:flex;flex-direction:column;gap:12px}.financialtransaction-transaction-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;padding:16px;transition:all .2s}.financialtransaction-transaction-card:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-1px);border-color:#d1d5db}.financialtransaction-transaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.financialtransaction-transaction-type{background:#dbeafe;color:#1e40af;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.financialtransaction-transaction-amount{font-size:18px;font-weight:800;color:#0f172a;font-family:SF Mono,Monaco,monospace}.financialtransaction-transaction-shop{font-size:16px;font-weight:700;color:#0f172a;margin-bottom:6px}.financialtransaction-transaction-meta{color:#64748b;font-size:12px;margin-bottom:12px;font-weight:500}.financialtransaction-transaction-items{margin:12px 0;padding:10px 12px;background:#fff;border-radius:8px;border:1px solid #f1f5f9}.financialtransaction-item-line{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #f1f5f9;font-size:13px;color:#374151}.financialtransaction-item-line:last-child{border-bottom:none}.financialtransaction-transaction-balance{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff;border-radius:8px;margin:10px 0;border:1px solid #f1f5f9;font-size:13px;font-weight:600}.financialtransaction-balance-value{color:#64748b}.financialtransaction-balance-value strong.positive{color:#16a34a}.financialtransaction-balance-value strong.negative{color:#dc2626}.financialtransaction-transaction-notes{background:#fefce8;padding:10px 12px;border-radius:8px;color:#854d0e;font-size:13px;margin:10px 0;border-left:3px solid #eab308;line-height:1.5}.financialtransaction-transaction-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid #e5e7eb}.financialtransaction-transaction-footer small{color:#9ca3af;font-size:11px;font-weight:500}.financialtransaction-btn-edit{padding:6px 14px;background:#4f46e5;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s;min-height:32px}.financialtransaction-btn-edit:hover{background:#4338ca}.financialtransaction-btn-delete{padding:6px 14px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s;min-height:32px}.financialtransaction-btn-delete:hover{background:#dc2626;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #dc262633}.financialtransaction-transaction-actions{display:flex;gap:6px}.financialtransaction-toast{position:fixed;top:16px;right:16px;padding:14px 20px;border-radius:10px;color:#fff;font-weight:600;font-size:14px;box-shadow:0 10px 30px #00000026;z-index:10000;display:flex;align-items:center;gap:10px;transform:translate(420px);transition:transform .3s cubic-bezier(.16,1,.3,1);max-width:380px;line-height:1.4}.financialtransaction-toast-show{transform:translate(0)}.financialtransaction-toast-success{background:#10b981}.financialtransaction-toast-error{background:#ef4444}.financialtransaction-toast-info{background:#3b82f6}.financialtransaction-toast-icon{font-size:18px;font-weight:700;flex-shrink:0}.financialtransaction-toast-message{flex:1}.financialtransaction-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease;padding:16px}.financialtransaction-confirm-modal{background:#fff;border-radius:14px;padding:24px;max-width:420px;width:100%;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.financialtransaction-confirm-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.financialtransaction-confirm-icon{font-size:28px}.financialtransaction-confirm-header h3{margin:0;color:#0f172a;font-size:18px;font-weight:700}.financialtransaction-confirm-body{margin-bottom:20px}.financialtransaction-confirm-body p{margin:6px 0;color:#475569;line-height:1.6;font-size:14px}.financialtransaction-confirm-warning{color:#dc2626;font-weight:700;font-size:13px}.financialtransaction-confirm-actions{display:flex;gap:10px;justify-content:flex-end}.financialtransaction-btn-danger{background:#dc2626;color:#fff}.financialtransaction-btn-danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc262640}@media(max-width:768px){.financialtransaction-container{padding:12px;border-radius:10px}.financialtransaction-form{padding:16px;border-radius:10px}.financialtransaction-form-header{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:16px;padding-bottom:12px}.financialtransaction-form-header h2{font-size:16px}.financialtransaction-client-info{font-size:12px;gap:8px}.financialtransaction-form-grid{grid-template-columns:1fr;gap:12px;margin-bottom:16px}.financialtransaction-items-section{padding:12px;margin:16px 0}.financialtransaction-items-header{grid-template-columns:1fr 90px 55px 40px;gap:8px;font-size:10px}.financialtransaction-item-row{grid-template-columns:1fr 90px 55px 40px;gap:8px;margin-bottom:8px}.financialtransaction-input,.financialtransaction-select,.financialtransaction-textarea{padding:8px 10px;font-size:16px;min-height:42px}.financialtransaction-totals{padding:12px}.financialtransaction-upload-area{padding:16px}.financialtransaction-upload-icon{font-size:36px}.financialtransaction-form-actions{flex-direction:column-reverse;gap:8px;margin-top:16px;padding-top:14px}.financialtransaction-btn{width:100%;padding:12px 16px;min-height:44px;font-size:14px}.financialtransaction-log{padding:16px}.financialtransaction-filters{margin-bottom:16px;padding-bottom:14px}.financialtransaction-filters-grid{grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}.financialtransaction-filter-group:last-child{grid-column:1 / -1}.financialtransaction-clear-btn{margin-top:0;height:42px}.financialtransaction-log-header{flex-direction:column;align-items:flex-start;gap:10px}.financialtransaction-log-actions{width:100%;justify-content:space-between}.financialtransaction-transaction-card{padding:14px}.financialtransaction-transaction-amount{font-size:16px}.financialtransaction-transaction-shop{font-size:15px}.financialtransaction-transaction-balance{flex-direction:row;gap:8px;text-align:left}.financialtransaction-transaction-footer{flex-direction:column;gap:10px;align-items:flex-start}.financialtransaction-transaction-actions{width:100%;justify-content:flex-end}.financialtransaction-toast{left:12px;right:12px;max-width:none;top:12px;transform:translateY(-120%)}.financialtransaction-toast-show{transform:translateY(0)}}@media(max-width:480px){.financialtransaction-container{padding:8px;border-radius:0;background:#f1f5f9}.financialtransaction-header{margin-bottom:12px}.financialtransaction-view-toggle{gap:2px}.financialtransaction-tab{padding:10px 12px;font-size:13px;flex:1;text-align:center;justify-content:center}.financialtransaction-form{padding:14px;border-radius:10px;box-shadow:0 1px 2px #0000000d}.financialtransaction-form-header{margin-bottom:14px}.financialtransaction-form-header h2{font-size:15px}.financialtransaction-label{font-size:11px;margin-bottom:4px}.financialtransaction-input,.financialtransaction-select,.financialtransaction-textarea{padding:8px 10px;font-size:16px;border-radius:8px}.financialtransaction-items-section{padding:12px;margin:14px 0}.financialtransaction-section-title{font-size:12px;margin-bottom:12px}.financialtransaction-items-header{display:none}.financialtransaction-item-row{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"item item" "price qty" "action action";gap:8px;margin-bottom:14px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;position:relative}.financialtransaction-item-row:last-child{margin-bottom:10px}.financialtransaction-item-col-item{grid-area:item}.financialtransaction-item-col-item:before{content:"Item";display:block;font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.financialtransaction-item-col-price{grid-area:price}.financialtransaction-item-col-price:before{content:"Price";display:block;font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.financialtransaction-item-col-qty{grid-area:qty}.financialtransaction-item-col-qty:before{content:"Qty";display:block;font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.financialtransaction-item-col-action{grid-area:action;justify-content:flex-end;padding-top:4px;border-top:1px solid #f1f5f9}.financialtransaction-item-col-action:before{content:"";display:none}.financialtransaction-btn-remove{width:100%;height:36px;font-size:14px;background:#fef2f2;color:#dc2626;border-radius:6px}.financialtransaction-btn-remove:before{content:"Remove item";font-size:12px;font-weight:600;margin-right:4px}.financialtransaction-btn-add-item{padding:10px;font-size:13px;margin-bottom:12px}.financialtransaction-totals{padding:12px;margin-top:8px}.financialtransaction-total-row{font-size:13px;padding:5px 0}.financialtransaction-balance-row{font-size:14px;padding-top:8px;margin-top:4px}.financialtransaction-balance-amount{font-size:15px}.financialtransaction-upload-area{padding:16px 12px}.financialtransaction-upload-icon{font-size:32px}.financialtransaction-upload-placeholder p{font-size:13px}.financialtransaction-preview{max-height:200px}.financialtransaction-form-actions{margin-top:16px;padding-top:12px;gap:8px}.financialtransaction-btn{padding:11px 16px;font-size:14px;min-height:44px}.financialtransaction-log{padding:14px;border-radius:10px}.financialtransaction-filters h3{font-size:12px}.financialtransaction-filters-grid{grid-template-columns:1fr;gap:10px}.financialtransaction-filter-group:last-child{grid-column:auto}.financialtransaction-clear-btn{width:100%}.financialtransaction-log-header h3{font-size:15px}.financialtransaction-log-actions{flex-direction:column;width:100%;gap:8px}.financialtransaction-total-display{width:100%;text-align:center;font-size:14px}.financialtransaction-transaction-card{padding:14px;border-radius:10px}.financialtransaction-transaction-header{margin-bottom:8px}.financialtransaction-transaction-amount{font-size:17px}.financialtransaction-transaction-shop{font-size:15px;margin-bottom:4px}.financialtransaction-transaction-meta{font-size:11px;margin-bottom:10px}.financialtransaction-transaction-items{padding:8px 10px;margin:10px 0}.financialtransaction-item-line{font-size:12px;padding:4px 0}.financialtransaction-transaction-balance{padding:8px 10px;font-size:12px;flex-direction:column;align-items:flex-start;gap:4px}.financialtransaction-transaction-notes{padding:8px 10px;font-size:12px}.financialtransaction-transaction-footer{margin-top:10px;padding-top:10px;flex-direction:row;flex-wrap:wrap;gap:8px}.financialtransaction-transaction-footer small{font-size:10px;width:100%;order:2}.financialtransaction-transaction-actions{width:100%;justify-content:flex-end;order:1}.financialtransaction-btn-edit,.financialtransaction-btn-delete{padding:8px 14px;font-size:12px;min-height:36px;flex:1}.financialtransaction-confirm-modal{padding:20px;border-radius:12px}.financialtransaction-confirm-header h3{font-size:16px}.financialtransaction-confirm-actions{flex-direction:column-reverse}.financialtransaction-confirm-actions .financialtransaction-btn{width:100%}}@media(max-width:360px){.financialtransaction-container{padding:6px}.financialtransaction-tab{padding:8px;font-size:12px}.financialtransaction-form{padding:12px}.financialtransaction-item-row{padding:10px}.financialtransaction-transaction-card{padding:12px}.financialtransaction-transaction-amount{font-size:15px}}@media print{.financialtransaction-header,.financialtransaction-filters,.financialtransaction-log-actions,.financialtransaction-btn-edit,.financialtransaction-btn-delete,.financialtransaction-form-actions,.financialtransaction-toast,.financialtransaction-modal-overlay{display:none!important}.financialtransaction-container{background:#fff;padding:0}.financialtransaction-transaction-card{break-inside:avoid;page-break-inside:avoid;border:1px solid #ddd}}.ItSupport-fab{position:fixed;bottom:20px;right:20px;z-index:99999;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#0072ff 50%,#002060 50%);color:#fff;display:flex;align-items:center;justify-content:center;overflow:visible;isolation:isolate;box-shadow:0 4px 14px #0072ff73,0 1px 3px #0000001f;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;outline:none;-webkit-tap-highlight-color:transparent}.ItSupport-fab:hover{transform:scale(1.08);box-shadow:0 6px 20px #0072ff8c,0 2px 6px #00000026}.ItSupport-fab:active{transform:scale(.94)}.ItSupport-fab__badge{position:absolute;top:-10px;left:-10px;z-index:100000;background:#ff2020;color:#fff;font-size:11px;font-weight:800;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.3px;line-height:1;min-width:22px;height:22px;border-radius:11px;padding:0 5px;display:flex;align-items:center;justify-content:center;border:2.5px solid #ffffff;box-shadow:0 2px 8px #ff2020a6,0 0 0 1px #ff202026;animation:ItSupport-badge-pop .35s cubic-bezier(.34,1.56,.64,1) both;pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes ItSupport-badge-pop{0%{transform:scale(0) rotate(-12deg);opacity:0}65%{transform:scale(1.25) rotate(4deg)}to{transform:scale(1) rotate(0);opacity:1}}.ItSupport-fab__pulse{position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(0,114,255,.4);animation:ItSupport-pulse 2s ease-out infinite;pointer-events:none;z-index:-1}@keyframes ItSupport-pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(1.55);opacity:0}}.ItSupport-tooltip{position:fixed;bottom:86px;right:20px;z-index:99998;background:linear-gradient(135deg,#0072ff 50%,#002060 50%);color:#fff;padding:10px 14px;border-radius:10px;max-width:220px;display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500;line-height:1.4;box-shadow:0 4px 16px #00000059;animation:ItSupport-tooltip-in .25s ease-out both;pointer-events:none}.ItSupport-tooltip-title{font-size:13px;font-weight:600}.ItSupport-tooltip-sub{font-size:11px;font-weight:700;color:#9ec4ff}.ItSupport-tooltip-arrow{position:absolute;bottom:-6px;right:26px;width:12px;height:12px;background:linear-gradient(135deg,#0072ff 50%,#002060 50%);transform:rotate(45deg);border-radius:2px}@keyframes ItSupport-tooltip-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.ItSupport-fab{bottom:16px;right:16px;width:54px;height:54px}.ItSupport-fab__badge{min-width:20px;height:20px;font-size:10px;top:-8px;left:-8px;border-radius:10px}.ItSupport-tooltip{bottom:80px;right:16px;font-size:12px;padding:8px 12px;max-width:200px}}@media(prefers-reduced-motion:reduce){.ItSupport-fab{transition:none}.ItSupport-fab__pulse,.ItSupport-fab__badge,.ItSupport-tooltip{animation:none}}.ticket-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:100000;animation:fadeIn .2s ease-out}.ticket-modal{width:100%;max-width:600px;max-height:85vh;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;animation:slideUp .3s ease-out;box-shadow:0 -4px 20px #00000026}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ticket-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.ticket-modal-header-left{display:flex;align-items:center;gap:12px}.ticket-modal-icon{width:40px;height:40px;background:#ecfeff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#0891b2}.ticket-modal-title{font-size:17px;font-weight:700;color:#0f172a;margin:0}.ticket-modal-subtitle{font-size:12px;color:#64748b;margin:2px 0 0}.ticket-modal-status{display:flex;align-items:center;gap:5px}.ticket-modal-status.connected{color:#0891b2}.ticket-modal-status.offline{color:#94a3b8}.ticket-modal-live-dot{width:7px;height:7px;background:#10b981;border-radius:50%;display:inline-block;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.ticket-modal-close{width:36px;height:36px;border:none;background:#f1f5f9;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s}.ticket-modal-close:hover{background:#e2e8f0;color:#0f172a}.ticket-modal-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column}.ticket-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-shrink:0}.ticket-list-header h3{font-size:15px;font-weight:600;color:#0f172a;margin:0}.ticket-new-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#0891b2;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.ticket-new-btn:hover{background:#0e7490}.ticket-loading{text-align:center;padding:40px;color:#64748b}.ticket-empty{text-align:center;padding:60px 20px}.ticket-empty p{color:#64748b;margin:0 0 16px;font-size:15px}.ticket-create-first{padding:10px 20px;background:#0891b2;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.ticket-list{display:flex;flex-direction:column;gap:10px}.ticket-item{padding:14px;background:#f8fafc;border-radius:12px;cursor:pointer;transition:all .15s;border:2px solid transparent}.ticket-item:hover{background:#f1f5f9;border-color:#e2e8f0}.ticket-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.ticket-item-id{font-size:12px;font-weight:600;color:#64748b}.ticket-item-badges{display:flex;align-items:center;gap:6px}.ticket-item-status{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;text-transform:capitalize}.ticket-item-title{font-size:14px;font-weight:600;color:#0f172a;margin:0 0 6px}.ticket-item-meta{font-size:12px;color:#94a3b8;margin:0 0 4px}.ticket-item-preview{font-size:13px;color:#64748b;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-item-count{display:inline-block;margin-top:6px;font-size:11px;color:#94a3b8;background:#e2e8f0;padding:2px 8px;border-radius:10px}.ticket-priority-badge{padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;text-transform:capitalize}.ticket-create{display:flex;flex-direction:column;gap:14px}.ticket-form-group{display:flex;flex-direction:column;gap:5px}.ticket-label{font-size:13px;font-weight:600;color:#334155}.ticket-input,.ticket-select,.ticket-textarea{padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;outline:none;transition:all .2s;box-sizing:border-box;width:100%}.ticket-textarea{resize:vertical;min-height:80px}.ticket-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ticket-form-actions{display:flex;gap:10px;margin-top:4px}.ticket-cancel-btn{flex:1;padding:10px;background:#f1f5f9;color:#475569;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.ticket-cancel-btn:hover{background:#e2e8f0}.ticket-submit-btn{flex:2;padding:10px;background:#0891b2;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.ticket-submit-btn:hover{background:#0e7490}.ticket-submit-btn:disabled{background:#cbd5e1;cursor:not-allowed}.ticket-chat{display:flex;flex-direction:column;height:100%}.ticket-chat-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.ticket-back-btn{padding:7px 11px;background:#f1f5f9;border:none;border-radius:6px;font-size:12px;color:#475569;cursor:pointer;transition:all .2s;flex-shrink:0}.ticket-back-btn:hover{background:#e2e8f0}.ticket-chat-info-center{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.ticket-chat-info-center h4{font-size:14px;font-weight:600;color:#0f172a;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-chat-info-center p{font-size:11px;color:#64748b;margin:2px 0 0}.ticket-modal-avatar-wrapper{position:relative;flex-shrink:0}.ticket-modal-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;-webkit-user-select:none;user-select:none}.ticket-modal-online-dot{position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;border-radius:50%;border:2px solid white;background:#94a3b8}.ticket-modal-online-dot.online{background:#10b981}.ticket-messages{flex:1;display:flex;flex-direction:column;gap:2px;margin-bottom:12px;max-height:380px;padding-right:4px;scroll-behavior:auto!important;overflow-y:auto}.ticket-empty-chat{display:flex;align-items:center;justify-content:center;height:100%;color:#94a3b8;font-size:13px}.ticket-modal-message{display:flex;gap:8px;margin-bottom:14px;max-width:85%;align-items:flex-end}.ticket-modal-message-me{margin-left:auto;flex-direction:row-reverse}.ticket-modal-message-other{margin-right:auto}.ticket-modal-message-content{display:flex;flex-direction:column;gap:2px;min-width:0}.ticket-modal-message-header{display:flex;align-items:center;gap:6px;margin-bottom:2px;padding:0 3px}.ticket-modal-message-me .ticket-modal-message-header{justify-content:flex-end}.ticket-modal-message-author{font-size:11px;font-weight:600;color:#64748b;display:flex;align-items:center;gap:5px}.ticket-modal-role-badge{background:#dbeafe;color:#2563eb;padding:1px 5px;border-radius:4px;font-size:9px;font-weight:600}.ticket-modal-message-time{font-size:10px;color:#94a3b8}.ticket-modal-message-bubble{padding:9px 13px;border-radius:14px;font-size:13px;line-height:1.45;word-wrap:break-word}.ticket-modal-message-me .ticket-modal-message-bubble{background:#0891b2;color:#fff;border-bottom-right-radius:3px;align-self:flex-end}.ticket-modal-message-other .ticket-modal-message-bubble{background:#f1f5f9;color:#0f172a;border-bottom-left-radius:3px;border:1px solid #e2e8f0;align-self:flex-start}.ticket-modal-message-time-ago{font-size:10px;color:#94a3b8;padding:0 3px}.ticket-modal-message-me .ticket-modal-message-time-ago{align-self:flex-end}.ticket-modal-message-image-wrapper{margin-bottom:3px;border-radius:10px;overflow:hidden;cursor:pointer}.ticket-modal-message-image{max-width:220px;max-height:180px;object-fit:cover;border-radius:10px;display:block}.ticket-typing-dots{display:inline-flex;gap:2px;margin-left:3px}.ticket-typing-dots span{width:3px;height:3px;background:#0891b2;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.ticket-chat-input{display:flex;gap:8px;padding-top:12px;border-top:1px solid #e2e8f0;align-items:center;flex-shrink:0}.ticket-input-field{flex:1;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none}.ticket-input-field:focus{border-color:#0891b2}.ticket-send-btn{width:40px;height:40px;background:#0891b2;color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.ticket-send-btn:hover{background:#0e7490}.ticket-send-btn:disabled{background:#cbd5e1;cursor:not-allowed}.ticket-attach-btn{width:36px;height:36px;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s;flex-shrink:0}.ticket-spin{animation:spin 1s linear infinite}.ticket-modal-content::-webkit-scrollbar,.ticket-messages::-webkit-scrollbar{width:5px}.ticket-modal-content::-webkit-scrollbar-track,.ticket-messages::-webkit-scrollbar-track{background:transparent}.ticket-modal-content::-webkit-scrollbar-thumb,.ticket-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}@media(min-width:640px){.ticket-modal{border-radius:20px;max-height:80vh;margin-bottom:20px}}.content-placeholder{padding:20px;text-align:center;font-size:18px;color:#666;background:#fff;margin:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}@media(max-width:768px){.main-content{padding:0}.content-placeholder{margin:10px;padding:15px}}.carers-staff-management-container{padding:16px 16px 10px;background-color:#f8fafc;height:calc(100vh - 80px);display:flex;flex-direction:column;gap:16px}.stats-cards-container{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:12px;flex-shrink:0;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.stats-cards-container::-webkit-scrollbar{height:6px}.stats-cards-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.stats-cards-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.stats-cards-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.stats-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:10px;padding:7px;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;flex-shrink:0;min-width:fit-content}.stats-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.stats-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stats-card-icon svg{width:20px;height:20px;color:#fff}.stats-card-icon.total-staff{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stats-card-icon.male-staff{background:linear-gradient(135deg,#10b981,#059669)}.stats-card-icon.female-staff{background:linear-gradient(135deg,#f59e0b,#d97706)}.stats-card-icon.drivers{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stats-card-icon.archived{background:linear-gradient(135deg,#ef4444,#dc2626)}.stats-card-icon.non-drivers{background:linear-gradient(135deg,#6b7280,#4b5563)}.stats-card-icon.care-workers{background:linear-gradient(135deg,#06b6d4,#0891b2)}.stats-card-icon.male-care-workers{background:linear-gradient(135deg,#16a34a,#15803d)}.stats-card-icon.female-care-workers{background:linear-gradient(135deg,#ec4899,#db2777)}.stats-card-icon.with-photos{background:linear-gradient(135deg,#14b8a6,#0d9488)}.stats-card-icon.without-photos{background:linear-gradient(135deg,#64748b,#475569)}.stats-card-content{flex:1;min-width:0}.stats-card-content b,.stats-card-content small{font-size:10px;font-weight:600;color:#64748b;margin:0 0 2px;text-transform:uppercase;letter-spacing:.05em;display:block;line-height:1.2}.stats-card-content .stats-number{font-size:20px;font-weight:700;color:#1e293b;margin:0;line-height:1}.carers-staff-content-box{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:16px;flex-grow:1;flex-shrink:1;flex-basis:0;min-height:0;display:flex;flex-direction:column;gap:12px;overflow:hidden;margin-bottom:10px}.top-controls{display:flex;flex-direction:column;gap:12px;width:100%}@media(min-width:768px){.top-controls{flex-direction:row;justify-content:space-between;align-items:center}}.button-group{display:flex;flex-wrap:wrap;gap:8px;width:100%}@media(min-width:640px){.button-group{width:auto}}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;transition:all .2s ease-in-out;box-shadow:0 1px 2px #0000000d;border:none;cursor:pointer;white-space:nowrap}.action-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.action-button svg{height:16px;width:16px}.add-staff-button{background-color:#2563eb;color:#fff}.add-staff-button:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.export-excel-button{background-color:#10b981;color:#fff}.export-excel-button:hover:not(:disabled){background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.archived-list-button{background-color:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.archived-list-button:hover:not(:disabled){background-color:#e2e8f0;transform:translateY(-1px)}.archived-list-button.active{background-color:#f59e0b;color:#fff;border-color:#f59e0b}.refresh-button{background:linear-gradient(135deg,var(--primary-purple),var(--secondary-purple));color:#0a9a2e;padding:8px 12px;border:none}.refresh-button:hover:not(:disabled){background:linear-gradient(135deg,var(--secondary-purple),var(--primary-purple));transform:translateY(-1px);box-shadow:0 4px 12px #d326c766}.careStaff-search-section{display:flex;align-items:center;width:100%;max-width:500px}.careStaff-search-input-container{position:relative;display:flex;align-items:center;width:100%;border-radius:50px;background:#f8fafc;border:2px solid #e2e8f0;transition:all .3s ease;box-shadow:inset 0 1px 3px #0000000a}.careStaff-search-input-container:focus-within{background:#fff;border-color:var(--primary-purple);box-shadow:0 0 0 4px #d326c71a,inset 0 1px 3px #00000005}.careStaff-search-input{width:100%;padding:10px 44px 10px 14px;border:none!important;border-radius:50px!important;font-size:14px!important;outline:none;transition:all .2s ease;background-color:transparent!important;color:#1e293b;box-sizing:border-box;box-shadow:none!important}.careStaff-search-input:disabled{background-color:#f1f5f9!important;color:#94a3b8;cursor:not-allowed}.careStaff-search-input::placeholder{color:#94a3b8;font-size:13.5px}.careStaff-search-icon{position:absolute;left:14px;display:flex;align-items:center;color:#94a3b8;pointer-events:none;transition:color .3s ease;z-index:1}.careStaff-search-input-container:focus-within .careStaff-search-icon{color:var(--primary-purple)}.careStaff-clear-search{position:absolute;right:8px;height:28px;width:28px;background:#e2e8f0;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease,color .2s ease,transform .1s ease;padding:0}.careStaff-clear-search:hover{background-color:#cbd5e1;color:#334155;transform:scale(1.05)}.entries-search-row{display:flex;flex-direction:column;gap:12px;align-items:flex-start}@media(min-width:768px){.entries-search-row{flex-direction:row;justify-content:space-between;align-items:center}}.entries-per-page-control{display:flex;align-items:center;gap:8px;font-size:13px;color:#475569;font-weight:500}.entries-per-page-select{border:2px solid #e2e8f0;border-radius:6px;padding:6px 28px 6px 10px;font-size:13px;outline:none;transition:all .2s ease-in-out;background-color:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 6px center;background-repeat:no-repeat;background-size:14px}.entries-per-page-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.table-container{position:relative;overflow-x:auto;overflow-y:auto;flex-grow:1;min-height:calc(100vh - 350px);border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;background-color:#fff}.table-loading-overlay{position:absolute;inset:0;background-color:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.table-loading-overlay svg{width:32px;height:32px;color:#3b82f6}.staff-table{min-width:100%;border-collapse:collapse;width:100%;table-layout:auto}.staff-table thead{background:linear-gradient(135deg,#475569,#334155);position:sticky;top:0;z-index:5}.staff-table th{padding:16px 14px;text-align:left;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease-in-out;border-bottom:2px solid #e2e8f0;white-space:nowrap}.staff-table th:hover{background-color:#ffffff1a}.staff-table th .sort-header{display:flex;align-items:center;gap:4px}.staff-table th .sort-icon{height:12px;width:12px;opacity:.7}.staff-table tbody{background-color:#fff}.staff-table td{padding:18px 14px;white-space:nowrap;font-size:13px;color:#334151;border-bottom:1px solid #f1f5f9;vertical-align:middle}.staff-table tbody tr{transition:all .2s ease-in-out}.staff-table tbody tr:hover{background-color:#f8fafc}.staff-table th.careStaff-photo-col,.staff-table td.careStaff-photo-col{width:70px;min-width:70px;max-width:70px;text-align:center;padding:14px 8px}.staff-table th.careStaff-empno-col,.staff-table td.careStaff-empno-col{width:120px;min-width:110px;max-width:140px}.staff-table th.careStaff-name-col,.staff-table td.careStaff-name-col{width:auto;min-width:220px;white-space:normal;word-break:break-word}.staff-table th.careStaff-postcode-col,.staff-table td.careStaff-postcode-col{width:110px;min-width:90px;max-width:120px}.staff-table th.careStaff-telephone-col,.staff-table td.careStaff-telephone-col{width:140px;min-width:130px;max-width:160px}.staff-table th.careStaff-email-col,.staff-table td.careStaff-email-col{width:auto;min-width:190px;max-width:270px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-table th.careStaff-category-col,.staff-table td.careStaff-category-col{width:130px;min-width:110px;max-width:150px}.staff-table th.careStaff-action-col,.staff-table td.careStaff-action-col{width:120px;min-width:110px;max-width:130px}.staff-table td.careStaff-empno-col{font-weight:600;color:#1e293b;font-family:Courier New,monospace}.profile-picture-container{position:relative;display:flex;justify-content:center;align-items:center}.profile-picture{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e2e8f0;transition:all .2s ease}.profile-picture:hover{border-color:#3b82f6;transform:scale(1.05)}.care-worker-badge{position:absolute;bottom:-2px;right:-2px;background:#06b6d4;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px #0000001a}.staff-name{font-weight:600;color:#1e293b;display:inline-block;line-height:1.5}.care-worker-text{font-size:11px;color:#06b6d4;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.staff-table td.careStaff-telephone-col a,.staff-table td.careStaff-email-col a{color:#2563eb;text-decoration:none;font-weight:500;transition:color .2s ease;line-height:1.5}.staff-table td.careStaff-telephone-col a:hover,.staff-table td.careStaff-email-col a:hover{text-decoration:underline;color:#1d4ed8}.careStaff-email-text{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.action-buttons{display:flex;gap:6px;flex-wrap:nowrap}.options-button{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid #cbd5e1;font-size:12px;font-weight:500;border-radius:6px;color:#475569;background-color:#fff;transition:all .2s ease-in-out;outline:none;cursor:pointer;white-space:nowrap}.options-button:hover:not(:disabled){background-color:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.options-button:disabled{opacity:.5;cursor:not-allowed}.options-button .sort-icon{height:12px;width:12px;margin-left:2px}.options-dropdown-container{position:relative;display:inline-block}.options-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 40px #00000026;z-index:1000;min-width:200px;padding:6px;animation:dropdownSlideIn .2s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border:none;background:none;text-align:left;font-size:13px;color:#334151;cursor:pointer;transition:all .2s ease;border-radius:6px;font-weight:500}.dropdown-item:hover{background-color:#f1f5f9;color:#1e293b}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.dropdown-item.archive-item{color:#dc2626}.dropdown-item.archive-item:hover{background-color:#fef2f2;color:#b91c1c}.dropdown-item.restore-item{color:#059669}.dropdown-item.restore-item:hover{background-color:#f0fdf4;color:#047857}.dropdown-divider{height:1px;background-color:#e2e8f0;margin:6px 0}.no-staff-message{padding:40px 16px;text-align:center;font-size:14px;color:#64748b;font-weight:500}.pagination-section{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;padding-top:12px;border-top:1px solid #e2e8f0}@media(min-width:640px){.pagination-section{flex-direction:row}}.pagination-info{font-size:13px;color:#64748b;font-weight:500}.archived-indicator{color:#f59e0b;font-weight:600}.pagination-nav{position:relative;z-index:0;display:inline-flex;border-radius:8px;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0;overflow:hidden}.pagination-button{position:relative;display:inline-flex;align-items:center;padding:6px 12px;border:none;background-color:#fff;font-size:13px;font-weight:500;color:#475569;transition:all .2s ease-in-out;outline:none;cursor:pointer}.pagination-button:hover:not(:disabled){background-color:#f8fafc;color:#1e293b}.pagination-button:disabled{opacity:.4;cursor:not-allowed}.pagination-button.active{z-index:10;background-color:#2563eb;color:#fff;font-weight:600}.pagination-ellipsis{padding:6px 4px;color:#94a3b8;background-color:#fff}@media(max-width:1024px){.stats-card{padding:10px 12px}.stats-card-icon{width:36px;height:36px}.stats-card-icon svg{width:18px;height:18px}.stats-card-content .stats-number{font-size:18px}}@media(max-width:768px){.carers-staff-management-container{padding:12px 12px 0}.carers-staff-content-box{padding:12px}.stats-card{padding:8px 10px}.stats-card-content b,.stats-card-content small{font-size:9px}.stats-card-content .stats-number{font-size:16px}.action-button{padding:6px 12px;font-size:12px}.careStaff-search-input{padding:8px 36px 8px 12px;font-size:13px!important}.staff-table th,.staff-table td{padding:12px 10px;font-size:12px}.staff-table th.careStaff-name-col,.staff-table td.careStaff-name-col{min-width:160px}}@media(max-width:640px){.button-group{flex-direction:column;width:100%}.action-button{width:100%;justify-content:center}.careStaff-search-section{max-width:100%;width:100%}.pagination-section{flex-direction:column;align-items:stretch}.pagination-nav{width:100%;justify-content:center}}.table-container::-webkit-scrollbar{width:6px;height:6px}.table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.modal-open{overflow:hidden}.action-button:focus-visible,.pagination-button:focus-visible,.options-button:focus-visible,.dropdown-item:focus-visible,.entries-per-page-select:focus-visible,.careStaff-search-input:focus-visible{outline:2px solid var(--primary-purple);outline-offset:2px}:root{--primary-purple: #d326c7;--secondary-purple: #973390;--accent-green: #65a30d;--accent-green-dark: #4d7c0f;--accent-green-light: #a7f3d0;--input-bg: #f0d1ee;--error-red: #ef4444;--success-green: #10b981;--focus-blue: #3b82f6;--focus-blue-dark: #1d4ed8;--button-blue: #2563eb;--text-dark: #333;--text-gray: #6b7280;--border-gray: #d1d5db;--border-light: #e5e7eb;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .2);--shadow-overlay: rgba(0, 0, 0, .5)}.dialog-overlay{position:fixed;inset:0;background-color:var(--shadow-overlay);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}.dialog-content{background-color:var(--white);border-radius:12px;box-shadow:0 20px 25px -5px var(--shadow-medium),0 10px 10px -5px var(--shadow-light);width:min(95vw,1200px);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-header{background:linear-gradient(135deg,var(--primary-purple) 20%,var(--secondary-purple) 100%);padding:5px 6px;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--accent-green);position:relative}.dialog-header:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent-green),transparent)}.dialog-title{font-size:clamp(18px,4vw,22px);font-weight:700;color:var(--white);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.dialog-close-button{background:#ffffff26;border:2px solid rgba(255,255,255,.25);border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;color:var(--white);transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dialog-close-button:hover{background:#ffffff40;border-color:#fff6;transform:scale(1.05)}.dialog-close-button:active{transform:scale(.95)}.dialog-body{padding:10px;flex-grow:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--primary-purple) transparent}.dialog-body::-webkit-scrollbar{width:8px}.dialog-body::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.dialog-body::-webkit-scrollbar-thumb{background:var(--primary-purple);border-radius:4px}.dialog-body::-webkit-scrollbar-thumb:hover{background:var(--secondary-purple)}.form-grid{display:grid;gap:20px;grid-template-columns:1fr}@media(min-width:640px){.form-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media(min-width:1024px){.form-grid{grid-template-columns:repeat(3,1fr);gap:28px}}.form-group{display:flex;flex-direction:column;position:relative}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:2px;display:flex;align-items:center;gap:4px}.required-star{color:var(--error-red);font-weight:700;font-size:16px}.oneinput,.onetext,.select-input,.phone-input{width:100%;padding:6px 10px;border:2px solid var(--border-gray);border-radius:8px;font-size:14px;font-family:inherit;background-color:var(--white);color:var(--text-dark);transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;position:relative}.oneinput:focus,.onetext:focus,.select-input:focus,.phone-input:focus{border-color:var(--focus-blue);box-shadow:0 0 0 3px #3b82f61a,0 2px 4px #0000001a;background-color:var(--white);transform:translateY(-1px)}.oneinput:hover,.onetext:hover,.select-input:hover,.phone-input:hover{border-color:var(--primary-purple)}.oneinput::placeholder,.onetext::placeholder,.phone-input::placeholder{color:var(--text-gray);font-size:13px}.input-with-icon{position:relative;display:flex;align-items:center}.password-input{padding-right:52px!important}.password-toggle-inside{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#d326c71a;border:1px solid rgba(211,38,199,.2);border-radius:6px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary-purple);transition:all .2s ease;z-index:2}.password-toggle-inside:hover{background:#d326c733;border-color:var(--primary-purple);transform:translateY(-50%) scale(1.05)}.password-toggle-inside:active{transform:translateY(-50%) scale(.95)}.select-input{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d326c7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;background-size:18px;padding-right:48px;cursor:pointer}.select-input:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}.select-input option{padding:8px 12px;background-color:var(--white);color:var(--text-dark)}.select-input option:hover{background-color:var(--gray-50)}.phone-input{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d326c7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3e%3c/path%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left 16px center;background-size:16px;padding-left:48px}.onetext{min-height:100px;max-height:100px;resize:vertical;font-family:inherit;line-height:1.5}.oneinput.error,.onetext.error,.select-input.error,.phone-input.error{border-color:var(--error-red);background-color:#ef44440d;box-shadow:0 0 0 3px #ef44441a}.error-message{color:var(--error-red);font-size:12px;font-weight:500;margin-top:6px;display:flex;align-items:center;gap:4px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.error-message:before{content:"⚠";font-size:14px}.form-footer{padding:24px;border-top:1px solid var(--border-light);display:flex;justify-content:center;background:linear-gradient(to right,#f0d1ee4d,#fffc)}.create-account-button{background:linear-gradient(135deg,var(--success-green) 0%,#059669 100%);color:var(--white);padding:14px 40px;border-radius:8px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #10b9814d,0 2px 4px -1px #10b98133;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;min-width:200px}.create-account-button: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}.create-account-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 15px -3px #10b98166,0 4px 6px -2px #10b9814d}.create-account-button:hover:before{left:100%}.create-account-button:active{transform:translateY(0)}.create-account-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.create-account-button.loading{position:relative;color:transparent}.create-account-button.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);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:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media(max-width:639px){.dialog-content{width:95vw;margin:10px;border-radius:8px}.dialog-header{padding:16px 20px}.dialog-body,.form-footer{padding:20px}.form-grid{gap:16px}}@media(max-width:480px){.dialog-title{font-size:16px}.create-account-button{width:100%;padding:16px 24px}.form-footer{justify-content:center}.oneinput,.onetext,.select-input,.phone-input{padding:10px 14px}}.dialog-content:focus-within{box-shadow:0 20px 25px -5px var(--shadow-medium),0 10px 10px -5px var(--shadow-light),0 0 0 3px #3b82f61a}@media(prefers-contrast:high){.oneinput,.onetext,.select-input,.phone-input{border-width:3px}.dialog-header{border-bottom-width:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.oneinput.success,.onetext.success,.select-input.success,.phone-input.success{border-color:var(--success-green);background-color:#10b9810d}.form-group label:focus-within{color:var(--focus-blue)}.oneinput:focus,.onetext:focus,.select-input:focus,.phone-input:focus{outline:2px solid transparent;outline-offset:2px}.form-group{background:var(--white);padding:4px;border-radius:4px;transition:background-color .2s ease}.form-group:focus-within{background:var(--gray-50)}.staff-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.staff-profile-modal{background:#fff;border-radius:12px;width:100%;max-width:1400px;height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.staff-modal-header{background:linear-gradient(135deg,#973390,#d326c7);color:#fff;padding:6px 14px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.staff-header-left{display:flex;align-items:center;gap:16px}.staff-back-button{display:flex;align-items:center;gap:8px;background:#fff3;border:none;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background-color .2s}.staff-back-button:hover{background:#ffffff4d}.staff-modal-header h2{margin:0;font-size:20px;font-weight:600}.staff-header-right{display:flex;align-items:center;gap:16px}.staff-employee-info{display:flex;align-items:center;gap:8px;background:#fff3;padding:8px 12px;border-radius:6px;font-size:14px}.staff-close-button{background:#fff3;border:none;color:#fff;padding:8px;border-radius:6px;cursor:pointer;transition:background-color .2s}.staff-close-button:hover{background:#ffffff4d}.staff-profile-picture-header{position:relative;display:flex;align-items:center}.staff-header-profile-picture{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3);transition:all .2s ease}.staff-edit-picture-button{position:absolute;bottom:-2px;right:-2px;background:#3b82f6;border:none;color:#fff;padding:4px;border-radius:50%;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0003}.staff-edit-picture-button:hover{background:#2563eb;transform:scale(1.1)}.staff-modal-body{display:flex;flex:1;overflow:hidden}.staff-sidebar{width:280px;background:#f8fafc;border-right:1px solid #e2e8f0;flex-shrink:0;overflow-y:auto}.staff-tab-navigation{padding:16px 0}.staff-tab-button{width:100%;display:flex;align-items:center;gap:12px;padding:12px 24px;border:none;background:none;text-align:left;cursor:pointer;transition:all .2s;color:#64748b;font-size:14px;border-left:3px solid transparent}.staff-tab-button:hover{background:#e2e8f0;color:#475569}.staff-tab-button.staff-active{background:#3b82f6;color:#fff;border-left-color:#1d4ed8}.staff-content-area{flex:1;overflow-y:auto;padding:24px}.staff-form-section{max-width:1000px}.staff-form-section h3{color:#1e293b;font-size:24px;font-weight:600;margin:0 0 8px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.staff-section-description{color:#64748b;margin-bottom:24px;font-size:14px}.staff-section-subtitle{color:#374151;font-weight:500;margin:24px 0 16px;font-size:16px}.staff-section-note{color:#6b7280;font-size:12px;margin-top:8px;font-weight:500}.staff-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.staff-form-group{display:flex;flex-direction:column;gap:6px}.staff-form-group.staff-full-width,.staff-full-width{grid-column:1 / -1}.staff-form-group label{font-weight:500;color:#374151;font-size:14px}.staff-form-input{padding:10px 12px;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;transition:border-color .2s;background:#fff}.staff-form-textarea{padding:10px 12px;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;transition:border-color .2s;background:#fff;resize:vertical;font-family:inherit}.staff-form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.staff-checkbox-group{display:flex;flex-direction:column;gap:12px}.staff-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151}.staff-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6}.staff-checkbox-label.staff-block-user,.staff-checkbox-label.staff-required{color:#dc2626;font-weight:500}.staff-radio-group{display:flex;gap:16px}.staff-radio-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;color:#374151}.staff-radio-label input[type=radio]{width:16px;height:16px;accent-color:#3b82f6}.staff-experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:24px}.staff-experience-column{display:flex;flex-direction:column}.staff-availability-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.staff-availability-row{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;padding:12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.staff-day-checkbox{display:flex;align-items:center}.staff-time-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.staff-time-group{display:flex;flex-direction:column;gap:4px}.staff-time-group label{font-size:12px;color:#64748b;font-weight:500}.staff-time-input{padding:8px 10px;font-size:13px}.staff-reference-section{margin-bottom:32px;padding:20px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.staff-reference-section h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.staff-holiday-notice{background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;padding:12px;margin-bottom:20px;font-size:14px;color:#92400e}.staff-other-info-section{margin-top:32px;padding-top:20px;border-top:1px solid #e2e8f0}.staff-other-info-section h4{color:#64748b;font-size:16px;font-weight:500;margin-bottom:16px}.staff-info-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:8px;background:#fff}.staff-info-details strong{color:#374151;font-size:14px}.staff-info-details p{color:#6b7280;font-size:12px;margin:4px 0 0}.staff-delete-button{background:none;border:none;color:#ef4444;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.staff-delete-button:hover{background:#fee2e2}.staff-checks-section{margin-top:32px;padding-top:20px;border-top:1px solid #e2e8f0}.staff-checks-section h4{color:#64748b;font-size:16px;font-weight:500;margin-bottom:16px}.staff-check-item{padding:16px;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:12px;background:#fff}.staff-check-details{display:flex;flex-direction:column;gap:8px}.staff-check-timeline{display:flex;flex-direction:column;gap:4px}.staff-check-timeline strong{color:#374151;font-size:14px}.staff-check-type{color:#6b7280;font-size:13px}.staff-check-dates{display:flex;gap:24px;font-size:12px;color:#6b7280}.staff-submit-button{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:12px;float:right}.staff-submit-button:hover{background:#059669}.staff-form-actions{margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0;display:flex;justify-content:center}.staff-save-button{display:flex;align-items:center;gap:8px;background:#10b981;color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;min-width:160px;justify-content:center}.staff-save-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.staff-profile-picture-section{margin-bottom:32px;padding:24px;border:2px dashed #e2e8f0;border-radius:12px;background:#f8fafc}.staff-profile-picture-section label{font-weight:600;color:#374151;font-size:16px;margin-bottom:16px;display:block}.staff-profile-picture-upload{display:flex;align-items:center;gap:24px}.staff-profile-picture-preview{flex-shrink:0;display:flex;align-items:center;justify-content:center}.staff-profile-picture-large{width:120px;height:120px;border-radius:12px;object-fit:cover;border:3px solid #e2e8f0;transition:all .2s}.staff-profile-picture-large:hover{border-color:#3b82f6;transform:scale(1.02)}.staff-profile-picture-actions{display:flex;flex-direction:column;gap:12px}.staff-upload-button{display:flex;align-items:center;gap:8px;background:#3b82f6;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.staff-upload-button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.staff-file-input{display:none}.staff-upload-note{font-size:12px;color:#6b7280;margin:0;font-style:italic}.export-options-modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.export-options-content{background:#fff;border-radius:12px;width:100%;max-width:500px;padding:24px;box-shadow:0 25px 50px -12px #00000040;animation:slideIn .3s ease-out}.export-options-content h3{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 8px}.export-options-content p{color:#64748b;margin-bottom:24px;font-size:14px}.export-options-buttons{display:flex;flex-direction:column;gap:12px}.export-option-button{display:flex;align-items:center;gap:12px;background:#f8fafc;border:2px solid #e2e8f0;color:#374151;padding:16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.export-option-button:hover{background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-1px)}.export-option-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.export-option-cancel{background:none;border:none;color:#64748b;padding:12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:center;margin-top:8px}.export-option-cancel:hover{background:#f1f5f9;color:#475569}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.staff-availability-stats{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.staff-availability-stats>div{text-align:center;padding:8px;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.staff-availability-stats .stat-number{font-size:24px;font-weight:600;margin-bottom:4px}.staff-availability-stats .stat-label{font-size:12px;color:#64748b;font-weight:500}.availability-stats{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;margin-bottom:24px}.availability-stats h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px}.stat-label{font-weight:500;color:#64748b;font-size:14px}.stat-value{font-weight:600;color:#1e293b;font-size:14px}.stat-value.full-time{color:#10b981}.stat-value.part-time{color:#f59e0b}.availability-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:#64748b;font-size:14px}.availability-loading .spinner{animation:spin 1s linear infinite}.loading-indicator{display:flex;align-items:center;gap:8px;color:#666;font-size:14px}.availability-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:8px}.weekly-schedule{display:grid;gap:12px}.day-availability{border:1px solid #e0e0e0;border-radius:8px;padding:12px}.day-header{margin-bottom:8px}.day-name{font-weight:500;margin-left:8px}.time-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-left:24px}.time-group{display:flex;flex-direction:column;gap:4px}.time-group label{font-size:12px;font-weight:500;color:#666}.time-group input[type=time]{padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.staff-form-input:disabled{background-color:#f8fafc;color:#64748b;cursor:not-allowed}.staff-form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media(max-width:768px){.staff-availability-stats{grid-template-columns:repeat(2,1fr);gap:8px;padding:12px}.staff-availability-stats .stat-number{font-size:20px}.staff-availability-stats .stat-label{font-size:11px}.stats-grid{grid-template-columns:1fr;gap:12px}.stat-item{padding:10px}.stat-label,.stat-value{font-size:13px}}@media(max-width:480px){.staff-availability-stats{grid-template-columns:1fr}}.spinning{animation:spin 1s linear infinite}.initials-avatar{transition:all .2s ease;cursor:default;-webkit-user-select:none;user-select:none}.initials-avatar:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}@media(max-width:1024px){.staff-modal-body{flex-direction:column}.staff-sidebar{width:100%;max-height:200px;overflow-x:auto}.staff-tab-navigation{display:flex;padding:8px 16px;gap:8px}.staff-tab-button{white-space:nowrap;padding:8px 16px;border-radius:6px;border-left:none;border-bottom:3px solid transparent}.staff-tab-button.staff-active{border-left:none;border-bottom-color:#1d4ed8}}@media(max-width:768px){.staff-modal-overlay{padding:10px}.staff-profile-modal{height:95vh}.staff-form-grid{grid-template-columns:1fr;gap:16px}.staff-experience-grid{grid-template-columns:1fr;gap:20px}.staff-availability-row,.staff-time-inputs{grid-template-columns:1fr;gap:12px}.staff-header-left h2,.staff-employee-info span{display:none}.staff-check-dates{flex-direction:column;gap:4px}.staff-profile-picture-upload{flex-direction:column;text-align:center}.staff-profile-picture-large{width:100px;height:100px}.export-options-content{padding:20px}.export-options-buttons{gap:10px}.export-option-button{padding:14px}}@media(max-width:480px){.export-options-content{padding:16px}.export-options-content h3{font-size:18px}.export-option-button{padding:12px;font-size:13px}}.staffReview-container{padding:10px 20px;max-width:98%;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.staffReview-toprow{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:16px}.staffReview-toprow>*{flex-shrink:1}.staffReview-header{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:0;padding:6px 10px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;box-shadow:0 2px 8px #0000001a}.staffReview-header-left{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;flex-shrink:0}.staffReview-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0;white-space:nowrap}.staffReview-stats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:0}.staffReview-stat{display:flex;flex-direction:row;align-items:baseline;justify-content:center;gap:6px;padding:4px 6px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;border-left:4px solid #9ca3af;box-shadow:0 1px 3px #0000000f;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.staffReview-stat:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.staffReview-stat-value{font-size:15px;font-weight:500;color:#1a1a1a;line-height:1}.staffReview-stat-label{font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.staffReview-stat-total{border-left-color:#e820da}.staffReview-stat-total .staffReview-stat-value{color:#e820da}.staffReview-stat-overdue{border-left-color:#dc2626;background:#fef7f7}.staffReview-stat-overdue .staffReview-stat-value{color:#991b1b}.staffReview-stat-today{border-left-color:#d97706;background:#fffaf0}.staffReview-stat-today .staffReview-stat-value{color:#92400e}.staffReview-stat-soon{border-left-color:#ea580c;background:#fff8f3}.staffReview-stat-soon .staffReview-stat-value{color:#9a3412}.staffReview-stat-upcoming{border-left-color:#059669;background:#f5fdf9}.staffReview-stat-upcoming .staffReview-stat-value{color:#065f46}.staffReview-stat-completed{border-left-color:#6b7280;background:#f9fafb}.staffReview-stat-completed .staffReview-stat-value{color:#374151}.staffReview-toolbar{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:0}.staffReview-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;gap:16px;flex-wrap:wrap}.staffReview-btn-primary{background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #e820da4d;white-space:nowrap;flex-shrink:0}.staffReview-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e820da66;background:linear-gradient(135deg,#002060 50%,#e820da 50%)}.staffReview-export-buttons{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.staffReview-btn-archived,.staffReview-btn-excel,.staffReview-btn-pdf,.staffReview-btn-print{padding:6px 14px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:0;white-space:nowrap}.staffReview-btn-archived{background:linear-gradient(135deg,#ff9800 20%,#b45309);color:#fff}.staffReview-btn-excel{background:#10b981;color:#fff}.staffReview-btn-pdf{background:#ec4899;color:#fff}.staffReview-btn-print{background:#8b5cf6;color:#fff}.staffReview-btn-archived:hover,.staffReview-btn-excel:hover,.staffReview-btn-pdf:hover,.staffReview-btn-print:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.staffReview-search{padding:8px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;width:250px;transition:all .3s ease}.staffReview-search:focus{outline:none;border-color:#e820da;box-shadow:0 0 0 3px #e820da1a}.staffReview-btn-clear-search{background:#fff;color:#e820da;border:2px solid #e5e7eb;padding:7px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.staffReview-btn-clear-search:hover{border-color:#e820da;background:#fdf2fc;color:#b018a8}.staffReview-entries-control{margin-bottom:0;display:flex;align-items:center;gap:8px;flex-shrink:0}.staffReview-entries-control label{font-size:14px;color:#374151;display:flex;align-items:center;gap:8px;font-weight:500;white-space:nowrap}.staffReview-entries-select{padding:6px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;cursor:pointer;background:#fff;transition:all .3s ease}.staffReview-entries-select:focus{outline:none;border-color:#e820da}.staffReview-table-wrapper{overflow-x:auto;overflow-y:auto;max-height:72vh;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;position:relative;border:1px solid #e5e7eb}.staffReview-table{width:100%;border-collapse:collapse;font-size:14px}.staffReview-table thead{background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:#fff;position:sticky;top:0;z-index:10}.staffReview-table th{padding:14px 12px;text-align:left;font-weight:600;white-space:nowrap}.staffReview-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.staffReview-table th.sortable:hover{background:#ffffff1a}.staffReview-table th.sortable:hover .sort-icon{opacity:1}.staffReview-table td{padding:12px;border-bottom:1px solid #f3f4f6}.staffReview-table tbody tr{transition:all .2s ease}.staffReview-table tbody tr:hover{background-color:#f9fafb;transform:scale(1.005)}.staffReview-no-data{text-align:center;padding:30px;color:#6b7280;font-style:italic}.staffReview-row-completed{background-color:#f3f4f6!important}.staffReview-row-due-today{background-color:#fef3c7!important}.staffReview-row-due-soon{background-color:#ffedd5!important}.staffReview-row-overdue{background-color:#fee2e2!important}.staffReview-row-overdue td,.staffReview-row-due-soon td,.staffReview-row-due-today td,.staffReview-row-completed td{background-color:inherit!important}.staffReview-avatar{display:flex;align-items:center;justify-content:center}.staffReview-avatar-img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}.staffReview-avatar-initials{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;border:2px solid rgba(255,255,255,.3)}.staffReview-btn-details{background:#fbbf24;color:#1a1a1a;border:none;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.staffReview-btn-details:hover{background:#f59e0b;transform:translateY(-1px)}.staffReview-btn-edit{background:linear-gradient(135deg,#e820da 20%,#002060);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.staffReview-btn-edit:hover{background:#002060;transform:translateY(-1px)}.staffReview-btn-archive{background:linear-gradient(135deg,#ff9800 20%,#b45309);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:6px;display:inline-block}.staffReview-btn-archive:hover{background:#b45309;transform:translateY(-1px)}.staffReview-pagination-wrapper{display:flex;justify-content:space-between;align-items:center;margin-top:12px;flex-wrap:wrap;gap:16px;padding:10px 15px;background:#f9fafb;border-radius:8px}.staffReview-pagination-info{font-size:14px;color:#6b7280;font-weight:500}.staffReview-pagination{display:flex;justify-content:center;align-items:center;gap:8px}.staffReview-pagination-btn{padding:8px 14px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;font-weight:500}.staffReview-pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#e820da}.staffReview-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.staffReview-pagination-active{background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:#fff;border-color:#002060}.staffReview-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.staffReview-modal{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003;animation:modalSlideIn .3s ease}.staffReview-modal-details{max-width:700px}.staffReview-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#e820da 20%,#002060);color:#fff;border-radius:12px 12px 0 0}.staffReview-modal-header h2{margin:0;font-size:22px;font-weight:600}.staffReview-modal-close{background:#fff3;border:none;color:#fff;font-size:28px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.staffReview-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.staffReview-form{padding:24px}.staffReview-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:10px}.staffReview-form-group{display:flex;flex-direction:column;gap:6px}.staffReview-form-group-full{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.staffReview-form-group label,.staffReview-form-group-full label{font-size:14px;font-weight:600;color:#374151}.staffReview-form-group input,.staffReview-form-group select,.staffReview-form-group-full input,.staffReview-form-group-full textarea{padding:10px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .3s ease}.staffReview-form-group input:focus,.staffReview-form-group select:focus,.staffReview-form-group-full input:focus,.staffReview-form-group-full textarea:focus{outline:none;border-color:#e820da;box-shadow:0 0 0 3px #e820da1a}.staffReview-form-group-full textarea{resize:vertical;font-family:inherit}.staffReview-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.staffReview-btn-cancel{padding:10px 24px;border:2px solid #e5e7eb;background:#fff;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.staffReview-btn-cancel:hover{background:#f3f4f6;border-color:#d1d5db}.staffReview-btn-save{padding:10px 24px;border:none;background:linear-gradient(135deg,#e820da 20%,#002060);color:#fff;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #e820da4d}.staffReview-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #e820da66}.staffReview-btn-save:disabled{opacity:.6;cursor:not-allowed}.staffReview-details-content{padding:24px}.staffReview-details-photo{display:flex;justify-content:center;margin-bottom:20px}.staffReview-details-photo .staffReview-avatar-img,.staffReview-details-photo .staffReview-avatar-initials{width:80px;height:80px;font-size:28px}.staffReview-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:10px}.staffReview-details-item{display:flex;flex-direction:column;gap:4px}.staffReview-details-item strong{font-size:13px;color:#6b7280;font-weight:600}.staffReview-details-item span{font-size:15px;color:#1a1a1a;font-weight:500}.staffReview-details-notes{padding:16px;background:#f9fafb;border-radius:8px;border-left:4px solid #E820DA}.staffReview-details-notes strong{display:block;font-size:14px;color:#374151;margin-bottom:8px;font-weight:600}.staffReview-details-notes p{margin:0;font-size:14px;color:#4b5563;line-height:1.6;white-space:pre-wrap}.staffReview-archived-table{width:100%;border-collapse:collapse;margin-top:10px}.staffReview-loading{text-align:center;padding:40px;font-size:16px;color:#6b7280}.staffReview-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(232,32,218,.3);border-radius:50%;border-top-color:#e820da;animation:spin 1s linear infinite;margin-right:10px;vertical-align:middle}.staffReview-toast{position:fixed;bottom:24px;right:24px;padding:16px 24px;border-radius:8px;color:#fff;font-size:14px;font-weight:500;box-shadow:0 10px 20px #0003;transform:translateY(100px);opacity:0;transition:all .3s ease;z-index:2000}.staffReview-toast-show{transform:translateY(0);opacity:1}.staffReview-toast-success{background:#10b981}.staffReview-toast-error{background:#ef4444}@media print{.staffReview-header,.staffReview-controls,.staffReview-pagination,.staffReview-btn-details,.staffReview-btn-edit,.staffReview-btn-archive{display:none!important}.staffReview-table{font-size:10px}.staffReview-table th,.staffReview-table td{padding:6px}}@media(max-width:768px){.staffReview-container{padding:10px}.staffReview-title{font-size:18px}.staffReview-search{width:220px}.staffReview-entries-control{font-size:13px}.staffReview-pagination-wrapper{flex-direction:column;align-items:center}.staffReview-pagination-info{font-size:13px}.staffReview-table-wrapper{max-height:400px}.staffReview-table{font-size:12px}.staffReview-table th,.staffReview-table td{padding:8px 6px}.staffReview-avatar-img,.staffReview-avatar-initials{width:32px;height:32px;font-size:12px}.staffReview-form-row{grid-template-columns:1fr}.staffReview-modal{max-width:100%;margin:0;border-radius:0;max-height:100vh}.staffReview-modal-header{border-radius:0}.staffReview-search{width:100%;min-width:160px}.staffReview-toolbar,.staffReview-controls{width:100%}}.staffReview-btn-reviewtypes{background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:#fff;margin-right:10px;padding:6px 14px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease}.staffReview-btn-reviewtypes:hover{background:linear-gradient(135deg,#002060 50%,#e820da 50%);transform:translateY(-2px);box-shadow:0 4px 8px #e820da4d}.staffReview-modal-large{max-width:900px;width:90%}.staffReview-reviewtypes-list{margin-bottom:20px}.staffReview-btn-add-type{background-color:#10b981;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;margin-bottom:15px;font-size:14px;font-weight:500;transition:all .3s ease}.staffReview-btn-add-type:hover{background-color:#059669;transform:translateY(-2px);box-shadow:0 4px 8px #10b9814d}.staffReview-reviewtypes-table{width:100%;border-collapse:collapse;margin-top:10px}.staffReview-reviewtypes-table th,.staffReview-reviewtypes-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.staffReview-reviewtypes-table th{background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:#fff;font-weight:600}.staffReview-reviewtypes-table tr:hover{background-color:#f5f5f5}.staffReview-btn-small{padding:5px 10px;margin-right:5px;border:none;border-radius:3px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.staffReview-btn-delete{background-color:#ef4444;color:#fff}.staffReview-btn-delete:hover{background-color:#dc2626;transform:translateY(-1px)}.staffReview-archived-table{width:100%;border-collapse:collapse}.staffReview-archived-table th,.staffReview-archived-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.staffReview-archived-table th{background-color:#ff9800;color:#fff;font-weight:600}.staffReview-archived-table tr:hover{background-color:#f5f5f5}.staffReview-confirm-overlay{z-index:1100}.staffReview-confirm-modal{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:28px 28px 24px;box-shadow:0 24px 48px #00000040;text-align:center;animation:confirmPopIn .22s cubic-bezier(.34,1.56,.64,1)}.staffReview-confirm-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px;font-weight:700;font-style:italic;font-family:Georgia,Times New Roman,serif}.staffReview-confirm-warning .staffReview-confirm-icon{background:#ffedd5;color:#b45309}.staffReview-confirm-danger .staffReview-confirm-icon{background:#fee2e2;color:#dc2626}.staffReview-confirm-info .staffReview-confirm-icon{background:#fce7fb;color:#e820da}.staffReview-confirm-title{margin:0 0 10px;font-size:18px;font-weight:700;color:#1a1a1a}.staffReview-confirm-message{margin:0 0 22px;font-size:14px;line-height:1.6;color:#4b5563}.staffReview-confirm-actions{display:flex;justify-content:center;gap:12px}.staffReview-confirm-actions .staffReview-btn-cancel{flex:1;padding:10px 20px}.staffReview-btn-confirm{flex:1;padding:10px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;color:#fff;transition:all .2s ease}.staffReview-btn-confirm-warning{background:linear-gradient(135deg,#ff9800 20%,#b45309);box-shadow:0 2px 8px #b453094d}.staffReview-btn-confirm-warning:hover{transform:translateY(-2px);box-shadow:0 4px 12px #b4530966}.staffReview-btn-confirm-danger{background:linear-gradient(135deg,#f87171 20%,#dc2626);box-shadow:0 2px 8px #dc26264d}.staffReview-btn-confirm-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.staffReview-btn-confirm-info{background:linear-gradient(135deg,#e820da 20%,#002060);box-shadow:0 2px 8px #e820da4d}.staffReview-btn-confirm-info:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e820da66}@media(max-width:480px){.staffReview-confirm-modal{padding:24px 20px 20px}.staffReview-confirm-actions{flex-direction:column}}.birthdays-container{max-width:1400px;margin:0 auto;padding:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:70vh;max-height:90vh}.birthdays-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.birthdays-title-section{display:flex;align-items:center;gap:16px}.birthdays-title{font-size:28px;font-weight:700;color:#1a202c;margin:0}.birthdays-stats{display:flex;align-items:center;gap:8px}.birthdays-count{background:#e2e8f0;color:#4a5568;padding:4px 12px;border-radius:16px;font-size:14px;font-weight:500}.birthdays-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.birthdays-search-group,.birthdays-filter-group,.birthdays-days-group{display:flex;align-items:center;gap:8px}.birthdays-search-input,.birthdays-filter-select,.birthdays-days-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;transition:border-color .2s}.birthdays-search-input{width:200px}.birthdays-search-input:focus,.birthdays-filter-select:focus,.birthdays-days-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.birthdays-days-label{font-size:14px;color:#4a5568;font-weight:500}.birthdays-refresh-btn{padding:8px 12px;background:#f7fafc;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:16px;transition:all .2s}.birthdays-refresh-btn:hover{background:#edf2f7;transform:rotate(180deg)}.birthdays-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.birthdays-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:birthdays-spin 1s linear infinite;margin-bottom:16px}@keyframes birthdays-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.birthdays-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;text-align:center;color:#dc2626}.birthdays-retry-btn{margin-top:12px;padding:8px 16px;background:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s}.birthdays-retry-btn:hover{background:#b91c1c}.birthdays-empty{text-align:center;padding:60px 20px;color:#6b7280}.birthdays-empty-icon{font-size:48px;margin-bottom:16px}.birthdays-empty h3{font-size:20px;color:#374151;margin:0 0 8px}.birthdays-empty p{font-size:16px;margin:0}.birthdays-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;max-height:60vh;overflow-y:auto;border-radius:12px;box-shadow:0 2px 8px #0000001a}.birthdays-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:24px;position:relative}.birthdays-table{width:100%;border-collapse:collapse;min-width:800px;table-layout:fixed}.birthdays-thead{background:#f9fafb;position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #0000001a}.birthdays-header-row{border-bottom:1px solid #e5e7eb}.birthdays-th{padding:12px 8px;text-align:left;font-weight:600;color:#374151;font-size:13px;border-bottom:1px solid #e5e7eb}.birthdays-tbody{background:#fff}.birthdays-row{border-bottom:1px solid #f3f4f6;transition:background-color .2s}.birthdays-row:hover{background:#f9fafb}.birthdays-row-today{background:#fef3c7;border-left:4px solid #f59e0b}.birthdays-row-today:hover{background:#fde68a}.birthdays-row-this-week{background:#dbeafe;border-left:4px solid #3b82f6}.birthdays-row-this-week:hover{background:#bfdbfe}.birthdays-td{padding:12px 8px;font-size:13px;color:#374151;vertical-align:middle}.birthdays-date-cell{min-width:70px;width:10%}.birthdays-date-wrapper{display:flex;flex-direction:column;align-items:flex-start}.birthdays-date-text{font-weight:600;color:#1f2937;font-size:14px}.birthdays-year-text{font-size:11px;color:#6b7280}.birthdays-name-cell{min-width:150px;width:25%}.birthdays-name-wrapper{display:flex;align-items:center;gap:8px}.birthdays-name-icon{font-size:18px}.birthdays-name-info{display:flex;flex-direction:column}.birthdays-name-text{font-weight:600;color:#1f2937;line-height:1.3;word-break:break-word}.birthdays-job-text{font-size:11px;color:#6b7280;margin-top:2px}.birthdays-type-badge{padding:3px 6px;border-radius:10px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.birthdays-age-cell{text-align:center;font-weight:600;color:#1f2937;width:8%;min-width:50px}.birthdays-days-cell{text-align:center;width:12%;min-width:80px}.birthdays-days-badge{padding:3px 6px;border-radius:10px;font-size:11px;font-weight:600}.birthdays-contact-cell{min-width:120px;width:20%}.birthdays-contact-info{display:flex;flex-direction:column;gap:4px}.birthdays-contact-link{color:#3b82f6;text-decoration:none;font-size:11px;transition:color .2s;word-break:break-all}.birthdays-location-cell{text-align:center;width:15%;min-width:80px}.birthdays-postcode{background:#f3f4f6;padding:3px 6px;border-radius:4px;font-size:11px;font-weight:500;color:#4b5563}.birthdays-pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.birthdays-items-per-page{display:flex;align-items:center;gap:8px;font-size:14px;color:#4b5563}.birthdays-items-select{padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;background:#fff}.birthdays-showing-info{font-size:14px;color:#6b7280;font-weight:500}.birthdays-pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:16px}.birthdays-pagination-btn{padding:8px 12px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;min-width:40px;text-align:center}.birthdays-pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.birthdays-pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#f9fafb}.birthdays-pagination-active{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important}.birthdays-pagination-numbers{display:flex;gap:4px}.birthdays-pagination-prev,.birthdays-pagination-next{font-weight:600}@media(max-width:768px){.birthdays-container{padding:16px;margin-bottom:80px}.birthdays-header{flex-direction:column;align-items:stretch}.birthdays-controls{justify-content:space-between}.birthdays-search-input{width:150px}.birthdays-table-wrapper{max-height:60vh;margin:0 -16px 24px;border-radius:0}.birthdays-table-container{border-left:none;border-right:none;border-radius:0}.birthdays-table{min-width:600px}.birthdays-th,.birthdays-td{padding:8px 6px;font-size:12px}.birthdays-name-text,.birthdays-date-text{font-size:13px}.birthdays-pagination-controls{flex-direction:column;gap:12px;align-items:stretch}.birthdays-pagination{flex-wrap:wrap;gap:6px}.birthdays-pagination-btn{padding:6px 10px;font-size:13px}}@media(max-width:480px){.birthdays-title{font-size:24px}.birthdays-controls{flex-direction:column;align-items:stretch;gap:8px}.birthdays-search-input{width:100%}.birthdays-table{min-width:500px}.birthdays-th,.birthdays-td{padding:6px 4px;font-size:11px}.birthdays-name-text,.birthdays-date-text{font-size:12px}.birthdays-pagination-numbers{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.birthdays-pagination-btn{min-width:36px;padding:6px 8px;font-size:12px}.birthdays-pagination-controls{text-align:center}.birthdays-items-per-page{justify-content:center}}.birthdays-container *{box-sizing:border-box}.birthdays-table-wrapper::-webkit-scrollbar{width:10px;height:10px}.birthdays-table-wrapper::-webkit-scrollbar-track{background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.birthdays-table-wrapper::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:6px;border:2px solid #f8fafc}.birthdays-table-wrapper::-webkit-scrollbar-thumb:hover{background:#64748b}.birthdays-table-wrapper::-webkit-scrollbar-corner{background:#f8fafc}.staffnotes-container{width:100%;margin:0;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;display:flex;flex-direction:column;position:relative}.staffnotes-consolidated-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px;flex-wrap:wrap}.staffnotes-controls-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.staffnotes-date-filters-compact{display:flex;align-items:center}.staffnotes-table-search-compact{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:250px;max-width:300px}.staffnotes-action-buttons{display:flex;gap:8px;align-items:center}.staffnotes-search-results-info{margin-bottom:15px;padding-left:5px}.staffnotes-header-section{margin-bottom:15px;position:sticky;top:0;background:#fff;z-index:100;padding:8px 0;border-bottom:1px solid #eee}.staffnotes-custom-date-filters{display:flex;gap:10px;align-items:center}.staffnotes-date-range-group{position:relative;display:flex;flex-direction:column;gap:5px}.staffnotes-date-custom{background:#f8f9fa;color:#495057;border:1px solid #ced4da;min-width:150px;text-align:left}.staffnotes-date-custom:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.staffnotes-date-custom.staffnotes-date-active{background:#28a745!important;color:#fff!important;border-color:#28a745!important}.staffnotes-date-picker{position:absolute;top:100%;left:0;z-index:1000;background:#fff;border:1px solid #ced4da;border-radius:4px;padding:8px;box-shadow:0 4px 12px #00000026;font-size:14px}.staffnotes-date-picker:focus{outline:none;border-color:#28a745;box-shadow:0 0 0 2px #28a74540}.staffnotes-date-badge{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.staffnotes-date-active{background:#28a745!important;color:#fff;box-shadow:0 2px 8px #28a7454d}.staffnotes-date-clear{background:#dc3545;color:#fff}.staffnotes-date-clear:hover{background:#c82333;transform:translateY(-1px)}.staffnotes-main-title{font-size:22px;font-weight:600;margin:0;color:#333;white-space:nowrap}.staffnotes-export-btn{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500}.staffnotes-csv{background:#17a2b8;color:#fff}.staffnotes-excel{background:#28a745;color:#fff}.staffnotes-print{background:#6f42c1;color:#fff}.staffnotes-create-btn{background:#007bff;color:#fff;padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px}.staffnotes-table-container{overflow-x:auto;overflow-y:auto;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000001a;flex:1;min-height:400px;max-height:calc(100vh - 250px);position:relative}.staffnotes-table{width:100%;border-collapse:collapse;background:#fff;min-width:1000px}.staffnotes-table-header-sticky{position:sticky;top:0;z-index:10}.staffnotes-table-header-sticky th,.staffnotes-table th{background:#28a745!important;color:#fff!important;padding:12px 8px;text-align:left;font-weight:600;font-size:14px;border-right:1px solid #1e7e34;white-space:nowrap;position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #0000001a}.staffnotes-table thead th,.staffnotes-table-header-sticky>tr>th,.staffnotes-table>thead>tr>th{background:#28a745!important;color:#fff!important;border-color:#1e7e34!important}.staffnotes-table td{padding:12px 8px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:14px;vertical-align:top;line-height:1.4}.staffnotes-content-cell{max-width:300px;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staffnotes-detail-view{background:#fff;border:1px solid #ddd;border-radius:8px;padding:30px;margin:20px 0}.staffnotes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #28a745}.staffnotes-staff-name{font-size:28px;font-weight:600;color:#28a745;margin:0}.staffnotes-back-btn{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.staffnotes-detail-content{line-height:1.6}.staffnotes-detail-row{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.staffnotes-label{font-weight:600;color:#333}.staffnotes-value{color:#666}.staffnotes-date-info{color:#666;font-size:14px}.staffnotes-subject{font-weight:600;font-size:16px;margin:20px 0;color:#333}.staffnotes-content{margin:20px 0;color:#444;line-height:1.7}.staffnotes-content p{margin-bottom:15px}.staffnotes-footer{margin-top:30px;padding-top:15px;border-top:1px solid #eee;color:#666}.staffnotes-form-container{background:#fff;border:1px solid #ddd;border-radius:8px;padding:5px;margin:10px 0}.staffnotes-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:15px;border-bottom:2px solid #28a745}.staffnotes-form-title{font-size:28px;font-weight:500;color:#28a745;margin:0}.staffnotes-form{display:flex;flex-direction:column;gap:5px}.staffnotes-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.staffnotes-form-group{display:flex;flex-direction:column;gap:5px}.staffnotes-form-group label{font-weight:500;color:#333;font-size:14px}.staffnotes-input{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s}.staffnotes-input:focus{outline:none;border-color:#28a745;box-shadow:0 0 0 2px #28a74540}.staffnotes-textarea{padding:5px;border:1px solid #ddd;border-radius:4px;font-size:18px;font-family:inherit;resize:vertical;max-height:100px;transition:border-color .2s}.staffnotes-textarea:focus{outline:none;border-color:#28a745;box-shadow:0 0 0 2px #28a74540}.staffnotes-form-actions{display:flex;justify-content:flex-end;margin-top:20px}.staffnotes-edit-btn{background:#28a745;color:#fff;border:none;padding:5px;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s;margin-right:10px}.staffnotes-edit-btn:hover{background:#218838}.staffnotes-update-btn{background:#007bff;color:#fff;border:none;padding:5px;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s}.staffnotes-cancel-btn{background:#c21515;color:#fff;border:none;padding:10px;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s;margin-right:10px}.staffnotes-cancel-btn:hover{background:#e00a52}.staffnotes-update-btn:hover{background:#0056b3}.staffnotes-pagination-container{background:#fff;border-top:1px solid #ddd;margin-top:5px;margin-bottom:5px}.staffnotes-pagination{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000001a}.staffnotes-pagination-info{font-size:14px;color:#666;font-weight:500}.staffnotes-pagination-controls{display:flex;align-items:center;gap:8px}.staffnotes-pagination-number{border:1px solid #ddd;background:#fff!important;color:#333!important;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;min-width:40px;transition:all .2s ease}.staffnotes-pagination-number:hover:not(:disabled){background:#f8f9fa!important;border-color:#28a745;color:#28a745!important}.staffnotes-pagination-active{background:#28a745!important;color:#fff!important;border-color:#28a745;box-shadow:0 2px 4px #28a7454d}.staffnotes-pagination-controls button{padding:8px 12px;border:1px solid #ddd;background:#fff;color:#333;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;min-width:40px;transition:all .2s ease}.staffnotes-pagination-controls button:hover:not(:disabled){background:#f8f9fa;border-color:#28a745;color:#28a745}.staffnotes-pagination-controls button:disabled{background:#f8f9fa;color:#6c757d;border-color:#dee2e6;cursor:not-allowed;opacity:.6}.staffnotes-loading{text-align:center;padding:40px;color:#666;font-size:16px}.staffnotes-error{color:#dc3545;margin-bottom:20px;padding:12px 16px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;border-left:4px solid #dc3545}.staffnotes-staff-dropdown{max-height:200px;overflow-y:auto}.staffnotes-staff-dropdown option{padding:8px 12px;border-bottom:1px solid #eee}.staffnotes-actions{display:flex;gap:5px;align-items:center}.staffnotes-action-btn,.staffnotes-table .staffnotes-action-btn,.staffnotes-table td .staffnotes-action-btn,table .staffnotes-action-btn{padding:6px 10px!important;border:1px solid #ddd!important;background:#fff!important;border-radius:4px!important;cursor:pointer!important;font-size:12px!important;transition:all .2s ease!important;color:#212529!important;font-weight:500!important;min-width:32px!important;text-align:center!important;display:inline-block!important}.staffnotes-read-more,.staffnotes-table .staffnotes-read-more,.staffnotes-table td .staffnotes-read-more,table .staffnotes-read-more{background:#ffc107!important;color:#000!important;border-color:#ffc107!important;font-weight:600!important}.staffnotes-read-more:hover,.staffnotes-table .staffnotes-read-more:hover,.staffnotes-table td .staffnotes-read-more:hover,table .staffnotes-read-more:hover{background:#e0a800!important;border-color:#d39e00!important;color:#000!important;transform:translateY(-1px)!important}.staffnotes-edit,.staffnotes-table .staffnotes-edit,.staffnotes-table td .staffnotes-edit,table .staffnotes-edit{background:#17a2b8!important;color:#fff!important;border-color:#17a2b8!important}.staffnotes-edit:hover,.staffnotes-table .staffnotes-edit:hover,.staffnotes-table td .staffnotes-edit:hover,table .staffnotes-edit:hover{background:#138496!important;border-color:#117a8b!important;color:#fff!important;transform:translateY(-1px)!important}.staffnotes-delete,.staffnotes-table .staffnotes-delete,.staffnotes-table td .staffnotes-delete,table .staffnotes-delete{background:#dc3545!important;color:#fff!important;border-color:#dc3545!important}.staffnotes-delete:hover,.staffnotes-table .staffnotes-delete:hover,.staffnotes-table td .staffnotes-delete:hover,table .staffnotes-delete:hover{background:#c82333!important;border-color:#bd2130!important;color:#fff!important;transform:translateY(-1px)!important}button[class*=staffnotes-edit],button[class*=staffnotes-delete],.staffnotes-table button[class*=staffnotes-edit],.staffnotes-table button[class*=staffnotes-delete]{font-size:14px!important;line-height:1!important;padding:8px!important;min-width:36px!important;height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.staffnotes-toast{position:fixed;top:20px;right:20px;padding:16px 20px;border-radius:8px;color:#fff;font-weight:500;z-index:1000;display:flex;align-items:center;gap:10px;min-width:300px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out}.staffnotes-toast-success{background:#28a745}.staffnotes-toast-error{background:#dc3545}.staffnotes-toast-warning{background:#ffc107;color:#000}.staffnotes-toast-close{background:none;border:none;color:inherit;font-size:20px;cursor:pointer;padding:0;margin-left:auto}.staffnotes-delete-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.staffnotes-delete-modal{background:#fff;border-radius:8px;padding:0;max-width:400px;width:90%;box-shadow:0 10px 25px #0003}.staffnotes-delete-modal-header{padding:20px 24px 0;border-bottom:1px solid #eee}.staffnotes-delete-modal-header h3{margin:0 0 16px;color:#dc3545;font-size:18px;font-weight:600}.staffnotes-delete-modal-body{padding:20px 24px}.staffnotes-delete-modal-body p{margin:0 0 12px;color:#333;line-height:1.5}.staffnotes-delete-warning{color:#dc3545!important;font-weight:500;font-size:14px}.staffnotes-delete-modal-actions{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.staffnotes-delete-cancel-btn{padding:8px 16px;border:1px solid #ddd;background:#fff;color:#333;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.staffnotes-delete-cancel-btn:hover{background:#f8f9fa}.staffnotes-delete-confirm-btn{padding:8px 16px;border:none;background:#dc3545;color:#fff;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.staffnotes-delete-confirm-btn:hover{background:#c82333}.staffnotes-required{color:#dc3545;font-weight:700}.staffnotes-detail-actions{display:flex;gap:10px}@media(max-width:1200px){.staffnotes-container{padding:10px}.staffnotes-consolidated-header{flex-direction:column;align-items:flex-start;gap:15px}.staffnotes-controls-row{width:100%;justify-content:space-between}.staffnotes-table-search-compact{min-width:200px}}@media(max-width:768px){.staffnotes-controls-row{flex-direction:column;align-items:stretch;gap:10px}.staffnotes-date-filters-compact{justify-content:center}.staffnotes-action-buttons{justify-content:center;flex-wrap:wrap}.staffnotes-table-search-compact{min-width:auto;width:100%}}.holiday-wrapper{width:100%;min-height:100vh;background:#f3f4f6;padding:20px}.holiday-container{width:100%;max-width:100%;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.holiday-header{margin-bottom:10px;display:flex}.holiday-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 20px}.holiday-stats{display:flex;gap:20px;flex-wrap:wrap}.holiday-stat-card{background:linear-gradient(135deg,#667eea,#764ba2);padding:5px;border-radius:12px;display:flex;flex-direction:column;gap:0px;box-shadow:0 4px 6px #0000001a;min-width:180px}.holiday-stat-label{color:#ffffffe6;font-size:14px;font-weight:500}.holiday-stat-value{color:#fff;font-size:20px;font-weight:500}.holiday-tabs{display:flex;gap:10px;border-bottom:2px solid #e5e7eb;margin-bottom:30px}.holiday-tab{padding:12px 24px;background:none;border:none;font-size:16px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;position:relative;bottom:-2px}.holiday-tab:hover{color:#667eea}.holiday-tab-active{color:#667eea;border-bottom-color:#667eea}.holiday-content{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.holiday-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.holiday-toolbar-left,.holiday-toolbar-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.holiday-search{padding:10px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;flex:1;max-width:300px;transition:border-color .2s}.holiday-search:focus{outline:none;border-color:#667eea}.holiday-select-small{padding:6px 10px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s}.holiday-select-small:focus{outline:none;border-color:#667eea}.holiday-btn-primary{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.holiday-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.holiday-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.holiday-btn-secondary{padding:10px 20px;background:#f3f4f6;color:#374151;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.holiday-btn-secondary:hover{background:#e5e7eb}.holiday-btn-delete{padding:6px 12px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.holiday-btn-delete:hover{background:#dc2626}.holiday-btn-archive{padding:6px 12px;background:#f59e0b;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.holiday-btn-archive:hover{background:#d97706}.holiday-btn-restore{padding:6px 12px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.holiday-btn-restore:hover{background:#059669}.holiday-btn-submit{padding:10px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;width:100%}.holiday-btn-submit:hover{background:#2563eb}.holiday-btn-submit:disabled{opacity:.6;cursor:not-allowed}.holiday-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb;-webkit-overflow-scrolling:touch}.holiday-table-container{overflow-x:auto}.holiday-table{width:100%;border-collapse:collapse}.holiday-table thead{background:#f9fafb}.holiday-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.holiday-table td{padding:12px 16px;font-size:14px;color:#1f2937;border-bottom:1px solid #f3f4f6}.holiday-table tbody tr:hover{background:#f9fafb}.holiday-notes{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.holiday-no-data{text-align:center;padding:40px 20px;color:#9ca3af;font-size:14px}.holiday-section-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}.holiday-staff-name{font-weight:600;color:#667eea}.holiday-details{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.holiday-profile-pic{display:flex;align-items:center;justify-content:center}.holiday-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}.holiday-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;border:2px solid #e5e7eb}.holiday-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:16px}.holiday-calendar-header h2{font-size:24px;font-weight:700;color:#1a1a1a;margin:0}.holiday-year-selector{display:flex;align-items:center;gap:16px}.holiday-year-selector button{padding:8px 16px;background:#f3f4f6;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.holiday-year-selector button:hover{background:#e5e7eb}.holiday-year-selector span{font-size:18px;font-weight:700;color:#1a1a1a}.holiday-calendar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.holiday-calendar-scroll-container{max-height:800px;overflow-y:auto;overflow-x:hidden;padding-right:8px;-webkit-overflow-scrolling:touch}.holiday-calendar-scroll-container::-webkit-scrollbar{width:8px}.holiday-calendar-scroll-container::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.holiday-calendar-scroll-container::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.holiday-calendar-scroll-container::-webkit-scrollbar-thumb:hover{background:#5568d3}@media(min-width:1200px){.holiday-calendar-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1600px){.holiday-calendar-grid{grid-template-columns:repeat(5,1fr)}}.holiday-month{background:#f9fafb;border-radius:12px;padding:16px;border:1px solid #e5e7eb}.holiday-month-title{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 12px;text-align:center}.holiday-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.holiday-weekday{text-align:center;font-size:11px;font-weight:600;color:#6b7280;padding:4px}.holiday-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.holiday-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;border-radius:6px;background:#fff;border:1px solid #e5e7eb;cursor:pointer;transition:transform .2s}.holiday-day-booked{color:#fff;font-weight:600;border:none}.holiday-day:hover:not(.holiday-day-empty){transform:scale(1.1);z-index:10}.holiday-day-empty{background:transparent;border:none;cursor:default}.holiday-bank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.holiday-bank-card{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;border-radius:12px;color:#fff;position:relative;box-shadow:0 4px 6px #0000001a;transition:transform .2s}.holiday-bank-card:hover{transform:translateY(-4px)}.holiday-bank-date{font-size:14px;font-weight:600;opacity:.9;margin-bottom:8px}.holiday-bank-title{font-size:18px;font-weight:700}.holiday-bank-delete{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background:#fff3;border:none;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.holiday-bank-delete:hover{background:#ffffff4d}.holiday-toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.holiday-toast{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;box-shadow:0 10px 25px #00000026;min-width:320px;max-width:400px;pointer-events:auto;animation:holiday-toast-slide-in .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes holiday-toast-slide-in{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.holiday-toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.holiday-toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.holiday-toast-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.holiday-toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.holiday-toast-icon{width:24px;height:24px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.holiday-toast-message{flex:1;font-size:14px;font-weight:500;line-height:1.5}.holiday-confirm-dialog{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 25px -5px #0000001a}.holiday-confirm-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:32px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.holiday-confirm-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 12px}.holiday-confirm-message{font-size:14px;color:#6b7280;margin:0 0 24px;line-height:1.6}.holiday-confirm-actions{display:flex;gap:12px;justify-content:center}.holiday-btn-cancel{padding:10px 24px;background:#f3f4f6;color:#374151;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.holiday-btn-cancel:hover{background:#e5e7eb}.holiday-btn-confirm{padding:10px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.holiday-btn-confirm:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.holiday-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.holiday-modal{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a;-webkit-overflow-scrolling:touch}.holiday-modal-small{max-width:400px}.holiday-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.holiday-modal-header h2{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}.holiday-modal-close{width:32px;height:32px;border-radius:50%;background:#f3f4f6;border:none;font-size:24px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.holiday-modal-close:hover{background:#e5e7eb}.holiday-form{padding:24px}.holiday-form-group{margin-bottom:20px}.holiday-form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.holiday-input,.holiday-textarea{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .2s;font-family:inherit}.holiday-input:focus,.holiday-textarea:focus{outline:none;border-color:#667eea}.holiday-textarea{resize:vertical}.holiday-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.holiday-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.holiday-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:16px}.holiday-pagination-info{font-size:14px;color:#6b7280}.holiday-pagination-buttons{display:flex;gap:8px;flex-wrap:wrap}.holiday-pagination-btn{padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;min-width:40px}.holiday-pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#667eea;color:#667eea}.holiday-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.holiday-pagination-active{background:#667eea;color:#fff;border-color:#667eea}.holiday-pagination-active:hover{background:#5568d3;border-color:#5568d3;color:#fff}.holiday-bank-holidays-section{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.holiday-bank-table{width:100%;border-collapse:collapse;font-size:13px}.holiday-bank-table thead{background:#e0e7ff}.holiday-bank-table th{padding:10px 12px;text-align:left;font-size:12px;font-weight:600;color:#374151;border-bottom:2px solid #c7d2fe}.holiday-bank-table td{padding:10px 12px;border-bottom:1px solid #e5e7eb;color:#1f2937}.holiday-bank-table tbody tr:hover{background:#f9fafb}.holiday-bank-table-wrapper{max-height:300px;overflow-y:auto;border-radius:8px;border:1px solid #e5e7eb;-webkit-overflow-scrolling:touch}.holiday-loading-overlay{position:fixed;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:2000}.holiday-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:holiday-spin .8s linear infinite}@keyframes holiday-spin{to{transform:rotate(360deg)}}.holiday-required{color:#ef4444;margin-left:2px}@media(max-width:768px){.holiday-wrapper{padding:12px}.holiday-container{padding:0}.holiday-title{font-size:24px}.holiday-stats{gap:12px}.holiday-stat-card{padding:16px 20px;min-width:140px}.holiday-stat-value{font-size:24px}.holiday-toolbar{flex-direction:column;align-items:stretch}.holiday-search{max-width:100%}.holiday-form-row,.holiday-calendar-grid,.holiday-bank-grid{grid-template-columns:1fr}.holiday-pagination{flex-direction:column;align-items:stretch}.holiday-pagination-buttons{justify-content:center}.holiday-toolbar-left,.holiday-toolbar-right{width:100%}}@media(min-width:769px){.holiday-table th,.holiday-table td{padding:14px 18px}.holiday-content{padding:28px}.holiday-modal{max-width:700px}}.unavailability-container{max-width:100%;margin:0 auto;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.unavailability-header{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a}.unavailability-title{font-size:24px;font-weight:700;color:#1a202c;margin:0 0 4px}.unavailability-subtitle{font-size:14px;color:#718096;margin:0}.unavailability-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.unavailability-control-group{display:flex;flex-direction:column;gap:4px}.unavailability-label{font-size:12px;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.5px}.unavailability-input,.unavailability-select{padding:8px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;color:#2d3748;background:#fff;transition:all .2s;min-width:120px}.unavailability-input:focus,.unavailability-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.unavailability-btn-add{padding:2px 6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:auto}.unavailability-btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.unavailability-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:1px}.unavailability-stat-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:12px}.unavailability-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.unavailability-stat-content{flex:1}.unavailability-stat-value{font-size:28px;font-weight:700;color:#1a202c;margin:0}.unavailability-stat-label{font-size:13px;color:#718096;margin:0}.unavailability-calendar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-height:calc(100vh - 320px);overflow-y:auto;padding:4px}.unavailability-calendar-grid::-webkit-scrollbar{width:8px}.unavailability-calendar-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.unavailability-calendar-grid::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.unavailability-calendar-grid::-webkit-scrollbar-thumb:hover{background:#ffffff80}.unavailability-month-card{background:#fff;border-radius:12px;padding:12px;box-shadow:0 2px 8px #0000001a}.unavailability-month-header{font-size:16px;font-weight:700;color:#1a202c;text-align:center;padding:8px;margin-bottom:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px}.unavailability-month-header.current{background:linear-gradient(135deg,#f093fb,#f5576c)}.unavailability-calendar-table{width:100%;border-collapse:collapse}.unavailability-calendar-table th{padding:6px 4px;font-size:11px;font-weight:600;color:#4a5568;text-align:center;background:#f7fafc;border:1px solid #e2e8f0}.unavailability-calendar-table td{padding:6px 4px;text-align:center;border:1px solid #e2e8f0;font-size:13px;color:#2d3748;cursor:pointer;transition:all .2s;position:relative}.unavailability-calendar-table td:hover{background:#edf2f7}.unavailability-calendar-table td.empty{background:#f7fafc;cursor:default}.unavailability-calendar-table td.empty:hover{background:#f7fafc}.unavailability-calendar-table td.unavailable{background:linear-gradient(135deg,#81fbb8,#28c76f);color:#fff;font-weight:600}.unavailability-calendar-table td.unavailable:hover{background:linear-gradient(135deg,#28c76f,#1e9e57)}.unavailability-calendar-table td.today{border:2px solid #667eea;font-weight:700}.unavailability-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.unavailability-modal{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:unavailability-modal-slide-in .3s ease-out}@keyframes unavailability-modal-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.unavailability-modal-header{padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;align-items:center}.unavailability-modal-title{font-size:20px;font-weight:700;margin:0}.unavailability-modal-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .2s}.unavailability-modal-close:hover{background:#ffffff4d}.unavailability-modal-body{padding:20px}.unavailability-form-group{margin-bottom:16px}.unavailability-form-label{display:block;font-size:14px;font-weight:600;color:#2d3748;margin-bottom:6px}.unavailability-form-input,.unavailability-form-textarea{width:100%;padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;color:#2d3748;transition:all .2s;box-sizing:border-box}.unavailability-form-input:focus,.unavailability-form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.unavailability-form-textarea{resize:vertical;min-height:80px;font-family:inherit}.unavailability-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.unavailability-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px;border-top:1px solid #e2e8f0}.unavailability-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.unavailability-btn-cancel{background:#e2e8f0;color:#4a5568}.unavailability-btn-cancel:hover{background:#cbd5e0}.unavailability-btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.unavailability-btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.unavailability-btn-delete{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.unavailability-btn-delete:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f5576c66}.unavailability-list{max-height:300px;overflow-y:auto;margin-top:16px}.unavailability-list-item{background:#f7fafc;border-radius:8px;padding:12px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.unavailability-list-date{font-weight:600;color:#2d3748;font-size:14px}.unavailability-list-time{font-size:12px;color:#718096;margin-top:2px}.unavailability-list-notes{font-size:12px;color:#4a5568;margin-top:4px}.unavailability-btn-delete-small{background:#f56565;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.unavailability-btn-delete-small:hover{background:#e53e3e}.unavailability-toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px}.unavailability-toast{background:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 20px #00000026;display:flex;align-items:center;gap:12px;min-width:300px;animation:unavailability-toast-slide-in .3s ease-out}@keyframes unavailability-toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.unavailability-toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.unavailability-toast-success .unavailability-toast-icon{background:linear-gradient(135deg,#81fbb8,#28c76f);color:#fff}.unavailability-toast-error .unavailability-toast-icon{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.unavailability-toast-warning .unavailability-toast-icon{background:linear-gradient(135deg,#ffa726,#fb8c00);color:#fff}.unavailability-toast-message{flex:1;font-size:14px;color:#2d3748;font-weight:500}.unavailability-toast-close{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:18px;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.unavailability-toast-close:hover{background:#edf2f7;color:#4a5568}.unavailability-loading{text-align:center;padding:40px;color:#fff;font-size:16px}.unavailability-spinner{display:inline-block;width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:unavailability-spin .8s linear infinite}@keyframes unavailability-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.unavailability-container{padding:12px}.unavailability-controls{flex-direction:column;align-items:stretch}.unavailability-control-group,.unavailability-input,.unavailability-select{width:100%}.unavailability-stats{grid-template-columns:1fr}.unavailability-calendar-grid{grid-template-columns:1fr;max-height:calc(100vh - 400px)}.unavailability-form-row{grid-template-columns:1fr}.unavailability-toast{min-width:280px}.unavailability-toast-container{left:12px;right:12px}}.training-root{--training-pink: #e91e8c;--training-pink-d: #c0166f;--training-pink-l: #f06ab3;--training-pink-bg: #fce4f3;--training-pink-border: #f4b8e0;--training-nav: #2b1850;--training-white: #fff;--training-page: #f0f2f5;--training-border: #e0e0e0;--training-text: #1a1a1a;--training-muted: #6b7280;--training-light: #f9f9fb;--training-green: #059669;--training-green-bg: #d1fae5;--training-green-border: #6ee7b7;--training-blue: #2563eb;--training-blue-bg: #dbeafe;--training-amber: #d97706;--training-amber-bg: #fef3c7;--training-red: #dc2626;--training-red-bg: #fee2e2;--training-purple: #7c3aed;--training-purple-bg: #ede9fe;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:var(--training-page);font-size:13px;height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.training-topnav{background:var(--training-nav);display:flex;align-items:stretch;height:44px;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000001a}.training-brand{background:var(--training-white);display:flex;align-items:center;padding:0 12px;min-width:150px}.training-logo{display:flex;align-items:center;gap:7px}.training-logo-pink{width:28px;height:28px;background:var(--training-pink);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.training-logo-text{display:flex;flex-direction:column;line-height:1.2}.training-logo-text span:first-child{font-size:10px;font-weight:700;color:var(--training-pink)}.training-logo-sub{font-size:8px!important;color:#999!important;font-weight:400!important}.training-nav-pills{display:flex;align-items:center;flex:1;padding:0 4px;overflow-x:auto;scrollbar-width:none}.training-nav-pills::-webkit-scrollbar{display:none}.training-nav-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 9px;height:100%;font-size:9px;color:#c4a8d8;cursor:pointer;border:none;background:none;gap:1px;white-space:nowrap;font-family:inherit;transition:all .2s}.training-nav-pill.active{background:var(--training-pink);color:var(--training-white)}.training-nav-right{display:flex;align-items:center;gap:8px;padding:0 12px;margin-left:auto;font-size:11px;color:#c4a8d8}.training-nav-time{color:var(--training-white);font-weight:700}.training-av{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--training-white);font-weight:700;flex-shrink:0}.training-user-toggle{display:flex;align-items:center;background:var(--training-white);border:1px solid var(--training-border);border-radius:6px;overflow:hidden;margin:12px 14px 0;box-shadow:0 1px 3px #0000000d}.training-toggle-btn{flex:1;padding:10px 8px;font-size:11px;border:none;background:none;color:var(--training-muted);cursor:pointer;font-family:inherit;font-weight:700;transition:all .3s}.training-toggle-btn.active{background:var(--training-pink);color:var(--training-white)}.training-subnav{position:sticky;top:0;background:var(--training-white);border-bottom:1px solid var(--training-border);display:flex;padding:0 14px;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-shadow:0 1px 3px #0000000d;z-index:100}.training-subnav::-webkit-scrollbar{display:none}.training-subnav-item{padding:12px 16px;font-size:12px;font-weight:600;color:var(--training-muted);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;background:none;border:none;font-family:inherit;display:flex;align-items:center;gap:6px;transition:all .2s}.training-subnav-item:hover{color:var(--training-pink);background:var(--training-pink-bg)}.training-subnav-item.active{color:var(--training-pink);border-bottom-color:var(--training-pink);background:var(--training-pink-bg)}.training-subnav-icon{font-size:14px}.training-content{padding:10px 10px 100px;max-width:100%;margin:0 auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.training-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.training-page-title{font-size:20px;font-weight:700;color:var(--training-text);margin:0 0 6px;letter-spacing:-.02em}.training-page-sub{font-size:13px;color:var(--training-muted);margin:0;line-height:1.5}.training-email-link{color:var(--training-pink);cursor:pointer;text-decoration:underline;font-weight:600}.training-progress-right{text-align:right;flex-shrink:0}.training-progress-label{font-size:11px;color:var(--training-muted);font-weight:600}.training-progress-pct{font-size:24px;font-weight:700;color:var(--training-pink)}.training-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.training-stats-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.training-stat-card{background:var(--training-white);border:1px solid var(--training-border);border-left:4px solid var(--training-pink);border-radius:8px;padding:8px;box-shadow:0 1px 3px #0000000d;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:row}.training-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.training-stat-card-green{border-left-color:var(--training-green)!important}.training-stat-card-amber{border-left-color:var(--training-amber)!important}.training-stat-card-blue{border-left-color:var(--training-blue)!important}.training-stat-num{font-size:28px;font-weight:700;color:var(--training-pink);line-height:1;margin-bottom:4px}.training-stat-green{color:var(--training-green)!important}.training-stat-amber{color:var(--training-amber)!important}.training-stat-blue{color:var(--training-blue)!important}.training-stat-pink{color:var(--training-pink)!important}.training-stat-label{font-size:11px;color:var(--training-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.training-notif{background:var(--training-pink-bg);border:1px solid var(--training-pink-border);border-radius:8px;padding:12px 16px;font-size:12px;color:var(--training-pink-d);margin-bottom:16px;display:flex;align-items:center;gap:8px}.training-notif-error{background:var(--training-red-bg);border-color:#fecaca;color:#991b1b}.training-anon{background:var(--training-green-bg);border:1px solid var(--training-green-border);border-radius:8px;padding:12px 16px;font-size:12px;color:#065f46;display:flex;align-items:center;gap:10px;margin-bottom:16px}.training-card{background:var(--training-white);border:1px solid var(--training-border);border-radius:10px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000000d}.training-card-strip{background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:var(--training-white);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:8px 16px;margin:-16px -16px 16px;border-radius:8px 8px 0 0}.training-card-strip-green{background:var(--training-green)!important}.training-card-strip-purple{background:var(--training-purple)!important}.training-label{font-size:11px;font-weight:700;color:var(--training-muted);display:block;margin-bottom:6px;margin-top:12px;text-transform:uppercase;letter-spacing:.05em}.training-label:first-of-type{margin-top:0}.training-select,.training-input,.training-textarea{width:100%;background:var(--training-white);border:1px solid var(--training-border);border-radius:6px;padding:10px 12px;color:var(--training-text);font-size:13px;font-family:inherit;outline:none;box-sizing:border-box;transition:all .2s}.training-select:focus,.training-input:focus,.training-textarea:focus{border-color:var(--training-pink);box-shadow:0 0 0 3px var(--training-pink-bg)}.training-textarea{resize:vertical;min-height:80px;line-height:1.5}.training-form-row{display:flex;gap:12px}.training-form-row>div{flex:1}.training-rating-group{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.training-rating-btn{flex:1;min-width:80px;padding:10px 8px;border:2px solid var(--training-border);border-radius:6px;background:var(--training-white);font-size:12px;font-weight:600;color:var(--training-muted);cursor:pointer;text-align:center;font-family:inherit;transition:all .2s}.training-rating-btn:hover{border-color:var(--training-pink);background:var(--training-pink-bg)}.training-rating-btn.active{border-color:var(--training-pink);background:var(--training-pink);color:var(--training-white);transform:scale(1.05)}.training-btn{padding:10px 18px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.training-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.training-btn:disabled{opacity:.5;cursor:not-allowed}.training-btn-pink{background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:var(--training-white)}.training-btn-outline{background:var(--training-white);border:2px solid var(--training-border);color:var(--training-muted)}.training-btn-green{background:var(--training-green);color:var(--training-white)}.training-btn-red{background:var(--training-red);color:var(--training-white)}.training-btn-blue{background:var(--training-blue);color:var(--training-white)}.training-btn-sm{padding:8px 14px;font-size:12px}.training-btn-xs{padding:6px 10px;font-size:11px}.training-btn-block{width:100%}.training-form-actions{display:flex;gap:10px;margin-top:20px;margin-bottom:16px}.training-form-actions .training-btn-block{flex:1}.training-thankyou{text-align:center;font-size:14px;font-weight:700;color:var(--training-text);padding:10px 0}.training-t-card{background:var(--training-white);border:1px solid var(--training-border);border-radius:10px;overflow:hidden;margin-bottom:12px;box-shadow:0 1px 3px #0000000d;transition:transform .2s,box-shadow .2s}.training-t-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.training-t-card-head{padding:14px 16px;border-bottom:1px solid var(--training-border);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.training-t-card-info{flex:1;min-width:0}.training-t-card-name{font-size:15px;font-weight:700;color:var(--training-text);margin-bottom:8px;line-height:1.3}.training-info-row{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;width:100%}.training-info-chip{font-size:11px;padding:4px 10px;border-radius:12px;background:var(--training-light);color:var(--training-muted);border:1px solid var(--training-border);white-space:nowrap;display:inline-flex;align-items:center;gap:4px;font-weight:500}.training-t-card-body{padding:14px 16px;background:var(--training-light);display:block}.training-t-card-footer{padding:12px 16px;background:var(--training-white);border-top:1px solid var(--training-border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.training-enrolled-date{font-size:11px;color:var(--training-muted);font-weight:500}.training-check-text{font-size:11px;color:var(--training-green);margin-top:6px;font-weight:600;display:block;line-height:1.4}.training-check-green{color:var(--training-green)!important}.training-check-blue{color:var(--training-blue)!important}.training-course-desc{font-size:12px;color:var(--training-muted);margin-top:4px;line-height:1.4}.training-progress-bar{height:8px;background:#f0e0f0;border-radius:4px;overflow:hidden;margin-top:8px;display:block}.training-progress-fill{height:100%;border-radius:4px;background:var(--training-pink);transition:width .5s ease}.training-badge{display:inline-block;font-size:11px;padding:4px 10px;border-radius:12px;font-weight:600;white-space:nowrap}.training-badge-green{background:var(--training-green-bg);color:#065f46}.training-badge-blue{background:var(--training-blue-bg);color:#1e40af}.training-badge-amber{background:var(--training-amber-bg);color:#92400e}.training-badge-red{background:var(--training-red-bg);color:#991b1b}.training-badge-purple{background:var(--training-purple-bg);color:#5b21b6}.training-badge-grey{background:#f3f4f6;color:#374151}.training-badge-pink{background:var(--training-pink-bg);color:var(--training-pink-d)}.training-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;border-radius:8px;border:1px solid var(--training-border)}.training-table-wrap::-webkit-scrollbar{height:6px}.training-table-wrap::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.training-table-wrap::-webkit-scrollbar-thumb{background:var(--training-pink-l);border-radius:3px}.training-table{width:100%;border-collapse:collapse;font-size:13px;min-width:700px}.training-table th{text-align:left;padding:12px;color:var(--training-muted);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--training-pink-bg);background:#fafafa;white-space:nowrap}.training-table td{padding:12px;border-bottom:1px solid #f5f5f5;vertical-align:middle}.training-table tr:last-child td{border-bottom:none}.training-table tr:hover td{background:#fdf0f8}.training-ifl{display:flex;align-items:center;gap:8px;white-space:nowrap}.training-mini-av{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--training-white);flex-shrink:0}.training-table-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;flex-wrap:wrap;gap:10px}.training-table-info{font-size:12px;color:var(--training-muted)}.training-filters-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.training-filters-row .training-input,.training-filters-row .training-select{flex:1;min-width:150px;font-size:13px}.training-staff-cell{display:flex;align-items:center;gap:10px;font-weight:500}.training-actions-col{width:1%;white-space:nowrap}.training-actions-cell{display:flex;gap:6px}.training-mobile-actions{display:flex;gap:4px;flex-direction:row}.training-hide-mobile,.training-hide-tablet{display:table-cell}.training-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.training-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.training-bar-label{font-size:12px;color:var(--training-muted);font-weight:600;width:100px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-bar-track{flex:1;height:12px;background:#f0e0f0;border-radius:6px;overflow:hidden}.training-bar-fill{height:100%;border-radius:6px;transition:width .5s ease}.training-bar-fill-pink{background:var(--training-pink)!important}.training-bar-pct{font-size:12px;color:var(--training-muted);width:35px;text-align:right;font-weight:700;flex-shrink:0}.training-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.training-modal{background:var(--training-white);border-radius:12px;width:600px;max-width:100%;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 20px 60px #0000004d;overscroll-behavior:contain}.training-modal-sm{width:450px;max-height:95vh}.training-modal-head{background:var(--training-pink);color:var(--training-white);padding:16px 20px;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1}.training-modal-head-red{background:var(--training-red)!important}.training-modal-title{font-weight:700;font-size:16px}.training-modal-close{background:none;border:none;color:var(--training-white);font-size:24px;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s}.training-modal-close:hover{background:#fff3}.training-modal-body{padding:20px;max-height:calc(90vh - 140px);overflow-y:auto}.training-modal-foot{padding:16px 20px;border-top:1px solid var(--training-border);display:flex;gap:10px;justify-content:flex-end;position:sticky;bottom:0;background:var(--training-white);border-radius:0 0 12px 12px}.training-modal-section{margin-bottom:12px}.training-modal-label{font-size:11px;color:var(--training-muted);text-transform:uppercase;font-weight:700;display:block;margin-bottom:6px;letter-spacing:.05em}.training-modal-text{font-size:14px;color:var(--training-text);margin:0;line-height:1.6}.training-delete-text{font-size:14px;color:var(--training-text);margin-bottom:10px;line-height:1.5}.training-delete-sub{font-size:12px;color:var(--training-muted)}.training-divider{height:1px;background:var(--training-border);margin:16px 0}.training-pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.training-pill{font-size:12px;padding:6px 12px;border-radius:20px;border:2px solid var(--training-border);color:var(--training-muted);cursor:pointer;font-weight:600;background:var(--training-white);transition:all .2s;font-family:inherit}.training-pill:hover{border-color:var(--training-pink);color:var(--training-pink)}.training-pill.active{border-color:var(--training-pink);color:var(--training-pink);background:var(--training-pink-bg)}.training-staff-list{max-height:300px;overflow-y:auto;border:1px solid var(--training-border);border-radius:8px;margin-top:10px}.training-staff-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--training-border);cursor:pointer;transition:all .2s}.training-staff-item:last-child{border-bottom:none}.training-staff-item:hover{background:var(--training-pink-bg)}.training-staff-item.selected{background:var(--training-pink-bg);border-left:3px solid var(--training-pink)}.training-staff-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.training-staff-item-name{flex:1;font-weight:500}.training-selection-count{margin-top:12px;padding:10px;background:var(--training-pink-bg);border-radius:6px;text-align:center;font-weight:600;color:var(--training-pink-d)}.training-loading-center{text-align:center;padding:20px;color:var(--training-muted)}.training-staff-avatar{position:relative;border-radius:50%;overflow:hidden;flex-shrink:0;background:#eee}.training-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.training-avatar-fallback{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;text-transform:uppercase}.training-staff-info-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--training-border)}.training-scroll-top{position:fixed;bottom:30px;right:30px;width:48px;height:48px;background:var(--training-pink);color:#fff;border:none;border-radius:50%;font-size:22px;cursor:pointer;z-index:90;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #e91e8c66;transition:all .3s;opacity:0;transform:translateY(20px) scale(.8);pointer-events:none}.training-scroll-top.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.training-scroll-top:hover{background:var(--training-pink-d);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 24px #e91e8c80}body.training-modal-open{overflow:hidden}.training-search-box{position:relative;margin-bottom:16px}.training-search-input{width:100%;padding:12px 45px 12px 16px;border:2px solid var(--training-border);border-radius:8px;font-size:14px;font-family:inherit;outline:none;box-sizing:border-box;transition:all .2s}.training-search-input:focus{border-color:var(--training-pink);box-shadow:0 0 0 4px var(--training-pink-bg)}.training-search-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--training-muted);pointer-events:none}.training-search-clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;color:var(--training-muted);cursor:pointer;padding:4px;line-height:1;opacity:.6;transition:opacity .2s}.training-search-clear:hover{opacity:1}.training-search-count{position:absolute;right:50px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--training-muted);font-weight:600}.training-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:20px;border-top:2px solid var(--training-border);flex-wrap:wrap;gap:12px}.training-pagination-info{font-size:13px;color:var(--training-muted);font-weight:500}.training-pagination-controls{display:flex;align-items:center;gap:4px}.training-pagination-btn{min-width:36px;height:36px;padding:0 12px;border:2px solid var(--training-border);background:var(--training-white);color:var(--training-text);font-size:13px;font-weight:600;cursor:pointer;border-radius:6px;transition:all .2s;font-family:inherit;display:flex;align-items:center;justify-content:center}.training-pagination-btn:hover:not(:disabled){background:var(--training-pink-bg);border-color:var(--training-pink);color:var(--training-pink);transform:translateY(-1px)}.training-pagination-btn.active{background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:var(--training-white);border-color:var(--training-pink)}.training-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.training-pagination-ellipsis{padding:0 8px;color:var(--training-muted);font-weight:600}.training-spinner{width:40px;height:40px;border:4px solid var(--training-pink-bg);border-top-color:var(--training-pink);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@media(max-width:1024px){.training-stats-row{grid-template-columns:repeat(2,1fr)}.training-charts-row{grid-template-columns:1fr}.training-hide-tablet{display:none}}@media(max-width:768px){.training-content{padding:12px;margin-bottom:65px}.training-page-header{flex-direction:column;align-items:stretch}.training-page-title{font-size:18px}.training-form-row{flex-direction:column;gap:0}.training-rating-group{flex-direction:column}.training-rating-btn{min-width:auto;width:100%}.training-filters-row{flex-direction:column}.training-filters-row .training-input,.training-filters-row .training-select{min-width:auto;width:100%}.training-modal{max-height:95vh;width:100%;margin:10px}.training-modal-body{padding:16px;max-height:calc(95vh - 140px)}.training-bar-label{width:80px;font-size:11px}.training-subnav-item{padding:10px 12px;font-size:11px}.training-nav-pills{display:none}.training-brand{min-width:120px}.training-logo-text span:first-child{font-size:9px}.training-user-toggle{margin:8px 10px 0}.training-toggle-btn{padding:8px 4px;font-size:10px}.training-rows-per-page{margin-bottom:10px;align-items:center;justify-content:center;gap:10px;display:flex}}@media(max-width:640px){.training-stats-row{grid-template-columns:repeat(2,1fr);gap:10px}.training-stat-card{padding:12px}.training-stat-num{font-size:22px}.training-stat-label{font-size:10px}.training-card{padding:12px}.training-card-strip{margin:-12px -12px 12px;padding:6px 12px;font-size:10px}.training-t-card-head{flex-direction:column;gap:8px;padding:10px}.training-t-card-name{font-size:14px;margin-bottom:6px}.training-info-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}.training-info-row>*{width:100%;justify-content:flex-start}.training-info-chip{width:100%;justify-content:flex-start;font-size:11px;padding:6px 8px}.training-t-card-body{padding:10px}.training-t-card-footer{flex-direction:column;align-items:stretch;gap:8px;padding:10px}.training-t-card-footer .training-btn{width:100%;justify-content:center}.training-enrolled-date{text-align:center;order:-1;margin-bottom:6px}.training-form-actions{flex-direction:column}.training-table th,.training-table td{padding:10px;font-size:12px}.training-hide-mobile{display:none}.training-modal-foot{padding:12px 16px;flex-direction:column}.training-modal-foot .training-btn{width:100%}.training-pagination{flex-direction:column;align-items:stretch}.training-pagination-info{text-align:center}.training-pagination-controls{justify-content:center;flex-wrap:wrap}.training-pagination-btn{min-width:20px;height:20px;padding:0 14px}.training-scroll-top{bottom:20px;right:20px;width:44px;height:44px}.training-rows-per-page{margin-bottom:10px;align-items:center;justify-content:center;gap:10px;display:flex}}@media(max-width:480px){.training-content{padding:10px;margin-bottom:65px}.training-stats-row{grid-template-columns:1fr 1fr;gap:8px}.training-stat-card{padding:10px}.training-stat-num{font-size:20px}.training-stat-label{font-size:9px}.training-page-title{font-size:16px}.training-page-sub{font-size:12px}.training-bar-row{gap:6px}.training-bar-label{width:60px;font-size:10px}.training-bar-pct{width:30px;font-size:11px}.training-btn{padding:8px 14px;font-size:12px}.training-btn-sm{padding:6px 10px;font-size:11px}.training-modal-sm{width:100%;margin:10px}.training-search-input{padding:10px 40px 10px 14px;font-size:13px}.training-rows-per-page{margin-bottom:10px;align-items:center;justify-content:center;gap:10px;display:flex}}@media print{.training-topnav,.training-subnav,.training-user-toggle,.training-scroll-top,.training-btn,.training-modal-overlay{display:none!important}.training-content{padding:0;max-width:100%;margin-bottom:50px}.training-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}.toast-container{position:fixed;top:20px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:10px;max-width:400px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:8px;color:#fff;font-size:14px;font-weight:500;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out;min-width:300px;pointer-events:all}.toast-success{background:#059669}.toast-error{background:#dc2626}.toast-info{background:#2563eb}.toast-warning{background:#d97706}.toast-icon{font-size:18px;font-weight:700}.toast-message{flex:1}.toast-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0;line-height:1;opacity:.8;margin-left:8px}.toast-close:hover{opacity:1}@media(max-width:480px){.toast-container{left:10px;right:10px;max-width:none}.toast{min-width:auto}}:root{--primary: #9c27b0;--primary-dark: #7b1fa2;--primary-light: #e91e8c;--secondary: #c2185b;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-600: #4b5563;--gray-800: #1f2937;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius: 8px;--radius-lg: 12px}.shadowing-notifications{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:400px}.shadowing-notification{background:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 8px 24px #00000026;display:flex;align-items:center;justify-content:space-between;gap:12px;animation:slideInRight .3s ease-out;border-left:4px solid;min-width:300px}.shadowing-notification-success{border-left-color:var(--success, #10b981)}.shadowing-notification-error{border-left-color:var(--danger, #ef4444)}.shadowing-notification-warning{border-left-color:var(--warning, #f59e0b)}.shadowing-notification-info{border-left-color:var(--primary, #d326c7)}.shadowing-notification-content{display:flex;align-items:center;gap:12px;flex:1}.shadowing-notification-content i{font-size:20px}.shadowing-notification-success .shadowing-notification-content i{color:var(--success, #10b981)}.shadowing-notification-error .shadowing-notification-content i{color:var(--danger, #ef4444)}.shadowing-notification-warning .shadowing-notification-content i{color:var(--warning, #f59e0b)}.shadowing-notification-info .shadowing-notification-content i{color:var(--primary, #d326c7)}.shadowing-notification-close{background:none;border:none;color:var(--gray-500);cursor:pointer;padding:4px;font-size:16px;transition:color .2s}.shadowing-notification-close:hover{color:var(--gray-700)}.shadowing-confirm-modal{background:#fff;border-radius:16px;padding:24px;max-width:450px;width:90%;box-shadow:0 20px 60px #0000004d;animation:modalPop .3s ease-out}@keyframes modalPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.shadowing-confirm-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.shadowing-confirm-header i{font-size:32px;color:var(--warning, #f59e0b)}.shadowing-confirm-header h3{margin:0;font-size:20px;color:var(--gray-900)}.shadowing-confirm-body{margin-bottom:24px}.shadowing-confirm-body p{margin:0;color:var(--gray-600);line-height:1.6}.shadowing-confirm-footer{display:flex;justify-content:flex-end;gap:12px}.shadowing-btn-danger{background:var(--danger, #ef4444);color:#fff}.shadowing-btn-danger:hover{background:#dc2626}.shadowing-view-modal{max-width:900px;width:95%;max-height:90vh;overflow-y:auto}.shadowing-evaluation-summary{display:flex;flex-direction:column;gap:12px}.shadowing-eval-item{padding:12px;background:var(--gray-50);border-radius:8px;border-left:3px solid var(--primary)}.shadowing-eval-item strong{display:block;margin-bottom:6px;color:var(--gray-800);font-size:14px}.shadowing-modal-body{max-height:calc(90vh - 140px);overflow-y:auto}@media(max-width:768px){.shadowing-notifications{left:20px;right:20px;max-width:none}.shadowing-notification{min-width:auto}.shadowing-view-modal{width:100%;max-width:none;margin:0;border-radius:0;height:100vh;max-height:100vh}.shadowing-modal-body{max-height:calc(100vh - 140px)}}.shadowing-debug-panel{margin-bottom:20px;border:2px solid #fbbf24;border-radius:8px;overflow:hidden;background:#fffbeb}.shadowing-debug-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fbbf24;color:#78350f;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.shadowing-debug-header:hover{background:#f59e0b}.shadowing-debug-content{padding:16px;max-height:400px;overflow-y:auto}.shadowing-debug-content pre{background:#1f2937;color:#10b981;padding:16px;border-radius:6px;font-size:12px;line-height:1.5;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.shadowing-nav-badge{background:var(--primary);color:#fff;font-size:11px;padding:2px 8px;border-radius:10px;margin-left:6px;font-weight:600}.shadowing-toast.info{background:#3b82f6;color:#fff}.shadowing-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--gray-100);min-height:100vh;color:var(--gray-800);width:100%;overflow-x:hidden;display:flex;flex-direction:column;height:100vh}.shadowing-sub-nav{background:#fff;border-bottom:2px solid var(--gray-200);display:flex;align-items:center;gap:0;padding:0 10px;overflow-x:auto;flex-shrink:0}.shadowing-sub-nav-item{padding:7px 10px;font-size:14px;cursor:pointer;color:var(--gray-600);display:flex;align-items:center;gap:8px;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s;white-space:nowrap;font-weight:500}.shadowing-sub-nav-item:hover{color:var(--primary);background:var(--gray-50)}.shadowing-sub-nav-item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:500;background:var(--gray-50)}.shadowing-sub-nav-item i{font-size:14px}.shadowing-page-wrapper{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;overflow:hidden;margin-bottom:100px}.shadowing-page-content{padding:5px;max-width:100%;margin:0 auto;width:100%;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.shadowing-page-content::-webkit-scrollbar{width:8px}.shadowing-page-content::-webkit-scrollbar-track{background:var(--gray-200);border-radius:4px}.shadowing-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;flex-wrap:wrap;gap:16px}.shadowing-page-title{font-size:20px;font-weight:500;color:var(--gray-800);display:flex;align-items:center;gap:12px}.shadowing-page-title i{color:var(--primary);font-size:20px}.shadowing-header-actions{display:flex;gap:10px;flex-wrap:wrap}.shadowing-btn{padding:5px 10px;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:20px;transition:all .2s;box-shadow:var(--shadow)}.shadowing-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.shadowing-btn:active{transform:translateY(0)}.shadowing-btn-purple{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff}.shadowing-btn-green{background:linear-gradient(135deg,var(--success),#16a34a);color:#fff}.shadowing-btn-gray{background:var(--gray-200);color:var(--gray-800)}.shadowing-btn-danger{background:linear-gradient(135deg,var(--danger),#dc2626);color:#fff}.shadowing-btn-sm{padding:6px 12px;font-size:12px}.shadowing-btn-lg{padding:12px 28px;font-size:15px}.shadowing-progress-bar{display:flex;flex-direction:row;gap:0;margin-bottom:5px;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);flex-shrink:0}.shadowing-step{flex:1;padding:4px 8px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:500;color:var(--gray-600);border-right:1px solid var(--gray-200);cursor:pointer;transition:all .3s;background:#fff;min-width:150px}.shadowing-step:last-child{border-right:none}.shadowing-step:hover{background:var(--gray-50)}.shadowing-step .shadowing-step-num{width:20px;height:20px;border-radius:50%;background:var(--gray-200);color:var(--gray-600);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;transition:all .3s}.shadowing-step.active{background:linear-gradient(135deg,#f3e5f5,#fce4ec);color:var(--primary)}.shadowing-step.active .shadowing-step-num{background:var(--primary);color:#fff;box-shadow:0 0 0 4px #9c27b033}.shadowing-step.done{color:var(--success)}.shadowing-step.done .shadowing-step-num{background:var(--success);color:#fff}.shadowing-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:10px;overflow:hidden}.shadowing-card-header{background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:#fff;padding:7px 10px;font-size:15px;font-weight:500;display:flex;align-items:center;gap:10px;letter-spacing:.3px}.shadowing-card-header i{font-size:18px;opacity:.95}.shadowing-card-body{padding:14px}.shadowing-info-box{background:linear-gradient(135deg,#f3e5f5,#fce4ec);border-left:5px solid var(--primary);border-radius:var(--radius);padding:18px 20px;margin-bottom:20px;font-size:13.5px;line-height:1.7;color:var(--gray-800)}.shadowing-info-box strong{color:var(--primary-dark)}.shadowing-info-box ul{padding-left:22px;margin-top:10px}.shadowing-info-box ul li{margin-bottom:6px;position:relative}.shadowing-info-box ul li::marker{color:var(--primary)}.shadowing-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:16px}.shadowing-form-grid-3{grid-template-columns:repeat(3,1fr)}.shadowing-form-group{display:flex;flex-direction:column;gap:6px}.shadowing-form-group label{font-size:12px;font-weight:700;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px}.shadowing-form-group input,.shadowing-form-group select,.shadowing-form-group textarea{border:2px solid var(--gray-200);border-radius:var(--radius);padding:10px 14px;font-size:14px;color:var(--gray-800);outline:none;transition:all .2s;background:var(--gray-50);font-family:inherit}.shadowing-form-group input:focus,.shadowing-form-group select:focus,.shadowing-form-group textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #9c27b01a}.shadowing-form-group textarea{resize:vertical;min-height:80px}.shadowing-full-width{grid-column:1 / -1}.shadowing-form-table{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:8px;overflow:hidden;border-radius:var(--radius)}.shadowing-form-table thead{background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:#fff}.shadowing-form-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.shadowing-form-table td{padding:14px 16px;border-bottom:1px solid var(--gray-200);vertical-align:middle;background:#fff}.shadowing-form-table tbody tr:hover td{background:var(--gray-50)}.shadowing-form-table tbody tr:nth-child(2n) td{background:#faf5ff}.shadowing-form-table .shadowing-question-cell{width:45%;font-weight:600;color:var(--gray-800)}.shadowing-form-table .shadowing-radio-cell{width:30%}.shadowing-form-table .shadowing-comment-cell{width:25%}.shadowing-section-header{background:linear-gradient(135deg,#f3e5f5,#e1bee7)!important;font-weight:700;font-size:13px;color:var(--primary-dark);padding:10px 16px!important;letter-spacing:.5px}.shadowing-radio-group{display:flex;gap:16px;flex-wrap:wrap}.shadowing-radio-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;font-weight:500;color:var(--gray-800);padding:6px 12px;border-radius:var(--radius);background:var(--gray-50);border:2px solid transparent;transition:all .2s}.shadowing-radio-label:hover{background:#f3e5f5;border-color:var(--primary-light)}.shadowing-radio-label input[type=radio]{accent-color:var(--primary);width:16px;height:16px;cursor:pointer}.shadowing-radio-label input[type=radio]:checked+span{font-weight:600;color:var(--primary)}.shadowing-observed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:20px}.shadowing-check-item{display:flex;align-items:center;gap:10px;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius);padding:12px 16px;cursor:pointer;transition:all .2s}.shadowing-check-item:hover{border-color:var(--primary);background:#f3e5f5;transform:translateY(-2px);box-shadow:var(--shadow)}.shadowing-check-item input[type=checkbox]{accent-color:var(--primary);width:18px;height:18px;cursor:pointer}.shadowing-check-item label{font-size:13.5px;font-weight:500;cursor:pointer;color:var(--gray-800);flex:1}.shadowing-check-item i{color:var(--primary);font-size:16px}.shadowing-feedback-header{background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:#fff;padding:5px 6px;border-radius:var(--radius-lg);margin-bottom:5px;display:flex;flex-direction:row;gap:30px}.shadowing-feedback-header h3{font-size:18px;font-weight:700}.shadowing-feedback-header p{font-size:13.5px;opacity:.95;line-height:1.6}.shadowing-sig-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:20px}.shadowing-sig-group{display:flex;flex-direction:column;gap:8px}.shadowing-sig-group label{font-size:13px;font-weight:700;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.shadowing-sig-canvas{border:2px solid var(--gray-300);border-radius:var(--radius);background:var(--gray-50);width:100%;height:100px;cursor:crosshair;touch-action:none}.shadowing-sig-canvas.has-signature{border-color:var(--success);background:#f0fdf4}.shadowing-sig-clear{font-size:12px;color:var(--primary);cursor:pointer;background:none;border:none;margin-top:6px;text-decoration:underline;font-weight:600;align-self:flex-start}.shadowing-sig-clear:hover{color:var(--primary-dark)}.shadowing-success-box{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #bbf7d0;border-radius:var(--radius-lg);padding:18px 20px;margin-top:24px;display:flex;align-items:flex-start;gap:12px}.shadowing-success-box i{color:var(--success);font-size:22px;margin-top:2px}.shadowing-success-box-content{flex:1}.shadowing-success-box-title{font-size:14px;font-weight:700;color:#166534;margin-bottom:4px}.shadowing-success-box-text{font-size:13px;color:#166534;line-height:1.6}.shadowing-form-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 0 4px;margin-top:20px;border-top:2px solid var(--gray-200)}.shadowing-status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700}.shadowing-status-badge.pending{background:#fef3c7;color:#92400e}.shadowing-status-badge.complete{background:#dcfce7;color:#166534}.shadowing-status-badge.draft{background:#e0e7ff;color:#3730a3}.shadowing-status-badge.deleted{background:#fee2e2;color:#991b1b}.shadowing-view-section{margin-top:5px}.shadowing-view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;flex-wrap:wrap;gap:16px}.shadowing-view-title{font-size:20px;font-weight:700;color:var(--gray-800);display:flex;align-items:center;gap:10px}.shadowing-view-title i{color:var(--primary)}.shadowing-view-tabs{display:flex;gap:8px;background:#fff;padding:6px;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.shadowing-view-tab{padding:10px 20px;border-radius:var(--radius);border:none;background:transparent;font-size:13.5px;font-weight:600;cursor:pointer;color:var(--gray-600);transition:all .2s;display:flex;align-items:center;gap:8px}.shadowing-view-tab:hover{background:var(--gray-100)}.shadowing-view-tab.active{background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:#fff}.shadowing-view-tab .shadowing-count{background:#ffffff4d;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700}.shadowing-view-tab.active .shadowing-count{background:#fff3}.shadowing-search-export-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;flex-wrap:wrap;padding:12px 16px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.shadowing-search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.shadowing-search-box i{position:absolute;left:12px;color:var(--gray-600);font-size:14px;pointer-events:none}.shadowing-search-input{width:100%;padding:8px 40px 8px 38px;border:2px solid var(--gray-200);border-radius:var(--radius);font-size:13px;color:var(--gray-800);outline:none;transition:all .2s;background:var(--gray-50)}.shadowing-search-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #9c27b01a}.shadowing-search-clear{position:absolute;right:8px;background:none;border:none;color:var(--gray-600);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.shadowing-export-buttons{display:flex;gap:8px;flex-wrap:wrap}.shadowing-search-indicator{color:var(--primary);font-weight:600;margin-left:4px}.shadowing-table-list{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.shadowing-table-list-header{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 1fr 180px;gap:16px;padding:14px 20px;background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.shadowing-table-list-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 1fr 180px;gap:14px;padding:8px 10px;border-bottom:1px solid var(--gray-200);align-items:center;transition:all .2s}.shadowing-table-list-row:hover{background:var(--gray-50)}.shadowing-table-list-row:last-child{border-bottom:none}.shadowing-cell{font-size:13.5px;color:var(--gray-800)}.shadowing-cell-label{font-size:11px;font-weight:700;color:var(--gray-600);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.shadowing-cell-value{font-weight:500}.shadowing-action-btns{display:flex;gap:5px;flex-direction:row}.shadowing-action-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(--radius);border:none;cursor:pointer;font-size:11px;font-weight:600;transition:all .2s;white-space:nowrap}.shadowing-action-btn i{font-size:13px}.shadowing-btn-view{background:#dbeafe;color:#1d4ed8}.shadowing-btn-view:hover{background:#3b82f6;color:#fff;transform:translateY(-1px)}.shadowing-btn-edit{background:#fef3c7;color:#d97706}.shadowing-btn-edit:hover{background:#f59e0b;color:#fff;transform:translateY(-1px)}.shadowing-btn-delete{background:#fee2e2;color:#dc2626}.shadowing-btn-delete:hover{background:#ef4444;color:#fff;transform:translateY(-1px)}.shadowing-btn-restore{background:#d1fae5;color:#059669}.shadowing-btn-restore:hover{background:#10b981;color:#fff;transform:translateY(-1px)}.shadowing-btn-delete-permanent{background:#fee2e2;color:#dc2626}.shadowing-btn-delete-permanent:hover{background:#dc2626;color:#fff;transform:translateY(-1px)}.shadowing-empty-state{text-align:center;padding:60px 20px;color:var(--gray-600)}.shadowing-empty-state i{font-size:64px;color:var(--gray-300);margin-bottom:16px}.shadowing-empty-state h3{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--gray-800)}.shadowing-empty-state p{font-size:14px;max-width:400px;margin:0 auto;line-height:1.6}.shadowing-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-top:12px;flex-wrap:wrap;gap:12px}.shadowing-pagination-info{font-size:12px;color:var(--gray-600);font-weight:500}.shadowing-pagination-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.shadowing-items-per-page{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gray-600)}.shadowing-items-per-page label{font-weight:500}.shadowing-select{padding:4px 10px;border:2px solid var(--gray-200);border-radius:var(--radius);font-size:12px;font-weight:600;color:var(--gray-800);background:#fff;cursor:pointer;transition:all .2s;outline:none}.shadowing-select:hover{border-color:var(--primary)}.shadowing-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #9c27b01a}.shadowing-page-numbers{display:flex;align-items:center;gap:3px}.shadowing-page-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:2px solid var(--gray-200);background:#fff;border-radius:var(--radius);cursor:pointer;transition:all .2s;color:var(--gray-600);font-size:13px}.shadowing-page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--gray-50)}.shadowing-page-btn:disabled{opacity:.3;cursor:not-allowed}.shadowing-page-number{min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:2px solid var(--gray-200);background:#fff;border-radius:var(--radius);cursor:pointer;transition:all .2s;color:var(--gray-600);font-size:12px;font-weight:600;padding:0 6px}.shadowing-page-number:hover{border-color:var(--primary);color:var(--primary);background:var(--gray-50)}.shadowing-page-number.active{background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:#fff;border-color:var(--primary);box-shadow:var(--shadow)}.shadowing-page-ellipsis{padding:0 6px;color:var(--gray-400);font-weight:600;display:flex;align-items:center}.shadowing-page-info{font-size:12px;color:var(--gray-600);font-weight:500;white-space:nowrap}.shadowing-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto}.shadowing-modal{background:#fff;border-radius:var(--radius-lg);max-width:800px;width:100%;max-height:90vh;overflow:auto;box-shadow:var(--shadow-lg)}.shadowing-modal-header{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.shadowing-modal-title{font-size:18px;font-weight:700}.shadowing-modal-close{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s}.shadowing-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.shadowing-modal-body{padding:24px}.shadowing-view-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.shadowing-detail-item{background:var(--gray-50);padding:14px 16px;border-radius:var(--radius);border-left:4px solid var(--primary)}.shadowing-detail-label{font-size:11px;font-weight:700;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.shadowing-detail-value{font-size:14px;font-weight:600;color:var(--gray-800)}.shadowing-dropdown-wrapper{display:flex;flex-direction:column;gap:6px}.shadowing-dropdown-search,.shadowing-form-select,.shadowing-form-input,.shadowing-form-textarea{width:100%;padding:8px 12px;border:2px solid var(--gray-200);border-radius:var(--radius);font-size:13px;color:var(--gray-800);background:var(--gray-50);transition:all .2s;font-family:inherit}.shadowing-form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}.shadowing-form-input:focus,.shadowing-form-select:focus,.shadowing-form-textarea:focus,.shadowing-dropdown-search:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #9c27b01a;outline:none}.shadowing-form-input:disabled,.shadowing-form-select:disabled{background:var(--gray-100);cursor:not-allowed;opacity:.7}.shadowing-input-valid{border-color:var(--success)!important;background:#f0fdf4!important}.shadowing-dropdown-loading{padding:10px;text-align:center;color:var(--gray-600);font-size:13px;background:var(--gray-50);border-radius:var(--radius);border:2px dashed var(--gray-300)}.shadowing-multiselect-wrapper{display:flex;flex-direction:column;gap:8px}.shadowing-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;max-height:180px;overflow-y:auto;padding:4px;border:2px solid var(--gray-200);border-radius:var(--radius);background:var(--gray-50)}.shadowing-checkbox-grid::-webkit-scrollbar{width:6px}.shadowing-checkbox-grid::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.shadowing-check-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#fff;border:1px solid var(--gray-200);border-radius:6px;cursor:pointer;transition:all .2s;font-size:12px}.shadowing-check-item:hover{border-color:var(--primary);background:#f3e5f5}.shadowing-check-item input[type=checkbox]{accent-color:var(--primary);width:14px;height:14px;cursor:pointer;flex-shrink:0}.shadowing-check-item.disabled{opacity:.5;cursor:not-allowed;background:var(--gray-100)}.shadowing-check-item.disabled:hover{border-color:var(--gray-200);background:var(--gray-100)}.shadowing-client-label{flex:1;display:flex;align-items:center;gap:6px;font-weight:500;min-width:0}.shadowing-client-label .shadowing-badge-mini{flex-shrink:0}.shadowing-badge-mini{background:var(--warning);color:#fff;font-size:9px;padding:2px 6px;border-radius:10px;font-weight:600}.shadowing-selected-count{font-size:11px;color:var(--primary);font-weight:600;padding:4px 8px;background:#f3e5f5;border-radius:var(--radius);align-self:flex-start}.shadowing-avatar-mini{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid var(--gray-200);flex-shrink:0}.shadowing-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.shadowing-search-box{position:relative}.shadowing-search-box i{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--gray-500);font-size:13px;pointer-events:none;z-index:1}.shadowing-dropdown-search{padding-left:32px!important;padding-right:32px!important}.shadowing-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--gray-500);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:2}.shadowing-search-clear:hover{background:var(--gray-200);color:var(--gray-800)}@media(max-width:640px){.shadowing-checkbox-grid{grid-template-columns:1fr;max-height:150px}.shadowing-action-btn span{display:none}.shadowing-action-btn{padding:6px;width:36px;height:36px;justify-content:center}}@keyframes shadowing-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.shadowing-tab-content{animation:shadowing-fadeIn .3s ease-out}.shadowing-toast{position:fixed;bottom:24px;right:24px;background:var(--gray-800);color:#fff;padding:14px 24px;border-radius:var(--radius);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:12px;z-index:2000;animation:shadowing-slideIn .3s ease-out}.shadowing-toast.success{background:var(--success)}.shadowing-toast.error{background:var(--danger)}@keyframes shadowing-slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:968px){.shadowing-form-grid,.shadowing-form-grid-3,.shadowing-sig-row{grid-template-columns:1fr}.shadowing-table-list-header,.shadowing-table-list-row{grid-template-columns:1fr;gap:12px}.shadowing-table-list-header{display:none}.shadowing-table-list-row{border:2px solid var(--gray-200);border-radius:var(--radius);margin-bottom:12px;padding:16px}.shadowing-cell{display:flex;justify-content:space-between;align-items:center}.shadowing-cell:before{content:attr(data-label);font-weight:700;color:var(--gray-600);font-size:12px;text-transform:uppercase}.shadowing-action-btns{justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:2px solid var(--gray-200)}.shadowing-progress-bar{flex-direction:column}.shadowing-step{border-right:none;border-bottom:1px solid var(--gray-200)}.shadowing-page-header{flex-direction:column;align-items:flex-start}.shadowing-header-actions{width:100%}.shadowing-header-actions .shadowing-btn{flex:1;justify-content:center}.shadowing-search-export-bar{flex-direction:column;align-items:stretch}.shadowing-search-box{min-width:100%}.shadowing-export-buttons{width:100%;justify-content:center}}@media(max-width:640px){.shadowing-page-content,.shadowing-card-body{padding:16px}.shadowing-form-table{font-size:13px}.shadowing-form-table th,.shadowing-form-table td{padding:10px 12px}.shadowing-observed-grid{grid-template-columns:1fr}.shadowing-view-tabs{flex-wrap:wrap}.shadowing-view-tab{flex:1;min-width:120px;justify-content:center}.shadowing-btn{width:100%;justify-content:center}.shadowing-form-footer{flex-direction:column}.shadowing-form-footer .shadowing-btn{width:100%}.shadowing-action-btn span{display:none}.shadowing-action-btn{padding:6px;width:36px;height:36px;justify-content:center}.shadowing-pagination{flex-direction:column;align-items:stretch}.shadowing-pagination-controls{flex-direction:column;gap:10px;width:100%}.shadowing-items-per-page{width:100%;justify-content:center}.shadowing-page-numbers{flex-wrap:wrap;justify-content:center;width:100%}.shadowing-page-info{order:-1;width:100%;text-align:center;margin-bottom:6px}}*{margin:0;padding:0;box-sizing:border-box}.disciplinary-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f3f4f6;color:#222;min-height:100vh}.disciplinary-top-nav{background:#fff;display:flex;align-items:center;padding:0 12px;height:52px;border-bottom:1px solid #e5e7eb;gap:2px;position:sticky;top:0;z-index:100;box-shadow:0 2px 6px #00000014;flex-wrap:wrap}.disciplinary-brand{display:flex;align-items:center;gap:8px;background:#c2185b;border-radius:8px;padding:5px 10px;margin-right:6px}.disciplinary-brand-text{color:#fff;font-size:11px;font-weight:700;line-height:1.2}.disciplinary-brand-text span{display:block;font-weight:400;font-size:10px;opacity:.85}.disciplinary-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 10px;border-radius:6px;cursor:pointer;font-size:10px;color:#555;gap:2px;min-width:60px;border:none;background:transparent;transition:background .15s}.disciplinary-nav-btn i{font-size:16px;color:#888}.disciplinary-nav-btn:hover{background:#fce4ec}.disciplinary-nav-btn.active{background:#e91e8c;color:#fff}.disciplinary-nav-btn.active i{color:#fff}.disciplinary-nav-right{margin-left:auto;display:flex;align-items:center;gap:10px}.disciplinary-nav-time{font-size:13px;font-weight:600;color:#555}.disciplinary-nav-user{background:#9c27b0;color:#fff;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.disciplinary-nav-icon-btn{background:none;border:none;cursor:pointer;color:#888;font-size:18px;position:relative}.disciplinary-badge{position:absolute;top:-4px;right:-4px;background:#e91e8c;color:#fff;border-radius:50%;width:14px;height:14px;font-size:9px;display:flex;align-items:center;justify-content:center}.disciplinary-sub-nav{background:#fff;border-bottom:2px solid #e5e7eb;display:flex;align-items:center;padding:0 20px;overflow-x:auto}.disciplinary-sub-nav-item{padding:12px 18px;font-size:13px;cursor:pointer;color:#666;display:flex;align-items:center;gap:6px;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .15s;white-space:nowrap}.disciplinary-sub-nav-item:hover{color:#9c27b0}.disciplinary-sub-nav-item.active{color:#9c27b0;border-bottom-color:#9c27b0;font-weight:600}.disciplinary-sub-nav-item i{font-size:14px}.disciplinary-page-content{padding:20px 24px;max-width:1300px;margin:0 auto}.disciplinary-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:10px}.disciplinary-page-title{font-size:20px;font-weight:700;color:#222;display:flex;align-items:center;gap:8px}.disciplinary-page-title i{color:#9c27b0}.disciplinary-header-actions{display:flex;gap:8px;flex-wrap:wrap}.disciplinary-btn{padding:7px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:none;display:flex;align-items:center;gap:6px;transition:opacity .15s}.disciplinary-btn:hover{opacity:.88}.disciplinary-btn-purple{background:#9c27b0;color:#fff}.disciplinary-btn-green{background:#22c55e;color:#fff}.disciplinary-btn-pink{background:#e91e8c;color:#fff}.disciplinary-btn-gray{background:#e5e7eb;color:#444}.disciplinary-btn-red{background:#ef4444;color:#fff}.disciplinary-btn-full{width:100%;justify-content:center}.disciplinary-stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.disciplinary-stat-card{background:#fff;border-radius:10px;padding:14px 16px;box-shadow:0 1px 5px #00000012;display:flex;flex-direction:column;gap:4px;border-top:3px solid #9c27b0}.disciplinary-stat-card-red{border-top-color:#ef4444}.disciplinary-stat-card-orange{border-top-color:#f97316}.disciplinary-stat-card-green{border-top-color:#22c55e}.disciplinary-stat-card-blue{border-top-color:#3b82f6}.disciplinary-stat-label{font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.4px}.disciplinary-stat-value{font-size:26px;font-weight:800;color:#222}.disciplinary-stat-sub{font-size:11px;color:#aaa}.disciplinary-notice-box{background:#fff;border-left:4px solid #9c27b0;border-radius:8px;padding:14px 18px;margin-bottom:18px;box-shadow:0 1px 5px #0000000f}.disciplinary-notice-title{font-size:14px;font-weight:700;color:#9c27b0;margin-bottom:8px;display:flex;align-items:center;gap:6px}.disciplinary-notice-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.disciplinary-notice-section-title{font-size:12px;color:#555;display:block;margin-bottom:5px}.disciplinary-notice-box ul{padding-left:18px}.disciplinary-notice-box ul li{font-size:12.5px;color:#555;margin-bottom:5px;line-height:1.5}.disciplinary-card{background:#fff;border-radius:10px;box-shadow:0 1px 6px #00000014;margin-bottom:18px;overflow:hidden}.disciplinary-card-header{background:#9c27b0;color:#fff;padding:11px 18px;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:space-between}.disciplinary-card-header-left{display:flex;align-items:center;gap:8px}.disciplinary-card-body{padding:16px 18px}.disciplinary-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.disciplinary-search-box{display:flex;align-items:center;gap:6px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:7px;padding:6px 12px;flex:1;min-width:200px}.disciplinary-search-box i{color:#aaa;font-size:13px}.disciplinary-search-box input{border:none;background:transparent;outline:none;font-size:13px;color:#333;width:100%}.disciplinary-filter-select,.disciplinary-show-select{border:1px solid #e5e7eb;border-radius:7px;padding:6px 10px;font-size:13px;color:#444;background:#f9fafb;outline:none}.disciplinary-tbl-wrap{overflow-x:auto}.disciplinary-disc-table{width:100%;border-collapse:collapse;font-size:12.5px;min-width:900px}.disciplinary-disc-table thead tr{background:#9c27b0}.disciplinary-disc-table thead th{color:#fff;padding:10px 12px;text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.disciplinary-disc-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .1s}.disciplinary-disc-table tbody tr:hover{background:#fdf4ff}.disciplinary-disc-table tbody tr.disciplinary-overdue{background:#fff5f5}.disciplinary-disc-table tbody tr.disciplinary-overdue:hover{background:#fee2e2}.disciplinary-disc-table td{padding:9px 12px;vertical-align:middle;color:#333}.disciplinary-avatar{width:32px;height:32px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.disciplinary-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.disciplinary-badge-red{background:#fee2e2;color:#991b1b}.disciplinary-badge-orange{background:#ffedd5;color:#9a3412}.disciplinary-badge-yellow{background:#fef9c3;color:#854d0e}.disciplinary-badge-green{background:#dcfce7;color:#166534}.disciplinary-badge-purple{background:#f3e8ff;color:#6b21a8}.disciplinary-badge-blue{background:#dbeafe;color:#1e40af}.disciplinary-badge-gray{background:#f3f4f6;color:#374151}.disciplinary-badge-pink{background:#fce7f3;color:#9d174d}.disciplinary-emp-id{font-size:11px;color:#888}.disciplinary-action-btns{display:flex;gap:5px}.disciplinary-icon-btn{background:none;border:1px solid #e5e7eb;border-radius:5px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:#666;transition:all .15s}.disciplinary-icon-btn:hover{background:#9c27b0;color:#fff;border-color:#9c27b0}.disciplinary-icon-btn.disciplinary-del:hover{background:#ef4444;border-color:#ef4444}.disciplinary-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 0 0;font-size:12.5px;color:#666;flex-wrap:wrap;gap:8px}.disciplinary-page-info{font-size:12.5px;color:#666}.disciplinary-page-btns{display:flex;gap:4px}.disciplinary-page-btn{width:32px;height:32px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-size:13px;font-weight:600;color:#555;display:flex;align-items:center;justify-content:center;transition:all .15s}.disciplinary-page-btn:hover:not(:disabled){border-color:#9c27b0;color:#9c27b0}.disciplinary-page-btn.disciplinary-active{background:#9c27b0;color:#fff;border-color:#9c27b0}.disciplinary-page-btn:disabled{opacity:.5;cursor:not-allowed}.disciplinary-checklist-card{background:#fff;border-radius:10px;box-shadow:0 1px 6px #00000014;margin-bottom:18px;overflow:hidden}.disciplinary-checklist-header{background:linear-gradient(135deg,#9c27b0,#e91e8c);color:#fff;padding:12px 18px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}.disciplinary-checklist-body{padding:16px 18px}.disciplinary-progress-wrap{margin-bottom:14px}.disciplinary-progress-label{font-size:12px;color:#666;margin-bottom:5px;display:flex;justify-content:space-between}.disciplinary-progress-bar-outer{background:#f0f0f0;border-radius:6px;height:10px;overflow:hidden}.disciplinary-progress-bar-inner{background:linear-gradient(90deg,#9c27b0,#e91e8c);height:100%;border-radius:6px;transition:width .4s}.disciplinary-checklist-section{margin-bottom:18px}.disciplinary-checklist-section-title{font-size:12px;font-weight:700;color:#9c27b0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #f3e5f5}.disciplinary-checklist-item{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:6px;margin-bottom:5px;cursor:pointer;transition:background .15s;border:1px solid transparent}.disciplinary-checklist-item:hover{background:#f3e5f5;border-color:#e5e7eb}.disciplinary-checklist-item.disciplinary-checked{background:#f0fdf4;border-color:#bbf7d0}.disciplinary-checklist-item input[type=checkbox]{accent-color:#9c27b0;width:16px;height:16px;flex-shrink:0;margin-top:1px}.disciplinary-ci-text{font-size:12.5px;color:#444;line-height:1.5}.disciplinary-checklist-item.disciplinary-checked .disciplinary-ci-text{color:#166534}.disciplinary-main-grid{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}.disciplinary-modal-overlay{display:flex;position:fixed;inset:0;background:#00000073;z-index:200;align-items:center;justify-content:center;padding:20px}.disciplinary-modal{background:#fff;border-radius:12px;width:100%;max-width:680px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.disciplinary-modal-header{background:#9c27b0;color:#fff;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-radius:12px 12px 0 0}.disciplinary-modal-header h3{font-size:15px;font-weight:700}.disciplinary-modal-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;opacity:.8}.disciplinary-modal-close:hover{opacity:1}.disciplinary-modal-body{padding:20px}.disciplinary-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.disciplinary-form-group{display:flex;flex-direction:column;gap:4px}.disciplinary-form-group label{font-size:11px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.4px}.disciplinary-form-group input,.disciplinary-form-group select,.disciplinary-form-group textarea{border:1px solid #d1d5db;border-radius:6px;padding:7px 10px;font-size:13px;color:#222;outline:none;background:#fafafa;transition:border-color .15s}.disciplinary-form-group input:focus,.disciplinary-form-group select:focus,.disciplinary-form-group textarea:focus{border-color:#9c27b0;background:#fff;box-shadow:0 0 0 2px #9c27b01a}.disciplinary-form-group textarea{resize:vertical;min-height:70px}.disciplinary-full{grid-column:1 / -1}.disciplinary-modal-footer{padding:14px 20px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:8px}.disciplinary-detail-panel{background:#fff;border-radius:10px;box-shadow:0 1px 6px #00000014;padding:18px;margin-bottom:18px}.disciplinary-detail-row{display:flex;gap:12px;margin-bottom:8px;font-size:13px}.disciplinary-detail-label{font-weight:600;color:#888;min-width:130px;font-size:12px;text-transform:uppercase;letter-spacing:.3px}.disciplinary-detail-value{color:#222}@media(max-width:1024px){.disciplinary-main-grid{grid-template-columns:1fr}.disciplinary-checklist-card{order:2}.disciplinary-card{order:1}}@media(max-width:900px){.disciplinary-stats-row{grid-template-columns:repeat(3,1fr)}.disciplinary-notice-cols,.disciplinary-form-grid{grid-template-columns:1fr}}@media(max-width:600px){.disciplinary-stats-row{grid-template-columns:1fr 1fr}.disciplinary-page-header{flex-direction:column;align-items:flex-start}.disciplinary-header-actions{width:100%;justify-content:stretch}.disciplinary-header-actions .disciplinary-btn{flex:1;justify-content:center}.disciplinary-toolbar{flex-direction:column;align-items:stretch}.disciplinary-search-box{min-width:100%}.disciplinary-filter-select,.disciplinary-show-select{width:100%}.disciplinary-pagination{flex-direction:column;align-items:stretch}.disciplinary-page-btns{justify-content:center}.disciplinary-nav-btn span{display:none}.disciplinary-nav-btn{min-width:40px}.disciplinary-nav-time{display:none}}@media(max-width:480px){.disciplinary-stats-row{grid-template-columns:1fr}.disciplinary-page-content,.disciplinary-card-body{padding:12px}.disciplinary-modal{max-height:95vh}.disciplinary-modal-body{padding:12px}}.clients-container{padding:20px;background-color:#f9fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.clients-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.new-client-indicator{margin-right:2px;font-size:1em;vertical-align:middle;color:#28a745}.clients-table th,.clients-table td{border-right:1px solid #e5e7eb}.clients-table th:last-child,.clients-table td:last-child{border-right:none}.clients-table{border:1px solid #e5e7eb}.sortable:hover{background:#171426;cursor:pointer}.sort-icons{font-size:11px;margin-left:1px;color:#bbb}.sort-icons.active{color:#fcd702;font-weight:700}.bodymap-list{display:flex;flex-direction:column;gap:15px}.bodymap-list-item{border:1px solid #ddd;border-radius:8px;padding:15px;cursor:pointer;transition:all .2s ease}.bodymap-list-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.bodymap-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.bodymap-item-header h3{margin:0;color:#2c3e50}.entry-date{font-size:.8rem;color:#7f8c8d}.bodymap-item-preview{display:flex;justify-content:space-between;align-items:center}.bodymap-item-preview p{margin:0;flex:1;padding-right:15px}.image-preview{width:60px;height:60px;overflow:hidden;border-radius:4px}.image-preview img{width:100%;height:100%;object-fit:cover}.bodymap-detail-view{max-width:800px;margin:0 auto}.back-btn{background-color:#3498db;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;margin-bottom:20px;font-size:14px}.back-btn:hover{background-color:#2980b9}.bodymap-detail-card{border:1px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.bodymap-detail-header{background-color:#f8f9fa;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}.bodymap-detail-header h2{margin:0;color:#2c3e50}.entry-id{font-size:.9rem;color:#7f8c8d}.bodymap-detail-content{padding:20px}.detail-row{display:flex;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px}.detail-label{font-weight:700;width:150px;color:#2c3e50}.detail-value{flex:1}.detail-image-container{margin-top:20px;display:flex;flex-direction:column}.bodymap-detail-image{max-width:100%;max-height:400px;border-radius:4px;margin-top:10px;border:1px solid #ddd}.clients-title{font-size:24px;font-weight:700;color:#2c3e50;margin:0 0 10px}.name-title{font-size:20px;font-weight:700;color:#091724;margin:0 0 2px}.clients-actions{display:flex;gap:10px;flex-wrap:wrap}.clients-row{display:flex;gap:40px}.clients-list-btn{padding:4px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:14px;height:25px;width:120px}.clients-export-btn{padding:4px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:14px;height:25px;width:45px}.active-btn{background-color:#23ad237d;color:#fff}.active-btn:hover{background-color:#2b792bde;transform:translateY(-1px)}.archived-btn{background-color:#3743457d;color:#fff}.archived-btn:hover{background-color:#24393d;transform:translateY(-1px)}.clients-excel-btn{background-color:#28a745;color:#fff;height:25px;width:45px}.clients-excel-btn:hover{background-color:#218838;transform:translateY(-1px)}.clients-pdf-btn{background-color:#e91e63;color:#fff}.clients-pdf-btn:hover{background-color:#c2185b;transform:translateY(-1px)}.clients-print-btn{background-color:#6c5ce7;color:#fff}.clients-print-btn:hover{background-color:#5a4fcf;transform:translateY(-1px)}.txtbox{padding:8px!important;border:1px solid rgb(235,192,255)!important;color:#074a96}.txtlabel{font-size:14px;padding:10px}.clients-error{color:#ff4b4b;font-size:12px}.clients-record-btn{background-color:#074a96;color:#fff;padding:10px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;height:30px;width:150px}.clients-record-btn:hover{background-color:#1976d2;transform:translateY(-1px)}.clients-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.clients-search-container{display:flex;align-items:center;gap:10px}.clients-search-label{font-weight:500;color:#555}.clients-search-input{padding:8px 12px;border:2px solid #e1e5e9;border-radius:6px;font-size:14px;transition:border-color .2s ease;min-width:200px}.clients-search-input:focus{outline:none;border-color:#c3bfff}.clients-nok-heading{padding-top:5px!important;padding-bottom:5px!important;box-shadow:0 2px 8px #09071980}.clients-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000080;overflow:hidden;margin-top:25px;margin-bottom:30px;max-height:60vh;overflow-y:auto;overflow-x:auto;position:relative}.rota-table-container{background:#cdcdcd5d;border-radius:8px;box-shadow:0 2px 8px #00000080;overflow:hidden;margin:20px;max-height:67vh;overflow-y:auto;overflow-x:auto;position:relative}.scroll-y{border-radius:8px;box-shadow:0 2px 8px #00000080;overflow:hidden;max-height:70vh;overflow-y:auto;overflow-x:auto;position:relative}.clients-table{width:100%;border-collapse:collapse;font-size:14px}.clients-table-header{background:linear-gradient(135deg,#4c4651,#455568);color:#fff;position:sticky;top:0;z-index:5}.p-top-bottom{padding-top:5px;padding-bottom:5px}.clients-sort-indicator{margin-left:5px;font-size:12px}.clients-table-body tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.clients-table-body tr:nth-child(2n){background-color:#e9fafa}.clients-table-body tr:hover{background-color:#fffac2;cursor:pointer}.clients-table-body tr:hover{color:#206ad8;box-shadow:0 2px 8px #0006}.clients-table-body td{padding:5px;vertical-align:left;border-bottom:1px solid #bebebeca}.clients-more-details-btn{background-color:#8fc5ed;color:#333;border:none;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.clients-more-details-btn:hover{background-color:#ffb300;transform:translateY(-1px)}.clients-edit-btn{background-color:transparent;color:#11667d;border:1px solid #1ea2e9;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.clients-edit-btn:hover{background-color:#1e7de9;color:#fff;transform:translateY(-1px)}.clients-pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:5px;background:#fff;padding:4px 8px;border-radius:4px;box-shadow:0 2px 8px #0000001a;margin-top:8px;position:relative;z-index:10;width:100%;box-sizing:border-box;position:sticky;bottom:0}.clients-pagination-info{color:#333;font-size:14px;font-weight:500}.clients-pagination-controls{display:flex;gap:8px;align-items:center}.clients-pagination-btn{padding:5px 8px;border:1px solid #ddd;background:#fff;color:#333;cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:13px;font-weight:500;min-width:40px;text-align:center}.clients-pagination-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#2196f3;color:#2196f3;transform:translateY(-1px)}.clients-pagination-btn.active{background-color:#2196f3;color:#fff;border-color:#2196f3;box-shadow:0 2px 4px #2196f34d}.clients-pagination-btn:disabled{opacity:.4;cursor:not-allowed;background-color:#f8f9fa;color:#999}.clients-no-data{text-align:center;padding:40px;color:#666;font-style:italic}@media(max-width:1200px){.clients-table-container{overflow-x:auto;overflow-y:auto;max-height:55vh}.rota-table-container{overflow-x:auto;overflow-y:auto;max-height:65vh}.clients-table{min-width:1000px}}@media(max-width:768px){.clients-container{padding:10px}.clients-title{font-size:20px}.clients-header{flex-direction:column;align-items:stretch}.clients-actions{justify-content:center}.clients-controls{flex-direction:column;align-items:stretch}.clients-search-container{justify-content:center}.clients-search-input{min-width:250px}.clients-pagination{flex-direction:column;text-align:center;gap:15px}.clients-table{font-size:12px}.clients-table-header th,.clients-table-body td{padding:8px 6px}.clients-table-container{max-height:45vh}.rota-table-container{max-height:55vh}}@media(max-width:480px){.clients-export-btn,.clients-record-btn{padding:6px 12px;font-size:12px}.clients-search-input{min-width:200px}.clients-pagination-btn{padding:8px 12px;font-size:13px;min-width:35px}}.clients-modal-overlay{position:fixed;inset:0;background-color:#0d0d0e8d;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.clients-modal-content{background:#f4fbff;padding:20px;border-radius:8px;position:relative;max-width:600px;width:100%;box-shadow:0 4px 12px #00000026;max-height:90vh;overflow-y:auto}.clients-modal-close-btn{position:absolute;top:1px;right:1px;border:none;font-size:1.5rem;cursor:pointer;color:#555}.clients-modal-content.modal-lg{max-width:1150px}.clients-modal-form h3{margin-top:0;margin-bottom:20px;color:#fff;background-color:#3c5157;padding:2px 2px 2px 30px;font-weight:700;border-radius:2px}.clients-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.clients-form-group{display:flex;flex-direction:column}.clients-form-group label{margin-bottom:5px;font-weight:600;color:#444}.clients-form-group input,.clients-form-group select{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem}.clients-form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:10px;border-top:1px solid #eee}.clients-submit-btn{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:1rem}@media(max-width:650px){.clients-form-grid{grid-template-columns:1fr}}.clients-modal-content{max-width:900px;width:95%}.clients-form-grid-three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 15px;margin-bottom:20px}.clients-form-group .span-3{grid-column:1 / -1}.clients-form-group textarea{min-height:40px;resize:vertical}.clients-radio-group{display:flex;gap:15px;align-items:center;height:100%;padding-top:5px}.clients-radio-group label{font-weight:400;margin-bottom:0;display:flex;align-items:center;gap:5px;cursor:pointer}.clients-radio-group input[type=radio]{margin-right:5px;transform:scale(1.1)}.clients-form-bottom-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px 15px;margin-top:20px;margin-bottom:20px}.clients-form-actions-submit-only{justify-content:flex-end;border-top:none;padding-top:0}.clients-submit-blue{background-color:#007bff!important;color:#fff!important;padding:10px 30px!important;font-weight:700;border-radius:6px;transition:background-color .2s}.clients-submit-blue:hover{background-color:#003989!important}.clients-form-actions .clients-cancel-btn{display:none}@media(max-width:950px){.clients-form-grid-three-col,.clients-form-bottom-row{grid-template-columns:1fr 1fr}.clients-form-group .span-3{grid-column:1 / -1}.clients-form-group-placeholder{display:none}}@media(max-width:600px){.clients-form-grid-three-col,.clients-form-bottom-row{grid-template-columns:1fr}}.clients-modal-header{display:flex;justify-content:space-between;align-items:center;padding:4px 20px;border-bottom:1px solid #2e5175;background:linear-gradient(135deg,#e859ea,#e102ff,#8902ff);border-top-left-radius:8px;border-top-right-radius:8px}.clients-modal-title{margin:0;font-size:1.5rem;font-weight:700;color:#0f0623}.clients-modal-footer{display:flex;justify-content:space-between;padding:5px 20px;border-top:1px solid #a6aaad;background-color:#dad7da;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.clients-modal-body{padding:20px;max-height:80vh;overflow-y:auto}.clients-cancel-btn{background-color:#6c757d;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:1rem;float:lleft}.clients-cancel-btn:hover{background-color:#575e65}.clients-modal-content{padding:0;border-radius:8px;overflow:hidden}.clients-modal-content>.clients-modal-close-btn{display:none}.notification{position:fixed;top:20px;right:20px;z-index:1000;padding:15px 25px;border-radius:8px;box-shadow:0 4px 12px #0003;font-size:16px;font-weight:500;opacity:0;transition:opacity .5s ease-in-out,transform .5s ease-in-out;transform:translate(100%);pointer-events:none}.notification.show{opacity:1;transform:translate(0);pointer-events:auto}.notification.success{background-color:#4caf50;color:#fff;border-left:5px solid #388E3C}.notification.error{background-color:#f44336;color:#fff;border-left:5px solid #D32F2F}.notification.warning{background-color:#ff9800;color:#333;border-left:5px solid #F57C00}.notification.info{background-color:#2196f3;color:#fff;border-left:5px solid #1976D2}.clients-notification{position:fixed;top:20px;right:20px;z-index:9000;padding:15px 30px;border-radius:8px;font-weight:600;text-align:center;color:#fff;box-shadow:0 4px 12px #00000040;min-width:350px;max-width:500px;background-color:#28a745;border-left:5px solid #1e7e34;opacity:0;transform:translateY(-50px);animation:slideInFadeOut 3.5s ease-in-out forwards}.clients-notification.error{background-color:#dc3545;border-left:5px solid #c82333}@keyframes slideInFadeOut{0%{opacity:0;transform:translateY(-50px)}5%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}.clients-select-dropdown{padding:2px 4px;font-size:12px;max-height:30px!important;font-weight:800;border:1px solid #ccc;border-radius:6px;background:#b2b2b2;color:#333;cursor:pointer;margin-right:12px;transition:all .2s ease-in-out}.clients-select-dropdown:focus{outline:none;border-color:#007bff;background:#fff}.clients-select-dropdown:hover{border-color:#007bff}.clients-select-dropdown option{padding:2px;font-size:14px}.col-two{display:grid;grid-template-columns:1fr 1fr;gap:20px 15px}.clients-form-grid-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px 15px;margin-bottom:20px}.clients-form-group.span-2{grid-column:1 / -1}@media(max-width:650px){.clients-form-grid-two-col{grid-template-columns:1fr}}.clients-form-grid-four-col{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 15px;margin-bottom:20px}.clients-form-group.span-4{grid-column:1 / -1}@media(max-width:1024px){.clients-form-grid-four-col{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.clients-form-grid-four-col{grid-template-columns:1fr}}.client-details-wrapper{padding:20px;background-color:#f9fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.client-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.client-details-title{font-size:28px;font-weight:700;color:#2c3e50;margin:0;flex:1;text-align:center}.back-to-list-btn{background-color:#b6c6ee;color:#00000e;padding:2px 8px;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.back-to-list-btn:hover{background-color:#5a6268;transform:translateY(-1px)}.edit-client-btn{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:14px}.edit-client-btn:hover{background-color:#0056b3;transform:translateY(-1px)}.client-details-content{display:flex;flex-direction:column;gap:25px}.section-title,.profile-title{font-size:18px;font-weight:700;color:#060510;background:linear-gradient(135deg,#b3c1c5,#cddae0);padding:2px 20px;margin:-20px -10px 15px;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:2px solid #c1c4c9}.clients-loading-details,.clients-error-message{text-align:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:20px}.clients-loading-details{font-size:18px;color:#666}.clients-loading-details i{font-size:24px;margin-right:10px}.clients-error-message{color:#dc3545}.clients-error-message button{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:6px;font-weight:500;cursor:pointer;margin-top:15px}.clients-error-message button:hover{background-color:#0056b3}@media(max-width:768px){.client-details-wrapper{padding:15px}.client-details-header{flex-direction:column;align-items:stretch}.client-details-title{font-size:22px;text-align:left}.details-grid{grid-template-columns:1fr}.client-details-section{padding:20px}.section-title{margin:-20px -20px 15px;font-size:18px}}@media(max-width:480px){.back-to-list-btn,.edit-client-btn{width:100%;text-align:center}}.medication-name{font-weight:500;margin-bottom:4px}.medication-details{font-size:.9em;color:#555;margin-left:20px;margin-top:4px}.not-administered-item{color:#d32f2f}.client-profile-tabs-wrapper{width:100%;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0006}.client-profile-header{display:flex;align-items:center;justify-content:space-between;padding:5px 20px;border-top:2px solid rgb(22,8,43);border-top-left-radius:8px;border-top-right-radius:8px;background:linear-gradient(135deg,#4c4651,#455568);color:#fff;flex-wrap:wrap;gap:15px}.client-profile-title{font-size:18px;font-weight:700;margin:0;flex:1;color:#d5e2e5!important;min-width:250px}.client-profile-actions{display:flex;gap:10px;flex-wrap:wrap}.edit-client-btn,.archive-client-btn{padding:1px 5px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.edit-client-btn{background:#fff;color:#667eea}.edit-client-btn:hover{background:#f0f0f0;transform:translateY(-2px)}.archive-client-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.archive-client-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.tabs-navigation{display:flex;background:#ebeff4;border-bottom:2px solid #bababa;overflow-x:auto;flex-wrap:wrap}.tab-btn{padding:10px 25px;border:none;background:transparent;color:#666;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;white-space:nowrap}.tab-btn:hover{background:#e9ecef;color:#333}.tab-btn.active{color:#667eea;border-bottom-color:#667eea;background:#fff}.tab-export-actions{display:flex;gap:15px;flex-wrap:wrap}.export-btn{padding:1px 5px;border:1px solid #ddd;border-radius:5px;color:#333;font-size:12px;cursor:pointer;transition:all .3s ease}.export-btn:hover{transform:translateY(-2px);box-shadow:0 2px 8px #00000026}.excel-btn{background:#1d6f42;color:#fff;border-color:#454a47}.pdf-btn{background:#b04744;color:#fff;border-color:#403d45}.print-btn{background:#1d2a35;color:#fff;border-color:#6c757d}.add-btn{padding:6px 10px;border:1px solid #ddd;border-radius:5px;background:#203da7;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.add-btn:hover{background:#6c757d;color:#fff;border-color:#6c757d}.tab-content{padding:30px;min-height:400px;border-color:#152f45!important;max-height:70vh;overflow-y:auto}.tab-loading,.tab-error,.no-data{text-align:center;padding:60px 20px;font-size:16px;color:#666}.tab-error{color:#dc3545}.client-details-section{margin-bottom:30px;background:#f8f9fa;padding:10px;margin-left:0;margin-right:0;border-radius:8px;box-shadow:0 2px 8px #41243e33}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding-top:8px;padding-bottom:1px;margin-bottom:5px;border-bottom:1px solid #c4c9cf}.detail-item{display:flex;flex-direction:column}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-size:14px;font-weight:600;color:#666;letter-spacing:.5px}.detail-item span{color:#3e4c6c;font-size:15px;font-weight:700;display:flex;align-items:center}.logbook-cards{display:grid;gap:20px}.logbook-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:10px}.date-filter-container{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between}.date-filter-container label{font-size:14px;font-weight:600;color:#5c65ae}.date-filter-input{padding:4px 12px;border:1px solid #ddd;border-radius:5px;font-size:14px;color:#333;font-weight:700;border-color:#b73ab9;background-color:#eaaffa50;cursor:pointer;transition:all .3s ease}.date-filter-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.date-filter-input:hover{background:#3551dc8e;color:#fff;box-shadow:0 2px 8px #3575dc4d}.clear-date-btn{padding:4px 16px;border:1px solid #dc3545;border-radius:5px;background:#fff;color:#dc3545;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.clear-date-btn:hover{background:#dc3545;color:#fff;transform:translateY(-2px);box-shadow:0 2px 8px #dc35454d}.logbook-card{margin-top:10px;background:#fff;border-top:1px solid #cac8ce;border-left:4px solid deepPink;box-shadow:0 4px 12px #0000001a;border-radius:8px;padding:10px 10px 0;transition:all .3s ease}.logbook-card:hover{box-shadow:0 4px 12px #0006;transform:translate(5px);background:#f6f4f4}.logbook-card-header{display:flex;background:#81a2b98f;border-radius:4px;font-weight:700;justify-content:space-between;margin-bottom:12px;padding:4px;flex-wrap:wrap;gap:10px}.card-date{font-weight:600;color:#14256f;font-size:14px}.card-author{font-size:14px;padding:4px;color:#0065ca}.card-footer{display:flex;background:none;border-radius:4px;justify-content:space-between;margin-bottom:5px;padding:2px;flex-wrap:wrap;gap:10px}.card-content{font-size:15px;line-height:1.8;color:#333;padding-top:5px;padding-bottom:10px}.medication-table-wrapper{overflow-x:auto}.medication-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.medication-table thead{background:#667eea;color:#fff}.medication-table th,.medication-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e0e0e0}.medication-table tbody tr:hover{background:#f8f9fa}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.missed{background:#f8d7da;color:#721c24}.bodymap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.bodymap-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .3s ease}.bodymap-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-5px)}.bodymap-card-header{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.bodymap-card-header h3{margin:0;font-size:16px;color:#333}.severity-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.severity-badge.minor{background:#d4edda;color:#155724}.severity-badge.moderate{background:#fff3cd;color:#856404}.severity-badge.severe{background:#f8d7da;color:#721c24}.bodymap-card-body{padding:15px}.bodymap-card-body p{margin:8px 0;font-size:14px;line-height:1.5}.bodymap-image{width:100%;height:auto;margin-top:15px;border-radius:5px}.visits-table-wrapper{overflow-x:auto}.visits-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.visits-table thead{background:#667eea;color:#fff}.visits-table th,.visits-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e0e0e0}.visits-table tbody tr:hover{background:#f8f9fa}@media(max-width:768px){.client-profile-header{flex-direction:column;align-items:flex-start}.client-profile-title{font-size:20px}.tabs-navigation{flex-wrap:nowrap;overflow-x:auto}.tab-btn{padding:12px 20px;font-size:14px}.tab-content{padding:20px 15px}.details-grid{grid-template-columns:1fr}.medication-table,.visits-table{font-size:13px}.medication-table th,.medication-table td,.visits-table th,.visits-table td{padding:8px 10px}.bodymap-grid{grid-template-columns:1fr}}.rota-container{font-family:Segoe UI,Roboto,Arial,sans-serif;background-color:#f9fafc;padding:0;border-radius:6px}.rota-header{font-size:18px;font-weight:600;color:#333;margin-bottom:15px}.no-visits,.loading,.error{text-align:center;padding:15px;color:#666}.error{color:#d32f2f}.rota-list{display:flex;flex-direction:column;gap:10px}.rota-item{display:flex;justify-content:space-between;flex-wrap:wrap;border:1px solid #ddd;background:#fff;padding:5px 15px;border-radius:5px;transition:box-shadow .3s}.rota-item:hover{box-shadow:0 2px 6px #0000004d}.rota-info{flex:1;min-width:240px;margin-bottom:2px!important}.rota-call-type{font-weight:600;color:#3257a6;margin-bottom:4px}.rota-activity-type{color:#555;font-size:14px;margin-bottom:6px}.rota-days{font-size:14px;color:#444;margin-bottom:6px}.rota-time{font-size:14px;color:#222}.rota-extra{text-align:right;min-width:180px;align-self:center}.rota-hours,.rota-price{font-size:14px;color:#333}.rota-totals{margin-top:15px;display:flex;justify-content:space-around;background:#c2c4c8;border:1px solid #dcdde3;padding:10px;border-radius:5px;font-weight:500;color:#222}@media(max-width:768px){.rota-item{flex-direction:column}.rota-extra{text-align:left;margin-top:10px}}.medications-container{padding:5px;font-family:Arial,Helvetica,sans-serif}.medications-title{font-size:18px;font-weight:600;border-bottom:4px solid #84763084;color:teal;padding-bottom:8px;margin-bottom:16px}.no-records{text-align:center;color:#6b7280;padding:32px 0}.medications-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.medications-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.medications-grid{grid-template-columns:repeat(3,1fr)}}.medication-card{border:1px solid #4783b0;border-radius:8px;padding:16px;background-color:#f9fafc;box-shadow:0 1px 3px #0003;transition:box-shadow .2s ease}.medication-card:hover{box-shadow:0 4px 8px #00000040}.medication-section{margin-bottom:18px;margin-top:18px;border-bottom:1px solid #90969f49}.medication-date{font-size:14px;font-weight:500;color:#3b82f6;margin-bottom:4px}.medication-info{font-size:14px;display:flex;align-items:center;gap:6px;margin:0 0 14px}.medication-detail{font-size:14px;margin-left:10px;white-space:pre-wrap;margin-bottom:14px;color:#515252}.notes-tab-content{display:flex;flex-direction:column;gap:1.5rem}.notes-table-container{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.notes-table{width:100%;border-collapse:collapse;font-size:15px}.notes-table thead{background-color:#607d8b;color:#fff}.notes-table thead th{padding:4px;text-align:left;font-weight:600;border-right:1px solid rgba(255,255,255,.626)}.notes-table thead th:last-child{border-right:none}.notes-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.notes-table tbody tr:hover{background-color:#f9fafb}.notes-table tbody tr:last-child{border-bottom:none}.notes-table tbody td{padding:6px;vertical-align:top;border-right:1px solid #f5f5f5}.notes-table tbody td:last-child{border-right:none}.notes-cell{max-width:400px}.note-subject{margin-bottom:.5rem;color:#111827}.note-preview,.note-full-text{color:#374151;line-height:1.5;margin-bottom:.5rem;white-space:pre-wrap}.read-more-btn{padding:.25rem .75rem;background-color:#fef3c7;color:#92400e;border:none;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;transition:background-color .2s}.read-more-btn:hover{background-color:#fde68a}.clients-restore-btn{background-color:#276990;color:#fff;border:none;padding:1px 10px;border-radius:6px;cursor:pointer;border:1px solid #f5f5f521;font-size:12px;transition:background .3s}.clients-restore-btn:hover{background-color:#218838}.tab-loading,.tab-error{text-align:center;padding:2rem;font-size:1rem}.tab-error{color:#ef4444}.no-data{text-align:center;padding:2rem;color:#6b7280;font-style:italic}@media(max-width:1024px){.notes-table{font-size:12px}.notes-table thead th,.notes-table tbody td{padding:8px}.notes-cell{max-width:300px}}@media(max-width:768px){.client-profile-header{flex-direction:column;align-items:flex-start;gap:1rem}.client-profile-actions{width:100%;flex-direction:column}.tab-export-actions{width:100%}.export-btn{flex:1}.tabs-navigation{overflow-x:auto}.details-grid{grid-template-columns:1fr}.date-filter-container{flex-direction:column;align-items:flex-start}.notes-table-container{border:none}.notes-table{display:block;font-size:13px}.notes-table thead{display:none}.notes-table tbody{display:block}.notes-table tbody tr{display:block;margin-bottom:1rem;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.notes-table tbody td{display:block;padding:.5rem 0;border:none;border-bottom:1px solid #f5f5f5}.notes-table tbody td:last-child{border-bottom:none}.notes-table tbody td:before{content:attr(data-label);font-weight:600;color:#6b7280;display:block;margin-bottom:.25rem}.notes-cell{max-width:100%}}:root{--blue-50: #eff6ff;--blue-200: #bfdbfe;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--green-500: #10b981;--green-600: #059669;--yellow-100: #fef9c3;--yellow-500: #f59e0b;--yellow-600: #d97706;--red-500: #ef4444;--red-600: #dc2626;--red-800: #991b1b;--purple-600: #7c3aed;--white: #ffffff;--black: #000000;--border-color: var(--gray-300);--radius-sm: 4px;--radius-md: 8px;--radius-full: 9999px;--shadow-md: 0 4px 8px rgba(15, 23, 42, .16);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .12);--shadow-xl: 0 12px 40px rgba(15, 23, 42, .16)}html,body{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:14px;color:var(--gray-800);background-color:var(--gray-50);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.rota-container{width:100%;max-width:1400px;margin:0 auto;padding:1rem}.padding{margin-left:20px;margin-right:20px;margin-top:20px}.clients-form-grid-three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.clients-form-grid-two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.clients-table-container{width:100%;overflow-x:auto}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.border-left{border-left:5px solid #7c3aed;border-top:2px solid #b3b3b3;padding-top:10px;padding-bottom:10px}.inset-0{inset:0}.top-0{top:0}.top-4{top:1rem}.right-4{right:1rem}.z-10{z-index:10}.z-50{z-index:999}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.pdng{padding:6px 6px 2px;border-top:1px solid rgb(210,209,209);border-radius:5px;border-left:5px solid rgba(49,117,185,.776)}.bg-th{background:#e0e3ef}.text-xs{font-size:.65rem;line-height:.9rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.text-white{color:var(--white)}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-800{color:var(--gray-800)}.text-blue-600{color:var(--blue-600)}.text-blue-700{color:var(--blue-700)}.text-blue-800{color:var(--blue-800)}.text-blue-900{color:var(--blue-900)}.text-red-600{color:var(--red-600)}.text-red-800{color:var(--red-800)}.bg-white{background-color:var(--white)}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-100{background-color:var(--gray-100)}.bg-gray-500{background-color:var(--gray-500)}.bg-teal-500{background-color:var(--green-500)}.bg-blue-50{background-color:var(--blue-50)}.bg-blue-500{background-color:var(--blue-500)}.bg-blue-600{background-color:var(--blue-600)}.bg-blue-700{background-color:var(--blue-700)}.bg-green-500{background-color:var(--green-500)}.bg-green-600{background-color:var(--green-600)}.bg-yellow-100{background-color:var(--yellow-50)}.bg-yellow-500{background-color:var(--yellow-500)}.bg-yellow-600{background-color:var(--yellow-600)}.bg-red-500{background-color:var(--red-500)}.bg-red-600{background-color:var(--red-600)}.bg-purple-600{background-color:var(--purple-600)}.bg-black{background-color:var(--black)}.bg-opacity-50{opacity:.5}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-01{padding-left:.4rem;padding-right:.2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mr-1{margin-right:.25rem}.mr-3{margin-right:.75rem}.border{border:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-b-2{border-bottom:2px solid var(--border-color)}.border-gray-100{border-color:var(--gray-100)}.border-gray-200{border-color:var(--gray-200)}.border-gray-300{border-color:var(--gray-300)}.border-blue-200{border-color:var(--blue-200)}.border-blue-600{border-color:var(--blue-600)}.border-collapse{border-collapse:collapse}.rounded{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-md)}.rounded-full{border-radius:var(--radius-full)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.sticky{position:sticky}.hover\:bg-gray-50:hover{background-color:var(--gray-50)}.hover\:bg-gray-100:hover{background-color:var(--gray-100)}.hover\:bg-blue-50:hover{background-color:var(--blue-50)}.hover\:bg-blue-600:hover{background-color:var(--blue-600)}.hover\:bg-blue-700:hover{background-color:var(--blue-700)}.hover\:bg-green-600:hover{background-color:var(--green-600)}.hover\:bg-yellow-600:hover{background-color:var(--yellow-600)}.hover\:bg-red-600:hover{background-color:var(--red-600)}.hover\:bg-red-800:hover{background-color:var(--red-800)}.hover\:text-blue-800:hover{color:var(--blue-800)}.hover\:text-red-800:hover{color:var(--red-800)}.cursor-pointer{cursor:pointer}.focus\:ring-2:focus{box-shadow:0 0 0 2px #3b82f640}.focus\:ring-blue-500:focus{box-shadow:0 0 0 4px #3b82f61f}.focus\:border-transparent:focus{border-color:transparent;outline:none}.disabled\:opacity-50[disabled],.disabled\:opacity-50[aria-disabled=true]{opacity:.5;pointer-events:none}.overflow-x-auto{overflow-x:auto}.w-full{width:100%}.w-fulx{min-width:80px}.w-full_tb{min-width:180px}.w-half{max-width:65px}.w-bg{max-width:220px}.w-bigger{max-width:90px}.w-small{max-width:50px}.w-big{max-width:120px}.h-8{height:2rem}.w-8{width:2rem}.table{width:100%;border-collapse:collapse;background:transparent}.table th,.table td{border:1px solid var(--gray-300);padding:.5rem .75rem;text-align:left;font-size:.95rem}.table th{font-weight:600;background:var(--gray-100)}.table tr:hover{background:var(--gray-50)}.export-btn{transition:all .2s ease;font-weight:600}.export-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.notification{position:fixed;top:1rem;right:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:var(--white);padding:1rem 1.5rem;border-radius:var(--radius-md);box-shadow:0 10px 25px #0003;z-index:9999;min-width:300px;max-width:500px;font-size:.95rem;font-weight:500;animation:slideInRight .3s ease-out,fadeOut .3s ease-in 4.7s;border-left:4px solid #fff}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate-spin{display:inline-block;border-radius:50%;height:2rem;width:2rem;border-bottom:2px solid var(--blue-600);animation:spin 1s linear infinite}.max-w-2xl{max-width:42rem}.max-h-60{max-height:15rem}.max-h-96{max-height:24rem}.max-h-80vh{max-height:80vh}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.underline{text-decoration:underline}@media(max-width:768px){.rota-container{padding:.75rem}.clients-form-grid-three-col,.clients-form-grid-two-col{grid-template-columns:1fr;gap:.75rem}.grid-cols-2{grid-template-columns:1fr}.px-8{padding-left:1rem;padding-right:1rem}.text-2xl{font-size:1.25rem;line-height:1.75rem}.text-xl{font-size:1.125rem;line-height:1.5rem}.table{font-size:.75rem}.table th,.table td{padding:.375rem .5rem;font-size:.75rem}.flex.gap-2{flex-direction:column;width:100%}.flex.gap-2 button{width:100%}}@media(max-width:480px){.rota-container{padding:.5rem}.text-2xl{font-size:1.125rem;line-height:1.5rem}.text-xl{font-size:1rem;line-height:1.375rem}.table{font-size:.7rem}.table th,.table td{padding:.25rem .375rem;font-size:.7rem}.notification{left:.5rem;right:.5rem;top:.5rem;padding:.5rem 1rem;font-size:.875rem;min-width:auto}}@media(min-width:1200px){.rota-container{max-width:1600px}.clients-form-grid-three-col{grid-template-columns:repeat(3,1fr)}}@media print{.export-btn,.notification{display:none}.table{font-size:10pt}.rota-container{padding:0}}.assigned-activities-container{width:100%}.client-section{margin-bottom:15px;border:1px solid #dee2e6;border-radius:4px;overflow:hidden}.client-header{background-color:#f8f9fa;padding:10px 15px;cursor:pointer;display:flex;align-items:center;border-bottom:1px solid #dee2e6}.client-header:hover{background-color:#e9ecef}.client-header h3{margin:0;font-size:1.1rem;font-weight:600}.call-type-section{border-bottom:1px solid #e9ecef}.call-type-section:last-child{border-bottom:none}.call-type-header{background-color:#f1f3f5;padding:8px 15px 8px 100px;cursor:pointer;display:flex;align-items:center}.call-type-header:hover{background-color:#e9ecef}.call-type-header h4{margin:0;font-size:1rem;font-weight:500}.activities-list{padding:10px 15px 10px 200px;background-color:#fff}.activity-item{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid #f1f3f5}.activity-item:last-child{border-bottom:none}.activity-info h5{margin:0 0 5px;font-size:.95rem;font-weight:500}.activity-date{margin:0 0 5px;font-size:.85rem;color:#6c757d}.activity-notes{margin:0;font-size:.9rem;color:#495057;max-width:500px}.activity-actions{display:flex;gap:5px}.expand-icon{margin-right:10px;font-size:.8rem;color:#6c757d;transition:transform .2s}.clients-tab-btn{background-color:#f8f9fa;border:1px solid #dee2e6;color:#495057;padding:8px 16px;margin-right:5px;cursor:pointer;border-radius:4px;transition:all .2s}.notes-cell{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-select{width:100%;padding:6px;border:1px solid #ddd;border-radius:4px;background-color:#fff;font-size:14px;margin-bottom:15px}.client-select:focus{outline:none;border-color:#4d90fe;box-shadow:0 0 5px #4d90fe4d}.clients-tab-btn:hover{background-color:#e9ecef}.clients-tab-btn.active{background-color:#007bff;color:#fff;border-color:#007bff}.clients-list{max-height:200px;overflow-y:auto;border:1px solid #dee2e6;border-radius:4px}.client-item{padding:10px;border-bottom:1px solid #dee2e6;cursor:pointer;transition:background-color .2s}.client-item:last-child{border-bottom:none}.client-item:hover{background-color:#f8f9fa}.client-item.selected{background-color:#e3f2fd;border-color:#2196f3}.client-name{font-weight:600;margin-bottom:2px}.client-details{font-size:.85rem;color:#6c757d}.calls-list{max-height:200px;overflow-y:auto;border:1px solid #dee2e6;border-radius:4px}.call-item{padding:8px;border-bottom:1px solid #dee2e6;cursor:pointer;transition:background-color .2s}.call-item:last-child{border-bottom:none}.call-item:hover{background-color:#f8f9fa}.call-item.selected{background-color:#e3f2fd;border-color:#2196f3}.clients-delete-btn{background-color:#dc3545;color:#fff;border:none;padding:5px 10px;margin-left:5px;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background-color .2s}.clients-delete-btn:hover{background-color:#c82333}.clientreview-btn-reviewtypes{background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:#fff;margin-right:10px;padding:6px 14px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease}.clientreview-btn-reviewtypes:hover{background:linear-gradient(135deg,#002060 50%,#e820da 50%);transform:translateY(-2px);box-shadow:0 4px 8px #ff98004d}.clientreview-modal-large{max-width:900px;width:90%}.clientreview-reviewtypes-list{margin-bottom:20px}.clientreview-btn-add-type{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;margin-bottom:15px;font-size:14px;font-weight:500;transition:all .3s ease}.clientreview-btn-add-type:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px #4caf504d}.clientreview-reviewtypes-table{width:100%;border-collapse:collapse;margin-top:10px}.clientreview-reviewtypes-table th,.clientreview-reviewtypes-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.clientreview-reviewtypes-table th{background-color:#9c27b0;color:#fff;font-weight:600}.clientreview-reviewtypes-table tr:hover{background-color:#f5f5f5}.clientreview-btn-small{padding:5px 10px;margin-right:5px;border:none;border-radius:3px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.clientreview-btn-delete{background-color:#f44336;color:#fff}.clientreview-btn-delete:hover{background-color:#da190b;transform:translateY(-1px)}.clientreview-container{padding:10px 20px;max-width:98%;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.p-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;text-align:center;min-width:100px}.p-status-upcoming{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.p-status-soon{background-color:#ffedd5;color:#9a3412;border:1px solid #fdba74}.p-status-today{background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}.p-status-overdue{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.p-status-completed{background-color:#e5e7eb;color:#374151;border:1px solid #d1d5db}.clientreview-toprow{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:16px}.clientreview-toprow>*{flex-shrink:1}.clientreview-header{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:0;padding:6px 10px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;box-shadow:0 2px 8px #0000001a}.clientreview-header-left{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;flex-shrink:0}.clientreview-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0;white-space:nowrap}.clientreview-stats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:0}.clientreview-stat{display:flex;flex-direction:row;align-items:baseline;justify-content:center;gap:6px;padding:4px 6px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;border-left:4px solid #9ca3af;box-shadow:0 1px 3px #0000000f;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.clientreview-stat:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.clientreview-stat-value{font-size:15px;font-weight:500;color:#1a1a1a;line-height:1}.clientreview-stat-label{font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.clientreview-stat-total{border-left-color:#973390}.clientreview-stat-total .clientreview-stat-value{color:#973390}.clientreview-stat-overdue{border-left-color:#dc2626;background:#fef7f7}.clientreview-stat-overdue .clientreview-stat-value{color:#991b1b}.clientreview-stat-today{border-left-color:#d97706;background:#fffaf0}.clientreview-stat-today .clientreview-stat-value{color:#92400e}.clientreview-stat-soon{border-left-color:#ea580c;background:#fff8f3}.clientreview-stat-soon .clientreview-stat-value{color:#9a3412}.clientreview-stat-upcoming{border-left-color:#059669;background:#f5fdf9}.clientreview-stat-upcoming .clientreview-stat-value{color:#065f46}.clientreview-stat-completed{border-left-color:#6b7280;background:#f9fafb}.clientreview-stat-completed .clientreview-stat-value{color:#374151}.clientreview-toolbar{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:0}.clientreview-btn-clear-search{background:#fff;color:#973390;border:2px solid #e5e7eb;padding:7px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.clientreview-btn-clear-search:hover{border-color:#c923be;background:#fdf2fc;color:#7a1f74}.clientreview-count-badge{background:linear-gradient(135deg,#c923be 20%,#973390);color:#fff;padding:4px 16px;border-radius:20px;font-size:14px;font-weight:400}.clientreview-btn-primary{background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #c923be4d;white-space:nowrap;flex-shrink:0}.clientreview-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #c923be66;background:linear-gradient(135deg,#002060 50%,#e820da 50%)}.clientreview-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;gap:16px;flex-wrap:wrap}.clientreview-export-buttons{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.clientreview-btn-excel,.clientreview-btn-pdf,.clientreview-btn-print{padding:6px 14px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:0;white-space:nowrap}.clientreview-btn-excel{background:#10b981;color:#fff}.clientreview-btn-pdf{background:#ec4899;color:#fff}.clientreview-btn-print{background:#8b5cf6;color:#fff}.clientreview-btn-excel:hover,.clientreview-btn-pdf:hover,.clientreview-btn-print:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.clientreview-search{padding:8px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;width:250px;transition:all .3s ease}.clientreview-search:focus{outline:none;border-color:#c923be;box-shadow:0 0 0 3px #c923be1a}.clientreview-entries-control{margin-bottom:0;display:flex;align-items:center;gap:8px;flex-shrink:0}.clientreview-entries-control label{font-size:14px;color:#374151;display:flex;align-items:center;gap:8px;font-weight:500;white-space:nowrap}.clientreview-entries-select{padding:6px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;cursor:pointer;background:#fff;transition:all .3s ease}.clientreview-entries-select:focus{outline:none;border-color:#c923be}.clientreview-row-completed{background-color:#f3f4f6!important}.clientreview-row-overdue td,.clientreview-row-due-soon td,.clientreview-row-due-today td,.clientreview-row-completed td{background-color:inherit!important}.status-legend{margin-bottom:12px;display:flex;gap:10px;font-size:12px}.legend{padding:4px 10px;border-radius:6px;font-weight:600}.legend.overdue{background:#fee2e2}.legend.today{background:#fef3c7}.legend.soon{background:#ffedd5}.legend.upcoming{background:#d1fae5}.legend.completed{background:#e5e7eb}.review-summary{margin-bottom:10px;font-weight:600}.summary-overdue{color:#dc2626}.clientreview-table-wrapper{overflow-x:auto;overflow-y:auto;max-height:72vh;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;position:relative;border:1px solid #e5e7eb}.clientreview-table{width:100%;border-collapse:collapse;font-size:14px}.clientreview-table thead{background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:#fff;position:sticky;top:0;z-index:10}.clientreview-table th{padding:14px 12px;text-align:left;font-weight:600;white-space:nowrap}.clientreview-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.clientreview-table th.sortable:hover{background:#ffffff1a}.sort-icon{margin-left:5px;opacity:.6;font-size:12px}.clientreview-table th.sortable:hover .sort-icon{opacity:1}.sort-asc,.sort-desc{opacity:1;font-weight:700}.clientreview-table td{padding:12px;border-bottom:1px solid #f3f4f6}.clientreview-table tbody tr{transition:all .2s ease}.clientreview-table tbody tr:hover{background-color:#f9fafb;transform:scale(1.005)}.clientreview-row-due-today{background-color:#fef3c7!important}.clientreview-row-due-soon{background-color:#ffedd5!important}.clientreview-row-overdue{background-color:#fee2e2!important}.clientreview-btn-details{background:#fbbf24;color:#1a1a1a;border:none;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.clientreview-btn-details:hover{background:#f59e0b;transform:translateY(-1px)}.clientreview-btn-edit{background:linear-gradient(135deg,#c923be 20%,#973390);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.clientreview-btn-edit:hover{background:#973390;transform:translateY(-1px)}.clientreview-btn-archive{background:linear-gradient(135deg,#ff9800 20%,#b45309);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:6px;display:inline-block}.clientreview-btn-archive:hover{background:#b45309;transform:translateY(-1px)}.clientreview-pagination-wrapper{display:flex;justify-content:space-between;align-items:center;margin-top:12px;flex-wrap:wrap;gap:16px;padding:10px 15px;background:#f9fafb;border-radius:8px}.clientreview-pagination-info{font-size:14px;color:#6b7280;font-weight:500}.clientreview-pagination{display:flex;justify-content:center;align-items:center;gap:8px}.clientreview-pagination-btn{padding:8px 14px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;font-weight:500}.clientreview-pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#c923be}.clientreview-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.clientreview-pagination-active{background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:#fff;border-color:#002060}.clientreview-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.clientreview-modal{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.clientreview-modal-details{max-width:700px}.clientreview-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#c923be 20%,#973390);color:#fff;border-radius:12px 12px 0 0}.clientreview-modal-header h2{margin:0;font-size:22px;font-weight:600}.clientreview-modal-close{background:#fff3;border:none;color:#fff;font-size:28px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clientreview-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.clientreview-form{padding:24px}.clientreview-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:10px}.clientreview-form-group{display:flex;flex-direction:column;gap:6px}.clientreview-form-group-full{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.clientreview-form-group label,.clientreview-form-group-full label{font-size:14px;font-weight:600;color:#374151}.clientreview-form-group input,.clientreview-form-group select,.clientreview-form-group-full input,.clientreview-form-group-full textarea{padding:10px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .3s ease}.clientreview-form-group input:focus,.clientreview-form-group select:focus,.clientreview-form-group-full input:focus,.clientreview-form-group-full textarea:focus{outline:none;border-color:#c923be;box-shadow:0 0 0 3px #c923be1a}.clientreview-form-group-full textarea{resize:vertical;font-family:inherit}.clientreview-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.clientreview-btn-cancel{padding:10px 24px;border:2px solid #e5e7eb;background:#fff;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.clientreview-btn-cancel:hover{background:#f3f4f6;border-color:#d1d5db}.clientreview-btn-save{padding:10px 24px;border:none;background:linear-gradient(135deg,#c923be 20%,#973390);color:#fff;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #c923be4d}.clientreview-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #c923be66}.clientreview-btn-save:disabled{opacity:.6;cursor:not-allowed}.clientreview-details-content{padding:24px}.clientreview-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:10px}.clientreview-details-item{display:flex;flex-direction:column;gap:4px}.clientreview-details-item strong{font-size:13px;color:#6b7280;font-weight:600}.clientreview-details-item span{font-size:15px;color:#1a1a1a;font-weight:500}.clientreview-details-notes{padding:16px;background:#f9fafb;border-radius:8px;border-left:4px solid #c923be}.clientreview-details-notes strong{display:block;font-size:14px;color:#374151;margin-bottom:8px;font-weight:600}.clientreview-details-notes p{margin:0;font-size:14px;color:#4b5563;line-height:1.6;white-space:pre-wrap}.clientreview-loading{text-align:center;padding:40px;font-size:16px;color:#6b7280}.clientreview-toast{position:fixed;bottom:24px;right:24px;padding:16px 24px;border-radius:8px;color:#fff;font-size:14px;font-weight:500;box-shadow:0 10px 20px #0003;transform:translateY(100px);opacity:0;transition:all .3s ease;z-index:2000}.clientreview-toast-show{transform:translateY(0);opacity:1}.clientreview-toast-success{background:#10b981}.clientreview-toast-error{background:#ef4444}@media print{.clientreview-header,.clientreview-controls,.clientreview-pagination,.clientreview-btn-details,.clientreview-btn-edit,.clientreview-btn-archive{display:none!important}.clientreview-table{font-size:10px}.clientreview-table th,.clientreview-table td{padding:6px}}@media(max-width:768px){.clientreview-container{padding:10px}.clientreview-title{font-size:18px}.clientreview-search{width:220px}.clientreview-entries-control{font-size:13px}.clientreview-pagination-wrapper{flex-direction:column;align-items:center}.clientreview-pagination-info{font-size:13px}.clientreview-table-wrapper{max-height:400px}.clientreview-table{font-size:12px}.clientreview-table th,.clientreview-table td{padding:8px 6px}.clientreview-form-row{grid-template-columns:1fr}.clientreview-modal{max-width:100%;margin:0;border-radius:0;max-height:100vh}.clientreview-modal-header{border-radius:0}.clientreview-search{width:100%;min-width:160px}.clientreview-toolbar,.clientreview-controls{width:100%}}.clientreview-confirm-overlay{z-index:1100}.clientreview-confirm-modal{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:28px 28px 24px;box-shadow:0 24px 48px #00000040;text-align:center;animation:confirmPopIn .22s cubic-bezier(.34,1.56,.64,1)}@keyframes confirmPopIn{0%{opacity:0;transform:scale(.92) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.clientreview-confirm-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px;font-weight:700;font-style:italic;font-family:Georgia,Times New Roman,serif}.clientreview-confirm-warning .clientreview-confirm-icon{background:#ffedd5;color:#b45309}.clientreview-confirm-danger .clientreview-confirm-icon{background:#fee2e2;color:#dc2626}.clientreview-confirm-info .clientreview-confirm-icon{background:#ede9fe;color:#7c3aed}.clientreview-confirm-title{margin:0 0 10px;font-size:18px;font-weight:700;color:#1a1a1a}.clientreview-confirm-message{margin:0 0 22px;font-size:14px;line-height:1.6;color:#4b5563}.clientreview-confirm-actions{display:flex;justify-content:center;gap:12px}.clientreview-confirm-actions .clientreview-btn-cancel{flex:1;padding:10px 20px}.clientreview-btn-confirm{flex:1;padding:10px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;color:#fff;transition:all .2s ease}.clientreview-btn-confirm-warning{background:linear-gradient(135deg,#ff9800 20%,#b45309);box-shadow:0 2px 8px #b453094d}.clientreview-btn-confirm-warning:hover{transform:translateY(-2px);box-shadow:0 4px 12px #b4530966}.clientreview-btn-confirm-danger{background:linear-gradient(135deg,#f87171 20%,#dc2626);box-shadow:0 2px 8px #dc26264d}.clientreview-btn-confirm-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.clientreview-btn-confirm-info{background:linear-gradient(135deg,#c923be 20%,#973390);box-shadow:0 2px 8px #c923be4d}.clientreview-btn-confirm-info:hover{transform:translateY(-2px);box-shadow:0 4px 12px #c923be66}@media(max-width:480px){.clientreview-confirm-modal{padding:24px 20px 20px}.clientreview-confirm-actions{flex-direction:column}}.invoice-container{max-width:1350px;margin:0 auto;padding:10px;font-family:Arial,sans-serif}.invoice-container table{width:100%;border-collapse:collapse;margin-bottom:20px}.invoice-container th{background-color:#9c27b0;color:#fff;padding:12px;text-align:left;font-weight:700}.invoice-container td{padding:10px;border-bottom:1px solid #ddd}.invoice-container tr:hover{background-color:#f5f5f5}.invoice-container .w3-right-align{text-align:right}@media print{.invoice-container button,.w3-card{display:none}}.payroll-container{font-family:Arial,Helvetica,sans-serif;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a}.payroll-container table{width:100%;border-collapse:collapse;margin:20px 0}.payroll-container th{background-color:#bd54b0;color:#fff;padding:12px;text-align:left;font-weight:700;border:1px solid #ddd}.payroll-container td{padding:10px;border:1px solid #ddd;text-align:left}.payroll-container tbody tr:nth-child(2n){background-color:#f9f9f9}.payroll-container tbody tr:hover{background-color:#f0f0f0}.payroll-container h3{color:#5a7a8c;margin:0;font-size:20px}.payroll-container h6{color:#5a7a8c;margin:10px 0;font-size:14px}.payroll-container .w3-text-blue-grey{color:#5a7a8c}@media print{.payroll-container button{display:none}.payroll-container{box-shadow:none}}.payrates-container{padding:20px;max-width:100%;overflow-x:auto}.payrates-header{margin-bottom:4px}.payrates-header h2{color:#5e35b1;margin-bottom:5px}.payrates-header p{color:#666;font-size:14px}.payrates-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.control-group{display:flex;align-items:center;gap:10px}.control-group label{font-weight:500;color:#333}.control-group select,.control-group input[type=text]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.control-group input[type=text]{min-width:200px}.payrates-table-wrapper{border:1px solid #ddd;border-radius:10px;margin-bottom:10px;box-shadow:0 2px 8px #00000080;overflow:hidden;max-height:60vh;overflow-y:auto;overflow-x:auto;position:relative}.payrates-table{width:100%;border-collapse:collapse;font-size:14px}.payrates-table thead{background-color:#5e35b1;color:#fff}.payrates-table th{padding:1px 8px;text-align:left;font-weight:700;border-right:1px solid rgba(255,255,255,.2)}.payrates-table th:last-child{border-right:none}.payrates-table th small{font-size:10px;font-weight:400;opacity:.9}.payrates-table tbody tr{border-bottom:1px solid #e0e0e0}.payrates-table tbody tr:hover{background-color:#cacbcc}.payrates-table td{padding:2px 8px;border-right:1px solid #e0e0e0}.payrates-table td:last-child{border-right:none}.staff-name{font-weight:500;color:#333}.rate-col{text-align:center}.payrates-table input[type=number]{width:80px;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px;text-align:center}.payrates-table input[type=number]:focus{outline:none;border-color:#5e35b1;box-shadow:0 0 0 2px #5e35b11a}.update-btn{background-color:#00897b;color:#fff;border:none;padding:4px 16px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .2s}.update-btn:hover:not(:disabled){background-color:#00695c}.update-btn:disabled{background-color:#b0bec5;cursor:not-allowed}.payrates-pagination{display:flex;justify-content:space-between;align-items:center;padding:15px 0;flex-wrap:wrap;gap:15px}.pagination-info{color:#666;font-size:14px}.pagination-controls{display:flex;align-items:center;gap:15px}.pagination-controls button{padding:8px 16px;border:1px solid #ddd;background-color:#fff;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.pagination-controls button:hover:not(:disabled){background-color:#5e35b1;color:#fff;border-color:#5e35b1}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.pagination-controls span{color:#333;font-weight:500}.loading-spinner{text-align:center;padding:40px;color:#666;font-size:16px}.toast-notification{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:8px;color:#fff;font-weight:500;z-index:9999;animation:slideIn .3s ease-out;box-shadow:0 4px 12px #00000026}.toast-notification.success{background-color:#4caf50}.toast-notification.error{background-color:#f44336}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.payrates-controls{flex-direction:column;align-items:stretch}.control-group{justify-content:space-between}.control-group input[type=text]{min-width:auto;flex:1}.payrates-pagination{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center}}.images_management_container{width:100%;max-width:1400px;margin:0 auto;padding:32px 20px;font-family:Segoe UI,Roboto,sans-serif;color:#111827}.images_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.images_header h1{font-size:26px;font-weight:700}.images_btn_primary{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;border:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:600;cursor:pointer;transition:.25s ease;box-shadow:0 6px 16px #2563eb40}.images_btn_primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px #2563eb59}.images_btn_cancel{padding:10px 16px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;transition:.2s}.images_btn_cancel:hover{background:#f3f4f6}.images_action_btn_labeled{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:.2s ease}.images_btn_preview_labeled{background:#e0f2fe;color:#0369a1}.images_btn_edit_labeled{background:#fef3c7;color:#92400e}.images_btn_archive_labeled{background:#e5e7eb;color:#374151}.images_btn_publish_labeled{background:#dcfce7;color:#166534}.images_btn_delete_labeled{background:#fee2e2;color:#b91c1c}.images_action_btn_labeled:hover{transform:scale(1.05);filter:brightness(.95)}.images_featured_btn{background:#f3f4f6;border:none;padding:6px;border-radius:8px;cursor:pointer;transition:.2s}.images_featured_btn:hover{background:#e5e7eb}.images_featured_active{background:#facc15;color:#78350f}.images_controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.images_search_input,.images_filter_select{padding:10px 12px;border-radius:10px;border:1px solid #e5e7eb;font-size:14px}.images_search_input{flex:1;min-width:200px}.images_table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px #0000000d}.images_table th{background:#111827;color:#fff;font-size:12px;padding:12px;text-transform:uppercase}.images_table td{padding:12px}.images_table tbody tr{border-bottom:1px solid #f1f5f9}.images_table tbody tr:hover{background:#f9fafb}.images_table_thumbnail{width:50px;height:50px;border-radius:8px;object-fit:cover}.images_status_badge{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600}.images_status_draft{background:#ede9fe;color:#6d28d9}.images_status_published{background:#dcfce7;color:#166534}.images_status_archived{background:#e5e7eb;color:#374151}.images_modal_overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999}.images_modal{width:95%;max-width:720px;background:#fff;border-radius:14px;overflow:hidden;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.images_modal_header{padding:16px;display:flex;justify-content:space-between;border-bottom:1px solid #eee}.images_modal_body{padding:18px}.images_form_row{display:flex;gap:12px;margin-bottom:14px}.images_form_col{flex:1;display:flex;flex-direction:column;gap:5px}.images_form_col input,.images_form_col textarea,.images_form_col select{padding:10px;border-radius:10px;border:1px solid #e5e7eb;font-size:14px}.images_form_col input:focus,.images_form_col textarea:focus,.images_form_col select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.images_drop_zone{border:2px dashed #d1d5db;padding:24px;border-radius:12px;text-align:center;cursor:pointer;transition:.2s}.images_drop_zone:hover{border-color:#2563eb;background:#eff6ff}.images_preview_content{display:grid;grid-template-columns:1fr 1fr;gap:16px}.images_preview_img{width:100%;border-radius:10px;object-fit:cover}.images_preview_details{display:flex;flex-direction:column;gap:10px}.images_preview_row{display:flex;flex-direction:column}.images_preview_row label{font-size:11px;color:#6b7280}.images_url_copy{display:flex;gap:6px}.images_url_copy input{flex:1;padding:6px;border-radius:6px;border:1px solid #ddd}@media(max-width:768px){.images_form_row{flex-direction:column}.images_preview_content{grid-template-columns:1fr}.images_actions_cell{flex-wrap:wrap}}.news_page{padding:24px;background:#e3e7ec;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}.news_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.news_header h2{font-size:26px;font-weight:800;color:#111827}.news_btn_add{background:linear-gradient(135deg,#2049a3,#1d4ed8);color:#fff;border:none;padding:10px 14px;border-radius:10px;display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:600;transition:.2s}.news_btn_primary{display:block;width:40%;margin:20px auto 40px;padding:10px 0;text-align:center;color:#fff;font-weight:600;font-size:13px;border:none;border-radius:10px;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#06b6d4);transition:all .25s ease-in-out;box-shadow:0 4px 10px #00000026}.news_btn_primary:hover{transform:translateY(-2px);background:linear-gradient(135deg,#6366f1,#22d3ee);box-shadow:0 6px 14px #00000040}.news_btn_primary:active{transform:translateY(0);box-shadow:0 3px 8px #0003}.news_btn_primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.news_btn_primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #2563eb40;background:linear-gradient(135deg,#1d4ed8,#1e40af)}.news_btn_primary:disabled{opacity:.6;cursor:not-allowed}.news_filters{display:flex;gap:12px;margin-bottom:15px;flex-wrap:wrap}.news_input,.news_select{padding:10px 12px;border-radius:10px;border:1px solid #d1d5db;background:#fff;min-width:220px;transition:.2s}.news_input:focus,.news_select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26;outline:none}.news_table{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #0000000f}.news_table table{width:100%;border-collapse:collapse}.news_table thead{background:linear-gradient(135deg,#111827,#1f2937);color:#fff}.news_table th{padding:8px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.news_table td{padding:8px 12px;font-size:13px;color:#374151;vertical-align:middle}.news_table tbody tr{border-bottom:1px solid #e5e7eb;transition:.2s}.news_table tbody tr:hover{background:#f8fafc}.news_table_img{width:50px;height:38px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb}.news_status{padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;display:inline-block}.news_status.published{background:#dcfce7;color:#166534}.news_status.draft{background:#fef9c3;color:#854d0e}.news_status.archived{background:#fee2e2;color:#991b1b}.news_actions_cell{display:flex;gap:6px;flex-wrap:wrap}.news_toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:8px;margin-bottom:10px;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px}.news_toolbar button{padding:6px 10px;font-size:13px;font-weight:500;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;transition:.2s ease}.news_toolbar button:hover{background:#2563eb;color:#fff;border-color:#2563eb}.news_editor{border:1px solid #ddd;border-radius:8px;padding:10px;min-height:180px;background:#fff}.ProseMirror{min-height:140px;outline:none}.news_icon_btn{border:none;padding:6px 10px;border-radius:6px;cursor:pointer;transition:all .2s;font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px;white-space:nowrap}.news_icon_btn:hover:not(:disabled){transform:translateY(-2px)}.news_icon_btn:disabled{opacity:.5;cursor:not-allowed}.news_preview_btn{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.news_preview_btn:hover{box-shadow:0 4px 12px #06b6d44d;background:linear-gradient(135deg,#0891b2,#0e7490)}.news_edit_btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.news_edit_btn:hover{box-shadow:0 4px 12px #2563eb4d;background:linear-gradient(135deg,#1d4ed8,#1e40af)}.news_archive_btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.news_archive_btn:hover{box-shadow:0 4px 12px #f59e0b4d;background:linear-gradient(135deg,#d97706,#b45309)}.news_delete_btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.news_delete_btn:hover{box-shadow:0 4px 12px #ef44444d;background:linear-gradient(135deg,#dc2626,#b91c1c)}.news_publish_btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.news_publish_btn:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;background:linear-gradient(135deg,#059669,#047857)}.news_modal_overlay{position:fixed;inset:0;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:9999;animation:news_fadeIn .2s ease}@keyframes news_fadeIn{0%{opacity:0}to{opacity:1}}.news_modal{width:1100px;max-width:95%;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 20px 60px #0003;animation:news_modalSlideIn .3s ease}@keyframes news_modalSlideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.news_preview_modal{width:900px;max-width:95%;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 20px 60px #0003;animation:news_modalSlideIn .3s ease;max-height:85vh;overflow-y:auto}.news_modal_header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#111827,#1f2937);color:#fff;border-bottom:1px solid #e5e7eb}.news_modal_header h3{margin:0;font-size:18px;font-weight:700}.news_modal_close_btn{background:#fff3;border:none;color:#fff;padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.news_modal_close_btn:hover{background:#ffffff4d}.news_modal_body{padding:20px}.news_form{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:12px}.news_form input,.news_form select{padding:10px;border-radius:10px;border:1px solid #d1d5db;font-size:14px;transition:.2s}.news_form input:focus,.news_form select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.news_form textarea{min-height:120px;padding:12px;border-radius:10px;border:1px solid #d1d5db;font-size:14px;font-family:inherit;resize:vertical;transition:.2s}.news_form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.news_dropzone{grid-column:span 3;border:2px dashed #2563eb;padding:20px;border-radius:12px;text-align:center;cursor:pointer;background:#f8fafc;transition:.2s;position:relative}.news_dropzone:hover{background:#eef2ff;border-color:#1d4ed8}.news_dropzone input[type=file]{display:none}.news_dropzone p{margin:8px 0;color:#6b7280}.news_preview{width:100%;max-height:220px;object-fit:cover;border-radius:12px;margin-top:10px;border:1px solid #e5e7eb}.news_preview_content{padding:20px}.news_preview_large_img{width:100%;max-height:400px;object-fit:cover;border-radius:12px;margin-bottom:20px;border:1px solid #e5e7eb}.news_preview_text h2{margin:0 0 12px;font-size:24px;font-weight:800;color:#111827}.news_preview_text h4{margin:20px 0 8px;font-size:16px;font-weight:700;color:#111827}.news_preview_text p{margin:0 0 12px;font-size:14px;color:#6b7280;line-height:1.6}.news_preview_html{margin:0 0 12px;font-size:14px;color:#374151;line-height:1.8}.news_preview_html h1,.news_preview_html h2,.news_preview_html h3,.news_preview_html h4,.news_preview_html h5,.news_preview_html h6{margin:16px 0 8px;color:#111827;font-weight:700}.news_preview_html h1{font-size:28px}.news_preview_html h2{font-size:24px}.news_preview_html h3{font-size:20px}.news_preview_html h4{font-size:18px}.news_preview_html p{margin:0 0 12px;line-height:1.8}.news_preview_html strong,.news_preview_html b{font-weight:700;color:#1f2937}.news_preview_html em,.news_preview_html i{font-style:italic;color:#4b5563}.news_preview_html u{text-decoration:underline;text-decoration-color:#2563eb}.news_preview_html ul,.news_preview_html ol{margin:12px 0 12px 24px;line-height:1.8}.news_preview_html li{margin-bottom:6px}.news_preview_html blockquote{margin:16px 0;padding:12px 16px;border-left:4px solid #2563eb;background:#f0f9ff;color:#1e40af;font-style:italic;border-radius:4px}.news_preview_html img{max-width:100%;height:auto;border-radius:8px;margin:12px 0;border:1px solid #e5e7eb}.news_preview_html a{color:#2563eb;text-decoration:underline;transition:.2s}.news_preview_html a:hover{color:#1d4ed8}.news_preview_html code{background:#f3f4f6;color:#dc2626;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px}.news_preview_html pre{background:#1f2937;color:#e5e7eb;padding:16px;border-radius:8px;overflow-x:auto;margin:12px 0}.news_preview_html pre code{background:none;color:inherit;padding:0}.news_preview_html table{width:100%;border-collapse:collapse;margin:12px 0}.news_preview_html th{background:#2563eb;color:#fff;padding:10px;text-align:left;border:1px solid #1d4ed8}.news_preview_html td{padding:10px;border:1px solid #d1d5db}.news_preview_html tr:nth-child(2n){background:#f9fafb}.news_preview_meta{display:flex;gap:12px;margin-bottom:16px;align-items:center;flex-wrap:wrap}.news_preview_author,.news_preview_date{background:#f3f4f6;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;color:#374151}.note-editor{border-radius:10px!important}.note-editor.note-frame{border:1px solid #d1d5db!important}.note-editor.note-frame .note-toolbar{background:#f9fafb;border-bottom:1px solid #e5e7eb!important;border-radius:10px 10px 0 0}.note-toolbar .btn-group{margin-right:5px}.note-toolbar .btn{background:#fff;border:1px solid #d1d5db;color:#374151;transition:.2s}.note-toolbar .btn:hover{background:#f0f9ff;border-color:#2563eb;color:#2563eb}.note-toolbar .btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.note-editor.note-frame .note-editing-area{background:#fff;border-radius:0 0 10px 10px}.note-editor.note-frame .note-editable{color:#374151;font-size:14px;line-height:1.6}.note-placeholder{color:#9ca3af;font-style:italic}.news_form label{grid-column:span 1;font-weight:600;color:#374151;font-size:13px;margin-top:8px}.news_spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:news_spin .8s linear infinite;margin:0 auto 10px}@keyframes news_spin{to{transform:rotate(360deg)}}.news_loading_row{padding:40px 20px!important;text-align:center;background:#f9fafb}.news_loading_row p{margin:10px 0 0;color:#6b7280;font-weight:500}.news_empty_row{padding:40px 20px!important;text-align:center;background:#f9fafb}.news_empty_row p{margin:0;color:#9ca3af;font-weight:500}.news_pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px;padding:16px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000a}.news_pagination_btn{padding:8px 16px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#374151;font-weight:600;cursor:pointer;transition:all .2s;font-size:13px}.news_pagination_btn:hover:not(:disabled){background:#2563eb;color:#fff;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.news_pagination_btn:disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6}.news_pagination_info{color:#6b7280;font-size:13px;font-weight:500}@media(max-width:768px){.news_management_container{padding:12px}.news_header{flex-direction:column;gap:12px;align-items:flex-start}.news_controls{flex-direction:column;gap:8px}.news_form_content{grid-template-columns:1fr!important}.news_actions_cell{flex-wrap:wrap;gap:4px}.news_icon_btn span{display:none}.news_pagination{flex-direction:column;gap:8px}}.news_form_page{padding:24px;background:#f4f7fc;min-height:100vh}.news_form_header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.news_back_btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;text-decoration:none;font-weight:500;transition:.2s;cursor:pointer}.news_back_btn:hover{background:#f3f4f6;border-color:#2563eb;color:#2563eb}.news_form_page h1{font-size:28px;font-weight:800;color:#111827;margin:0}.news_form_container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000a}.news_form_content{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.news_form_left,.news_form_right{display:flex;flex-direction:column;gap:16px}.news_form_group{display:flex;flex-direction:column;gap:8px}.news_form_group label{font-weight:600;color:#374151;font-size:14px}.news_form_group input,.news_form_group select,.news_form_group textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;transition:.2s}.news_form_group input:focus,.news_form_group select:focus,.news_form_group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.news_form_group input[disabled],.news_form_group textarea[disabled]{background:#f9fafb;opacity:.6;cursor:not-allowed}.news_preview_container{margin-top:12px;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.news_preview_img{width:100%;max-height:300px;object-fit:cover}.news_form_actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #e5e7eb}.news_btn_cancel{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;text-decoration:none;font-weight:600;cursor:pointer;transition:.2s}.news_btn_cancel:hover{background:#f3f4f6;border-color:#9ca3af}.news_loading_page,.news_error_page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;background:#f4f7fc;padding:24px}.news_loading_page p,.news_error_page p{color:#6b7280;font-size:16px;font-weight:500}@media(max-width:768px){.news_management_container{padding:12px}.news_header{flex-direction:column;gap:12px;align-items:flex-start}.news_controls{flex-direction:column;gap:8px}.news_form_content{grid-template-columns:1fr!important}.news_form_page{padding:12px}.news_form_container{padding:16px}.news_form_content{gap:16px}.news_actions_cell{flex-wrap:wrap;gap:4px}.news_icon_btn span{display:none}.news_pagination{flex-direction:column;gap:8px}.news_form_header{flex-direction:column;gap:12px}.news_form_actions{flex-direction:column-reverse}}.news_preview_modal{width:98%}.news_form{grid-template-columns:1fr}.news_dropzone{grid-column:span 1}.news_icon_btn{padding:6px 8px}@media(max-width:600px){.news_header{flex-direction:column;gap:12px;align-items:flex-start}.news_filters{flex-direction:column}.news_input,.news_select{width:100%;min-width:unset}.news_table table{font-size:12px}.news_table th,.news_table td{padding:6px 8px}.news_actions_cell{display:flex;gap:4px}.news_icon_btn{padding:4px 6px;font-size:10px}}.jobs_page{padding:20px;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5}.jobs_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:2px solid #e0e0e0;padding-bottom:15px}.jobs_header h2{font-size:28px;margin:0;color:#333}.jobs_btn_add{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .3s}.jobs_btn_add:hover:not(:disabled){background-color:#45a049}.jobs_btn_add:disabled{opacity:.6;cursor:not-allowed}.jobs_filters{display:flex;gap:15px;margin-bottom:20px}.jobs_input,.jobs_select{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit}.jobs_input{flex:1;min-width:200px}.jobs_input:focus,.jobs_select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 5px #4caf504d}.jobs_table{background-color:#fff;border-radius:4px;overflow:hidden;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.jobs_table table{width:100%;border-collapse:collapse}.jobs_table thead{background-color:#f9f9f9;border-bottom:2px solid #e0e0e0}.jobs_table th{padding:15px;text-align:left;font-weight:600;color:#333;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.jobs_table td{padding:12px 15px;border-bottom:1px solid #eee;font-size:14px}.jobs_table tbody tr:hover{background-color:#f9f9f9}.jobs_table_img{width:50px;height:50px;border-radius:4px;object-fit:cover;cursor:pointer}.jobs_status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.jobs_status.draft{background-color:#fff3cd;color:#856404}.jobs_status.published{background-color:#d4edda;color:#155724}.jobs_status.archived{background-color:#e2e3e5;color:#383d41}.jobs_employment_type{display:inline-block;padding:4px 10px;background-color:#e3f2fd;color:#1976d2;border-radius:4px;font-size:12px;font-weight:500}.jobs_actions_cell{display:flex;gap:8px;flex-wrap:wrap}.jobs_icon_btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s;white-space:nowrap}.jobs_icon_btn:disabled{opacity:.5;cursor:not-allowed}.jobs_preview_btn{background-color:#2196f3;color:#fff}.jobs_preview_btn:hover:not(:disabled){background-color:#0b7dda}.jobs_publish_btn{background-color:#4caf50;color:#fff}.jobs_publish_btn:hover:not(:disabled){background-color:#45a049}.jobs_edit_btn{background-color:#9c27b0;color:#fff}.jobs_edit_btn:hover:not(:disabled){background-color:#7b1fa2}.jobs_archive_btn{background-color:#ff9800;color:#fff}.jobs_archive_btn:hover:not(:disabled){background-color:#e68900}.jobs_delete_btn{background-color:#f44336;color:#fff}.jobs_delete_btn:hover:not(:disabled){background-color:#da190b}.jobs_loading_row,.jobs_empty_row{text-align:center;padding:40px!important;color:#999}.jobs_spinner{display:inline-block;width:30px;height:30px;border:4px solid #f3f3f3;border-top:4px solid #4CAF50;border-radius:50%;animation:jobs_spin 1s linear infinite;margin-bottom:10px}@keyframes jobs_spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.jobs_pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}.jobs_pagination button{padding:8px 16px;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.jobs_pagination button:hover:not(:disabled){background-color:#4caf50;color:#fff;border-color:#4caf50}.jobs_pagination button:disabled{opacity:.5;cursor:not-allowed}.jobs_pagination span{font-weight:600;color:#333}.jobs_modal_overlay{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center;z-index:1000;overflow-y:auto;padding:20px}.jobs_modal{background-color:#fff;border-radius:8px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 5px 15px #0000004d}.jobs_modal_header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.jobs_modal_header h3{margin:0;font-size:20px;color:#333}.jobs_modal_close_btn{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .3s}.jobs_modal_close_btn:hover{color:#333}.jobs_modal_body{flex:1;overflow-y:auto;padding:20px}.jobs_form{display:flex;flex-direction:column;gap:20px}.jobs_form_group{display:flex;flex-direction:column;gap:8px}.jobs_form_group label{font-weight:600;color:#333;font-size:14px}.jobs_form_input,.jobs_editor{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;width:100%}.jobs_form_input:focus,.jobs_editor:focus{outline:none;border-color:#4caf50;box-shadow:0 0 5px #4caf504d}.jobs_editor{min-height:200px;padding:12px}.jobs_image_upload{border:2px dashed #ddd;border-radius:4px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#999}.jobs_image_upload:hover{border-color:#4caf50;background-color:#f9f9f9}.jobs_image_preview{max-width:100%;max-height:300px;border-radius:4px}.jobs_uploading{color:#4caf50;font-size:13px;margin-top:8px}.jobs_toolbar{display:flex;gap:8px;padding:8px;background-color:#f5f5f5;border-radius:4px;border:1px solid #ddd}.jobs_toolbar button{padding:6px 12px;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s}.jobs_toolbar button:hover{background-color:#4caf50;color:#fff;border-color:#4caf50}.jobs_form_buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:10px}.jobs_btn_cancel,.jobs_btn_submit{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s}.jobs_btn_cancel{background-color:#e0e0e0;color:#333}.jobs_btn_cancel:hover{background-color:#d0d0d0}.jobs_btn_submit{background-color:#4caf50;color:#fff}.jobs_btn_submit:hover:not(:disabled){background-color:#45a049}.jobs_btn_submit:disabled{opacity:.6;cursor:not-allowed}.jobs_preview_modal{background-color:#fff;border-radius:8px;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 5px 15px #0000004d}.jobs_preview_content{flex:1;overflow-y:auto;padding:20px}.jobs_preview_large_img{width:100%;height:auto;max-height:300px;object-fit:cover;border-radius:4px;margin-bottom:20px}.jobs_preview_text{color:#333}.jobs_preview_text h2{margin:0 0 15px;font-size:24px}.jobs_preview_text h4{margin:20px 0 10px;font-size:16px;color:#555}.jobs_preview_meta{display:flex;gap:12px;margin-bottom:15px;flex-wrap:wrap;align-items:center;font-size:13px;color:#999}.jobs_preview_author,.jobs_preview_date,.jobs_preview_location,.jobs_preview_salary{display:inline-flex;align-items:center;gap:4px}.jobs_preview_tags{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}.jobs_preview_html{line-height:1.6;color:#555;margin-bottom:15px}@media(max-width:768px){.jobs_page{padding:15px}.jobs_header{flex-direction:column;align-items:flex-start;gap:15px}.jobs_filters{flex-direction:column}.jobs_input{width:100%}.jobs_table th,.jobs_table td{padding:10px;font-size:12px}.jobs_table_img{width:40px;height:40px}.jobs_actions_cell{flex-direction:column}.jobs_icon_btn{width:100%;justify-content:center}.jobs_modal{max-width:95vw}}.enquire-app{display:flex;width:100%;height:100vh;overflow:hidden;background:#f5f6fb;font-family:Inter,system-ui,sans-serif}.enquire-sidebar{flex:0 0 240px;width:240px;height:100%;background:#002060;color:#fff;padding:24px 16px;display:flex;flex-direction:column;gap:28px;overflow-y:auto}.enquire-brand{display:flex;align-items:center;gap:10px;padding:0 8px}.enquire-brand-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#e820da,#7a1fd6);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;flex-shrink:0}.enquire-brand-name{font-weight:700;font-size:14.5px;line-height:1.25}.enquire-brand-name small{display:block;font-weight:500;color:#ffffff8c;font-size:11px;letter-spacing:.02em}.enquire-nav{display:flex;flex-direction:column;gap:2px}.enquire-nav-label{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff6;padding:14px 12px 6px}.enquire-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;font-size:13.5px;font-weight:500;color:#ffffffbf;cursor:pointer;transition:all .2s}.enquire-nav-item svg{width:17px;height:17px;flex-shrink:0;opacity:.85}.enquire-nav-item:hover{background:#ffffff0f;color:#fff}.enquire-nav-item.enquire-active{background:#ffffff1f;color:#fff;box-shadow:inset 3px 0 #e820da}.enquire-nav-count{margin-left:auto;background:#e820da;color:#fff;font-size:10.5px;font-weight:700;padding:1.5px 7px;border-radius:20px}.enquire-sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#ffffff0d}.enquire-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#e820da,#6e1fc4);display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;flex-shrink:0}.enquire-sidebar-foot .enquire-who{font-size:12.5px;font-weight:600}.enquire-sidebar-foot .enquire-role{font-size:11px;color:#ffffff80}.enquire-main-content{flex:1 1 auto;min-width:0;width:100%;height:90%;overflow-y:auto;overflow-x:auto;padding:10px clamp(6px,2vw,12px) 22px;display:flex;flex-direction:column}.enquire-topbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.enquire-topbar h1{font-size:22px;margin:0 0 4px;font-weight:800;letter-spacing:-.01em;color:#12172b}.enquire-topbar p{margin:0;color:#6b7280;font-size:13.5px}.enquire-topbar-actions{display:flex;gap:10px;flex-wrap:wrap}.enquire-btn{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:9px 15px;border-radius:9px;border:1px solid #E7E9F2;background:#fff;color:#002060;cursor:pointer;transition:all .2s;white-space:nowrap}.enquire-btn:hover{background:#f5f6fb}.enquire-btn-primary{background:linear-gradient(90deg,#002060,#e820da 130%);color:#fff;border:none;box-shadow:0 6px 16px #e820da40}.enquire-btn-primary:hover{box-shadow:0 8px 20px #e820da59;transform:translateY(-1px);color:#002060}.enquire-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:22px;width:100%}.enquire-stat-card{background:#fff;border:1px solid #E7E9F2;border-radius:14px;padding:16px 18px;min-width:0}.enquire-stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.enquire-stat-icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.enquire-stat-icon svg{width:16px;height:16px}.enquire-stat-value{font-size:24px;font-weight:800;letter-spacing:-.02em;color:#12172b}.enquire-stat-label{font-size:12.5px;color:#6b7280;margin-top:2px}.enquire-stat-delta{font-size:11.5px;font-weight:700;white-space:nowrap}.enquire-stat-delta.enquire-up{color:#0f9d58}.enquire-stat-delta.enquire-flat{color:#9ca3af}.enquire-panel{background:#fff;border:1px solid #E7E9F2;border-radius:14px;overflow:hidden;margin-bottom:14px;width:100%}.enquire-panel--fill{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.enquire-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 18px;border-bottom:1px solid #E7E9F2}.enquire-search{display:flex;align-items:center;gap:8px;border:1px solid #E7E9F2;border-radius:9px;padding:8px 12px;flex:1 1 220px;min-width:200px;max-width:320px;background:#fbfbfd}.enquire-search svg{width:15px;height:15px;color:#9ca3af;flex-shrink:0}.enquire-search input{border:none;background:transparent;outline:none;font-size:13px;width:100%;font-family:inherit}.enquire-pill{font-size:12.5px;font-weight:600;padding:8px 12px;border-radius:9px;border:1px solid #E7E9F2;background:#fbfbfd;color:#12172b;font-family:inherit;cursor:pointer}.enquire-filters-right{margin-left:auto;color:#6b7280;font-size:12.5px;white-space:nowrap}.enquire-table-wrapper{width:100%;overflow-x:auto}.enquire-table-wrapper--fill{flex:1 1 auto;min-height:0;overflow-y:auto}.enquire-table-wrapper--scroll{max-height:min(55vh,520px);overflow-y:auto}.enquire-filters,.enquire-pagination{flex:0 0 auto}.enquire-table{width:100%;min-width:720px;border-collapse:collapse}.enquire-table thead th{text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;padding:12px 18px;border-bottom:1px solid #E7E9F2;background:#fcfcfe;white-space:nowrap}.enquire-table tbody tr{border-bottom:1px solid #E7E9F2;cursor:pointer;transition:background .12s ease}.enquire-table tbody tr:hover{background:#fbfaff}.enquire-table tbody tr:last-child{border-bottom:none}.enquire-table td{padding:13px 18px;font-size:13.3px;vertical-align:middle}.enquire-lead-name{font-weight:700;color:#002060}.enquire-lead-sub{font-size:11.5px;color:#9ca3af;margin-top:1px}.enquire-tags{display:flex;gap:5px;flex-wrap:wrap}.enquire-tag{font-size:10.8px;font-weight:600;padding:3px 8px;border-radius:20px;background:#eef1fa;color:#0a2e7a;white-space:nowrap}.enquire-status-pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:20px;white-space:nowrap}.enquire-status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.enquire-status-pill.enquire-new{background:#fce9fb;color:#e820da}.enquire-status-pill.enquire-contacted{background:#fdf3e3;color:#b7791f}.enquire-status-pill.enquire-converted{background:#e9f9ef;color:#0f9d58}.enquire-row-office{color:#6b7280;font-size:12.8px;white-space:nowrap}.enquire-row-time{color:#9ca3af;font-size:12px;white-space:nowrap}.enquire-chevron{width:15px;height:15px;color:#9ca3af}.enquire-table-note{margin-top:14px;color:#9ca3af;font-size:12px}.enquire-form-title{font-size:15px;font-weight:800;color:#002060;margin:0 0 18px}.enquire-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.enquire-field{display:flex;flex-direction:column;gap:6px}.enquire-field--full{grid-column:1 / -1}.enquire-field label{font-size:12.5px;font-weight:600;color:#12172b}.enquire-input{width:100%;padding:10px 12px;border:1px solid #E7E9F2;border-radius:9px;font-size:13.5px;font-family:inherit;background:#fbfbfd;transition:border-color .15s ease,box-shadow .15s ease}.enquire-input:focus{outline:none;border-color:#e820da;box-shadow:0 0 0 3px #e820da1f;background:#fff}.enquire-input::placeholder{color:#9ca3af}.enquire-form-actions{display:flex;gap:10px;margin-top:22px}.enquire-form-scroll{max-height:min(45vh,380px);overflow-y:auto;padding-right:6px}.enquire-main-content,.enquire-table-wrapper,.enquire-table-wrapper--fill,.enquire-table-wrapper--scroll,.enquire-form-scroll,.enquire-sidebar{scrollbar-width:thin;scrollbar-color:#D7DAE8 transparent}.enquire-main-content::-webkit-scrollbar,.enquire-table-wrapper::-webkit-scrollbar,.enquire-form-scroll::-webkit-scrollbar,.enquire-sidebar::-webkit-scrollbar{width:8px;height:8px}.enquire-main-content::-webkit-scrollbar-thumb,.enquire-table-wrapper::-webkit-scrollbar-thumb,.enquire-form-scroll::-webkit-scrollbar-thumb{background:#d7dae8;border-radius:20px}.enquire-main-content::-webkit-scrollbar-thumb:hover,.enquire-table-wrapper::-webkit-scrollbar-thumb:hover,.enquire-form-scroll::-webkit-scrollbar-thumb:hover{background:#b9beda}.enquire-sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:20px}.enquire-scroll-hint{padding:10px 18px;font-size:11.5px;color:#9ca3af;text-align:center;border-top:1px solid #E7E9F2;background:#fcfcfe}.enquire-overlay{position:fixed;inset:0;background:#0a102859;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:40}.enquire-overlay.show{opacity:1;pointer-events:auto}.enquire-drawer{position:fixed;top:0;right:0;height:100%;width:420px;max-width:92vw;background:#fff;box-shadow:-16px 0 40px #0a102826;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:50;display:flex;flex-direction:column}.enquire-drawer.show{transform:translate(0)}.enquire-drawer-head{padding:20px 22px;border-bottom:1px solid #E7E9F2;display:flex;align-items:flex-start;justify-content:space-between}.enquire-drawer-head h2{margin:0 0 3px;font-size:18px;font-weight:800;color:#12172b}.enquire-drawer-head p{margin:0;color:#6b7280;font-size:12.5px}.enquire-drawer-close{width:30px;height:30px;border-radius:8px;border:1px solid #E7E9F2;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s}.enquire-drawer-close:hover{background:#f5f6fb}.enquire-drawer-close svg{width:14px;height:14px}.enquire-drawer-body{padding:20px 22px;overflow-y:auto;flex:1}.enquire-step-block{border:1px solid #E7E9F2;border-radius:12px;padding:14px 16px;margin-bottom:12px}.enquire-step-block h4{margin:0 0 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#e820da;display:flex;align-items:center;gap:7px}.enquire-step-block h4 .enquire-num{width:16px;height:16px;border-radius:50%;background:#002060;color:#fff;font-size:9.5px;display:flex;align-items:center;justify-content:center;letter-spacing:0;flex-shrink:0}.enquire-kv{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:13px}.enquire-kv .enquire-k{color:#6b7280}.enquire-kv .enquire-v{font-weight:600;text-align:right}.enquire-drawer-foot{padding:16px 22px;border-top:1px solid #E7E9F2;display:flex;gap:8px}.enquire-drawer-foot .enquire-btn{flex:1;justify-content:center}.enquire-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af;gap:12px}.enquire-loading svg{color:#e820da}.enquire-empty{text-align:center;padding:40px 20px;color:#9ca3af;font-style:italic}.enquire-pagination{flex-wrap:wrap;gap:10px}.enquire-status-pill.enquire-read{background:#eef1fa;color:#002060}.enquire-status-pill.enquire-replied{background:#e9f9ef;color:#0f9d58}.enquire-status-pill.enquire-archived{background:#f3f4f6;color:#6b7280}@media(max-width:900px){.enquire-app{flex-direction:column}.enquire-sidebar{display:none}.enquire-main-content{padding:20px 16px 40px}.enquire-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.enquire-form-grid{grid-template-columns:1fr}}.careservice-admin-wrapper{--careservice-navy: rgb(0, 32, 96);--careservice-navy-dark: rgb(0, 22, 68);--careservice-pink: #d6336c;--careservice-pink-light: #fbe4ec;--careservice-border: #e3e5e9;--careservice-text: #1c1f26;--careservice-muted: #666c76;--careservice-danger: #c0392b;--careservice-danger-bg: #fdecea;--careservice-success: #27ae60;--careservice-success-bg: #e8f5e9;--careservice-warning: #f39c12;--careservice-bg: #f8f9fa;max-width:95%;margin:0 auto;padding:0;color:var(--careservice-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--careservice-bg);display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow:hidden;min-height:0}.careservice-admin-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:2px solid var(--careservice-border);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000000d;gap:20px;flex-shrink:0;flex-wrap:wrap}.careservice-header-content{flex:1;min-width:200px}.careservice-header-content h1{font-size:26px;margin:0 0 4px;color:var(--careservice-navy);font-weight:700;line-height:1.2}.careservice-header-content p{margin:0;color:var(--careservice-muted);font-size:14px;line-height:1.5}.careservice-header-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.careservice-search-wrapper{position:relative;width:220px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--careservice-muted)}.careservice-search{width:100%;padding:10px 14px 10px 38px;border:2px solid var(--careservice-border);border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.careservice-search:focus{outline:none;border-color:var(--careservice-navy);box-shadow:0 0 0 3px #0020601a}.careservice-rows-selector{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--careservice-muted);font-weight:600;background:var(--careservice-bg);padding:6px 12px;border-radius:8px;border:1px solid var(--careservice-border)}.careservice-rows-selector label{margin:0}.careservice-rows-dropdown{padding:6px 10px;border:2px solid var(--careservice-border);border-radius:6px;font-size:14px;font-weight:600;color:var(--careservice-navy);background:#fff;cursor:pointer;outline:none;transition:all .2s ease;min-width:70px}.careservice-rows-dropdown:focus{border-color:var(--careservice-navy);box-shadow:0 0 0 3px #0020601a}.careservice-rows-selector span{font-size:13px}.careservice-count{font-size:14px;color:var(--careservice-muted);font-weight:600;white-space:nowrap;padding:8px 14px;background:var(--careservice-bg);border-radius:8px}.careservice-btn{border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;white-space:nowrap}.careservice-btn:disabled{opacity:.6;cursor:not-allowed}.careservice-btn-primary{background:var(--careservice-navy);color:#fff;box-shadow:0 4px 12px #00206040}.careservice-btn-primary:hover:not(:disabled){background:var(--careservice-navy-dark);transform:translateY(-2px);box-shadow:0 6px 16px #0020604d}.careservice-btn-outline{background:#fff;color:var(--careservice-navy);border:2px solid var(--careservice-border)}.careservice-btn-outline:hover:not(:disabled){border-color:var(--careservice-navy);background:var(--careservice-bg)}.careservice-btn-danger{background:var(--careservice-danger);color:#fff}.careservice-btn-danger:hover:not(:disabled){background:#a93226;transform:translateY(-2px)}.careservice-btn-sm{padding:8px 16px;font-size:14px;border-radius:6px}.btn-icon{font-size:20px;line-height:1;font-weight:700}.careservice-alert{display:flex;align-items:center;gap:12px;padding:16px 24px;margin:20px 0;border-radius:10px;font-size:15px;font-weight:500;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.careservice-alert-error{background:var(--careservice-danger-bg);color:var(--careservice-danger);border:2px solid #f3c8c3}.alert-icon{width:22px;height:22px;flex-shrink:0}.careservice-scroll-container{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;min-height:0;padding:14px 22px 40px;max-height:calc(100vh - 140px)}.careservice-scroll-container::-webkit-scrollbar{width:10px}.careservice-scroll-container::-webkit-scrollbar-track{background:var(--careservice-bg);border-radius:10px}.careservice-scroll-container::-webkit-scrollbar-thumb{background:var(--careservice-border);border-radius:10px}.careservice-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--careservice-muted)}.careservice-pagination{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:40px;margin-bottom:20px;padding:10px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;border:2px solid var(--careservice-border);flex-wrap:wrap;width:100%;max-width:100%}.careservice-pagination-label{font-size:13px;font-weight:600;color:var(--careservice-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.careservice-pagination-controls{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.careservice-page-btn{padding:10px 16px;border:2px solid var(--careservice-border);background:#fff;color:var(--careservice-text);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;min-width:40px;justify-content:center}.careservice-page-btn:hover:not(:disabled){border-color:var(--careservice-navy);color:var(--careservice-navy);background:var(--careservice-bg);transform:translateY(-2px);box-shadow:0 4px 8px #00206026}.careservice-page-btn.active{background:var(--careservice-navy);color:#fff;border-color:var(--careservice-navy);box-shadow:0 4px 12px #0020604d;transform:translateY(-2px)}.careservice-page-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--careservice-bg);transform:none}.careservice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;padding-bottom:10px;width:100%}.careservice-card{background:#fff;border:2px solid var(--careservice-border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease;box-shadow:0 2px 8px #0000000d;break-inside:avoid;page-break-inside:avoid}.careservice-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001f;border-color:var(--careservice-navy)}.careservice-card-media{position:relative;height:200px;background:linear-gradient(135deg,var(--careservice-pink-light),#e7ebf3);display:flex;align-items:center;justify-content:center;overflow:hidden}.careservice-card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.careservice-card:hover .careservice-card-image{transform:scale(1.08)}.careservice-card-icon{width:80px;height:80px;border-radius:16px;background:linear-gradient(135deg,var(--careservice-pink),var(--careservice-navy));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:28px;box-shadow:0 8px 24px #0003}.careservice-card-badge{position:absolute;top:16px;right:16px;background:#fffffffa;color:var(--careservice-navy);font-size:12px;font-weight:700;padding:6px 14px;border-radius:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #0000001a}.careservice-card-inactive{position:absolute;top:16px;left:16px;background:#000000d9;color:#fff;font-size:12px;font-weight:600;padding:6px 14px;border-radius:24px;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.careservice-card-body{padding:24px;flex:1;display:flex;flex-direction:column;min-height:0}.careservice-card-title{font-size:22px;font-weight:700;margin:0 0 12px;color:var(--careservice-navy);line-height:1.3}.careservice-card-summary{font-size:15px;color:var(--careservice-muted);line-height:1.7;margin:0 0 20px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:60px}.careservice-card-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding-top:16px;border-top:2px solid var(--careservice-border)}.careservice-card-link{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--careservice-muted);font-weight:500}.careservice-card-status{font-size:12px;font-weight:700;padding:5px 12px;border-radius:16px;text-transform:uppercase;letter-spacing:.5px}.careservice-card-status.active{background:var(--careservice-success-bg);color:var(--careservice-success)}.careservice-card-status.inactive{background:var(--careservice-danger-bg);color:var(--careservice-danger)}.careservice-card-actions{display:flex;gap:12px}.careservice-empty{text-align:center;padding:100px 32px;color:var(--careservice-muted);background:#fff;border-radius:14px;border:3px dashed var(--careservice-border);margin:24px 0}.empty-icon{width:80px;height:80px;margin-bottom:24px;opacity:.4}.careservice-empty h3{font-size:24px;color:var(--careservice-text);margin:0 0 12px;font-weight:700}.careservice-empty p{margin:0 0 32px;font-size:16px}.careservice-modal-overlay{position:fixed;inset:0;background:#0a0e19b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:40px;overflow:auto;z-index:1000;animation:fadeIn .3s ease}.careservice-modal{background:#fff;border-radius:20px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 80px #0006;animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.careservice-modal-sm{max-width:520px}.careservice-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:32px 32px 0;gap:20px}.careservice-modal-header h2{margin:0 0 6px;font-size:28px;color:var(--careservice-navy);font-weight:700}.careservice-modal-sub{margin:0;font-size:15px;color:var(--careservice-muted);line-height:1.6}.careservice-modal-close{background:none;border:none;padding:6px;cursor:pointer;color:var(--careservice-muted);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.careservice-modal-close:hover{background:var(--careservice-bg);color:var(--careservice-text);transform:rotate(90deg)}.careservice-form-content{padding:32px}.careservice-field{margin-bottom:24px}.careservice-field-label{display:block;font-size:14px;font-weight:700;margin-bottom:10px;color:var(--careservice-text)}.required{color:var(--careservice-danger)}.careservice-input,.careservice-textarea{width:100%;padding:12px 16px;border:2px solid var(--careservice-border);border-radius:10px;font-size:15px;font-family:inherit;transition:all .2s ease;background:#fff;box-sizing:border-box}.careservice-input:focus,.careservice-textarea:focus{outline:none;border-color:var(--careservice-navy);box-shadow:0 0 0 4px #0020601a}.careservice-textarea{resize:vertical;min-height:100px}.careservice-field-hint{display:block;margin-top:8px;font-size:13px;color:var(--careservice-muted);text-align:right}.careservice-field-image{margin-bottom:28px}.careservice-image-upload{position:relative;border:3px dashed var(--careservice-border);border-radius:14px;padding:32px;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--careservice-bg);min-height:240px;display:flex;align-items:center;justify-content:center}.careservice-image-upload:hover{border-color:var(--careservice-navy);background:#00206008}.careservice-image-upload.has-image{padding:0;border-style:solid;border-color:var(--careservice-border);min-height:auto;overflow:hidden}.careservice-file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.careservice-upload-placeholder{padding:32px}.upload-icon{width:64px;height:64px;margin:0 auto 20px;color:var(--careservice-muted)}.upload-text{margin:0 0 10px;font-size:16px;color:var(--careservice-text);font-weight:600}.upload-highlight{color:var(--careservice-navy);text-decoration:underline}.upload-hint{margin:0;font-size:14px;color:var(--careservice-muted)}.careservice-image-preview{position:relative;width:100%;height:240px;overflow:hidden}.careservice-image-preview img{width:100%;height:100%;object-fit:cover}.careservice-remove-image{position:absolute;top:12px;right:12px;background:#c0392bf2;color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2;box-shadow:0 4px 12px #0000004d}.careservice-remove-image:hover{background:var(--careservice-danger);transform:scale(1.15) rotate(90deg)}.careservice-image-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#fff;font-size:16px;font-weight:600}.careservice-image-upload:hover .careservice-image-overlay{opacity:1}.careservice-field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.careservice-field-checkbox{margin-top:28px;padding-top:28px;border-top:2px solid var(--careservice-border)}.careservice-checkbox-label{display:flex;align-items:flex-start;gap:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.careservice-checkbox-label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.careservice-checkbox-custom{height:24px;width:24px;background-color:#fff;border:2px solid var(--careservice-border);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;margin-top:2px}.careservice-checkbox-label input:checked~.careservice-checkbox-custom{background-color:var(--careservice-navy);border-color:var(--careservice-navy)}.careservice-checkbox-custom svg{display:none;color:#fff}.careservice-checkbox-label input:checked~.careservice-checkbox-custom svg{display:block}.careservice-checkbox-text{display:flex;flex-direction:column;gap:3px}.careservice-checkbox-hint{font-size:13px;color:var(--careservice-muted);font-weight:400}.careservice-modal-actions{display:flex;justify-content:flex-end;gap:14px;padding:24px 32px 32px;border-top:2px solid var(--careservice-border);background:var(--careservice-bg);border-radius:0 0 20px 20px}.spinner{animation:spin 1s linear infinite;width:18px;height:18px}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.careservice-modal-danger .careservice-modal-header{flex-direction:column;align-items:center;text-align:center;padding-top:40px}.careservice-danger-icon{width:80px;height:80px;background:var(--careservice-danger-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--careservice-danger);margin-bottom:20px}.careservice-confirm-content{padding:0 32px 32px}.careservice-confirm-text{font-size:17px;color:var(--careservice-text);margin:0 0 16px;line-height:1.6}.careservice-confirm-sub{font-size:15px;color:var(--careservice-muted);margin:0;line-height:1.7}.careservice-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(100px);background:var(--careservice-navy);color:#fff;padding:14px 28px;border-radius:10px;font-size:15px;font-weight:600;z-index:1100;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px #0000004d;animation:toastSlideIn .4s ease forwards}.careservice-toast-success{background:var(--careservice-success)}.careservice-toast-error{background:var(--careservice-danger)}@keyframes toastSlideIn{to{transform:translate(-50%) translateY(0)}}@media(max-width:1024px){.careservice-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.careservice-admin-wrapper{max-width:100%;height:100dvh;max-height:100dvh}.careservice-admin-header{flex-direction:column;align-items:stretch;padding:20px;gap:16px}.careservice-header-content{text-align:center}.careservice-header-actions{width:100%;justify-content:center}.careservice-search-wrapper{width:100%;max-width:300px}.careservice-rows-selector{width:100%;justify-content:center}.careservice-btn{width:100%}.careservice-scroll-container{padding:14px 16px 30px;max-height:calc(100dvh - 160px)}.careservice-grid{grid-template-columns:1fr;gap:20px}.careservice-card-media{height:220px}.careservice-field-row{grid-template-columns:1fr;gap:0}.careservice-modal{max-height:100vh;border-radius:0;margin:0}.careservice-modal-header{padding:24px 24px 0}.careservice-form-content{padding:24px}.careservice-modal-actions{padding:20px 24px 24px;flex-direction:column-reverse}.careservice-modal-actions .careservice-btn{width:100%}.careservice-image-upload{min-height:200px}.careservice-image-preview{height:200px}.careservice-pagination{margin-top:30px;margin-bottom:15px;padding:16px 12px}.careservice-page-btn{padding:8px 12px;min-width:36px;font-size:13px}}@media(max-width:480px){.careservice-card-actions{flex-direction:column}.careservice-card-actions .careservice-btn{width:100%}.careservice-card-meta{flex-direction:column;align-items:flex-start;gap:12px}.careservice-empty{padding:80px 20px;margin:20px 0}.careservice-field{margin-bottom:20px}.careservice-modal-overlay{padding:20px}}@media print{.careservice-admin-header button,.careservice-card-actions,.careservice-modal-overlay,.careservice-pagination{display:none!important}.careservice-grid{display:block}.careservice-card{break-inside:avoid;margin-bottom:24px;box-shadow:none;border:2px solid #ddd}}.qrcode-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background-color:#ececec;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.qrcode-header{background:linear-gradient(135deg,#002060,#e820da);color:#fff;padding:1rem;text-align:center;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.qrcode-header-inner{max-width:1400px;margin:0 auto}.qrcode-header-title{font-size:1.5rem;font-weight:700;margin:0;padding:.5rem 0;display:flex;align-items:center;justify-content:center;gap:10px}.qrcode-top-section{background:#e4e4e4;padding:1rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;box-shadow:0 2px 8px #0000000d;position:sticky;top:1px;z-index:90}.qrcode-stats-bar{display:flex;gap:.5rem;margin-right:auto;flex-wrap:wrap}.qrcode-stat-pill{background:#f8f9fa;border-radius:8px;padding:.5rem;display:flex;align-items:center;gap:.5rem;min-width:80px;transition:transform .2s;border:1px solid #e2e8f0}.qrcode-stat-pill:hover{transform:translateY(-2px)}.qrcode-stat-pill-icon{width:28px;height:28px;background:linear-gradient(135deg,#002060,#e820da);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.qrcode-stat-pill-content{display:flex;flex-direction:column}.qrcode-stat-pill-value{font-size:1rem;font-weight:700;line-height:1;color:#002060}.qrcode-stat-pill-label{font-size:.65rem;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.qrcode-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.qrcode-search{position:relative;flex:1;min-width:150px;max-width:280px}.qrcode-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.qrcode-search input{width:100%;padding:.5rem .75rem .5rem 38px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;transition:all .2s;background:#fff;box-sizing:border-box;color:#333}.qrcode-search input:focus{outline:none;border-color:#e820da;box-shadow:0 0 0 3px #e820da1f}.qrcode-search input::placeholder{color:#94a3b8}.qrcode-view-toggle{display:flex;background-color:#f8f9fa;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0}.qrcode-view-btn{background:none;border:none;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6c757d;transition:all .2s}.qrcode-view-btn:hover{background-color:#e9ecef}.qrcode-view-btn.active{background-color:#002060;color:#fff}.qrcode-btn{padding:.5rem .875rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;white-space:nowrap;line-height:1}.qrcode-btn-add{background:linear-gradient(135deg,#002060,#1e3a8a);color:#fff;box-shadow:0 2px 8px #00206033}.qrcode-btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0020604d}.qrcode-btn-refresh{background:#fff;color:#002060;border:1px solid #e2e8f0;padding:.5rem;min-width:36px}.qrcode-btn-refresh:hover{border-color:#e820da;color:#e820da;background:#fdf2f8}.qrcode-btn-primary{background:linear-gradient(135deg,#002060,#1e3a8a);color:#fff;box-shadow:0 2px 8px #00206033}.qrcode-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #0020604d}.qrcode-btn-outline{background:#fff;color:#002060;border:1.5px solid #e2e8f0}.qrcode-btn-outline:hover:not(:disabled){border-color:#e820da;color:#e820da;background:#fdf2f8}.qrcode-btn-sm{padding:7px 12px;font-size:12px;min-height:34px}.qrcode-btn-cancel{flex:1;padding:.75rem;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;color:#333}.qrcode-btn-cancel:hover{background:#f7fafc;border-color:#cbd5e0}.qrcode-btn-submit{flex:1;padding:.75rem;background:linear-gradient(135deg,#002060,#1e3a8a);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.qrcode-btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0020604d}.qrcode-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.qrcode-page-title{text-align:center;font-size:1.25rem;font-weight:700;color:#1a202c;margin:1rem 0 .5rem;padding:0 1rem}.qrcode-content-wrapper{flex:1;padding:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.qrcode-loading{text-align:center;padding:3rem 1rem;color:#64748b}.qrcode-loading svg{margin-bottom:1rem;color:#e820da}.qrcode-spin{animation:qrcode-spin 1s linear infinite}@keyframes qrcode-spin{to{transform:rotate(360deg)}}.qrcode-empty{text-align:center;padding:3rem 1rem;background:#fff;border-radius:12px;max-width:500px;margin:0 auto;box-shadow:0 2px 8px #0000000d}.qrcode-empty svg{margin-bottom:1rem;color:#94a3b8}.qrcode-empty h3{font-size:1.25rem;color:#1a202c;margin-bottom:.5rem;font-weight:700}.qrcode-empty p{color:#718096;font-size:.875rem;margin:0 0 1.25rem}.qrcode-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.qrcode-card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000000d;transition:all .3s;border:1px solid #e2e8f0}.qrcode-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:#002060}.qrcode-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;gap:8px}.qrcode-card-icon-wrapper{width:48px;height:48px;background:linear-gradient(135deg,#eef1fa,#fce9fb);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:1px solid #e2e8f0}.qrcode-card-icon-wrapper img{width:100%;height:100%;object-fit:contain;padding:3px}.qrcode-card-campaign-badge{padding:.25rem .625rem;background:#e0e7ff;color:#5a67d8;border-radius:16px;font-size:.75rem;font-weight:600}.qrcode-card-status{padding:3px 10px;border-radius:16px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.qrcode-card-status.active{background:#e9f9ef;color:#0f9d58;border:1px solid #bbf7d0}.qrcode-card-status.inactive{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.qrcode-card-title{font-size:1rem;font-weight:600;color:#1a202c;margin-bottom:.75rem;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.qrcode-card-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.qrcode-card-info-item{display:flex;align-items:center;gap:.375rem;color:#4a5568;font-size:.813rem}.qrcode-card-info-item svg{width:14px;height:14px;color:#718096;flex-shrink:0}.qrcode-card-actions{display:flex;justify-content:flex-start;gap:.375rem;margin-top:.75rem}.qrcode-action-btn{padding:.5rem;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.25rem;flex:1;font-size:.8rem;font-weight:500;color:#4a5568}.qrcode-action-btn svg{width:15px;height:15px}.qrcode-btn-view{color:#667eea;border-color:#e0e7ff;flex:0 0 auto;min-width:36px}.qrcode-btn-view:hover{background:#e0e7ff;border-color:#667eea}.qrcode-btn-download{color:#48bb78;border-color:#c6f6d5}.qrcode-btn-download:hover{background:#c6f6d5;border-color:#48bb78}.qrcode-btn-copy{color:#002060;border-color:#e2e8f0}.qrcode-btn-copy:hover{background:#eef1fa;border-color:#002060}.qrcode-btn-copied{color:#0f9d58;border-color:#bbf7d0;background:#f0fdf4}.qrcode-list-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d;margin-bottom:1rem}.qrcode-list-header{display:none;background-color:#f8f9fa;padding:.75rem 1rem;font-weight:600;color:#495057;border-bottom:1px solid #e2e8f0;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.qrcode-list-cell{padding:0 .5rem}.qrcode-list-name-cell{flex:2}.qrcode-list-campaign-cell{flex:1}.qrcode-list-scans-cell{flex:.5}.qrcode-list-location-cell,.qrcode-list-date-cell{flex:1}.qrcode-list-actions-cell{flex:1;min-width:130px}.qrcode-list-item{padding:1rem;border-bottom:1px solid #e2e8f0;transition:background-color .2s}.qrcode-list-item:last-child{border-bottom:none}.qrcode-list-item:hover{background-color:#f8f9fa}.qrcode-list-name-wrapper{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.qrcode-list-thumb{width:32px;height:32px;background:linear-gradient(135deg,#eef1fa,#fce9fb);border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:1px solid #e2e8f0}.qrcode-list-thumb img{width:100%;height:100%;object-fit:contain;padding:2px}.qrcode-list-thumb svg{width:16px;height:16px;color:#002060}.qrcode-list-name{font-weight:600;color:#1a202c;flex:1}.qrcode-list-status{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:2px 8px;border-radius:12px;white-space:nowrap}.qrcode-list-status.active{background:#e9f9ef;color:#0f9d58;border:1px solid #bbf7d0}.qrcode-list-status.inactive{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.qrcode-list-campaign{background-color:#e7f5ff;color:#1c7ed6;font-size:.75rem;padding:2px 8px;border-radius:4px;margin-bottom:.5rem;display:inline-block;font-weight:600}.qrcode-list-scans{font-size:.875rem;color:#4a5568;font-weight:600}.qrcode-list-location,.qrcode-list-date{font-size:.813rem;color:#4a5568}.qrcode-list-actions{display:flex;gap:.5rem}.qrcode-list-action-btn{padding:.4rem .6rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;transition:all .2s}.qrcode-list-action-btn svg{width:15px;height:15px}.qrcode-list-view-btn{color:#1c7ed6}.qrcode-list-view-btn:hover{background-color:#e7f5ff;border-color:#1c7ed6}.qrcode-list-download-btn{color:#37b24d}.qrcode-list-download-btn:hover{background-color:#ebfbee;border-color:#37b24d}.qrcode-list-copy-btn{color:#002060}.qrcode-list-copy-btn:hover{background-color:#eef1fa;border-color:#002060}.qrcode-list-copied-btn{color:#0f9d58;background:#f0fdf4;border-color:#bbf7d0}.qrcode-pagination{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0}.qrcode-page-btn{padding:8px 14px;border:1.5px solid #e2e8f0;background:#fff;border-radius:8px;font-size:13px;font-weight:600;color:#002060;cursor:pointer;transition:all .2s ease;min-width:38px;display:flex;align-items:center;justify-content:center;line-height:1}.qrcode-page-btn:hover:not(:disabled){border-color:#e820da;color:#e820da;background:#fdf2f8}.qrcode-page-btn.active{background:#002060;color:#fff;border-color:#002060}.qrcode-page-btn:disabled{opacity:.4;cursor:not-allowed}.qrcode-page-dots{color:#94a3b8;padding:0 4px;font-size:13px;font-weight:700;-webkit-user-select:none;user-select:none}.qrcode-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.qrcode-modal{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #0003}.qrcode-modal-large{max-width:860px}.qrcode-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0;flex-shrink:0;background:#fff}.qrcode-modal-header h2{font-size:1.25rem;color:#1a202c;margin:0;font-weight:700}.qrcode-modal-subtitle{color:#64748b;margin:4px 0 0;font-size:14px;font-weight:500}.qrcode-modal-close{width:32px;height:32px;border:none;background:#f7fafc;border-radius:6px;font-size:1.25rem;cursor:pointer;transition:all .2s;color:#718096;display:flex;align-items:center;justify-content:center}.qrcode-modal-close:hover{background:#e2e8f0;color:#1a202c}.qrcode-modal-body{flex:1;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch}.qrcode-form{padding:1rem 1.25rem}.qrcode-form-group{margin-bottom:1rem}.qrcode-form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#2d3748;font-size:.875rem}.qrcode-required{color:#dc2626}.qrcode-input{width:100%;padding:.625rem .875rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;transition:all .2s;background:#fff;color:#333;box-sizing:border-box}.qrcode-input:focus{outline:none;border-color:#e820da;box-shadow:0 0 0 3px #e820da1f}.qrcode-input::placeholder{color:#94a3b8}.qrcode-hint{margin-top:.375rem;font-size:.75rem;color:#718096;line-height:1.5}.qrcode-form-actions{display:flex;gap:.75rem;margin-top:1.25rem}.qrcode-stats-content{padding:1.25rem}.qrcode-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.qrcode-stat-box{background:#f8fafc;border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px;border:1px solid #e2e8f0;transition:all .2s ease}.qrcode-stat-box:hover{border-color:#cbd5e1;background:#fff}.qrcode-stat-box-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qrcode-stat-box-value{font-size:20px;font-weight:800;color:#002060;line-height:1.1;font-family:SF Mono,Monaco,Cascadia Code,monospace}.qrcode-stat-box-label{font-size:11px;color:#64748b;margin-top:3px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.qrcode-stats-section{margin-bottom:24px}.qrcode-section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#002060;margin:0 0 14px;text-transform:uppercase;letter-spacing:.6px}.qrcode-stats-list{display:flex;flex-direction:column;gap:8px}.qrcode-stats-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;transition:all .15s ease}.qrcode-stats-item:hover{background:#fff;border-color:#cbd5e1}.qrcode-stats-item-label{flex:1;font-weight:600;color:#002060;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qrcode-stats-item-bar{flex:2;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;min-width:80px}.qrcode-stats-item-fill{height:100%;background:linear-gradient(90deg,#002060,#e820da);border-radius:4px;transition:width .5s ease}.qrcode-stats-item-value{font-weight:700;color:#002060;min-width:40px;text-align:right;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:13px}.qrcode-recent-scans{display:flex;flex-direction:column;gap:8px}.qrcode-recent-scan{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;font-size:13px;transition:all .15s ease}.qrcode-recent-scan:hover{background:#fff;border-color:#cbd5e1}.qrcode-recent-scan-location{display:flex;align-items:center;gap:6px;flex:1;color:#002060;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qrcode-recent-scan-info{display:flex;align-items:center;gap:6px;color:#64748b;font-weight:500;font-size:12px;white-space:nowrap}.qrcode-recent-scan-time{color:#94a3b8;font-size:12px;white-space:nowrap;font-weight:500}.qrcode-map-container{width:100%;height:320px;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;margin-bottom:24px;background:#e2e8f0;position:relative}.qrcode-map-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#64748b;font-size:14px;font-weight:500;gap:10px}.qrcode-toast{position:fixed;top:1rem;right:1rem;padding:14px 20px;border-radius:12px;color:#fff;font-weight:600;font-size:14px;box-shadow:0 12px 40px #00000026;z-index:10000;display:flex;align-items:center;gap:10px;animation:qrcode-toast-in .3s cubic-bezier(.16,1,.3,1);max-width:400px;line-height:1.4}@keyframes qrcode-toast-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.qrcode-toast-success{background:#0f9d58}.qrcode-toast-error{background:#dc2626}.qrcode-toast-info{background:#3b82f6}@media(min-width:576px){.qrcode-top-section,.qrcode-controls{flex-wrap:nowrap}.qrcode-search{min-width:200px}.qrcode-stat-pill{min-width:100px;padding:.75rem}.qrcode-stat-pill-icon{width:32px;height:32px}.qrcode-stat-pill-value{font-size:1.25rem}.qrcode-stat-pill-label{font-size:.75rem}.qrcode-pagination{flex-direction:row;justify-content:center;gap:8px}}@media(min-width:768px){.qrcode-content-wrapper{padding:1.5rem}.qrcode-grid{grid-template-columns:repeat(2,1fr)}.qrcode-list-header{display:flex;align-items:center}.qrcode-list-item{display:flex;align-items:center;padding:.75rem 1rem}.qrcode-list-name-wrapper{flex:2;margin-bottom:0}.qrcode-list-campaign{flex:1;margin-bottom:0}.qrcode-list-actions{flex:1;justify-content:flex-end}.qrcode-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px}.qrcode-stat-box{padding:18px}.qrcode-stat-box-value{font-size:22px}.qrcode-modal-header h2{font-size:1.25rem}}@media(min-width:992px){.qrcode-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.qrcode-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.qrcode-header-title{font-size:1.25rem}.qrcode-top-section{padding:.75rem;gap:.5rem}.qrcode-stats-bar{width:100%;justify-content:space-between}.qrcode-stat-pill{flex:1;min-width:0;padding:.5rem}.qrcode-stat-pill-value{font-size:.9rem}.qrcode-stat-pill-label{font-size:.6rem}.qrcode-controls{width:100%;justify-content:space-between}.qrcode-search{max-width:none;flex:1}.qrcode-search input{font-size:16px}.qrcode-modal{border-radius:16px 16px 0 0;max-height:92vh;margin:0}.qrcode-modal-overlay{align-items:flex-end;padding:0}.qrcode-modal-header{border-radius:16px 16px 0 0}.qrcode-toast{left:1rem;right:1rem;top:1rem;max-width:none;animation:qrcode-toast-in-mobile .3s cubic-bezier(.16,1,.3,1)}@keyframes qrcode-toast-in-mobile{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.qrcode-recent-scan{flex-direction:column;align-items:flex-start;gap:6px}.qrcode-recent-scan-location,.qrcode-recent-scan-info,.qrcode-recent-scan-time{width:100%;white-space:normal}.qrcode-stats-item{flex-wrap:wrap;gap:8px}.qrcode-stats-item-bar{width:100%;order:3;flex:none}.qrcode-map-container{height:240px}}@media(max-width:360px){.qrcode-stats-bar{flex-direction:column;width:100%}.qrcode-stat-pill{flex-direction:row;text-align:left}.qrcode-card-actions{flex-direction:column}.qrcode-action-btn{width:100%}}@media print{.qrcode-header button,.qrcode-top-section,.qrcode-card-actions,.qrcode-list-actions,.qrcode-modal-overlay,.qrcode-toast{display:none!important}.qrcode-card{break-inside:avoid;page-break-inside:avoid}}.webreview-wrapper{width:100%;height:100%;min-height:0;flex:1 1 auto;min-width:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;background:linear-gradient(180deg,#f8f9ff,#fff);box-sizing:border-box;position:relative}.webreview-container{width:100%;max-width:100%;margin:0;padding:clamp(1rem,3vw,2.5rem);padding-bottom:clamp(2rem,6vw,4rem);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}.webreview-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:clamp(1.5rem,3vw,2.5rem);padding-bottom:1.5rem;border-bottom:1px solid #eef0f7;flex-wrap:wrap}.webreview-header-content{flex:1;min-width:0}.webreview-title{font-size:clamp(1.35rem,4vw,2rem);font-weight:700;color:#1e293b;margin:0 0 .5rem;letter-spacing:-.5px;line-height:1.2;word-break:break-word}.webreview-subtitle{font-size:clamp(.8rem,2vw,1rem);color:#64748b;margin:0;font-weight:400}.webreview-btn{padding:clamp(.7rem,2vw,.875rem) clamp(1.1rem,2.5vw,1.75rem);border:none;border-radius:10px;font-size:clamp(.85rem,2vw,.95rem);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:.625rem;box-shadow:0 4px 6px -1px #0000001a;white-space:nowrap;flex-shrink:0}.webreview-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 10px 25px -5px #6366f166}.webreview-btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #6366f180}.webreview-btn-secondary{background:#fff;color:#475569;border:2px solid #e2e8f0;box-shadow:0 2px 4px #0000000d}.webreview-btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.webreview-btn:disabled{opacity:.5;cursor:not-allowed}.webreview-icon{width:20px;height:20px;flex-shrink:0}.webreview-icon-small{width:16px;height:16px;flex-shrink:0}.webreview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.6rem,1.5vw,1.5rem);margin-bottom:clamp(1.5rem,3vw,2.5rem)}.webreview-stat-card{position:relative;background:#fff;padding:clamp(1rem,2vw,1.5rem) clamp(.85rem,1.8vw,1.5rem);border-radius:16px;box-shadow:0 1px 2px #0f172a0a,0 8px 20px -8px #0f172a14;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #eef0f7;min-width:0;overflow:hidden;display:flex;align-items:center;gap:clamp(.65rem,1.5vw,1rem)}.webreview-stat-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--stat-accent, #6366f1)}.webreview-stat-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0f172a0f,0 16px 28px -10px #0f172a24;border-color:#e4e7f5}.webreview-stat-primary{--stat-accent: #6366f1}.webreview-stat-success{--stat-accent: #10b981}.webreview-stat-warning{--stat-accent: #f59e0b}.webreview-stat-info{--stat-accent: #3b82f6}.webreview-stat-primary .webreview-stat-icon{background:#eef0ff}.webreview-stat-success .webreview-stat-icon{background:#e7fbf3}.webreview-stat-warning .webreview-stat-icon{background:#fff5e6}.webreview-stat-info .webreview-stat-icon{background:#eaf3ff}.webreview-stat-icon{flex-shrink:0;width:clamp(36px,6vw,44px);height:clamp(36px,6vw,44px);border-radius:12px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--stat-accent, #6366f1) 12%,white);color:var(--stat-accent, #6366f1)}.webreview-stat-icon svg{width:clamp(18px,3.5vw,22px);height:clamp(18px,3.5vw,22px)}.webreview-stat-body{min-width:0}.webreview-stat-value{font-size:clamp(1.35rem,3.2vw,2rem);font-weight:700;color:#1e293b;line-height:1.1;letter-spacing:-.02em}.webreview-stat-label{font-size:clamp(.62rem,1.3vw,.78rem);color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.webreview-filters{display:flex;gap:clamp(.75rem,2vw,1rem);margin-bottom:clamp(1.25rem,2.5vw,2rem);padding:clamp(1rem,2vw,1.5rem);background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;flex-wrap:wrap}.webreview-search-box{flex:1;min-width:min(100%,220px);position:relative}.webreview-search-icon{position:absolute;left:clamp(.75rem,2vw,1rem);top:50%;transform:translateY(-50%);width:20px;height:20px;color:#94a3b8;flex-shrink:0;pointer-events:none}.webreview-search-input{width:100%;padding:clamp(.7rem,2vw,.875rem) clamp(1rem,2vw,1rem) clamp(.7rem,2vw,.875rem) clamp(2.5rem,4vw,3rem);border:2px solid #e2e8f0;border-radius:10px;font-size:clamp(.85rem,2vw,.95rem);transition:all .3s ease;background:#f8fafc;box-sizing:border-box}.webreview-search-input:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f11a}.webreview-filter-select{min-width:clamp(140px,25vw,180px);flex-shrink:0}.webreview-select{width:100%;padding:clamp(.7rem,2vw,.875rem) clamp(1rem,2vw,1rem);border:2px solid #e2e8f0;border-radius:10px;font-size:clamp(.85rem,2vw,.95rem);background:#fff;cursor:pointer;transition:all .3s ease;box-sizing:border-box}.webreview-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.webreview-error{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;padding:clamp(.875rem,2vw,1rem) clamp(1rem,2vw,1.25rem);border-radius:10px;margin-bottom:clamp(1rem,2vw,1.5rem);border-left:4px solid #dc2626;font-weight:500;font-size:clamp(.8rem,2vw,.95rem);flex-wrap:wrap}.webreview-error-icon{width:20px;height:20px;flex-shrink:0}.webreview-error-dismiss{margin-left:auto;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#dc2626;line-height:1;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s;flex-shrink:0}.webreview-error-dismiss:hover{background:#dc26261a}.webreview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:clamp(3rem,8vw,5rem) clamp(1rem,3vw,2rem);font-size:clamp(.95rem,2.5vw,1.125rem);color:#64748b;font-weight:500}.webreview-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:webreview-spin 1s linear infinite}@keyframes webreview-spin{to{transform:rotate(360deg)}}.webreview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:clamp(3rem,8vw,6rem) clamp(1rem,3vw,2rem);text-align:center;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d}.webreview-empty-icon{width:clamp(48px,10vw,64px);height:clamp(48px,10vw,64px);color:#cbd5e1}.webreview-empty h3{margin:0;font-size:clamp(1.05rem,3vw,1.25rem);color:#1e293b}.webreview-empty p{margin:0;color:#64748b;font-size:clamp(.85rem,2vw,.95rem)}.webreview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:clamp(1rem,2.5vw,1.5rem);margin-bottom:clamp(1.5rem,3vw,2rem)}.webreview-card{background:#fff;border-radius:16px;padding:clamp(1.1rem,3vw,1.75rem);box-shadow:0 4px 12px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;min-width:0;display:flex;flex-direction:column}.webreview-card:hover{box-shadow:0 12px 28px #0000001a;border-color:#e0e7ff;transform:translateY(-2px)}.webreview-card-header{display:flex;align-items:center;gap:clamp(.75rem,2vw,1rem);margin-bottom:clamp(1rem,2vw,1.25rem);min-width:0}.webreview-avatar{width:clamp(44px,8vw,56px);height:clamp(44px,8vw,56px);border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(.95rem,2.5vw,1.25rem);flex-shrink:0;box-shadow:0 4px 12px #6366f14d}.webreview-card-info{flex:1;min-width:0}.webreview-card-name{margin:0 0 .375rem;font-size:clamp(.95rem,2.5vw,1.15rem);color:#1e293b;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webreview-role-badge{display:inline-block;padding:clamp(.2rem,1vw,.25rem) clamp(.5rem,1.5vw,.75rem);background:#f1f5f9;color:#64748b;border-radius:20px;font-size:clamp(.68rem,1.5vw,.8rem);font-weight:500;text-transform:capitalize}.webreview-card-rating{margin-bottom:clamp(.75rem,1.5vw,1rem)}.webreview-stars-input{display:flex;gap:clamp(.2rem,1vw,.375rem);flex-wrap:wrap}.webreview-star-btn{background:none;border:none;cursor:pointer;padding:0;transition:transform .2s ease;display:flex;align-items:center;justify-content:center}.webreview-star-btn:hover:not(:disabled){transform:scale(1.15)}.webreview-star-icon{width:clamp(18px,4vw,24px);height:clamp(18px,4vw,24px)}.webreview-star-active{color:#fbbf24}.webreview-star-inactive{color:#e2e8f0}.webreview-card-text{color:#475569;line-height:1.7;margin:0 0 clamp(1rem,2vw,1.25rem) 0;font-size:clamp(.8rem,2vw,.95rem);padding:clamp(.5rem,1.5vw,.75rem);background:#f8fafc;border-radius:8px;border-left:3px solid #6366f1;word-wrap:break-word;overflow-wrap:anywhere;flex:1}.webreview-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:clamp(1rem,2vw,1.25rem);border-top:1px solid #e2e8f0;flex-wrap:wrap;margin-top:auto}.webreview-card-badges{display:flex;gap:clamp(.4rem,1vw,.625rem);align-items:center;flex-wrap:wrap}.webreview-badge{padding:clamp(.25rem,1vw,.375rem) clamp(.55rem,1.5vw,.875rem);border-radius:20px;font-size:clamp(.6rem,1.5vw,.75rem);font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:clamp(.25rem,.5vw,.375rem);white-space:nowrap}.webreview-badge-pending{background:#fef3c7;color:#d97706}.webreview-badge-approved{background:#d1fae5;color:#059669}.webreview-badge-rejected{background:#fee2e2;color:#dc2626}.webreview-badge-featured{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.webreview-badge-icon{width:clamp(11px,2.5vw,14px);height:clamp(11px,2.5vw,14px)}.webreview-card-actions{display:flex;gap:clamp(.35rem,1vw,.5rem);flex-shrink:0}.webreview-btn-icon{width:clamp(30px,6vw,36px);height:clamp(30px,6vw,36px);border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:#f1f5f9;flex-shrink:0}.webreview-btn-icon svg{width:clamp(15px,3.5vw,18px);height:clamp(15px,3.5vw,18px)}.webreview-btn-approve{background:#d1fae5;color:#059669}.webreview-btn-approve:hover{background:#10b981;color:#fff;transform:scale(1.1)}.webreview-btn-edit{background:#dbeafe;color:#3b82f6}.webreview-btn-edit:hover{background:#3b82f6;color:#fff;transform:scale(1.1)}.webreview-btn-delete{background:#fee2e2;color:#dc2626}.webreview-btn-delete:hover{background:#dc2626;color:#fff;transform:scale(1.1)}.webreview-pagination{display:flex;justify-content:center;align-items:center;gap:clamp(.75rem,2.5vw,1.25rem);padding:clamp(1.25rem,2.5vw,1.5rem);flex-wrap:wrap}.webreview-page-info{font-weight:600;color:#475569;font-size:clamp(.8rem,2vw,.95rem);white-space:nowrap}.webreview-modal-overlay{position:fixed;inset:0;background:#0f172a99;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:clamp(.75rem,3vw,2rem);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:webreview-fadeIn .3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes webreview-fadeIn{0%{opacity:0}to{opacity:1}}.webreview-modal{background:#fff;border-radius:20px;width:100%;max-width:750px;max-height:none;margin:clamp(.5rem,4vh,3rem) auto;overflow-y:visible;box-shadow:0 25px 50px -12px #00000040;animation:webreview-modalSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes webreview-modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.webreview-modal-header{padding:clamp(1.25rem,3vw,2rem);border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(135deg,#f8f9ff,#fff);border-radius:20px 20px 0 0;gap:1rem;position:sticky;top:0;z-index:1}.webreview-modal-title{margin:0 0 .5rem;color:#1e293b;font-size:clamp(1.15rem,3vw,1.75rem);font-weight:700;word-break:break-word}.webreview-modal-subtitle{margin:0;color:#64748b;font-size:clamp(.8rem,2vw,.95rem)}.webreview-close{background:#f1f5f9;border:none;width:40px;height:40px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#64748b;flex-shrink:0}.webreview-close svg{width:20px;height:20px}.webreview-close:hover{background:#e2e8f0;color:#1e293b;transform:rotate(90deg)}.webreview-form{padding:clamp(1.25rem,3vw,2rem)}.webreview-form-section{margin-bottom:clamp(1.5rem,4vw,2.5rem);padding-bottom:clamp(1.25rem,3vw,2rem);border-bottom:1px solid #e2e8f0}.webreview-form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.webreview-form-section-title{font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:600;color:#1e293b;margin:0 0 clamp(1rem,2vw,1.5rem) 0;padding-left:1rem;border-left:4px solid #6366f1}.webreview-form-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2.5vw,1.5rem)}.webreview-form-group{margin-bottom:clamp(1.1rem,2.5vw,1.5rem);min-width:0}.webreview-label{display:block;margin-bottom:clamp(.5rem,1vw,.625rem);font-weight:600;color:#334155;font-size:clamp(.8rem,2vw,.9rem)}.webreview-required{color:#ef4444}.webreview-input,.webreview-textarea{width:100%;padding:clamp(.7rem,2vw,.875rem) clamp(.9rem,2vw,1rem);border:2px solid #e2e8f0;border-radius:10px;font-size:clamp(.85rem,2vw,.95rem);transition:all .3s ease;background:#f8fafc;font-family:inherit;box-sizing:border-box}.webreview-input:focus,.webreview-textarea:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f11a}.webreview-textarea{resize:vertical;min-height:100px}.webreview-hint{display:block;margin-top:clamp(.375rem,1vw,.5rem);font-size:clamp(.72rem,1.5vw,.85rem);color:#94a3b8;font-style:italic}.webreview-role-selector{display:flex;flex-direction:column;gap:clamp(.6rem,1.5vw,.75rem)}.webreview-role-option{display:flex;align-items:center;padding:clamp(.7rem,2vw,1rem);border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .3s ease;background:#f8fafc}.webreview-role-option:hover{border-color:#cbd5e1;background:#fff}.webreview-role-selected{border-color:#6366f1;background:linear-gradient(135deg,#f0f2ff,#eef2ff);box-shadow:0 2px 8px #6366f126}.webreview-role-input{margin-right:clamp(.6rem,1.5vw,.75rem);width:18px;height:18px;accent-color:#6366f1;flex-shrink:0}.webreview-role-label{font-weight:500;color:#334155;font-size:clamp(.8rem,2vw,.9rem)}.webreview-rating-container{display:flex;align-items:center;gap:clamp(.75rem,2vw,1rem);padding:clamp(.75rem,2vw,1rem);background:#f8fafc;border-radius:10px;border:2px solid #e2e8f0;flex-wrap:wrap}.webreview-rating-text{font-weight:600;color:#6366f1;font-size:clamp(.8rem,2vw,.95rem)}.webreview-checkbox{display:flex;align-items:flex-start;gap:clamp(.7rem,1.5vw,.875rem);padding:clamp(1rem,2vw,1.25rem);border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .3s ease;background:#f8fafc}.webreview-checkbox:hover{border-color:#cbd5e1;background:#fff}.webreview-checkbox-input{margin-top:clamp(.125rem,.5vw,.1875rem);width:20px;height:20px;accent-color:#6366f1;cursor:pointer;flex-shrink:0}.webreview-checkbox-text{display:flex;flex-direction:column;gap:clamp(.1875rem,.5vw,.25rem);flex:1;min-width:0}.webreview-checkbox-hint{font-size:clamp(.72rem,1.5vw,.85rem);color:#64748b;font-weight:400}.webreview-form-actions{display:flex;justify-content:flex-end;gap:clamp(.75rem,2vw,1rem);margin-top:clamp(1.5rem,4vw,2.5rem);padding-top:clamp(1.25rem,3vw,2rem);border-top:2px solid #f1f5f9;flex-wrap:wrap}@media(max-width:1024px){.webreview-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}}@media(max-width:768px){.webreview-header{flex-direction:column;align-items:stretch}.webreview-header-content,.webreview-btn{width:100%}.webreview-filters{flex-direction:column}.webreview-search-box,.webreview-filter-select{min-width:100%}.webreview-grid,.webreview-form-row{grid-template-columns:1fr}.webreview-card-footer{flex-direction:column;align-items:stretch;gap:.75rem}.webreview-card-badges{justify-content:flex-start}.webreview-card-actions{width:100%;justify-content:flex-end}.webreview-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.webreview-stat-card{padding:.85rem}.webreview-modal-overlay{align-items:flex-start;padding:0}.webreview-modal{max-width:100%;width:100%;min-height:100vh;margin:0;border-radius:0}.webreview-modal-header{border-radius:0}}@media(max-width:480px){.webreview-container{padding:.875rem .875rem 2.5rem}.webreview-stats{grid-template-columns:repeat(2,1fr);gap:.625rem}.webreview-stat-card{padding:.875rem .5rem}.webreview-modal-title{font-size:1.15rem}.webreview-pagination{flex-direction:column}.webreview-page-info{order:-1}.webreview-card-header{flex-wrap:wrap}.webreview-role-selector{gap:.5rem}.webreview-form-actions{flex-direction:column-reverse}.webreview-form-actions .webreview-btn{width:100%}}@media(max-width:360px){.webreview-stats{grid-template-columns:1fr 1fr}.webreview-stat-value{font-size:1.4rem}.webreview-title{font-size:1.25rem}.webreview-avatar{width:40px;height:40px;font-size:.85rem}}@media(max-height:500px)and (orientation:landscape){.webreview-modal-overlay{align-items:flex-start}.webreview-modal{margin:.5rem auto}}.webreview-modal::-webkit-scrollbar,.webreview-container::-webkit-scrollbar,.webreview-wrapper::-webkit-scrollbar{width:10px}.webreview-modal::-webkit-scrollbar-track,.webreview-container::-webkit-scrollbar-track,.webreview-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.webreview-modal::-webkit-scrollbar-thumb,.webreview-container::-webkit-scrollbar-thumb,.webreview-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:8px}.webreview-modal::-webkit-scrollbar-thumb:hover,.webreview-container::-webkit-scrollbar-thumb:hover,.webreview-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4f46e5,#7c3aed)}.map_clients-map-container{display:flex;width:100%;height:80vh}.map_clients-map-sidebar{width:250px;border-right:1px solid #ddd;padding:10px;overflow-y:auto;background:#f8f9fa}.map_clients-list{margin-top:10px}.map_client-item{padding:8px;margin-bottom:5px;border-radius:4px;cursor:pointer;background:#fff;transition:background .2s}.map_client-item:hover{background:#b3c4ce}.map_client-item.selected{background:#667eea;color:#fff}.map_clients-map-content{flex:1}.map_client-row{display:flex;justify-content:space-between;align-items:center}.map_call-count{background:#2e7d32c0;color:#fff;font-size:12px;font-weight:700;padding:3px 8px;border-radius:20px}.map_tootip{font-size:14px;padding:8px 14px}.acp-container,.crp-container{max-width:1300px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-sizing:border-box}.acp-card,.crp-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:25px;margin-bottom:20px;box-sizing:border-box}.acp-header,.crp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--border-color);box-sizing:border-box}.acp-header-title,.crp-header-title{flex:1}.acp-title,.crp-title{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.acp-back-btn,.crp-back-btn{background:none;border:none;color:var(--primary-color);font-size:16px;cursor:pointer;display:flex;align-items:center;padding:8px 12px;border-radius:4px;transition:background-color .3s;white-space:nowrap}.acp-back-btn:hover,.crp-back-btn:hover{background-color:#3498db1a}.acp-form-group,.crp-form-group{margin-bottom:20px;box-sizing:border-box}.acp-label,.crp-label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-secondary)}.acp-input,.acp-select,.acp-textarea,.crp-input{width:100%;padding:12px 15px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;transition:var(--transition);box-sizing:border-box}.acp-input:focus,.acp-select:focus,.acp-textarea:focus,.crp-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #3498db33}.acp-form-row,.crp-form-row{display:flex;gap:20px;box-sizing:border-box}.acp-form-row .acp-form-group,.crp-form-row .crp-form-group{flex:1;box-sizing:border-box}.acp-actions,.crp-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;box-sizing:border-box}.acp-btn,.crp-btn{padding:10px 20px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:var(--transition);box-sizing:border-box}.acp-btn-primary,.crp-btn-primary{background-color:var(--primary-color);color:#fff}.acp-btn-primary:hover,.crp-btn-primary:hover{background-color:var(--primary-hover)}.acp-btn-secondary,.crp-btn-secondary{background-color:var(--secondary-color);color:var(--text-muted)}.acp-btn-secondary:hover,.crp-btn-secondary:hover{background-color:var(--secondary-hover)}.acp-loading,.crp-loading{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.acp-notification,.crp-notification{position:fixed;top:50px;right:30px;padding:15px 20px;border-radius:6px;background:#c8d606!important;font-weight:500;z-index:1000;box-shadow:0 4px 12px #00000026;max-width:400px;opacity:0;transform:translateY(-20px);transition:opacity .3s,transform .3s;box-sizing:border-box}.acp-notification.show,.crp-notification.show{opacity:1;transform:translateY(0)}.acp-notification.success,.crp-notification.success{background-color:var(--success-color)}.acp-notification.error,.crp-notification.error{background-color:var(--error-color)}.acp-notification.warning,.crp-notification.warning{background-color:var(--warning-color)}.acp-client-search{position:relative}.acp-selected-client{margin-top:10px;padding:10px;background-color:var(--background-light);border-radius:6px;font-size:14px;color:#495057;box-sizing:border-box}.acp-client-dropdown{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:#fff;border:1px solid var(--border-color);border-radius:6px;z-index:100;box-shadow:0 4px 8px #0000001a;box-sizing:border-box}.acp-client-option{padding:10px 15px;cursor:pointer;transition:background-color .2s;box-sizing:border-box}.acp-client-option:hover{background-color:#f5f9ff}.crp-info-box{background-color:var(--background-light);border-left:4px solid var(--primary-color);padding:15px;margin:20px 0;border-radius:0 6px 6px 0;box-sizing:border-box}.crp-info-box p{margin:0 0 10px;color:var(--text-secondary)}.crp-info-box p:last-child{margin-bottom:0}.crp-date-display{display:flex;align-items:center;margin-top:10px;padding:10px;background-color:var(--background-light);border-radius:6px;font-size:14px;color:#495057;box-sizing:border-box}.crp-date-display strong{margin-right:10px;color:var(--text-secondary)}.acp-modal-overlay,.crp-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;box-sizing:border-box}.acp-modal,.crp-modal{background:#fff;border-radius:var(--border-radius);padding:25px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-sizing:border-box}.acp-modal-header,.crp-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;box-sizing:border-box}.acp-modal-title,.crp-modal-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.acp-modal-close,.crp-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-muted)}.acp-modal-close:hover,.crp-modal-close:hover{color:var(--text-primary)}.acp-modal-body,.crp-modal-body{margin-bottom:20px;box-sizing:border-box}.acp-modal-footer,.crp-modal-footer{display:flex;justify-content:flex-end;gap:15px;box-sizing:border-box}.acp-disabled,.crp-disabled{opacity:.6;pointer-events:none}@media(max-width:992px){.acp-container,.crp-container{padding:15px}.acp-card,.crp-card{padding:20px}.acp-title,.crp-title{font-size:22px}.acp-form-row,.crp-form-row{gap:15px}}@media(max-width:768px){.acp-container,.crp-container{padding:10px}.acp-card,.crp-card{padding:15px}.acp-header,.crp-header{flex-direction:column;align-items:flex-start}.acp-back-btn,.crp-back-btn{margin-top:10px;align-self:flex-end}.acp-form-row,.crp-form-row{flex-direction:column;gap:0}.acp-actions,.crp-actions{flex-direction:column;gap:10px}.acp-btn,.crp-btn{width:100%;padding:12px 15px}.acp-notification,.crp-notification{max-width:90%;right:5%;left:5%}.acp-modal,.crp-modal{width:95%;padding:20px}}@media(max-width:576px){.acp-container,.crp-container{padding:5px}.acp-card,.crp-card{padding:10px;border-radius:6px}.acp-title,.crp-title{font-size:20px}.acp-header,.crp-header{margin-bottom:15px;padding-bottom:10px}.acp-form-group,.crp-form-group{margin-bottom:15px}.acp-label,.crp-label{margin-bottom:5px;font-size:14px}.acp-input,.acp-select,.acp-textarea,.crp-input{padding:10px 12px;font-size:14px}.acp-actions,.crp-actions{margin-top:20px}.acp-btn,.crp-btn{padding:10px 15px;font-size:14px}.acp-back-btn,.crp-back-btn{padding:6px 10px;font-size:14px}.acp-modal,.crp-modal{padding:15px}.acp-modal-title,.crp-modal-title{font-size:18px}}@media(max-width:480px){.acp-title,.crp-title{font-size:18px}.acp-header,.crp-header{margin-bottom:10px;padding-bottom:8px}.acp-form-group,.crp-form-group{margin-bottom:12px}.acp-actions,.crp-actions{margin-top:15px}.acp-btn,.crp-btn{padding:8px 12px}}@media print{.acp-container,.crp-container{max-width:100%;padding:0}.acp-card,.crp-card{box-shadow:none;border:1px solid #ddd}.acp-back-btn,.crp-back-btn,.acp-actions,.crp-actions,.acp-notification,.crp-notification{display:none}}.notes-container{width:100%;margin:0;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;display:flex;flex-direction:column;position:relative}.notes-consolidated-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px;flex-wrap:wrap}.notes-controls-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.notes-date-filters-compact{display:flex;align-items:center}.notes-table-search-compact{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:250px;max-width:300px}.notes-action-buttons{display:flex;gap:8px;align-items:center}.notes-search-results-info{margin-bottom:15px;padding-left:5px}.notes-header-section{margin-bottom:15px;position:sticky;top:0;background:#fff;z-index:100;padding:8px 0;border-bottom:1px solid #eee}.notes-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.notes-date-filters{display:flex;flex-direction:column;gap:10px}.notes-date-filter-group{display:flex;gap:10px}.notes-custom-date-filters{display:flex;gap:10px;align-items:center}.notes-date-range-group{position:relative;display:flex;flex-direction:column;gap:5px}.notes-date-custom{background:#f8f9fa;color:#495057;border:1px solid #ced4da;min-width:150px;text-align:left}.notes-date-custom:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.notes-date-custom.notes-date-active{background:#007bff!important;color:#fff!important;border-color:#007bff!important}.notes-date-picker{position:absolute;top:100%;left:0;z-index:1000;background:#fff;border:1px solid #ced4da;border-radius:4px;padding:8px;box-shadow:0 4px 12px #00000026;font-size:14px}.notes-date-picker:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.notes-date-badge{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.notes-date-current{background:#6c757d;color:#fff}.notes-date-current:hover{background:#5a6268;transform:translateY(-1px)}.notes-date-next{background:#17a2b8;color:#fff}.notes-date-next:hover{background:#138496;transform:translateY(-1px)}.notes-date-active{background:#007bff!important;color:#fff;box-shadow:0 2px 8px #007bff4d}.notes-date-clear{background:#dc3545;color:#fff}.notes-date-clear:hover{background:#c82333;transform:translateY(-1px)}.notes-main-title{font-size:22px;font-weight:600;margin:0;color:#333;white-space:nowrap}.notes-export-section{display:flex;gap:10px;margin-bottom:15px}.notes-export-btn{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500}.notes-csv{background:#17a2b8;color:#fff}.notes-excel{background:#28a745;color:#fff}.notes-print{background:#6f42c1;color:#fff}.notes-create-btn{background:#007bff;color:#fff;padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;margin-left:auto}.notes-search-section{display:flex;align-items:center;gap:10px;margin-bottom:20px}.notes-table-search{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.notes-main-content{display:flex;flex-direction:column;flex:1;min-height:0}.notes-table-wrapper{flex:1;display:flex;flex-direction:column;min-height:0}.notes-table-container{overflow-x:auto;overflow-y:auto;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000001a;flex:1;min-height:400px;max-height:calc(100vh - 250px);position:relative}.notes-table{width:100%;border-collapse:collapse;background:#fff;min-width:1000px}.notes-table-header-sticky{position:sticky;top:0;z-index:10}.notes-table-header-sticky th,.notes-table th{background:#495057!important;color:#fff!important;padding:12px 8px;text-align:left;font-weight:600;font-size:14px;border-right:1px solid #343a40;white-space:nowrap;position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #0000001a}.notes-table thead th,.notes-table-header-sticky>tr>th,.notes-table>thead>tr>th{background:#495057!important;color:#fff!important;border-color:#343a40!important}.notes-table td{padding:12px 8px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:14px;vertical-align:top;line-height:1.4}.notes-content-cell{max-width:300px;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.max_width{max-width:900px}.font14{font-size:16px}.preserve-lines{white-space:pre-line}.notes-detail-view{background:#fff;border:1px solid #ddd;border-radius:8px;padding:30px;margin:20px 0}.notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #17a2b8}.notes-client-name{font-size:28px;font-weight:600;color:#17a2b8;margin:0}.notes-back-btn{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.notes-detail-content{line-height:1.6}.notes-detail-row{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.notes-label{font-weight:600;color:#333}.notes-value{color:#666}.notes-date-info{color:#666;font-size:14px}.notes-subject{font-weight:600;font-size:16px;margin:20px 0;color:#333}.notes-content{margin:20px 0;color:#444;line-height:1.7}.notes-content p{margin-bottom:15px}.notes-footer{margin-top:30px;padding-top:15px;border-top:1px solid #eee;color:#666}.notes-form-container{background:#fff;border:1px solid #ddd;border-radius:8px;padding:5px;margin:10px 0}.notes-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:15px;border-bottom:2px solid #28a745}.notes-form-title{font-size:28px;font-weight:500;color:#28a745;margin:0}.notes-form{display:flex;flex-direction:column;gap:5px}.notes-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.notes-form-group{display:flex;flex-direction:column;gap:5px}.notes-form-group label{font-weight:500;color:#333;font-size:14px}.notes-input{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s}.notes-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.notes-textarea{padding:5px;border:1px solid #ddd;border-radius:4px;font-size:18px;font-family:inherit;resize:vertical;max-height:100px;transition:border-color .2s}.notes-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.notes-form-actions{display:flex;justify-content:flex-end;margin-top:20px}.notes-edit-btn{background:#03a037af;color:#fff;border:none;padding:5px;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s;margin-right:10px}.notes-edit-btn:hover{background:#366119}.notes-update-btn{background:#007bff;color:#fff;border:none;padding:5px;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s}.notes-cancel-btn{background:#c21515;color:#fff;border:none;padding:10px;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s;margin-right:10px}.notes-cancel-btn:hover{background:#e00a52}.notes-update-btn:hover{background:#0056b3}.notes-pagination-container{background:#fff;border-top:1px solid #ddd;margin-top:5px;margin-bottom:5px}.notes-pagination{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000001a}.notes-pagination-info{font-size:14px;color:#666;font-weight:500}.notes-pagination-controls{display:flex;align-items:center;gap:8px}.notes-pagination-number{border:1px solid #ddd;background:#fff!important;color:#333!important;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;min-width:40px;transition:all .2s ease}.notes-pagination-number:hover:not(:disabled){background:#f8f9fa!important;border-color:#007bff;color:#007bff!important}.notes-pagination-active{background:#007bff!important;color:#fff!important;border-color:#007bff;box-shadow:0 2px 4px #007bff4d}.notes-pagination-controls button{padding:8px 12px;border:1px solid #ddd;background:#fff;color:#333;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;min-width:40px;transition:all .2s ease}.notes-pagination-controls button:hover:not(:disabled){background:#f8f9fa;border-color:#007bff;color:#007bff}.notes-pagination-controls button.active{background:#007bff;color:#fff;border-color:#007bff}.notes-pagination-controls button:disabled{background:#f8f9fa;color:#6c757d;border-color:#dee2e6;cursor:not-allowed;opacity:.6}.notes-pagination-controls .notes-pagination-prev,.notes-pagination-controls .notes-pagination-next{padding:8px 16px;font-weight:600}.notes-pagination-controls .notes-pagination-ellipsis{border:none;background:none;color:#6c757d;cursor:default;padding:8px 4px}.notes-pagination-controls button.notes-active-page{background:#007bff;color:#fff;border-color:#007bff;box-shadow:0 2px 4px #007bff4d}.notes-loading{text-align:center;padding:40px;color:#666;font-size:16px}.notes-error{color:#dc3545;margin-bottom:20px;padding:12px 16px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;border-left:4px solid #dc3545}.notes-success{color:#155724;margin-bottom:20px;padding:12px 16px;background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;border-left:4px solid #28a745}@media(max-width:1200px){.notes-container{padding:10px}.notes-header-section{padding:5px 0}.notes-consolidated-header{flex-direction:column;align-items:flex-start;gap:15px}.notes-controls-row{width:100%;justify-content:space-between}.notes-table-search-compact{min-width:200px}.notes-table-container{max-height:calc(100vh - 280px)}}@media(max-width:1024px){.notes-table-search-compact{min-width:200px}.notes-table-container{max-height:calc(100vh - 300px)}}@media(max-width:768px){.notes-controls-row{flex-direction:column;align-items:stretch;gap:10px}.notes-date-filters-compact{justify-content:center}.notes-action-buttons{justify-content:center;flex-wrap:wrap}.notes-table-search-compact{min-width:auto;width:100%}.notes-table-container{min-height:350px;max-height:calc(100vh - 220px)}}@media(max-width:480px){.notes-consolidated-header{gap:10px}.notes-main-title{font-size:18px}.notes-controls-row{gap:8px}.notes-table-container{min-height:300px;max-height:calc(100vh - 200px)}}@media(min-width:1400px){.notes-table-container{max-height:calc(100vh - 350px)}.notes-pagination{padding:10px}}@media screen and (min-resolution:1.1dppx){.notes-table-container{max-height:calc(100vh - 280px);min-height:350px}}.notes-client-dropdown{max-height:200px;overflow-y:auto}.notes-client-dropdown option{padding:8px 12px;border-bottom:1px solid #eee}.notes-actions{display:flex;gap:5px;align-items:center}.notes-action-btn,.notes-table .notes-action-btn,.notes-table td .notes-action-btn,table .notes-action-btn{padding:6px 10px!important;border:1px solid #ddd!important;background:#fff!important;border-radius:4px!important;cursor:pointer!important;font-size:12px!important;transition:all .2s ease!important;color:#212529!important;font-weight:500!important;min-width:32px!important;text-align:center!important;display:inline-block!important}.notes-read-more,.notes-table .notes-read-more,.notes-table td .notes-read-more,table .notes-read-more{background:#ffc107!important;color:#000!important;border-color:#ffc107!important;font-weight:600!important}.notes-read-more:hover,.notes-table .notes-read-more:hover,.notes-table td .notes-read-more:hover,table .notes-read-more:hover{background:#e0a800!important;border-color:#d39e00!important;color:#000!important;transform:translateY(-1px)!important}.notes-edit,.notes-table .notes-edit,.notes-table td .notes-edit,table .notes-edit{background:#17a2b8!important;color:#fff!important;border-color:#17a2b8!important}.notes-edit:hover,.notes-table .notes-edit:hover,.notes-table td .notes-edit:hover,table .notes-edit:hover{background:#138496!important;border-color:#117a8b!important;color:#fff!important;transform:translateY(-1px)!important}.notes-delete,.notes-table .notes-delete,.notes-table td .notes-delete,table .notes-delete{background:#dc3545!important;color:#fff!important;border-color:#dc3545!important}.notes-delete:hover,.notes-table .notes-delete:hover,.notes-table td .notes-delete:hover,table .notes-delete:hover{background:#c82333!important;border-color:#bd2130!important;color:#fff!important;transform:translateY(-1px)!important}button[class*=notes-edit],button[class*=notes-delete],.notes-table button[class*=notes-edit],.notes-table button[class*=notes-delete]{font-size:14px!important;line-height:1!important;padding:8px!important;min-width:36px!important;height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.notes-table button,.notes-actions button,td button{background:initial!important;color:initial!important}.notes-table .notes-edit,.notes-actions .notes-edit,td .notes-edit{background:#17a2b8!important;color:#fff!important}.notes-table .notes-delete,.notes-actions .notes-delete,td .notes-delete{background:#dc3545!important;color:#fff!important}.toast{position:fixed;top:20px;right:20px;padding:16px 20px;border-radius:8px;color:#fff;font-weight:500;z-index:1000;display:flex;align-items:center;gap:10px;min-width:300px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out}.toast-success{background:#28a745}.toast-error{background:#dc3545}.toast-warning{background:#ffc107;color:#000}.toast-close{background:none;border:none;color:inherit;font-size:20px;cursor:pointer;padding:0;margin-left:auto}.delete-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-modal{background:#fff;border-radius:8px;padding:0;max-width:400px;width:90%;box-shadow:0 10px 25px #0003}.delete-modal-header{padding:20px 24px 0;border-bottom:1px solid #eee}.delete-modal-header h3{margin:0 0 16px;color:#dc3545;font-size:18px;font-weight:600}.delete-modal-body{padding:20px 24px}.delete-modal-body p{margin:0 0 12px;color:#333;line-height:1.5}.delete-warning{color:#dc3545!important;font-weight:500;font-size:14px}.delete-modal-actions{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.delete-cancel-btn{padding:8px 16px;border:1px solid #ddd;background:#fff;color:#333;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.delete-cancel-btn:hover{background:#f8f9fa}.delete-confirm-btn{padding:8px 16px;border:none;background:#dc3545;color:#fff;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.delete-confirm-btn:hover{background:#c82333}.notes-required{color:#dc3545;font-weight:700}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.loading-spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#0ea5e9;animation:spin 1s ease infinite;margin-bottom:10px}.loading-spinner-small{display:inline-block;border:2px solid rgba(0,0,0,.1);width:16px;height:16px;border-radius:50%;border-left-color:#fff;animation:spin 1s ease infinite;margin-right:8px;vertical-align:middle}:root{--primary-color: #007bff;--secondary-color: #6c757d;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--light-color: #f8f9fa;--dark-color: #343a40;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--border-radius: 4px;--box-shadow: 0 2px 4px rgba(0, 0, 0, .1);--transition: all .2s ease}.logbook-double-visit-row{background-color:#f9f9f9}.logbook-double-visit-row td{border-top:2px dashed #ddd;vertical-align:middle}.logbook-double-visit-row td:first-child{font-weight:600;color:#2c3e50}.individual-time{font-size:.9em;color:#666}.individual-time strong{color:#2c3e50}.logbook-double-visit-row{background-color:#fcfcfc;border-top:2px dashed #ddd}.logbook-double-visit-row td{vertical-align:middle;font-size:.95em}.month-year-filters{display:flex;gap:10px;align-items:center;margin-bottom:10px}.logbook-loading-spinner{display:flex;align-items:center;gap:10px;padding:10px;background-color:#f8f9fa;border-radius:4px;margin-bottom:10px}.policy-spinner-small{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.maxwidth{max-width:600px}*{box-sizing:border-box}body{font-family:var(--font-family);margin:0;padding:0;background-color:var(--light-color);color:var(--dark-color)}.logbook-container{width:100%;margin:0;padding:20px;font-family:var(--font-family);min-height:100vh;display:flex;flex-direction:column;position:relative}.logbook-header-section{margin-bottom:15px;position:sticky;top:0;background:#fff;z-index:100;padding:8px 0;border-bottom:1px solid #eee}.logbook-consolidated-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px;flex-wrap:wrap}.logbook-controls-row,.logbook-filters-group{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.logbook-filter-dropdown label,.logbook-date-filter label{font-weight:500;margin-right:5px}.logbook-input{padding:8px 12px;border:1px solid #ddd;border-radius:var(--border-radius);font-size:14px;transition:var(--transition)}.logbook-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40}.logbook-table-search-compact{min-width:250px;max-width:300px}.logbook-main-title{font-size:22px;font-weight:600;margin:0;color:#333;white-space:nowrap}.logbook-action-buttons{display:flex;gap:8px;align-items:center}.logbook-export-btn{padding:6px 12px;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:12px;font-weight:500;transition:var(--transition)}.logbook-csv{background:var(--info-color);color:#fff}.logbook-excel{background:var(--success-color);color:#fff}.logbook-print{background:#6f42c1;color:#fff}.logbook-export-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.logbook-export-btn:disabled{opacity:.6;cursor:not-allowed}.logbook-date-picker-container{position:relative;display:flex;align-items:center;gap:8px}.logbook-date-badge{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:var(--transition);background:var(--secondary-color);color:#fff}.logbook-date-badge:hover{background:#5a6268;transform:translateY(-1px)}.logbook-date-badge.logbook-date-active{background:var(--primary-color)!important;box-shadow:0 2px 8px #007bff4d}.logbook-date-picker{position:absolute;top:100%;left:0;z-index:1000;background:#fff;border:1px solid #ced4da;border-radius:var(--border-radius);padding:8px;box-shadow:0 4px 12px #00000026;font-size:14px}.logbook-date-clear{background:var(--danger-color);color:#fff;padding:8px 12px;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:12px;transition:var(--transition)}.logbook-date-clear:hover{background:#c82333;transform:translateY(-1px)}.logbook-main-content{display:flex;flex-direction:column;flex:1;min-height:0}.logbook-table-wrapper{flex:1;display:flex;flex-direction:column;min-height:0}.logbook-table-container{overflow-x:auto;overflow-y:auto;border:1px solid #ddd;border-radius:var(--border-radius);box-shadow:var(--box-shadow);flex:1;min-height:400px;max-height:calc(100vh - 250px);position:relative}.logbook-table{width:100%;border-collapse:collapse;background:#fff;min-width:1000px}.logbook-table-header-sticky{position:sticky;top:0;z-index:10;background:linear-gradient(135deg,#e820da 50%,#002060 50%)}.logbook-table th{color:#fff!important;padding:12px 8px;text-align:left;font-weight:600;font-size:14px;border-right:1px solid #343a40;white-space:nowrap;position:sticky;top:0;z-index:10;box-shadow:var(--box-shadow)}.logbook-table td{padding:12px 8px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:14px;vertical-align:top;line-height:1.4}.logbook-content-cell{max-width:300px;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logbook-sortable-header{cursor:pointer}.logbook-sortable-header:hover{background:#495057!important}.logbook-status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;display:inline-block}.logbook-status-badge.active{background:#d4edda;color:#155724}.logbook-status-badge.archived{background:#f8d7da;color:#721c24}.logbook-actions{display:flex;gap:5px;align-items:center}.logbook-action-btn{padding:6px 10px!important;border:1px solid #ddd!important;background:#fff!important;border-radius:var(--border-radius)!important;cursor:pointer!important;font-size:12px!important;transition:var(--transition)!important;color:#212529!important;font-weight:500!important;min-width:32px!important;text-align:center!important;display:inline-block!important}.logbook-read-more{background:var(--warning-color)!important;color:#000!important;border-color:var(--warning-color)!important}.logbook-edit{background:var(--info-color)!important;color:#fff!important;border-color:var(--info-color)!important}.logbook-delete{background:var(--danger-color)!important;color:#fff!important;border-color:var(--danger-color)!important}.logbook-action-btn:hover{transform:translateY(-1px)!important}.logbook-pagination-container{background:#fff;border-top:1px solid #ddd;margin-top:5px;margin-bottom:5px}.logbook-pagination{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #ddd;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:10px}.logbook-pagination-info{font-size:14px;color:var(--secondary-color);font-weight:500}.logbook-pagination-controls{display:flex;align-items:center;gap:8px}.logbook-pagination-controls button{padding:8px 12px;border:1px solid #ddd;background:#fff;color:#333;border-radius:var(--border-radius);cursor:pointer;font-size:14px;font-weight:500;min-width:40px;transition:var(--transition)}.logbook-pagination-controls button:hover:not(:disabled){background:var(--light-color);border-color:var(--primary-color);color:var(--primary-color)}.logbook-pagination-controls button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.logbook-pagination-controls button:disabled{background:var(--light-color);color:var(--secondary-color);border-color:#dee2e6;cursor:not-allowed;opacity:.6}.logbook-toast{position:fixed;top:20px;right:20px;padding:16px 20px;border-radius:8px;color:#fff;font-weight:500;z-index:1000;display:flex;align-items:center;gap:10px;min-width:300px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out}.logbook-toast-success{background:var(--success-color)}.logbook-toast-error{background:var(--danger-color)}.logbook-toast-warning{background:var(--warning-color);color:#000}.logbook-toast-close{background:none;border:none;color:inherit;font-size:20px;cursor:pointer;padding:0;margin-left:auto}.logbook-delete-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.logbook-delete-modal{background:#fff;border-radius:8px;padding:0;max-width:400px;width:90%;box-shadow:0 10px 25px #0003}.logbook-delete-modal-header{padding:20px 24px 0;border-bottom:1px solid #eee}.logbook-delete-modal-header h3{margin:0 0 16px;color:var(--danger-color);font-size:18px;font-weight:600}.logbook-delete-modal-body{padding:20px 24px}.logbook-delete-modal-body p{margin:0 0 12px;color:#333;line-height:1.5}.logbook-delete-warning{color:var(--danger-color)!important;font-weight:500;font-size:14px}.logbook-delete-modal-actions{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.logbook-delete-cancel-btn{padding:8px 16px;border:1px solid #ddd;background:#fff;color:#333;border-radius:var(--border-radius);cursor:pointer;font-size:14px;font-weight:500}.logbook-delete-cancel-btn:hover{background:var(--light-color)}.logbook-delete-confirm-btn{padding:8px 16px;border:none;background:var(--danger-color);color:#fff;border-radius:var(--border-radius);cursor:pointer;font-size:14px;font-weight:500}.logbook-delete-confirm-btn:hover{background:#c82333}.logbook-form-container{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;margin:20px 0}.logbook-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--success-color)}.logbook-form-title{font-size:24px;font-weight:500;color:var(--success-color);margin:0}.logbook-form{display:flex;flex-direction:column;gap:15px}.logbook-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.logbook-form-group{display:flex;flex-direction:column;gap:5px}.logbook-form-group label{font-weight:500;color:#333;font-size:14px}.logbook-textarea{padding:10px;border:1px solid #ddd;border-radius:var(--border-radius);font-size:14px;font-family:inherit;resize:vertical;min-height:100px;transition:var(--transition)}.logbook-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40}.logbook-form-actions{display:flex;justify-content:flex-end;margin-top:20px;gap:10px}.logbook-cancel-btn{background:var(--secondary-color);color:#fff;border:none;padding:10px 16px;border-radius:var(--border-radius);cursor:pointer;font-size:14px;font-weight:500;transition:var(--transition)}.logbook-cancel-btn:hover{background:#5a6268}.logbook-update-btn{background:var(--primary-color);color:#fff;border:none;padding:10px 16px;border-radius:var(--border-radius);cursor:pointer;font-size:14px;font-weight:500;transition:var(--transition)}.logbook-update-btn:hover{background:#0056b3}.logbook-detail-view{background:#fff;border:1px solid #ddd;border-radius:8px;padding:30px;margin:20px 0}.logbook-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid var(--info-color)}.logbook-client-name{font-size:28px;font-weight:600;color:var(--info-color);margin:0}.logbook-back-btn{background:var(--secondary-color);color:#fff;border:none;padding:8px 16px;border-radius:var(--border-radius);cursor:pointer;font-size:14px;transition:var(--transition)}.logbook-back-btn:hover{background:#5a6268}.logbook-detail-content{line-height:1.6}.logbook-detail-row{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.logbook-label{font-weight:600;color:#333}.logbook-value{color:#666}.logbook-date-info{color:#666;font-size:14px}.logbook-subject{font-weight:600;font-size:16px;margin:20px 0;color:#333}.logbook-content{margin:20px 0;color:#444;line-height:1.7}.logbook-content p{margin-bottom:15px}.logbook-footer{margin-top:30px;padding-top:15px;border-top:1px solid #eee;color:#666}.logbook-loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.logbook-loading-spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:var(--primary-color);animation:spin 1s ease infinite;margin-bottom:10px}@media(max-width:1200px){.logbook-container{padding:10px}.logbook-header-section{padding:5px 0}.logbook-consolidated-header{flex-direction:column;align-items:flex-start;gap:15px}.logbook-controls-row{width:100%;justify-content:space-between}.logbook-table-search-compact{min-width:200px}.logbook-table-container{max-height:calc(100vh - 280px)}}@media(max-width:1024px){.logbook-table-search-compact{min-width:200px}.logbook-table-container{max-height:calc(100vh - 300px)}}@media(max-width:768px){.logbook-controls-row{flex-direction:column;align-items:stretch;gap:10px}.logbook-filters-group{justify-content:center}.logbook-action-buttons{justify-content:center;flex-wrap:wrap}.logbook-table-search-compact{min-width:auto;width:100%}.logbook-table-container{min-height:350px;max-height:calc(100vh - 220px)}.logbook-form-row{grid-template-columns:1fr}}@media(max-width:480px){.logbook-consolidated-header{gap:10px}.logbook-main-title{font-size:18px}.logbook-controls-row{gap:8px}.logbook-table-container{min-height:300px;max-height:calc(100vh - 200px)}.logbook-pagination{flex-direction:column;gap:10px}}.sp-container{display:flex;height:90vh;background:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.sp-sidebar{width:250px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.sp-search-box{padding:16px;border-bottom:1px solid #e5e7eb}.sp-textarea-full-width{width:100%;min-height:43rem;resize:vertical}.sp-search-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;transition:all .2s}.sp-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.sp-client-list{flex:1;overflow-y:auto;padding:8px}.sp-client-item{width:98%;padding:12px 12px 4px;margin-bottom:4px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.sp-client-item:hover{background:#f3f4f6;border-color:#6366f1}.sp-client-active{background:#eef2ff!important;border-color:#6366f1!important}.sp-client-name{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.sp-client-name p{font-weight:600;color:#111827;margin:0;font-size:14px}.sp-client-postcode{color:#6b7280;font-size:12px}.sp-client-info{display:flex;justify-content:space-between;align-items:center}.sp-client-dob{color:#6b7280;font-size:12px;font-weight:400}.sp-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.sp-header{padding:8px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;margin-left:4px}.sp-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 2px;padding-left:40px}.sp-subtitle{font-size:14px;color:#6b7280;margin:0;font-weight:600}.sp-header-buttons{display:flex;gap:8px}.sp-tabs{padding:4px;display:flex;flex-wrap:wrap;gap:6px}.sp-tab{display:flex;align-items:center;gap:3px;padding:6px 14px;background:transparent;border:none;border-radius:50rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;color:#000;font-weight:400}.sp-tab:hover{background:linear-gradient(135deg,#684f931f,#4c1d951f)}.sp-tab-active{background:linear-gradient(135deg,#4c1d95,#7c3aed);color:#fff!important;box-shadow:0 4px 10px #7c3aed59}.sp-tab-number{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;background:#94650de2;color:#fff;border-radius:50%;font-size:12px;font-weight:500;transition:all .2s ease}.sp-tab-active .sp-tab-number{background:#0178e0f2}.sp-tab-name{font-size:14px;font-weight:400}.sp-tab-number-with-data{background:linear-gradient(135deg,#0d9488,#2a9050d0);color:#fff!important;box-shadow:0 2px 6px #22c55e59}.sp-form-container{flex:1;overflow-y:auto;padding:24px}.sp-form{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.sp-form-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 24px;padding-bottom:16px;border-bottom:2px solid #6366f1}.sp-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.sp-form-group{display:flex;flex-direction:column}.sp-form-group-full{grid-column:1 / -1}.sp-label{font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.sp-input,.sp-textarea,.sp-select{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;width:100%;outline:none;color:#0058b1;transition:all .2s;background-color:#fff}.sp-input:focus,.sp-textarea:focus,.sp-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.sp-textarea{resize:vertical;font-family:inherit}.sp-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151}.sp-checkbox{width:18px;height:18px;cursor:pointer}.sp-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #e5e7eb}.sp-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.sp-btn-primary{background:#6366f1;color:#fff}.sp-btn-primary:hover:not(:disabled){background:#4f46e5}.sp-btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.sp-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.sp-btn-secondary:hover{background:#e5e7eb}.sp-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#6b7280;font-size:16px}.sp-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#6366f1;font-size:18px;font-weight:600}.sp-toast{position:fixed;bottom:24px;right:24px;padding:16px 24px;border-radius:8px;color:#fff;font-weight:600;box-shadow:0 4px 6px #0000001a;z-index:1000;animation:slideIn .3s ease-out}.sp-toast-success{background:#10b981}.sp-toast-error{background:#ef4444}.sp-table{width:100%;border-collapse:collapse;margin:20px 0}.sp-table th,.sp-table td{padding:12px;border:1px solid #e5e7eb;text-align:left}.sp-table th{background:#f3f4f6;font-weight:600;color:#374151}.sp-radio-group{gap:16px}.sp-radio-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;color:#374151}.sp-radio-label input[type=radio]{cursor:pointer}.sp-section-header{font-size:16px;font-weight:700;color:#6366f1;margin:24px 0 16px;padding:12px;background:#eef2ff;border-left:4px solid #6366f1}.sp-search-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px}.sp-btn-add{background-color:#4524a7e6;color:#fff;border:none;border-radius:20%;padding:6px;font-size:18px;cursor:pointer;transition:.2s;white-space:nowrap}.sp-btn-add:hover{background-color:#53037e}.lbl{padding-bottom:5px;padding-left:10px}@media(max-width:768px){.sp-container{flex-direction:column}.sp-sidebar{width:100%;height:300px}.sp-form-grid{grid-template-columns:1fr}.sp-header{flex-direction:column;align-items:flex-start;gap:12px}.sp-tabs{overflow-x:scroll}}.sp-row{display:flex;margin-bottom:10px}.sp-field-group{display:flex;flex-direction:column;margin-right:20px;flex:1}.sp-label{font-weight:700;margin-bottom:5px}.sp-offset{margin-right:auto;max-width:90%}.sp-three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}@media(max-width:1024px){.sp-three-columns{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sp-three-columns{grid-template-columns:1fr}}.sp-form-section{margin-bottom:32px;padding:20px;background:#fafbfc;border-radius:10px;border:1px solid #e5e7eb}.sp-section-title{font-size:17px;font-weight:700;color:#4c1d95;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #6366f1;display:flex;align-items:center;gap:8px}.sp-section-title:before{content:"";display:inline-block;width:4px;height:20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:2px}.sp-table-container{overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb;background:#fff}.sp-data-table{width:100%;border-collapse:collapse;font-size:14px}.sp-data-table thead{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.sp-data-table th{padding:14px 12px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border:none}.sp-data-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.sp-data-table tbody tr:hover{background:#f9fafb}.sp-data-table tbody tr:last-child{border-bottom:none}.sp-data-table td{padding:12px;vertical-align:middle;border:none}.sp-select-small{padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;width:100%;outline:none;color:#0058b1;transition:all .2s;background-color:#fff;cursor:pointer}.sp-select-small:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.sp-data-table .sp-input{padding:8px 10px;font-size:13px}.sp-data-table input[type=date]{padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;width:100%;outline:none;color:#0058b1;transition:all .2s;background-color:#fff}.sp-data-table input[type=date]:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}@media(max-width:1024px){.sp-data-table{font-size:13px}.sp-data-table th,.sp-data-table td{padding:10px 8px}.sp-select-small,.sp-data-table .sp-input,.sp-data-table input[type=date]{font-size:12px;padding:6px 8px}}@media(max-width:768px){.sp-form-section{padding:16px;margin-bottom:24px}.sp-section-title{font-size:15px}.sp-data-table{font-size:12px}.sp-data-table th,.sp-data-table td{padding:8px 6px}}.sp-required:after{content:" *";color:#ef4444;font-weight:700}.sp-info-text{font-size:13px;color:#6b7280;margin-bottom:12px;font-style:italic}.med-container{display:flex;gap:1rem;height:100%;padding:1rem}.med-sidebar{width:15rem;display:flex;flex-direction:column;gap:1rem;border-right:1px solid #a2b1abaa;padding-right:1rem}.med-search-box{padding:.5rem}.med-client-list{flex:1;overflow-y:auto;border:1px solid #e5e7eb;border-radius:.5rem;max-height:calc(100vh - 155px)}.med-client-item{padding:.65rem;border-bottom:1px solid #d5d6d8;cursor:pointer;transition:background-color .2s;background:#fff;border-top:none;border-left:none;border-right:none;width:100%;text-align:left}.med-client-item:hover{background-color:#f3f4f6}.med-client-item.med-client-active{background-color:#99b7e897;color:#22486c}.med-client-name{font-weight:600;font-size:.875rem;margin-bottom:.25rem}.med-client-info{font-size:.75rem;opacity:.8}.med-main{flex:1;display:flex;flex-direction:column;gap:1rem;overflow:hidden}.med-header{display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb}.med-title{font-size:1.25rem;font-weight:700;margin:0}.med-subtitle{font-size:.875rem;color:#6b7280;margin:.25rem 0 0}.med-header-buttons{display:flex;gap:.5rem}.med-filter-bar{display:flex;gap:1rem;padding:.3em;background:#85a0a838;border-radius:.5rem;border:1px solid #e5e7eb}.med-search-input{flex:1;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem}.med-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.med-select{padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff}.med-table-container{flex:1;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden;max-height:63vh;overflow-y:auto;overflow-x:auto;position:relative;box-shadow:0 2px 8px #00000080}.med-table{width:100%;border-collapse:collapse}.med-table thead{background-color:#9938ab;color:#fff;position:sticky;top:0;z-index:10}.med-table-header th{padding:.55rem;text-align:left;font-weight:600;font-size:.775rem}.med-table-row{background-color:#fff;border-bottom:1px solid #e5e7eb}.med-table-row:hover{background-color:#d4d4d4}.med-table td{padding:.45rem;font-size:.875rem}.med-medicine-name{color:#2563eb;font-weight:500}.med-actions{display:flex;gap:.5rem}.med-btn-icon{padding:.25rem .5rem;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s;background:transparent;font-size:1rem}.med-btn-icon:hover{background-color:#e5e7eb}.med-btn{padding:.3rem .7rem;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.med-btn-primary{background-color:#3b82f6;color:#fff}.med-btn-primary:hover{background-color:#2563eb}.med-btn-secondary{background-color:#aebcd6;color:#374151}.med-btn-secondary:hover{background-color:#e5e7eb}.med-loading{padding:2rem;text-align:center;color:#6b7280}.med-empty{padding:3rem;text-align:center;color:#9ca3af;font-size:1rem}.med-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.med-modal{background:#eaeaea;border-radius:.5rem;max-width:72rem;width:95%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.med-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#aebcd6}.med-modal-header h3{margin:0;font-size:1.125rem;font-weight:800}.med-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.med-modal-close:hover{color:#374151}.med-modal-body{padding:1.5rem;overflow-y:auto}.med-form{display:flex;flex-direction:column;gap:1rem}.med-form-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.med-form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.med-form-group{display:flex;flex-direction:column;gap:.5rem}.med-form-full{grid-column:1 / -1}.med-form-span-2{grid-column:span 2}.med-label{font-size:.875rem;font-weight:500;color:#374151}.med-input,.med-textarea{padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem}.med-input:focus,.med-textarea:focus,.med-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.med-textarea{resize:vertical;font-family:inherit}.med-form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #cbcea3}.med-call-types{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;background:#f9fafb}.med-checkbox-group{display:flex;align-items:center;gap:.5rem}.med-checkbox-group input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.med-checkbox-group label{font-size:.875rem;cursor:pointer;margin:0}.med-days-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;background:#f9fafb}.med-detail-modal{max-width:90rem}.med-detail-header{background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;padding:.5rem;border-radius:.5rem .5rem 0 0}.med-detail-client-info{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:.5rem}.med-detail-info-item{font-size:.875rem}.med-detail-info-label{font-weight:600;margin-right:.5rem}.med-detail-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1rem;padding:1rem}.med-detail-card{border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;background:#fff;box-shadow:0 1px 3px #0000001a}.med-detail-card-header{background:#64748b;color:#fff;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center}.med-detail-card-title{font-weight:600;font-size:1rem;margin:0}.med-detail-badge{background:#22c55e;color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.med-detail-card-body{padding:1rem}.med-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.med-detail-field{font-size:.875rem}.med-detail-field-label{font-weight:600;color:#374151;margin-right:.25rem}.med-detail-field-value{color:#6b7280}.med-detail-notes{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.med-detail-notes-label{font-weight:600;font-size:.875rem;color:#374151;margin-bottom:.5rem}.med-detail-notes-text{font-size:.875rem;color:#6b7280;line-height:1.5}.med-confirm-modal{background:#fff;border-radius:.5rem;max-width:28rem;width:90%;overflow:hidden;display:flex;flex-direction:column}.med-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.med-btn-danger{background-color:#ef4444;color:#fff}.med-btn-danger:hover{background-color:#dc2626}.med-btn-restore{color:#10b981}.med-btn-restore:hover{background-color:#d1fae5}.med-toast{position:fixed;top:2rem;right:2rem;padding:1rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:100;animation:slideIn .3s ease-out}.med-toast-success{background-color:#10b981;color:#fff}.med-toast-error{background-color:#ef4444;color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.policy-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background-color:#ececec;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.policy-header{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:1rem;text-align:center;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.policy-title{font-size:1.5rem;font-weight:700;margin:0;padding:.5rem 0}.policy-top-section{background:#e4e4e4;padding:1rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;box-shadow:0 2px 8px #0000000d;position:sticky;top:1px;z-index:90}.policy-stats-container{display:flex;gap:.5rem;margin-right:auto}.policy-stat-card{background:#f8f9fa;border-radius:8px;padding:.5rem;display:flex;align-items:center;gap:.5rem;min-width:80px;transition:transform .2s}.policy-stat-card:hover{transform:translateY(-2px)}.policy-stat-icon{width:24px;height:24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.policy-stat-content{display:flex;flex-direction:column}.policy-stat-value{font-size:1rem;font-weight:700;line-height:1}.policy-stat-label{font-size:.65rem;color:#6c757d}.policy-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.policy-search-input{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;width:150px;transition:all .2s}.policy-search-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.policy-filter-select{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer;transition:all .2s}.policy-filter-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.policy-view-toggle{display:flex;background-color:#f8f9fa;border-radius:6px;overflow:hidden;border:1px solid #e2e8f0}.policy-view-btn{background:none;border:none;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6c757d;transition:all .2s}.policy-view-btn:hover{background-color:#e9ecef}.policy-view-btn.active{background-color:#6366f1;color:#fff}.policy-action-buttons{display:flex;gap:.5rem}.policy-btn{padding:.5rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;border:none}.policy-btn-add{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.policy-btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 8px #6366f14d}.policy-btn-category{background:#fff;color:#6366f1;border:1px solid #6366f1}.policy-btn-category:hover{background:#6366f1;color:#fff}.policy-content-wrapper{flex:1;padding:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.policy-loading{text-align:center;padding:3rem 1rem}.policy-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:policy-spin .8s linear infinite;margin:0 auto 1rem}.policy-spinner-large{width:56px;height:56px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:policy-spin .8s linear infinite;margin:0 auto}.policy-spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:policy-spin .8s linear infinite;display:inline-block}@keyframes policy-spin{to{transform:rotate(360deg)}}.spin{animation:policy-spin .8s linear infinite}.policy-empty{text-align:center;padding:3rem 1rem;background:#fff;border-radius:12px;max-width:500px;margin:0 auto;box-shadow:0 2px 8px #0000000d}.policy-empty-icon{font-size:3rem;margin-bottom:1rem}.policy-empty h3{font-size:1.25rem;color:#1a202c;margin-bottom:.5rem}.policy-empty p{color:#718096;font-size:.875rem}.policy-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.policy-card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000000d;transition:all .3s;border:1px solid #e2e8f0}.policy-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:#6366f1}.policy-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.policy-card-icon-wrapper{width:40px;height:40px;background:linear-gradient(135deg,#e0e7ff,#ddd6fe);border-radius:8px;display:flex;align-items:center;justify-content:center}.policy-card-icon-svg{width:22px;height:22px;color:#6366f1}.policy-card-category-badge{padding:.25rem .625rem;background:#e0e7ff;color:#5a67d8;border-radius:16px;font-size:.75rem;font-weight:600}.policy-card-title{font-size:1rem;font-weight:600;color:#1a202c;margin-bottom:.75rem;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.policy-card-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.policy-card-info-item{display:flex;align-items:center;gap:.375rem;color:#4a5568;font-size:.813rem}.policy-card-info-icon{width:16px;height:16px;color:#718096;flex-shrink:0}.policy-card-actions{display:flex;justify-content:space-between;gap:.375rem;margin-top:.75rem}.policy-action-btn{padding:.5rem;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.25rem;flex:1;font-size:.8rem;font-weight:500}.policy-action-btn svg{width:16px;height:16px}.policy-btn-view{color:#667eea;border-color:#e0e7ff}.policy-btn-view:hover{background:#e0e7ff;border-color:#667eea}.policy-btn-download{color:#48bb78;border-color:#c6f6d5}.policy-btn-download:hover{background:#c6f6d5;border-color:#48bb78}.policy-btn-edit{color:#ed8936;border-color:#feebc8}.policy-btn-edit:hover{background:#feebc8;border-color:#ed8936}.policy-btn-delete{color:#f56565;border-color:#fed7d7}.policy-btn-delete:hover{background:#fed7d7;border-color:#f56565}.policy-list-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d;margin-bottom:1rem}.policy-list-header{display:none;background-color:#f8f9fa;padding:.75rem 1rem;font-weight:600;color:#495057;border-bottom:1px solid #e2e8f0}.policy-list-cell{padding:0 .5rem}.policy-list-title-cell{flex:2}.policy-list-category-cell,.policy-list-date-cell,.policy-list-updatedby-cell{flex:1}.policy-list-actions-cell{flex:1;min-width:130px}.policy-list-item{padding:1rem;border-bottom:1px solid #e2e8f0;transition:background-color .2s}.policy-list-item:last-child{border-bottom:none}.policy-list-item:hover{background-color:#f8f9fa}.policy-list-title-wrapper{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.policy-list-icon{color:#6366f1;flex-shrink:0}.policy-list-title{font-weight:600;color:#1a202c;flex:1}.policy-list-version{background-color:#e9ecef;color:#495057;font-size:.75rem;padding:2px 6px;border-radius:4px;white-space:nowrap}.policy-list-category{background-color:#e7f5ff;color:#1c7ed6;font-size:.75rem;padding:2px 6px;border-radius:4px;margin-bottom:.5rem;display:inline-block}.policy-list-date{font-size:.813rem;color:#4a5568}.policy-list-date.overdue{color:#f56565;font-weight:600}.policy-list-updatedby{font-size:.813rem;color:#4a5568}.policy-list-details{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.policy-list-detail-item{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#4a5568}.policy-list-detail-item svg{width:14px;height:14px;color:#718096}.policy-list-actions{display:flex;gap:.5rem}.policy-list-action-btn{padding:.4rem .6rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;transition:all .2s}.policy-list-view-btn{color:#1c7ed6}.policy-list-view-btn:hover{background-color:#e7f5ff;border-color:#1c7ed6}.policy-list-download-btn{color:#37b24d}.policy-list-download-btn:hover{background-color:#ebfbee;border-color:#37b24d}.policy-list-edit-btn{color:#f59f00}.policy-list-edit-btn:hover{background-color:#fff9db;border-color:#f59f00}.policy-list-delete-btn{color:#f03e3e}.policy-list-delete-btn:hover{background-color:#ffe3e3;border-color:#f03e3e}.policy-pagination{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0}.policy-pagination-info{color:#718096;font-size:.875rem;text-align:center}.policy-pagination-controls{display:flex;align-items:center;gap:.5rem}.policy-pagination-btn{padding:.5rem .75rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s;color:#1a202c}.policy-pagination-btn:hover:not(:disabled){background:#6366f1;color:#fff;border-color:#6366f1}.policy-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.policy-pagination-numbers{display:flex;gap:.25rem}.policy-pagination-number{width:32px;height:32px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#1a202c}.policy-pagination-number:hover{border-color:#6366f1;color:#6366f1}.policy-pagination-number.active{background:#6366f1;color:#fff;border-color:#6366f1}.policy-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.policy-modal{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0003}.policy-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e2e8f0}.policy-modal-header h2{font-size:1.25rem;color:#1a202c;margin:0}.policy-modal-close{width:32px;height:32px;border:none;background:#f7fafc;border-radius:6px;font-size:1.25rem;cursor:pointer;transition:all .2s;color:#718096;display:flex;align-items:center;justify-content:center}.policy-modal-close:hover{background:#e2e8f0;color:#1a202c}.policy-form{padding:1rem}.policy-form-group{margin-bottom:1rem}.policy-form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#2d3748;font-size:.875rem}.policy-form-group input,.policy-form-group select{width:100%;padding:.625rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;transition:all .2s;box-sizing:border-box}.policy-form-group input:focus,.policy-form-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.policy-form-row{display:grid;grid-template-columns:1fr;gap:.75rem}.policy-form-hint{margin-top:.375rem;font-size:.75rem;color:#718096}.policy-form-actions{display:flex;gap:.75rem;margin-top:1.25rem}.policy-btn-cancel{flex:1;padding:.75rem;border:1px solid #e2e8f0;background:#fff;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.policy-btn-cancel:hover{background:#f7fafc;border-color:#cbd5e0}.policy-btn-submit{flex:1;padding:.75rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.policy-btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #6366f14d}.policy-btn-submit:disabled{opacity:.7;cursor:not-allowed}.policy-confirm-modal{background:#fff;border-radius:12px;max-width:400px;width:100%;padding:1.5rem;box-shadow:0 10px 30px #0003;text-align:center}.policy-confirm-icon{width:60px;height:60px;background:linear-gradient(135deg,#fed7d7,#feb2b2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#f56565}.policy-confirm-title{font-size:1.25rem;font-weight:700;color:#1a202c;margin-bottom:.75rem}.policy-confirm-message{color:#718096;font-size:.875rem;line-height:1.5;margin-bottom:1.5rem}.policy-confirm-actions{display:flex;gap:.75rem}.policy-btn-delete-confirm{flex:1;padding:.75rem;background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.policy-btn-delete-confirm:hover{transform:translateY(-1px);box-shadow:0 4px 8px #f565654d}.policy-viewer-overlay{position:fixed;inset:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:1000;padding:.5rem}.policy-viewer{background:#fff;border-radius:12px;width:100%;height:95vh;max-width:1100px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px #00000080}.policy-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;background:#fff;flex-shrink:0}.policy-viewer-header h2{font-size:1rem;color:#1a202c;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:1rem}.policy-viewer-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.policy-viewer-btn{padding:.5rem 1rem;background:#6366f1;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.25rem}.policy-viewer-btn:hover{background:#4f46e5}.policy-viewer-close{width:32px;height:32px;border:none;background:#f7fafc;border-radius:6px;font-size:1.25rem;cursor:pointer;transition:all .2s;color:#718096;display:flex;align-items:center;justify-content:center}.policy-viewer-close:hover{background:#e2e8f0;color:#1a202c}.policy-viewer-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.policy-pdf-loading,.policy-pdf-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:100%;color:#718096}.policy-pdf-error svg{color:#f56565}.pdf-viewer-wrapper{display:flex;flex-direction:column;height:100%;background:#525659;min-height:0}.pdf-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#323639;color:#fff;gap:16px;flex-shrink:0;flex-wrap:wrap}.pdf-toolbar-nav,.pdf-toolbar-zoom{display:flex;align-items:center;gap:8px}.pdf-toolbar-btn{background:#ffffff1f;border:1px solid rgba(255,255,255,.15);color:#fff;padding:5px 10px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;line-height:1}.pdf-toolbar-btn:hover:not(:disabled){background:#ffffff40}.pdf-toolbar-btn:disabled{opacity:.35;cursor:not-allowed}.pdf-page-info,.pdf-zoom-level{font-size:13px;font-weight:500;min-width:64px;text-align:center;color:#e8e8e8;-webkit-user-select:none;user-select:none}.pdf-canvas-container{flex:1;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:16px;min-height:0}.pdf-canvas{display:block;background:#fff;box-shadow:0 4px 24px #00000080;transition:opacity .15s ease;max-width:100%}.pdf-initial-loading,.pdf-viewer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#ccc;padding:40px;text-align:center;width:100%}.pdf-viewer-error svg{color:#f56565}.policy-toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;max-width:320px}.policy-toast{background:#fff;border-radius:8px;padding:.75rem;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:.5rem;animation:policy-toast-slide-in .3s ease-out;border-left:4px solid}@keyframes policy-toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.policy-toast-success{border-left-color:#48bb78}.policy-toast-error{border-left-color:#f56565}.policy-toast-warning{border-left-color:#ed8936}.policy-toast-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.policy-toast-success .policy-toast-icon{color:#48bb78}.policy-toast-error .policy-toast-icon{color:#f56565}.policy-toast-warning .policy-toast-icon{color:#ed8936}.policy-toast-message{flex:1;color:#1a202c;font-size:.875rem;font-weight:500;line-height:1.4;margin:0}.policy-toast-close{flex-shrink:0;width:20px;height:20px;border:none;background:transparent;color:#718096;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.policy-toast-close:hover{background:#f7fafc;color:#1a202c}@media(min-width:576px){.policy-top-section,.policy-controls{flex-wrap:nowrap}.policy-search-input{width:200px}.policy-stat-card{min-width:100px;padding:.75rem}.policy-stat-icon{width:32px;height:32px}.policy-stat-value{font-size:1.25rem}.policy-stat-label{font-size:.75rem}.policy-pagination{flex-direction:row;justify-content:space-between}}@media(min-width:768px){.policy-content-wrapper{padding:1.5rem}.policy-grid{grid-template-columns:repeat(2,1fr)}.policy-form-row{grid-template-columns:1fr 1fr}.policy-list-header{display:flex;align-items:center}.policy-list-item{display:flex;align-items:center;padding:.75rem 1rem}.policy-list-title-wrapper{flex:2;margin-bottom:0}.policy-list-category{flex:1;margin-bottom:0}.policy-list-actions{flex:1;justify-content:flex-end}.policy-viewer-header h2{font-size:1.125rem}}@media(min-width:992px){.policy-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.policy-grid{grid-template-columns:repeat(4,1fr)}}.pdf-file-name{font-size:12px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;margin-left:auto}@media(max-width:480px){.pdf-file-name{display:none}.pdf-viewer-toolbar{gap:8px}}.visibility-badge{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.visibility-all{background-color:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.visibility-staff{background-color:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.visibility-admin{background-color:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.policy-list-title-wrapper{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.TodayCallsContainer{margin:0 auto;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#fff;min-height:100vh}.locationConfirmOverlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.location_modalCloseBtn{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;border:none;background:#a4aeaa;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.location_modalCloseBtn:hover{background:#ff4d4d;color:#fff}.locationConfirmBox{background:#ececec;padding:20px;border-radius:10px;width:420px;max-width:95%;position:relative}.locationConfirmBox textarea{width:100%;height:100px;margin-top:10px;padding:10px;border-radius:6px;border:1px solid #ccc}.locationConfirmBox h3{margin-bottom:10px;padding:10px;color:#e92323}.confirmButtons{display:flex;justify-content:flex-end;gap:60px;margin-top:10px}.cancelBtn{background:#ccc;padding:8px 16px;border:none;border-radius:6px}.confirmBtn{background:#ff6b00;color:#fff;padding:8px 16px;border:none;border-radius:6px}.TodayCallsHeader{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:#dedede;padding:2px 10px;border-radius:12px;margin-bottom:10px;box-shadow:0 4px 6px #0000001a}.TodayCallsHeaderLeft{flex:1}.TodayCallsTitles{font-size:14px;font-weight:600;margin:0}.TodayCallsHeaderRight{display:flex;align-items:center;gap:6px;text-align:right}.TodayCallsCurrentTime{font-size:12px;font-weight:600;background-color:#fff3;padding:1px 10px;border-radius:15px;display:inline-block}.TodayCallsHeaderRefreshBtn{background-color:#fff3;color:#fff;border:none;width:25px;height:25px;border-radius:50%;font-size:20px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.TodayCallsHeaderRefreshBtn:hover{background-color:#ffffff4d;transform:rotate(180deg)}.TodayCallsHeaderRefreshBtn:disabled{opacity:.6;cursor:not-allowed;animation:TodayCallsSpin 1s linear infinite}.TodayCallsError{background-color:#f8d7da;color:#721c24;padding:12px 16px;border-radius:8px;margin-bottom:16px}.TodayCallsHourGroups{display:flex;flex-direction:column;gap:5px}.HourGroup{background-color:#f8f9fa;border-radius:12px;overflow:hidden}.HourGroupHeader{display:flex;justify-content:space-between;align-items:center;padding:1px 25px;border-top:1px solid #b4bddd5b;background:linear-gradient(to bottom,#dfe4f6,#dfe4f600);color:#474a51dc}.HourLabel{font-size:12px;font-weight:700}.CallCount{font-size:12px;background-color:#88868a1d;padding:1px 12px;border-radius:8px}.HourGroupCalls{display:grid;grid-template-columns:1fr;gap:12px;margin-top:0;padding:2px 2px 15px;background-color:#fff;margin-bottom:20px}.CallCard{border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003;display:flex;flex-direction:column;min-height:100px}.CallCard.has-medication{border-left:3px solid #b2af00d4}.CallCardHeader{display:flex;justify-content:space-between;align-items:center;padding:4px 12px}.CallType{font-size:15px;font-weight:750;color:#000;text-transform:capitalize}.CallTime{display:flex;align-items:center;padding-bottom:1px;gap:4px;font-size:13px;color:#28223f;flex-direction:column;align-items:flex-end}.TimeRange{font-weight:600}.Duration{font-size:13px;font-weight:500;opacity:.9}.CallCardBody{padding:6px;bottom:0;top:0;display:flex;flex-direction:column;gap:8px;flex:1;background-color:#ffffffe0}.ClientInfo{display:flex;justify-content:space-between;align-items:center;padding-bottom:1px;gap:8px}.ClientName{display:flex;align-items:center;gap:4px;margin-bottom:1px!important;padding-bottom:1px!important;flex:1}.Name{font-size:15px;margin-bottom:1px!important;padding-bottom:1px!important;font-weight:600;color:#000}.Postcode{font-size:13px;color:#060115f1;font-weight:500}.Address{font-size:11px;color:#382001fa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.MedicationBadge{display:flex;gap:4px;font-size:11px;font-weight:600;color:#375a68;background-color:#fff3;padding:4px 8px;border-radius:6px;width:fit-content;margin-left:auto}.CarerInfo{font-size:11px;color:#000;display:flex;align-items:center;gap:2px;background-color:#e6e6d239;padding:0 8px;border-radius:4px}.CarerLabel{font-weight:600}.CarerNames{font-weight:500}.CheckInOutButtons{display:flex;gap:2px;font-size:11px;font-weight:600;color:#fff;padding:0;border-radius:6px;width:fit-content;margin-left:auto}.CheckInBtn,.CheckOutBtn,.VisitCompleteBtn{flex:1;padding:6px;border:none;max-width:270px;min-width:120px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.5px}.CheckInBtn.enabled{background-color:#2a8779;color:#fff}.CheckInBtn.enabled:hover{background-color:#45a049;transform:translateY(-1px)}.CheckInBtn.disabled{background-color:#ffffff4d;color:#fff9;cursor:not-allowed}.CheckOutBtn{background-color:#fb4c01d8;color:#fff}.CheckOutBtn:hover{background-color:#da760b;transform:translateY(-1px)}.CheckOutBtn:disabled{opacity:.6;cursor:not-allowed}.VisitCompleteBtn{background-color:#157402f1;color:#fff;font-size:11px;cursor:not-allowed}.TodayCallsLoader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.TodayCallsSpinner{width:48px;height:48px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:TodayCallsSpin 1s linear infinite}@keyframes TodayCallsSpin{to{transform:rotate(360deg)}}.TodayCallsEmpty{text-align:center;padding:40px 20px;color:#666;font-size:16px}.scroll-y{overflow-y:auto}@media(min-width:768px){.HourGroupCalls{grid-template-columns:repeat(2,1fr)}.TodayCallsContainer{padding:20px}.TodayCallsTitles{font-size:13px}}@media(min-width:1024px){.HourGroupCalls{grid-template-columns:repeat(3,1fr)}.TodayCallsContainer{padding:20px}.TodayCallsTitles{font-size:13px}}@media(max-width:640px){.TodayCallsContainer{padding:10px}.TodayCallsTitles{font-size:12x}.CallCard{min-height:120px}}button:focus{outline:3px solid #667eea;outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.SummaryControls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px;background-color:#f5f5f5;border-radius:8px}.DateRangeSelector{display:flex;gap:15px}.DateRangeSelector label{display:flex;align-items:center;gap:5px;font-weight:500}.DateRangeSelector input{padding:5px;border:1px solid #ddd;border-radius:4px}.ViewModeSelector{display:flex;gap:10px}.ViewModeSelector button{padding:8px 15px;border:1px solid #ddd;background-color:#fff;border-radius:4px;cursor:pointer;transition:all .2s}.ViewModeSelector button.active{background-color:#4a6fdc;color:#fff;border-color:#4a6fdc}.SummaryOverallTotals{margin-bottom:30px}.SummaryOverallTotals h2{margin-bottom:15px;color:#333}.OverallTotalsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.TotalCallsCard,.DurationCategoryCard{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:10px;text-align:center;box-shadow:0 2px 4px #0000000d}.TotalCallsCard h3,.DurationCategoryCard h3{margin:0 0 10px;font-size:12px;color:#666}.TotalCallsNumber,.DurationCategoryNumber{font-size:14px;font-weight:700;color:#279035}.SummaryDetails{margin-top:30px}.SummaryDetails h2{margin-bottom:15px;color:#333}.SummaryTableContainer{overflow-x:auto}.SummaryTable{width:100%;border-collapse:collapse;margin-bottom:20px}.SummaryTable th,.SummaryTable td{padding:10px;text-align:center;border-bottom:1px solid #e0e0e0}.SummaryTable th{background-color:#f5f5f5;font-weight:600;color:#333}.SummaryTable tr:nth-child(2n){background-color:#f9f9f9}.SummaryTable tr:hover{background-color:#f0f0f0}.DayOfWeek{font-size:12px;color:#666}.TodayCallsHeaderSummaryBtn{background-color:#4a6edc4a;color:#fff;border:none;padding:4px 10px;margin-right:10px;border-radius:5px;border:1px solid rgb(103,140,183);cursor:pointer;font-size:11px}.fc-fab{position:fixed;bottom:20px;left:20px;z-index:99999;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:#fff;display:flex;align-items:center;justify-content:center;overflow:visible;isolation:isolate;box-shadow:0 4px 14px #e91e8c73,0 1px 3px #0000001f;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;outline:none;-webkit-tap-highlight-color:transparent}.fc-fab:hover{transform:scale(1.08);box-shadow:0 6px 20px #e91e8c8c,0 2px 6px #00000026}.fc-fab:active{transform:scale(.94)}.fc-fab__badge{position:absolute;top:-10px;right:-10px;z-index:100000;background:#ff2020;color:#fff;font-size:11px;font-weight:800;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.3px;line-height:1;min-width:22px;height:22px;border-radius:11px;padding:0 5px;display:flex;align-items:center;justify-content:center;border:2.5px solid #ffffff;box-shadow:0 2px 8px #ff2020a6,0 0 0 1px #ff202026;animation:fc-badge-pop .35s cubic-bezier(.34,1.56,.64,1) both;pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes fc-badge-pop{0%{transform:scale(0) rotate(-12deg);opacity:0}65%{transform:scale(1.25) rotate(4deg)}to{transform:scale(1) rotate(0);opacity:1}}.fc-fab__pulse{position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(233,30,140,.4);animation:fc-pulse 2s ease-out infinite;pointer-events:none;z-index:-1}@keyframes fc-pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(1.55);opacity:0}}.fc-tooltip{position:fixed;bottom:86px;left:20px;z-index:99998;background:linear-gradient(135deg,#e820da 50%,#002060 50%);color:#fff;padding:10px 14px;border-radius:10px;max-width:220px;display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500;line-height:1.4;box-shadow:0 4px 16px #00000059;animation:fc-tooltip-in .25s ease-out both;pointer-events:none}.fc-tooltip-title{font-size:13px;font-weight:600}.fc-tooltip-sub{font-size:11px;font-weight:700;color:#ff9ec4}.fc-tooltip-arrow{position:absolute;bottom:-6px;left:26px;width:12px;height:12px;background:linear-gradient(135deg,#e820da 50%,#002060 50%);transform:rotate(45deg);border-radius:2px}@keyframes fc-tooltip-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.fc-fab{bottom:16px;right:16px;width:54px;height:54px}.fc-fab__badge{min-width:20px;height:20px;font-size:10px;top:-8px;right:-8px;border-radius:10px}.fc-tooltip{bottom:80px;right:16px;font-size:12px;padding:8px 12px;max-width:200px}}@media(prefers-reduced-motion:reduce){.fc-fab{transition:none}.fc-fab__pulse,.fc-fab__badge,.fc-tooltip{animation:none}}.KPI-container{background-color:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.KPI-header{position:sticky;top:0;z-index:50;background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.KPI-header-content{max-width:1400px;margin:0 auto;padding:12px 16px;display:flex;flex-direction:column;gap:12px}.KPI-header-left{display:flex;align-items:center;gap:8px}.KPI-icon-large{width:24px;height:24px;color:#3b82f6;stroke-width:2}.KPI-title{font-size:18px;font-weight:600;color:#111827;margin:0}.KPI-header-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.KPI-view-toggle{display:flex;gap:4px;background-color:#f3f4f6;padding:4px;border-radius:8px}.KPI-toggle-btn{padding:8px 16px;border:none;background-color:transparent;color:#6b7280;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.KPI-toggle-active{background-color:#fff;color:#111827;box-shadow:0 1px 2px #0000000d}.KPI-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;color:#111827;font-size:14px;cursor:pointer;min-width:120px;transition:border-color .2s}.KPI-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.KPI-export-btn{background-color:#3b82f6;color:#fff;border-color:#3b82f6;font-weight:500}.KPI-main{flex:1;width:100%;margin:0 auto;padding:10px;display:flex;flex-direction:column;gap:1px}.KPI-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:8px}.KPI-stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:10px;display:flex;align-items:center;gap:12px;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.KPI-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.KPI-stat-icon{width:25px;height:25px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.KPI-stat-icon svg{width:15px;height:15px;color:#fff;stroke-width:2}.KPI-stat-icon.total-calls{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.KPI-stat-icon.completed{background:linear-gradient(135deg,#10b981,#059669)}.KPI-stat-icon.disabled{background:linear-gradient(135deg,#f59e0b,#d97706)}.KPI-stat-icon.livein{background:linear-gradient(135deg,#06b6d4,#0891b2)}.KPI-stat-icon.total-time{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.KPI-stat-content{flex:1;min-width:0;display:flex;flex-direction:row}.KPI-stat-content h3{font-size:11px;font-weight:500;color:#64748b;margin:0 0 4px;text-transform:uppercase;letter-spacing:.05em}.KPI-stat-number{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 2px;line-height:1}.KPI-stat-desc{font-size:12px;color:#64748b;margin:0}.KPI-content-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column}.KPI-content-header{padding:5px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.KPI-content-title{font-size:14px;font-weight:400;color:#111827;margin:2px}.KPI-content-desc{font-size:14px;color:#6b7280;margin:0}.KPI-content-body{display:flex;flex-direction:column}.KPI-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:12px;padding:40px}.KPI-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:KPI-spin .8s linear infinite}@keyframes KPI-spin{to{transform:rotate(360deg)}}.KPI-loading-text{font-size:14px;color:#6b7280;margin:0}.KPI-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;padding:40px}.KPI-error-title{font-size:18px;font-weight:600;color:#ef4444;margin:0 0 8px}.KPI-error-text{font-size:14px;color:#6b7280;margin:0}.KPI-pagination-top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:12px;background-color:#f9fafb;flex-shrink:0}.KPI-pagination-info{font-size:14px;color:#4b5563;font-weight:500}.KPI-entries-selector{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.KPI-entries-select{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;color:#111827;font-size:14px;cursor:pointer}.KPI-entries-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.KPI-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;max-height:350px}.KPI-table{width:100%;border-collapse:collapse;font-size:13px;min-width:1000px}.KPI-table-header-row{background-color:#f9fafb}.KPI-heads{position:sticky;top:0;z-index:2}.KPI-table-header,.KPI-table-subheader{position:sticky;top:0;z-index:3;background-color:#f9fafb}.KPI-table-subheader{top:40px;background-color:#f3f4f6;z-index:2}.table-container{max-height:400px;overflow-y:auto;overflow-x:auto}.KPI-table-header{padding:5px;text-align:center;font-weight:400;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap;background-color:#f9fafb}.KPI-table-group{border-left:1px solid #d1d5db}.KPI-table-subheader-row{background-color:#f3f4f6}.KPI-table-subheader{padding:10px 8px;text-align:center;font-weight:500;color:#6b7280;font-size:12px;border-bottom:1px solid #e5e7eb;background-color:#f3f4f6}.KPI-table-row{transition:background-color .2s}.KPI-table-row:hover{background-color:#f9fafb}.KPI-table-row-today{background-color:#ecfdf5}.KPI-table-row-today:hover{background-color:#d1fae5}.KPI-table-cell{padding:10px;text-align:center;border-bottom:1px solid #e5e7eb;color:#374151;font-size:13px}.KPI-table-date{text-align:left;font-weight:500;white-space:nowrap;position:sticky;left:0;background-color:#fff;z-index:5}.KPI-table-row:hover .KPI-table-date{background-color:#f9fafb}.KPI-table-row-today .KPI-table-date{background-color:#ecfdf5}.KPI-table-row-today:hover .KPI-table-date{background-color:#d1fae5}.KPI-cell-total{background-color:#eff6ff}.KPI-cell-completed{background-color:#f0fdf4}.KPI-cell-disabled{background-color:#fffbeb}.KPI-badge{display:inline-block;margin-left:8px;padding:3px 8px;background-color:#10b981;color:#fff;font-size:11px;font-weight:600;border-radius:12px}.KPI-pagination-section{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:5px;border-top:1px solid #e5e7eb;background-color:#f9fafb;gap:10px;flex-shrink:0}.KPI-pagination-info-desktop,.KPI-pagination-info-mobile{font-size:14px;color:#4b5563;font-weight:500}.KPI-pagination-info-desktop{display:none}.KPI-pagination-info-mobile{display:block}.KPI-pagination-nav{position:relative;z-index:0;display:inline-flex;border-radius:6px;box-shadow:0 1px 2px #0000000d}.KPI-pagination-button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #d1d5db;background-color:#fff;font-size:14px;font-weight:500;color:#4b5563;transition:all .2s ease-in-out;outline:none;cursor:pointer;min-width:40px}.KPI-pagination-button:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.KPI-pagination-button:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.KPI-pagination-button:not(:first-child){margin-left:-1px}.KPI-pagination-button:hover:not(:disabled){background-color:#f9fafb;transform:translateY(-1px)}.KPI-pagination-button:disabled{opacity:.5;cursor:not-allowed}.KPI-pagination-button.active{z-index:10;background-color:#2563eb;border-color:#2563eb;color:#fff}.KPI-charts-container{display:flex;flex-direction:row;gap:5px;padding:5px;overflow-y:auto;max-height:60vh}.KPI-chart-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:5px;box-shadow:0 1px 2px #0000000d}.KPI-chart-title{font-size:14px;font-weight:400;color:#111827;margin:10px}.KPI-chart-action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px!important;cursor:pointer;transition:all .2s ease}.KPI-chart-action-btn:hover{background-color:#2563eb!important;transform:translateY(-1px);box-shadow:0 4px 6px #2563eb33}.KPI-btn-icon{width:16px;height:16px;stroke:currentColor;stroke-width:2}.KPI-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.KPI-chart-download-btn{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.KPI-chart-download-btn:hover{background-color:#3b82f6;border-color:#3b82f6}.KPI-chart-download-btn:hover svg{stroke:#fff}.KPI-chart-download-btn svg{stroke:#6b7280;transition:stroke .2s ease}.kpi-trends-container{display:flex;flex-direction:row;gap:10px;padding:5px}.kpi-trends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.kpi-trend-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000000d;transition:all .3s ease}.kpi-trend-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.kpi-trend-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.kpi-trend-icon{width:20px;height:20px;color:#3b82f6;stroke-width:2}.kpi-trend-header h3{font-size:14px;font-weight:600;color:#64748b;margin:0}.kpi-trend-value{font-size:32px;font-weight:700;color:#1e293b;margin-bottom:8px;line-height:1}.kpi-trend-unit{font-size:14px;font-weight:400;color:#64748b;margin-left:4px}.kpi-trend-change{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600}.kpi-trend-change.positive{color:#10b981}.kpi-trend-change.negative{color:#ef4444}.kpi-trend-arrow{width:16px;height:16px;stroke-width:2.5}.kpi-trend-label{font-size:12px;font-weight:400;color:#64748b;margin-left:4px}.kpi-trends-charts{display:flex;flex-direction:column;gap:24px}.kpi-comparison-section{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.kpi-comparison-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 20px}.kpi-comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.kpi-comparison-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.kpi-comparison-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.kpi-comparison-values{display:flex;align-items:center;justify-content:space-between;gap:12px}.kpi-comparison-value{display:flex;flex-direction:column;gap:4px;flex:1}.kpi-comparison-period{font-size:11px;color:#6b7280;font-weight:500}.kpi-comparison-number{font-size:24px;font-weight:700;color:#1e293b}.kpi-comparison-arrow{font-size:24px;color:#3b82f6;font-weight:600}@media(min-width:768px){.KPI-header-content{flex-direction:row;justify-content:space-between;align-items:center;padding:16px 24px}.KPI-title{font-size:22px}.KPI-stats-grid{grid-template-columns:repeat(5,1fr)}.KPI-main{padding:10px;gap:4px}.KPI-table,.KPI-table-cell{font-size:14px}.KPI-pagination-section{flex-direction:row}.KPI-pagination-info-desktop{display:block}.KPI-pagination-info-mobile{display:none}.KPI-charts-container{display:grid;grid-template-columns:repeat(2,1fr)}.KPI-chart-card:last-child{grid-column:1 / -1}.KPI-stat-number{font-size:28px}.kpi-trends-grid{grid-template-columns:repeat(2,1fr)}.kpi-trends-charts{display:grid;grid-template-columns:repeat(2,1fr)}.kpi-trends-charts .kpi-chart-card:last-child{grid-column:1 / -1}}@media(min-width:1024px){.KPI-stat-number{font-size:32px}.KPI-content-title{font-size:24px}.KPI-pagination-button{padding:9px 16px}.kpi-trends-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1280px){.KPI-main{padding:10px}}@media(max-width:640px){.KPI-stats-grid{grid-template-columns:repeat(2,1fr)}.KPI-stat-card{padding:12px;gap:8px}.KPI-stat-icon{width:40px;height:40px}.KPI-stat-icon svg{width:20px;height:20px}.KPI-stat-number{font-size:20px}.KPI-stat-content h3{font-size:10px}.kpi-trends-grid{grid-template-columns:1fr}.kpi-trend-value{font-size:28px}.kpi-comparison-values{flex-direction:column;align-items:stretch}.kpi-comparison-arrow{transform:rotate(90deg);align-self:center}}@media print{.KPI-header-controls,.KPI-view-toggle,.KPI-pagination-section,.KPI-pagination-top,.KPI-chart-download-btn{display:none!important}.KPI-table{font-size:10px}.KPI-table-cell{padding:6px 4px}.KPI-charts-container{display:block!important;max-height:none!important;overflow:visible!important}.KPI-chart-card{page-break-inside:avoid;margin-bottom:30px;box-shadow:none}.chart-section{page-break-inside:avoid}}.KPI-table-wrapper::-webkit-scrollbar{width:10px;height:10px}.KPI-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.KPI-table-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.KPI-table-wrapper::-webkit-scrollbar-thumb:hover{background:#555}.KPI-table-wrapper{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.Scheduling-app{display:flex;flex-direction:column;min-height:100vh;width:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f7fa;color:#333}.Scheduling-topNav{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px;background:linear-gradient(135deg,#6a4c93,#8e6bb1);color:#fff;box-shadow:0 2px 8px #00000026;z-index:1000;flex-shrink:0;position:sticky;top:0}.Scheduling-logo{display:flex;align-items:center;gap:12px}.Scheduling-logo h1{margin:0;font-size:20px;font-weight:600}.Scheduling-mobileMenuToggle{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.Scheduling-navItems{display:flex;gap:8px}.Scheduling-navItem{padding:8px 16px;background:transparent;border:none;color:#fffc;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.Scheduling-navItem:hover{background:#ffffff1a;color:#fff}.Scheduling-navItem-active{background:#fff3;color:#fff}.Scheduling-userProfile{display:flex;align-items:center;gap:12px;font-size:14px}.Scheduling-avatar{width:36px;height:36px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-weight:600}.Scheduling-mainContainer{display:flex;min-height:calc(100vh - 64px);width:100%;overflow:hidden}.Scheduling-sidebar{width:280px;background:#fff;border-right:1px solid #e0e6ed;display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;transition:transform .3s ease;max-height:calc(100vh - 64px);position:sticky;top:64px}.Scheduling-sidebarSection{padding:12px;border-bottom:1px solid #e0e6ed;margin-bottom:20px}.Scheduling-sidebarSection h3{margin:0 0 16px;font-size:12px;text-transform:uppercase;color:#8898aa;font-weight:600;letter-spacing:.5px}.Scheduling-periodSelector{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.Scheduling-periodButton{padding:10px;background:linear-gradient(135deg,#c923be 20%,#973390);border:1px solid #e0e6ed;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:#eaebf0;transition:all .2s ease}.Scheduling-periodButton:hover{background:#525f7f}.Scheduling-periodButton-active{background:#6a4c93;color:#fff;border-color:#6a4c93}.Scheduling-dateRange{display:flex;flex-direction:column;gap:12px}.Scheduling-exportButton{width:100%;padding:12px;margin-bottom:10px;background:linear-gradient(135deg,#c923be 20%,#973390);border:1px solid #e0e6ed;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#f3f4f7;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.Scheduling-exportButton:hover{background:#0e2946}.Scheduling-exportButton:disabled{opacity:.6;cursor:not-allowed}.Scheduling-exportButton-email{background:linear-gradient(135deg,#c923be 20%,#973390);color:#fff;border:none;font-weight:600}.Scheduling-exportButton-email:hover{background:linear-gradient(135deg,#5568d3,#6a3d8c);box-shadow:0 4px 12px #667eea4d}.Scheduling-exportButton-email:disabled{opacity:.7;cursor:not-allowed}.Scheduling-statCard{background:#f4f5f7;padding:12px;border-radius:6px;margin-bottom:12px}.Scheduling-statNumber{font-size:24px;font-weight:700;color:#32325d}.Scheduling-statLabel{font-size:12px;color:#8898aa;margin-top:4px}.Scheduling-content{flex:1;display:flex;flex-direction:column;height:calc(95vh - 60px);padding:12px 16px 60px;width:calc(100% - 280px);overflow-y:auto;overflow-x:hidden;margin-bottom:16px}.Scheduling-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-shrink:0;gap:12px}.Scheduling-headerLeft{display:flex;flex-direction:column;gap:8px}.Scheduling-title{font-size:20px;font-weight:600;color:#32325d;margin:0}.Scheduling-dateRangeDisplay{font-size:12px;color:#8898aa;background:#f4f5f7;padding:4px 8px;border-radius:16px;display:inline-block}.Scheduling-headerRight{display:flex;gap:12px}.Scheduling-searchContainer{display:flex;align-items:center;background:#fff;border:1px solid #e0e6ed;border-radius:6px;overflow:hidden}.Scheduling-searchInput{padding:10px 16px;border:none;outline:none;font-size:14px;width:250px}.Scheduling-searchButton{padding:10px;background:#f4f5f7;border:none;cursor:pointer;font-size:16px}.Scheduling-alert{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px;animation:slideDown .3s ease}.Scheduling-alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.Scheduling-tabNavigation{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid #e0e6ed;flex-shrink:0;overflow-x:auto}.Scheduling-tab{padding:8px 14px;background:transparent;border:none;color:#8898aa;cursor:pointer;font-size:12px;font-weight:500;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap}.Scheduling-tab:hover{color:#525f7f}.Scheduling-tab-active{color:#6a4c93;border-bottom-color:#6a4c93}.Scheduling-tabContent{flex:1;min-height:0;overflow-y:auto;padding-right:8px}.Scheduling-overview{display:flex;flex-direction:column;gap:12px}.Scheduling-cardsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;width:100%}.Scheduling-overviewCard{background:#fff;border-radius:6px;padding:12px;box-shadow:0 1px 3px #0000001a;border-left:3px solid #6a4c93;transition:transform .2s ease,box-shadow .2s ease}.Scheduling-overviewCard:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.Scheduling-cardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.Scheduling-cardIcon{font-size:24px}.Scheduling-cardCount{font-size:20px;font-weight:700;color:#32325d}.Scheduling-cardTitle{font-size:12px;font-weight:600;color:#525f7f;margin:0 0 6px}.Scheduling-cardPreview{font-size:13px;color:#8898aa}.Scheduling-previewItem{padding:4px 0}.Scheduling-moreIndicator{font-style:italic;margin-top:8px}.Scheduling-formSection{background:#fff;border-radius:6px;padding:14px;box-shadow:0 1px 3px #0000001a}.Scheduling-sectionTitle{font-size:16px;font-weight:600;color:#32325d;margin:0 0 12px}.Scheduling-form{display:flex;flex-direction:column;gap:12px}.Scheduling-formRow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.Scheduling-formGroup{display:flex;flex-direction:column}.Scheduling-label{margin-bottom:4px;font-weight:500;color:#525f7f;font-size:11px}.Scheduling-input,.Scheduling-select,.Scheduling-textarea{padding:6px 10px;border:1px solid #e0e6ed;border-radius:4px;font-size:12px;transition:all .2s ease;background:#fff}.Scheduling-input:focus,.Scheduling-select:focus,.Scheduling-textarea:focus{border-color:#6a4c93;outline:none;box-shadow:0 0 0 3px #6a4c931a}.Scheduling-textarea{resize:vertical;min-height:50px}.Scheduling-formActions{display:flex;gap:12px;margin-top:8px}.Scheduling-button{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.Scheduling-button-primary{background:#6a4c93;color:#fff}.Scheduling-button-primary:hover{background:#5a3d83;transform:translateY(-1px);box-shadow:0 4px 8px #6a4c934d}.Scheduling-button-secondary:hover{background:#e9ecef}.Scheduling-button:disabled{background:#e9ecef;color:#8898aa;cursor:not-allowed;transform:none;box-shadow:none}.Scheduling-eventsSection{display:flex;flex-direction:column;gap:12px}.Scheduling-eventCategory{background:#fff;border-radius:6px;padding:12px;box-shadow:0 1px 3px #0000001a}.Scheduling-categoryTitle{font-size:14px;font-weight:600;color:#32325d;margin:0 0 8px;display:flex;align-items:center;gap:8px}.Scheduling-tableContainer{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:6px;border:1px solid #e0e6ed;width:100%}.Scheduling-eventTable{width:100%;border-collapse:collapse;background:#fff}.Scheduling-eventTable th,.Scheduling-eventTable td{padding:6px 8px;text-align:left;border-bottom:1px solid #e0e6ed;font-size:11px}.Scheduling-eventTable th{background:#f4f5f7;font-weight:600;color:#525f7f;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.Scheduling-eventTable tbody tr{transition:background-color .2s ease}.Scheduling-eventTable tbody tr:hover{background:#f8f9fa}.Scheduling-eventTable tbody tr:last-child td{border-bottom:none}.Scheduling-actionButton{padding:6px 12px;margin-right:8px;border:1px solid #e0e6ed;background:#fff;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.Scheduling-actionButton:hover{background:#f4f5f7}.Scheduling-actionButton-danger{color:#f5365c;border-color:#f5365c}.Scheduling-actionButton-danger:hover{background:#f5365c;color:#fff}.Scheduling-noEvents{text-align:center;padding:20px 10px;color:#8898aa;font-size:12px}.Scheduling-noEventsIcon{font-size:32px;margin-bottom:8px;opacity:.5}.Scheduling-noEventRecorder{margin-bottom:16px}.Scheduling-noEventCard{background:linear-gradient(135deg,#f0f8f4,#e8f5f0);border-radius:8px;padding:14px;border-left:4px solid #4CAF50;box-shadow:0 2px 6px #4caf501a}.Scheduling-noEventHeader{margin-bottom:12px}.Scheduling-noEventTitle{font-size:14px;font-weight:600;color:#2e7d32;margin:0 0 4px}.Scheduling-noEventDescription{font-size:11px;color:#558b2f;margin:0;line-height:1.4}.Scheduling-noEventForm{display:flex;gap:8px;align-items:flex-end;margin-bottom:12px}.Scheduling-noEventForm .Scheduling-formGroup{flex:1;margin-bottom:0}.Scheduling-noEventForm .Scheduling-input{width:100%;min-width:150px}.Scheduling-noEventButton{flex-shrink:0;background:#4caf50;padding:6px 14px}.Scheduling-noEventButton:hover{background:#45a049}.Scheduling-noEventsList{border-top:1px solid rgba(76,175,80,.2);padding-top:10px}.Scheduling-noEventsListTitle{font-size:11px;font-weight:600;color:#2e7d32;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}.Scheduling-noEventItems{display:flex;flex-direction:column;gap:4px}.Scheduling-noEventItem{display:flex;justify-content:space-between;align-items:center;background:#fff9;padding:6px 8px;border-radius:4px;font-size:10px}.Scheduling-noEventDate{color:#558b2f;font-weight:500}.Scheduling-noEventAddedBy{color:#7cb342}.Scheduling-modalOverlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.Scheduling-modalContent{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:450px;width:90%;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.Scheduling-modalHeader{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e6ed}.Scheduling-modalHeader h3{font-size:16px;font-weight:600;color:#32325d;margin:0}.Scheduling-modalClose{background:none;border:none;font-size:28px;color:#8898aa;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.Scheduling-modalClose:hover:not(:disabled){color:#32325d}.Scheduling-modalClose:disabled{opacity:.5;cursor:not-allowed}.Scheduling-modalBody{padding:20px}.Scheduling-modalBody p{font-size:14px;color:#525f7f;margin:0 0 12px}.Scheduling-emailInput{width:100%;padding:8px 12px;border:1px solid #e0e6ed;border-radius:6px;font-size:13px;font-family:inherit;transition:all .2s ease;box-sizing:border-box}.Scheduling-emailInput:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.Scheduling-emailInput:disabled{background:#f4f5f7;color:#8898aa;cursor:not-allowed}.Scheduling-modalFooter{display:flex;gap:10px;padding:16px 20px;border-top:1px solid #e0e6ed;justify-content:flex-end}.Scheduling-button-secondary{background:#f4f5f7;color:#525f7f}.Scheduling-button-secondary:hover:not(:disabled){background:#e9ecef}.Scheduling-searchableSelect{display:flex;flex-direction:column;gap:6px}.Scheduling-searchInput{padding:6px 10px;border:1px solid #e0e6ed;border-radius:4px;font-size:12px;transition:all .2s ease;font-family:inherit}.Scheduling-searchInput:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.Scheduling-sidebar::-webkit-scrollbar,.Scheduling-tabContent::-webkit-scrollbar{width:6px}.Scheduling-sidebar::-webkit-scrollbar-track,.Scheduling-tabContent::-webkit-scrollbar-track{background:#f1f1f1}.Scheduling-sidebar::-webkit-scrollbar-thumb,.Scheduling-tabContent::-webkit-scrollbar-thumb{background:#c1c7cd;border-radius:3px}.Scheduling-sidebar::-webkit-scrollbar-thumb:hover,.Scheduling-tabContent::-webkit-scrollbar-thumb:hover{background:#a8b1ba}.Scheduling-archivedHeader{margin-bottom:20px}.Scheduling-archivedDescription{color:#8898aa;font-size:14px;margin:8px 0 0}.Scheduling-archivedEventsList{display:flex;flex-direction:column;gap:16px}.Scheduling-archivedEventCard{background:#f8f9fa;border-radius:8px;padding:16px;border-left:4px solid #6c757d;box-shadow:0 2px 4px #0000000d}.Scheduling-archivedEventHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.Scheduling-archivedEventTitle{font-size:16px;font-weight:600;color:#32325d;margin:0}.Scheduling-archivedEventDate{font-size:12px;color:#8898aa;background:#e9ecef;padding:4px 8px;border-radius:12px}.Scheduling-archivedEventDetails{margin-bottom:12px}.Scheduling-archivedEventDetails p{margin:4px 0;font-size:14px;color:#525f7f}.Scheduling-archivedEventActions{display:flex;justify-content:flex-end}.Scheduling-actionButton-restore{color:#28a745;border-color:#28a745}.Scheduling-actionButton-restore:hover{background:#28a745;color:#fff}@media(max-width:1200px){.Scheduling-cardsGrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:768px){.Scheduling-topNav{padding:0 16px;height:56px}.Scheduling-logo h1{font-size:16px}.Scheduling-mobileMenuToggle{display:block}.Scheduling-navItems{position:fixed;inset:56px 0 0;background:#6a4c93;flex-direction:column;padding:16px;transform:translate(-100%);opacity:0;transition:all .3s ease;overflow-y:auto;z-index:1000}.Scheduling-navItems-mobile{transform:translate(0);opacity:1}.Scheduling-sidebar{position:fixed;left:-280px;top:56px;height:calc(100vh - 56px);z-index:999;transition:left .3s ease;width:280px;max-width:80vw}.Scheduling-sidebar-mobile{left:0}.Scheduling-mainContainer{min-height:calc(100vh - 56px)}.Scheduling-content{padding:12px;width:100%;overflow-y:auto}.Scheduling-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.Scheduling-title{font-size:22px}.Scheduling-headerRight,.Scheduling-searchContainer{width:100%}.Scheduling-searchInput{width:100%;flex:1}.Scheduling-formRow{grid-template-columns:1fr;gap:16px}.Scheduling-cardsGrid{grid-template-columns:1fr;gap:12px}.Scheduling-tabNavigation{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:16px}.Scheduling-tab{padding:10px 16px;font-size:12px}.Scheduling-eventTable th,.Scheduling-eventTable td{padding:8px 12px;font-size:12px}.Scheduling-overviewCard{padding:16px}.Scheduling-cardCount{font-size:24px}.Scheduling-formSection{padding:16px}.Scheduling-sectionTitle{font-size:18px}.Scheduling-actionButton{padding:4px 8px;font-size:11px;margin-right:4px}}@media(max-width:480px){.Scheduling-periodSelector{grid-template-columns:1fr;gap:6px}.Scheduling-tabNavigation{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:12px}.Scheduling-searchInput{width:100%}.Scheduling-userProfile{display:none}.Scheduling-navItem{padding:12px 16px;font-size:13px}.Scheduling-title{font-size:18px}.Scheduling-logo h1{font-size:14px}.Scheduling-content{padding:8px}.Scheduling-cardsGrid{grid-template-columns:1fr;gap:10px}.Scheduling-overviewCard{padding:12px}.Scheduling-cardTitle{font-size:14px}.Scheduling-cardCount{font-size:20px}}.runs-tab{padding:20px;font-family:Arial,sans-serif}.tbrow th{background:#4f6b7a!important}.header-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:15px}.tab-navigation{display:flex;margin-bottom:0;border-bottom:1px solid #ddd}.tab-btn{background:none;border:none;padding:10px 20px;cursor:pointer;font-size:16px;border-bottom:2px solid transparent;transition:all .3s ease}.tab-btn.active{border-bottom:2px solid #4285f4;color:#4285f4;font-weight:700}.runs-tab-container{width:100%}.runs-header{display:flex;align-items:center;gap:15px}.runs-header h2{margin:0;white-space:nowrap}.header-controls{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.search-container{flex:1;min-width:250px}.search-input-wrapper{position:relative;width:100%}.search-input{width:100%;padding:8px 40px 8px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.search-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#777}.date-selector{display:flex;align-items:center;gap:10px;white-space:nowrap}.date-selector input[type=date]{padding:8px;border:1px solid #ddd;border-radius:4px}.check-schedule-btn,.print-btn{background-color:#4285f4;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;transition:background-color .3s;white-space:nowrap}.check-schedule-btn:hover,.print-btn:hover{background-color:#3367d6}.check-schedule-btn:disabled{background-color:#ccc;cursor:not-allowed}.schedule-alerts{margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:5px}.alert{padding:10px;margin-bottom:10px;border-radius:4px}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.loading-indicator,.error-message{text-align:center;padding:20px;font-size:16px}.schedule-table-container{overflow-x:auto;margin-top:10px}.schedule-table{width:100%;border-collapse:collapse;border:1px solid #ddd}.schedule-bottom-border{border:4px solid #ddd}.client-last-row{border-bottom:2.5px solid #acb7c0dc}.client-no-calls-row{background:#eae9b6d3!important}.search-results-count{font-size:12px;color:#666;margin-left:5px}.no-results-message{text-align:center;padding:20px;color:#666;font-style:italic;background-color:#f9f9f9;border-radius:4px;margin:10px 0}.schedule-table th,.schedule-table td{padding:1px;text-align:left;border:1px solid #ddd;font-size:13px}.schedule-table th{background:linear-gradient(135deg,#415267,#455568);color:#fff;padding-top:5px;padding-bottom:5px}.package-time-input{width:60px;padding:5px;border:1px solid #ddd;border-radius:4px}.call-category-select{padding:5px;border:1px solid #ddd;border-radius:4px}.status-ok{color:green;font-size:18px}.status-warning{color:orange;font-size:18px}.status-error{color:red;font-size:18px}.schedule-assistant-container{width:100%}.schedule-assistant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px;background-color:#f5f5f5;border-radius:5px}.generate-rota-btn{background-color:#4285f4;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;transition:background-color .3s}.generate-rota-btn:hover{background-color:#3367d6}.historical-data-container,.rota-suggestions-container{margin-bottom:30px;padding:15px;background-color:#f8f9fa;border-radius:5px}.historical-data-table-container{overflow-x:auto;margin-top:15px}.historical-data-table{width:100%;border-collapse:collapse;border:1px solid #ddd}.historical-data-table th,.historical-data-table td{padding:10px;text-align:left;border:1px solid #ddd}.historical-data-table th{background-color:#f2f2f2;font-weight:700}.no-data-message,.suggested-rota-placeholder{text-align:center;padding:20px;color:#666;font-style:italic}.suggestion-message{margin-bottom:15px;padding:10px;background-color:#e7f3fe;border-left:4px solid #2196F3}.api-error-container{margin:20px 0;padding:15px;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:5px}.api-error-message{margin-bottom:10px;font-family:monospace;white-space:pre-wrap}.retry-btn{background-color:#721c24;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;transition:background-color .3s}.retry-btn:hover{background-color:#5a1925}.schedule-table tbody tr:nth-child(odd){background-color:#fff}.schedule-table tbody tr:nth-child(2n){background-color:#f5f5f5}.schedule-table tbody tr:hover{background-color:#e6f7ff}.historical-data-table tbody tr:nth-child(odd){background-color:#fff}.historical-data-table tbody tr:nth-child(2n){background-color:#f5f5f5}.historical-data-table tbody tr:hover{background-color:#e6f7ff}.call-category-select{font-size:14px;cursor:pointer;transition:all .3s ease}.call-category-select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.schedule-table tbody tr[data-double-lock="1"]{border-left:3px solid #ff6b6b}.schedule-table tbody tr[data-double-lock="0"]{border-left:3px solid #51cf66}.carer-names{display:flex;align-items:center;gap:5px;color:#1c5788}.carer-name-cell{border-right:2px solid #acb7c0dc!important}.user-emoji{font-size:14px}.no-carer{color:#999;font-style:italic}.location-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:2px 5px;border-radius:3px;transition:background-color .2s}.location-btn:hover{background-color:#f0f0f0}.no-location{color:#ccc}.location-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.location-modal-content{background-color:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.location-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee}.location-modal-header h3{margin:0}.location-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.location-modal-body{padding:20px;overflow-y:auto;flex:1}.location-map-container{margin-bottom:20px}.location-map{width:100%;height:300px;border:1px solid #ddd;border-radius:4px}.location-coords{margin-top:10px;font-size:12px;color:#666}.location-info h4{margin-top:0;margin-bottom:10px}.location-full-address{margin-bottom:15px;padding:10px;background-color:#f5f5f5;border-radius:4px}.location-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.location-detail-item{display:flex;justify-content:space-between}.location-detail-label{font-weight:700;margin-right:10px}.location-modal-footer{padding:15px 20px;border-top:1px solid #eee;display:flex;justify-content:flex-end}.location-modal-button{background-color:#4285f4;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.location-modal-button:hover{background-color:#3367d6}.location-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.location-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}.location-error{color:#e74c3c;text-align:center;padding:20px}.support-plan-visits{display:flex;flex-direction:column;gap:8px;padding:5px 0}.support-plan-visit{display:flex;border-bottom:1px solid #eee;padding-bottom:1px}.support-plan-visit:last-child{border-bottom:none}.visit-type{margin-bottom:3px;padding-left:1px;color:#035196}.visit-details{display:flex;gap:10px;font-size:.85em}.visit-length,.visit-staff,.visit-time{padding:2px 5px;background-color:#f5f5f5;border-radius:3px}.no-support-plan{color:#999;font-style:italic;text-align:center}.support-plan-container{width:100%;height:100%}.support-plan-table{width:100%;border-collapse:collapse;margin:0;padding:0;font-size:.9em}.support-plan-header{background-color:#f8f9fa;font-weight:700;text-align:left;padding:4px 6px;border-bottom:1px solid #ddd;color:#495057}.support-plan-row{border-bottom:1px solid #eee}.support-plan-row:last-child{border-bottom:none}.support-plan-cell{padding:4px 6px;vertical-align:top}.support-plan-cell.visit-type,.support-plan-cell.visit-length,.support-plan-cell.visit-staff,.support-plan-cell.visit-time{white-space:nowrap}.no-support-plan{text-align:center;font-style:italic;color:#888;padding:8px}@media print{.no-print{display:none!important}.runs-tab{padding:5px}.header-container,.tab-navigation,.header-controls,.schedule-assistant-header,.header-buttons,.location-btn,.call-category-select{display:none!important}.runs-tab-container,.schedule-assistant-container{width:100%;margin:0;padding:0}.schedule-table,.historical-data-table{width:100%;border-collapse:collapse;font-size:10px}.schedule-table th,.schedule-table td,.historical-data-table th,.historical-data-table td{border:1px solid #ddd;padding:3px;text-align:left}.schedule-table-container,.historical-data-table-container{overflow:visible!important}.status-ok:before{content:"OK";color:#000;font-size:10px}.status-warning:before{content:"WARNING";color:#000;font-size:10px}.status-error:before{content:"ERROR";color:#000;font-size:10px}.user-emoji:before{content:""}.location-btn:before{content:""}.schedule-table td,.historical-data-table td{white-space:normal;word-wrap:break-word}.schedule-table thead,.historical-data-table thead{display:table-header-group}.schedule-table tr,.historical-data-table tr{page-break-inside:avoid}.print-header{display:block!important;text-align:center;margin-bottom:10px;font-weight:700}}.schedule-alerts{margin-bottom:20px;border:1px solid #ddd;border-radius:5px;padding:15px;background-color:#f9f9f9}.schedule-alerts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.schedule-alerts-header h3{margin:0}.email-alerts-btn{background-color:#4caf50;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px}.email-alerts-btn:hover{background-color:#45a049}.alert-count-info{margin-top:10px;font-style:italic;color:#666}.cancel-btn,.send-email-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.cancel-btn{background-color:#f5f5f5;color:#333}.cancel-btn:hover{background-color:#e0e0e0}.send-email-btn{background-color:#4caf50;color:#fff}.send-email-btn:hover{background-color:#45a049}.send-email-btn:disabled{background-color:#ccc;cursor:not-allowed}.email-status{padding:10px;margin-top:10px;border-radius:4px;font-weight:700}.email-status.success{background-color:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.email-status.error{background-color:#ffebee;color:#c62828;border:1px solid #ef9a9a}.geo-location-tab{display:flex;flex-direction:column;height:100vh;padding:10px;background-color:#f5f5f5;box-sizing:border-box}.geo-location-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;flex-shrink:0}.geo-location-header h2{margin:0;color:#333;font-size:1.5rem}.date-selector{display:flex;align-items:center;gap:10px}.date-selector label{font-weight:700}.date-selector input{padding:8px;border:1px solid #ddd;border-radius:4px}.geo-location-content{display:flex;flex:1;overflow:hidden;min-height:0;gap:10px}.geo-carer-list{width:200px;background-color:#fff;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.geo-carer-list-header{padding:10px;background-color:#960284;border-bottom:1px solid #ddd;flex-shrink:0}.geo-carer-list-header h3{margin:0;color:#faf5f5;font-size:1.1rem}.carer-search-container{padding:10px}.carer-search{width:100%;padding:6px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:.9rem}.geo-carer-list-container{flex:1;overflow-y:auto;min-height:0}.carer-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s}.carer-item:hover{background-color:#f5f5f5}.carer-item.selected{background-color:#e0f0ff;border-left:4px solid #fb00ff}.carer-info{flex:1}.carer-name{font-weight:700;margin-bottom:3px;display:flex;align-items:center;font-size:.9rem}.carer-details{font-size:.8rem;color:#666}.carer-postcode{font-size:.75rem;color:#888}.calls-container{width:280px;background-color:#fff;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 4px #0000001a}.calls-wrapper{display:flex;flex-direction:column;height:100%}.calls-header{padding:10px;background-color:#f8f9fa;border-bottom:1px solid #ddd;flex-shrink:0;display:flex;justify-content:space-between;align-items:center}.calls-header h3{margin:0;color:#5a76a2;font-size:1.1rem}.back-button{background-color:#215aa0;color:#fff;border:none;border-radius:4px;padding:5px 10px;cursor:pointer;font-size:.8rem}.back-button:hover{background-color:#0056b3}.calls-list-container{flex:1;overflow-y:auto;padding:5px}.call-item{padding:10px;margin-bottom:8px;border:1px solid #eee;border-radius:6px;background-color:#fafafa;cursor:pointer;transition:all .2s}.call-item:hover{background-color:#f0f0f0;border:1px solid rgba(7,145,204,.53);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.call-item.selected{background-color:#e0f0ff;border:1px solid #007bff}.call-client{font-weight:700;margin-bottom:5px;font-size:1rem;color:#333}.call-details{display:flex;flex-direction:column;gap:5px}.call-time,.call-postcode{font-size:.8rem;color:#666;display:flex;align-items:center}.call-coords{font-size:.75rem;color:#007bff;margin-top:3px;font-weight:500;display:flex;align-items:center}.call-checkin,.call-checkout{font-size:.8rem;color:#666;display:flex;flex-direction:column;margin-top:5px;padding-top:5px;border-top:1px dashed #eee}.bold{font-weight:700;font-size:18px;color:#287ade}.location-details{align-items:center;font-size:.75rem;color:#6e6e6e}.reverse-geocoded-postcode{margin-left:5px;font-weight:600;color:#333}.call-assigned-to{font-size:.75rem;color:#888;margin-top:5px;padding-top:5px;border-top:1px dashed #eee}.map-container{flex:1;background-color:#fff;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 4px #0000001a}.carer-journey-map-container{flex:1;display:flex;flex-direction:column;height:100%}.map-header{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#f8f9fa;border-bottom:1px solid #ddd;flex-shrink:0}.map-header h3{margin:0;color:#333;font-size:1.1rem}.map-legend{display:flex;gap:10px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;font-size:.8rem}.legend-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;margin-right:5px;color:#fff}.journey-map{flex:1;width:100%}.map-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;background-color:#f8f9fa}.map-loading p{margin-top:10px;color:#666}.no-map-data{display:flex;justify-content:center;align-items:center;height:100px;background-color:#f8f9fa;color:#666;font-style:italic}.no-carer-selected{display:flex;justify-content:center;align-items:center;height:100%;background-color:#f0f0f0}.no-carer-selected p{font-size:1.1rem;color:#666}.no-calls{display:flex;justify-content:center;align-items:center;height:100px;font-size:1rem;color:#666}.error-message{margin-top:10px;padding:10px 15px;background-color:#fee;border:1px solid #ffcccc;border-radius:4px;color:red}.journey-number-marker{position:absolute;width:24px;height:24px;background-color:#28a745;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;box-shadow:0 2px 4px #0000004d;z-index:1000}.journey-arrow{position:absolute;width:20px;height:20px;background-color:#28a745;clip-path:polygon(0 0,100% 50%,0 100%);z-index:999}.leaflet-popup-content-wrapper{border-radius:6px}.leaflet-popup-content{margin:10px;line-height:1.4}.leaflet-popup-content strong{color:#333}.custom-tooltip{background:#000c;color:#fff;border:none;border-radius:4px;box-shadow:0 2px 8px #0003}.custom-tooltip:before{border-top-color:#000c}.number-marker{background:transparent!important;border:none!important}@media(max-width:1400px){.geo-carer-list{width:180px}.calls-container{width:250px}}@media(max-width:1200px){.geo-location-content{flex-wrap:wrap}.geo-carer-list{width:100%;max-height:150px}.calls-container{width:100%;max-height:200px;margin-bottom:10px}.map-container{width:100%;height:400px}}@media(max-width:768px){.geo-location-tab{padding:5px}.geo-location-header{flex-direction:column;align-items:flex-start;gap:10px}.geo-location-header h2{font-size:1.2rem}.map-legend{flex-wrap:wrap;gap:5px}.legend-item{font-size:.7rem}.map-container{height:350px}}@media(max-width:480px){.geo-location-header h2{font-size:1rem}.map-container{height:300px}.calls-list-container{padding:3px}.call-item{padding:8px;margin-bottom:5px}.call-client{font-size:.9rem}.call-time,.call-postcode,.call-checkin,.call-checkout{font-size:.75rem}}.policy-spinner{border:4px solid rgba(0,0,0,.1);width:30px;height:30px;border-radius:50%;border-left-color:#09f;margin:20px auto;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ns-wrap{--purple: #c923be;--purple2: #973390;--grad: linear-gradient(135deg, #973390 0%, #c923be 100%);--amber: #d97706;--amber-bg: #fffbeb;--amber-bd: #fcd34d;--amber-dk: #92400e;--green: #059669;--green-bg: #ecfdf5;--red: #dc2626;--red-bg: #fef2f2;--teal: #0d9488;--teal-grad: linear-gradient(135deg, #0d9488, #065f46);--tx1: #1e293b;--tx2: #64748b;--tx3: #94a3b8;--bg: #f1f5f9;--bgc: #ffffff;--bgi: #f8fafc;--bd: #e2e8f0;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--sh: 0 1px 3px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.06);--sh-lg: 0 8px 32px rgba(0,0,0,.14);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;background:var(--bg);color:var(--tx1);box-sizing:border-box;position:relative;overflow-x:hidden;overflow-y:visible;min-height:100%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.ns-loading{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;min-height:220px;color:var(--tx2)}.ns-spinner{width:24px;height:24px;border:3px solid var(--bd);border-top-color:var(--purple);border-radius:50%;animation:ns-spin .7s linear infinite}@keyframes ns-spin{to{transform:rotate(360deg)}}.ns-page-loading{width:100%;min-height:300px;display:flex;align-items:center;justify-content:center;background:var(--bg, #f1f5f9)}.ns-page-loading-inner{display:flex;flex-direction:column;align-items:center;gap:14px}.ns-page-spinner{width:40px;height:40px;border-radius:50%;border:3px solid #f1f5f9;border-top-color:#0d9488;border-right-color:#d97706;animation:ns-spin .8s linear infinite}.ns-page-loading-inner p{color:#94a3b8;font-size:.88rem;margin:0}.ns-topbar{display:flex;align-items:stretch;justify-content:space-between;flex-wrap:wrap;gap:0;background:var(--bgc);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:20}.ns-tabs{display:flex;gap:0;flex:1;min-width:0}.ns-tab{display:flex;align-items:center;justify-content:center;gap:5px;padding:2px;background:none;border:none;border-bottom:3px solid transparent;font-size:.93rem;font-weight:500;color:var(--tx2);cursor:pointer;transition:color .2s,border-color .2s;white-space:nowrap;flex:1}.ns-tab:hover{color:var(--purple)}.ns-tab.active{color:var(--purple);border-bottom-color:var(--purple)}.ns-tbadge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--red);color:#fff;font-size:.68rem;font-weight:700}.ns-tbadge.reminder{background:var(--teal)}.ns-topbar-acts{display:flex;align-items:center;gap:8px;padding:10px 16px;border-left:1px solid var(--bd)}.ns-btn-sm{padding:7px 14px;border-radius:var(--r-sm);border:1.5px solid var(--bd);background:var(--bgc);font-size:.82rem;font-weight:600;color:var(--tx2);cursor:pointer;transition:all .18s;white-space:nowrap}.ns-btn-sm:hover{background:#f0f0ff;border-color:#c7d2fe;color:var(--purple)}.ns-amber-btn{display:flex;align-items:center;gap:7px;padding:7px 14px;background:var(--amber-bg);border:1.5px solid var(--amber-bd);border-radius:var(--r-sm);color:var(--amber-dk);font-size:.83rem;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.ns-amber-btn:hover{background:#fef3c7;border-color:var(--amber);box-shadow:0 0 0 3px #d977061f}.ns-apulse{width:8px;height:8px;border-radius:50%;background:#ef9f27;animation:ns-pulse 1.5s ease-in-out infinite}@keyframes ns-pulse{0%,to{opacity:1}50%{opacity:.3}}.ns-layout{display:flex;gap:3px;padding:3px;align-items:flex-start;width:100%}.ns-col-form{flex:3;min-width:0}.ns-col-list{flex:2;min-width:0}.ns-full{flex:1 1 100%!important}.ns-card,.ns-card-flex{background:var(--bgc);border-radius:var(--r-lg);box-shadow:var(--sh);display:flex;flex-direction:column;overflow:visible}.ns-card{position:relative}.ns-card-shell{overflow:hidden;border-radius:var(--r-lg)}.ns-card-hd{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--bd);background:linear-gradient(135deg,#f8f9ff,#f0f0ff);flex-shrink:0;border-radius:var(--r-lg) var(--r-lg) 0 0}.ns-card-hd h2{font-size:1.1rem;font-weight:700;color:var(--tx1)}.ns-hbadge{padding:3px 12px;border-radius:20px;background:var(--grad);color:#fff;font-size:.76rem;font-weight:700}.ns-hbadge.reminder{background:var(--teal-grad)}.ns-sub-tabs{display:flex;border-bottom:2px solid var(--bd);background:var(--bgc);flex-shrink:0;overflow-x:auto}.ns-stab{flex:1;padding:11px 14px;background:none;border:none;border-bottom:3px solid transparent;font-size:.88rem;font-weight:600;color:var(--tx2);cursor:pointer;transition:all .18s;margin-bottom:-2px;white-space:nowrap;min-width:0}.ns-stab:hover{color:var(--purple)}.ns-stab.active{color:var(--purple);border-bottom-color:var(--purple);background:#faf8ff}.ns-stab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--purple);color:#fff;font-size:.64rem;font-weight:700;margin-left:4px;vertical-align:middle}.ns-stab.active .ns-stab-badge{background:#fff;color:var(--purple)}.ns-form-scroll{padding:14px 16px 12px;overflow-y:auto;max-height:calc(90vh - 140px);scrollbar-width:thin;scrollbar-color:var(--bd) transparent;margin-bottom:12px}.ns-form-scroll::-webkit-scrollbar{width:5px}.ns-form-scroll::-webkit-scrollbar-thumb{background:var(--bd);border-radius:4px}.ns-list-scroll{padding:14px 16px;overflow-y:auto;max-height:calc(100vh - 240px);min-height:220px;scrollbar-width:thin;scrollbar-color:var(--bd) transparent}.ns-list-scroll::-webkit-scrollbar{width:5px}.ns-list-scroll::-webkit-scrollbar-thumb{background:var(--bd);border-radius:4px}.ns-filter-bar{padding:8px 14px 6px;border-bottom:1px solid var(--bd);display:flex;flex-direction:column;gap:7px;flex-shrink:0;background:var(--bgc)}.ns-filter-search{position:relative;display:flex;align-items:center}.ns-filter-icon{position:absolute;left:10px;font-size:13px;pointer-events:none}.ns-filter-search input{width:100%;padding:8px 32px;border:1.5px solid var(--bd);border-radius:var(--r-sm);font-size:.88rem;background:var(--bgi);color:var(--tx1);font-family:inherit;transition:border-color .2s}.ns-filter-search input:focus{outline:none;border-color:var(--purple);background:#fff}.ns-filter-search input::placeholder{color:var(--tx3)}.ns-filter-clear{position:absolute;right:9px;background:none;border:none;font-size:1rem;cursor:pointer;color:var(--tx3);line-height:1}.ns-filter-clear:hover{color:var(--tx1)}.ns-filter-pills{display:flex;gap:6px;flex-wrap:wrap}.ns-fpill{padding:5px 13px;border-radius:20px;font-size:.78rem;font-weight:600;border:1.5px solid var(--bd);background:var(--bgi);color:var(--tx2);cursor:pointer;transition:all .15s;white-space:nowrap}.ns-fpill:hover{background:#f0f0ff;border-color:#c7d2fe;color:var(--purple)}.ns-fpill.active{background:var(--grad);border-color:transparent;color:#fff}.ns-date-selectors{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;padding:10px 14px;background:#f8f9ff;border:1.5px solid #c7d2fe;border-radius:var(--r-md);animation:ns-fi .15s ease}@keyframes ns-fi{0%{opacity:0}to{opacity:1}}.ns-date-sel-group{display:flex;flex-direction:column;gap:4px;flex:1;min-width:100px}.ns-date-sel-group label{font-size:.75rem;font-weight:700;color:var(--tx2);text-transform:uppercase;letter-spacing:.04em}.ns-date-sel{padding:8px 10px;border:1.5px solid var(--bd);border-radius:var(--r-sm);font-size:.88rem;font-family:inherit;color:var(--tx1);background:#fff;cursor:pointer;transition:border-color .2s}.ns-date-sel:focus{outline:none;border-color:var(--purple)}.ns-date-sel:disabled{opacity:.45;cursor:not-allowed;background:var(--bgi)}.ns-search-in{margin-bottom:10px!important;padding-left:34px!important}.ns-type-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.ns-type-btn{display:flex;flex-direction:row;align-items:center;gap:5px;justify-content:center;padding:2px;background:var(--bgi);border:2px solid var(--bd);border-radius:var(--r-md);cursor:pointer;font-size:.86rem;font-weight:500;color:var(--tx2);transition:all .18s}.ns-type-btn:hover{background:#f0f0ff;border-color:#c7d2fe;color:var(--purple)}.ns-type-btn.active{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 4px 12px #667eea4d}.ns-type-icon{font-size:.88rem}.ns-recip{margin-bottom:20px}.ns-sec-lbl{font-size:.78rem;font-weight:700;color:var(--tx2);text-transform:uppercase;letter-spacing:.05em;margin:12px 0 7px}.ns-chips-scroll{display:flex;flex-direction:column;gap:7px;max-height:200px;overflow-y:auto;padding:3px 2px;scrollbar-width:thin;scrollbar-color:var(--bd) transparent}.ns-chips-scroll::-webkit-scrollbar{width:4px}.ns-chips-scroll::-webkit-scrollbar-thumb{background:var(--bd);border-radius:4px}.ns-chips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;max-height:200px;overflow-y:auto;padding:2px;scrollbar-width:thin;scrollbar-color:var(--bd) transparent}.ns-chips-grid::-webkit-scrollbar{width:4px}.ns-chips-grid::-webkit-scrollbar-thumb{background:var(--bd);border-radius:4px}.ns-no-results{font-size:.84rem;color:var(--tx3);padding:10px;text-align:center}.ns-chip{display:flex;align-items:center;gap:8px;padding:9px 11px;background:var(--bgi);border:1.5px solid var(--bd);border-radius:var(--r-sm);cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.ns-chip:hover{background:#f0f0ff;border-color:#c7d2fe}.ns-chip.on{background:linear-gradient(135deg,#f5e8ff,#ede0ff);border-color:var(--purple);box-shadow:0 0 0 2px #c923be1f}.ns-chip:focus{outline:2px solid var(--purple);outline-offset:2px}.ns-chip-av{width:28px;height:28px;border-radius:50%;flex-shrink:0;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700}.ns-chip-av.grp{background:linear-gradient(135deg,#48bb78,#38a169)}.ns-chip-img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.ns-chip-tick{width:18px;height:18px;border-radius:4px;flex-shrink:0;border:2px solid var(--bd);background:#fff;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:900;color:transparent;transition:all .15s}.ns-chip.on .ns-chip-tick{background:var(--purple);border-color:var(--purple);color:#fff}.ns-chip-name{display:block;font-weight:600;color:var(--tx1);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ns-chip-role{display:block;font-size:.7rem;color:var(--tx3)}.ns-online{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-left:auto}.ns-online.on{background:#22c55e}.ns-online.off{background:var(--bd)}.ns-selct{text-align:right;font-size:.8rem;font-weight:600;color:var(--purple);margin-top:6px}.ns-company-info{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#eff6ff;border-left:4px solid var(--purple);border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:.88rem;color:#1e40af;font-weight:500;margin-bottom:20px}.ns-fg{margin-bottom:12px;position:relative}.ns-fg label{display:block;font-size:.85rem;font-weight:600;color:var(--tx1);margin-bottom:4px}.ns-req{color:#dc2626;margin-left:2px}.ns-input,.ns-textarea,.ns-select{width:100%;padding:10px 13px;background:var(--bgi);border:2px solid var(--bd);border-radius:var(--r-sm);font-family:inherit;font-size:.93rem;color:var(--tx1);transition:border-color .2s,box-shadow .2s}.ns-input:focus,.ns-textarea:focus,.ns-select:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px #667eea1a;background:#fff}.ns-input::placeholder,.ns-textarea::placeholder{color:var(--tx3)}.ns-textarea{resize:vertical;min-height:90px;line-height:1.6}.ns-cc{position:absolute;bottom:-17px;right:0;font-size:.72rem;color:var(--tx3)}.ns-select{cursor:pointer}.ns-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ns-checks{display:flex;flex-direction:column;gap:9px;margin-bottom:6px}.ns-ack-check-row{display:flex;align-items:flex-start;gap:11px;padding:12px 14px;background:#f8f9ff;border:1.5px solid #c7d2fe;border-radius:var(--r-sm);cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none;margin-bottom:4px}.ns-ack-check-row:hover{background:#f0e8ff;border-color:var(--purple)}.ns-ack-check-row.amber-row{background:var(--amber-bg);border-color:var(--amber-bd)}.ns-ack-check-row.amber-row:hover{background:#fef3c7}.ns-ack-check-row.sm{padding:8px 12px;background:var(--bgi);border-color:var(--bd)}.ns-ack-check-row.sm:hover{background:#f0f0ff;border-color:var(--purple)}.ns-ack-checkbox{width:20px;height:20px;border-radius:5px;flex-shrink:0;border:2px solid var(--bd);background:#fff;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:900;color:transparent;transition:all .15s;margin-top:1px}.ns-ack-checkbox.checked{background:var(--purple);border-color:var(--purple);color:#fff}.ns-ack-checkbox.amber.checked{background:var(--amber);border-color:var(--amber);color:#fff}.ns-ack-checkbox.sm{width:17px;height:17px;border-radius:4px;font-size:.7rem}.ns-ack-check-text{font-size:.86rem;font-weight:500;color:var(--tx1);line-height:1.5;flex:1}.ns-send-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 22px;margin-top:18px;background:var(--grad);border:none;border-radius:var(--r-md);color:#fff;font-size:.97rem;font-weight:700;cursor:pointer;transition:all .22s;box-shadow:0 4px 14px #667eea61}.ns-send-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea7a}.ns-ncard{position:relative;padding:10px 12px;border:1.5px solid var(--bd);border-radius:var(--r-md);background:#fff;margin-bottom:8px;transition:box-shadow .2s,transform .2s}.ns-ncard:last-child{margin-bottom:0}.ns-ncard:hover{box-shadow:0 4px 16px #00000017;transform:translate(3px)}.ns-ncard.unread{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border-color:#c7d2fe}.ns-ncard.read{opacity:.85}.ns-ncard.amber{border-left:4px solid var(--amber);background:var(--amber-bg);border-radius:0 var(--r-md) var(--r-md) 0}.ns-ncard.system{border-left:4px solid var(--purple);background:#f8f9ff;border-radius:0 var(--r-md) var(--r-md) 0}.ns-ncard.reminder{border-left:4px solid var(--teal);border-radius:0 var(--r-md) var(--r-md) 0}.ns-ncard.emergency{border-left:4px solid var(--red);border-radius:0 var(--r-md) var(--r-md) 0}.ns-dpulse{position:absolute;top:15px;right:15px;width:8px;height:8px;border-radius:50%;background:var(--purple);animation:ns-dp 2s ease-in-out infinite}.ns-dpulse.reminder{background:var(--teal)}@keyframes ns-dp{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}.ns-ncard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.ns-badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:.71rem;font-weight:700}.ns-badge.amber{background:#fef3c7;color:var(--amber-dk)}.ns-badge.system{background:#ede9fe;color:#5b21b6}.ns-badge.company{background:#faf5ff;color:#6b21a8;border:1px solid #ddd6fe}.ns-badge.group{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.ns-badge.individual{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.ns-badge.reminder{background:#ccfbf1;color:#115e59;border:1px solid #99f6e4}.ns-ntime{font-size:.75rem;color:var(--tx3);font-weight:500}.ns-sched{padding:2px 7px;background:var(--bgi);border:1px solid var(--bd);border-radius:20px;font-size:.69rem;color:var(--tx3)}.ns-ntitle{font-size:.97rem;font-weight:700;color:var(--tx1);margin-bottom:4px;line-height:1.4}.ns-nmsg{font-size:.86rem;color:var(--tx2);line-height:1.6;margin-bottom:8px}.ns-nmeta{font-size:.75rem;color:var(--tx3);margin-bottom:9px}.ns-sender-row{display:flex;align-items:center;gap:6px}.ns-sender-av{width:20px;height:20px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;flex-shrink:0}.ns-sender-av-img{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0}.ns-ack-warn{display:flex;align-items:flex-start;gap:7px;padding:8px 11px;background:#fffbeb;border:1px solid var(--amber-bd);border-radius:var(--r-sm);font-size:.78rem;color:var(--amber-dk);font-weight:500;margin-bottom:9px;line-height:1.5}.ns-awi{width:16px;height:16px;border-radius:50%;background:var(--amber);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:900;flex-shrink:0;margin-top:1px}.ns-acked{font-size:.79rem;font-weight:700;color:var(--green);background:var(--green-bg);padding:4px 9px;border-radius:var(--r-sm);margin-bottom:7px;display:inline-block}.ns-nacts{display:flex;flex-wrap:wrap;gap:7px}.ns-act{padding:5px 13px;background:var(--bgi);border:1px solid var(--bd);border-radius:var(--r-sm);font-size:.79rem;font-weight:600;color:var(--tx2);cursor:pointer;transition:all .15s}.ns-act:hover{background:#f0f0ff;border-color:#c7d2fe;color:var(--purple)}.ns-act.primary{background:var(--grad);color:#fff;border-color:transparent}.ns-act.primary:hover{opacity:.9}.ns-act.amber{background:var(--amber-bg);border-color:var(--amber-bd);color:var(--amber-dk)}.ns-act.amber:hover{background:#fef3c7;border-color:var(--amber)}.ns-empty{text-align:center;padding:44px 20px;color:var(--tx3);font-size:.93rem}.ns-time-uk{font-size:.7rem;color:var(--tx3);opacity:.8}.ns-btn{padding:9px 18px;border-radius:var(--r-sm);font-size:.88rem;font-weight:600;cursor:pointer;border:none;transition:all .18s}.ns-btn.primary{background:var(--grad);color:#fff}.ns-btn.primary:hover{opacity:.9}.ns-btn.primary:disabled,.ns-btn.disabled{opacity:.4;cursor:not-allowed}.ns-btn.amber{background:#d97706;color:#fff}.ns-btn.amber:hover{background:#b45309}.ns-btn.amber:disabled{opacity:.4;cursor:not-allowed}.ns-btn.ghost{background:var(--bgi);border:1px solid var(--bd);color:var(--tx2)}.ns-btn.ghost:hover{background:#f1f5f9}.ns-btn.outline{background:transparent;border:1.5px solid var(--purple);color:var(--purple)}.ns-btn.outline:hover{background:#eff6ff}.ns-btn.full-w{width:100%;text-align:center}.ns-btn.danger{background:var(--red);color:#fff;border:none}.ns-btn.danger:hover{background:#b91c1c}.ns-btn.outline-danger{background:transparent;border:1.5px solid var(--red);color:var(--red);padding:9px 18px;border-radius:var(--r-sm);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .18s}.ns-btn.outline-danger:hover{background:#fef2f2}.ns-sent-card{border-left:4px solid var(--purple);border-radius:0 var(--r-md) var(--r-md) 0!important}.ns-sent-card.amber{border-left-color:var(--amber)}.ns-sent-card.reminder{border-left-color:var(--teal)}.ns-sent-card.company{border-left-color:#973390}.ns-sent-card.group{border-left-color:#38a169}.ns-sent-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:6px;margin:10px 0 6px}.ns-sent-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7px 6px;background:var(--bgi);border:1px solid var(--bd);border-radius:var(--r-sm);text-align:center}.ns-sent-stat.green{background:var(--green-bg);border-color:#bbf7d0}.ns-sent-stat.red{background:var(--red-bg);border-color:#fca5a5}.ns-sent-stat.teal{background:#ccfbf1;border-color:#99f6e4}.ns-sent-stat-n{font-size:1.35rem;font-weight:800;color:var(--tx1);line-height:1}.ns-sent-stat-l{font-size:.65rem;font-weight:600;color:var(--tx2);text-transform:uppercase;letter-spacing:.03em;margin-top:2px}.ns-sent-progress-wrap{height:5px;background:var(--bd);border-radius:3px;overflow:hidden;margin:6px 0 2px}.ns-sent-progress-bar{height:100%;background:var(--grad);border-radius:3px;transition:width .4s ease;min-width:2px}.ns-sent-progress-bar.reminder{background:var(--teal-grad)}.ns-sent-progress-label{display:flex;justify-content:space-between;font-size:.7rem;color:var(--tx3);margin-bottom:4px}.ns-nudge-info{display:flex;align-items:flex-start;gap:8px;padding:9px 12px;background:#fffbeb;border:1px solid var(--amber-bd);border-radius:var(--r-sm);font-size:.78rem;color:var(--amber-dk);line-height:1.5;margin:8px 0 0}.ns-nudge-info-icon{width:16px;height:16px;border-radius:50%;background:var(--amber);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:900;flex-shrink:0;margin-top:1px}.ns-groups-panel{padding:4px 0}.ns-groups-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ns-group-row{display:flex;align-items:center;gap:12px;padding:11px 14px;margin-bottom:8px;background:var(--bgi);border:1.5px solid var(--bd);border-radius:var(--r-md);transition:all .15s}.ns-group-row:hover{border-color:var(--purple);background:#f8f0ff}.ns-group-row.amber-group{border-left:4px solid var(--amber);background:var(--amber-bg);border-radius:0 var(--r-md) var(--r-md) 0}.ns-group-row.amber-group:hover{background:#fef3c7}.ns-group-av{width:36px;height:36px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.ns-group-row.amber-group .ns-group-av{background:linear-gradient(135deg,#d97706,#f59e0b)}.ns-group-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ns-group-name{font-weight:700;font-size:.92rem;color:var(--tx1)}.ns-group-desc{font-size:.78rem;color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ns-group-meta{font-size:.72rem;color:var(--tx3)}.ns-group-tabs{display:flex;gap:4px;margin:0 4px}.ns-gtab{padding:5px 14px;border-radius:20px;font-size:.82rem;font-weight:600;border:1.5px solid var(--bd);background:var(--bgi);color:var(--tx2);cursor:pointer;transition:all .15s}.ns-gtab:hover{background:#f0f0ff;border-color:var(--purple);color:var(--purple)}.ns-gtab.active{background:var(--purple);border-color:var(--purple);color:#fff}.ns-group-info-meta{font-size:.78rem;color:var(--tx3);padding:8px 12px;background:var(--bgi);border-radius:var(--r-sm);margin-bottom:14px;border:1px solid var(--bd)}.ns-member-row{cursor:default}.ns-member-row:hover{background:#f8f0ff;border-color:#c7d2fe}.ns-remove-btn{width:26px;height:26px;border-radius:50%;background:#fee2e2;border:none;color:var(--red);font-size:.82rem;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.ns-remove-btn:hover{background:var(--red);color:#fff}.ns-del-confirm{padding:14px;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:var(--r-md);margin-top:12px}.ns-del-confirm p{font-size:.86rem;color:#991b1b;margin-bottom:12px;line-height:1.5}.ns-del-btns{display:flex;gap:8px}.ns-overlay{position:fixed;inset:0;background:#00000075;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:ns-fi .16s ease}.ns-modal{background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-lg);width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:ns-su .2s ease}.ns-modal.wide{max-width:580px}@keyframes ns-su{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}.ns-mh{padding:14px 18px;border-bottom:1px solid var(--bd);background:linear-gradient(135deg,#f8f9ff,#f0f4ff);display:flex;align-items:center;gap:8px;flex-shrink:0}.ns-mh.amber{background:var(--amber-bg);border-bottom-color:var(--amber-bd)}.ns-mh h3{font-size:1.05rem;font-weight:700;color:var(--tx1)}.ns-mh-icon{font-size:1.2rem}.ns-role-tag{margin-left:auto;font-size:.7rem;font-weight:700;padding:2px 8px;background:#fee2e2;color:#991b1b;border-radius:20px}.ns-close{margin-left:auto;background:none;border:none;font-size:1.35rem;cursor:pointer;color:var(--tx3);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.ns-close:hover{background:var(--bgi);color:var(--tx1)}.ns-mb{padding:14px 18px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--bd) transparent}.ns-mb::-webkit-scrollbar{width:4px}.ns-mb::-webkit-scrollbar-thumb{background:var(--bd);border-radius:4px}.ns-mf{padding:12px 18px;border-top:1px solid var(--bd);display:flex;gap:8px;justify-content:flex-end;flex-shrink:0;background:var(--bgi)}.ns-preview{padding:11px 14px;background:var(--bgi);border:1px solid var(--bd);border-radius:var(--r-sm);margin-bottom:14px}.ns-preview strong{display:block;font-size:.93rem;margin-bottom:3px}.ns-preview p{font-size:.85rem;color:var(--tx2);line-height:1.5}.ns-warn-box{display:flex;gap:10px;padding:12px 14px;background:#fffbeb;border:1px solid var(--amber-bd);border-radius:var(--r-sm);margin-bottom:14px}.ns-wi{width:20px;height:20px;border-radius:50%;background:var(--amber);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:900;flex-shrink:0;margin-top:2px}.ns-warn-box strong{display:block;font-size:.85rem;color:var(--amber-dk);margin-bottom:3px}.ns-warn-box p{font-size:.8rem;color:#92400e;line-height:1.5}.ns-amber-danger{padding:9px 13px;background:#fee2e2;border:1px solid #fca5a5;border-radius:var(--r-sm);font-size:.8rem;font-weight:600;color:#991b1b;margin-bottom:16px;line-height:1.4}.ns-radio-row{display:flex;gap:18px;margin-bottom:10px}.ns-radio{display:flex;align-items:center;gap:7px;font-size:.88rem;font-weight:500;cursor:pointer}.ns-radio input{accent-color:var(--purple)}.ns-stats-sub{font-size:.87rem;color:var(--tx2);margin-bottom:14px;font-style:italic}.ns-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:18px}.ns-stat{display:flex;flex-direction:column;align-items:center;padding:13px;background:var(--bgi);border-radius:var(--r-sm);border:1px solid var(--bd)}.ns-stat.green{background:var(--green-bg);border-color:#bbf7d0}.ns-stat.red{background:var(--red-bg);border-color:#fca5a5}.ns-stat-n{font-size:1.7rem;font-weight:800;color:var(--tx1)}.ns-stat span:last-child{font-size:.74rem;font-weight:600;color:var(--tx2);text-transform:uppercase;letter-spacing:.04em}.ns-stats-list{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.ns-srow{display:flex;align-items:center;gap:9px;padding:9px 13px;background:var(--bgi);border-radius:var(--r-sm);border:1px solid var(--bd)}.ns-sav{width:30px;height:30px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;flex-shrink:0;overflow:hidden}.ns-snm{flex:1;font-size:.86rem;font-weight:600}.ns-spills{display:flex;gap:5px;flex-wrap:wrap}.ns-pill{padding:2px 8px;border-radius:20px;font-size:.7rem;font-weight:700}.ns-pill.read{background:var(--green-bg);color:#166534}.ns-pill.unread{background:#fff7ed;color:#9a3412}.ns-pill.ack{background:var(--green-bg);color:#166534}.ns-pill.pending{background:var(--red-bg);color:#991b1b}.ns-nudge-explain{padding:10px 14px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:var(--r-sm);font-size:.78rem;color:#0369a1;line-height:1.6;margin-bottom:10px}.ns-toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);padding:11px 22px;border-radius:var(--r-md);font-size:.88rem;font-weight:600;white-space:nowrap;box-shadow:0 8px 24px #0000002e;z-index:2000;animation:ns-ti .22s ease,ns-to .28s ease 2.9s forwards;max-width:90vw;text-align:center}.ns-toast.success{background:#1e293b;color:#f8fafc}.ns-toast.error{background:#dc2626;color:#fff}.ns-toast.amber{background:#d97706;color:#fff}.ns-toast.info{background:#0369a1;color:#fff}@keyframes ns-ti{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes ns-to{to{opacity:0;transform:translate(-50%) translateY(10px)}}@media(max-width:1024px){.ns-layout{flex-direction:column;padding:3px;gap:3px}.ns-col-form,.ns-col-list,.ns-full{width:100%;flex:unset}.ns-form-scroll{max-height:none;overflow-y:visible;padding:12px 14px}.ns-list-scroll{max-height:500px;min-height:200px;padding:12px 14px}}@media(max-width:768px){html,body{overflow-x:hidden}.ns-topbar{flex-direction:column;align-items:stretch;padding:0;position:sticky;top:0;z-index:20}.ns-tabs{border-bottom:1px solid var(--bd)}.ns-tab{padding:2px;font-size:.85rem}.ns-topbar-acts{border-left:none;border-top:1px solid var(--bd);padding:8px 12px;justify-content:flex-end;flex-wrap:wrap;gap:6px}.ns-layout{padding:3px;gap:3px}.ns-card-hd{padding:10px 12px}.ns-filter-bar{padding:6px 10px 4px}.ns-form-scroll{padding:12px 14px;max-height:none;overflow-x:visible;margin-bottom:8px}.ns-list-scroll{max-height:65vh;min-height:180px;padding:10px 12px}.ns-type-row{gap:6px}.ns-type-btn{padding:6px;font-size:.8rem}.ns-type-icon{font-size:1.2rem}.ns-form-row{grid-template-columns:1fr}.ns-send-btn{padding:11px 14px;font-size:.9rem;margin-top:12px}.ns-modal{max-width:100%;max-height:94vh;margin:0}.ns-mh,.ns-mb{padding:12px 14px}.ns-mf{padding:10px 14px;flex-direction:column-reverse}.ns-btn{width:100%;text-align:center}.ns-stats-grid{grid-template-columns:1fr 1fr}.ns-sent-stats{grid-template-columns:repeat(2,1fr)}.ns-date-selectors{gap:8px}.ns-date-sel-group{min-width:0;flex:1}.ns-fpill{padding:4px 10px;font-size:.73rem}.ns-group-row{flex-wrap:wrap}.ns-group-info{min-width:0;flex:1}.ns-gtab{padding:4px 10px;font-size:.78rem}.ns-del-btns{flex-direction:column}.ns-del-btns .ns-btn{width:100%;text-align:center}.ns-sub-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.ns-stab{padding:10px;font-size:.8rem;white-space:nowrap}}@media(max-width:480px){.ns-tab{font-size:.78rem;padding:2px}.ns-topbar-acts{justify-content:space-between;padding:6px 10px}.ns-amber-btn{flex:1;justify-content:center;font-size:.78rem}.ns-layout{padding:3px;gap:3px}.ns-card-hd{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px}.ns-type-row{grid-template-columns:1fr;gap:6px}.ns-type-btn{flex-direction:row;justify-content:flex-start;padding:8px 10px;gap:8px}.ns-ncard{padding:10px 12px}.ns-ntitle{font-size:.88rem;margin-bottom:3px}.ns-nmsg{font-size:.8rem;margin-bottom:6px}.ns-chips-grid{grid-template-columns:1fr}.ns-sent-stats{grid-template-columns:repeat(2,1fr);gap:5px}.ns-sent-stat-n{font-size:1.1rem}.ns-sent-stat-l{font-size:.6rem}.ns-stab{padding:8px 7px;font-size:.74rem}.ns-date-selectors{flex-direction:column;gap:6px;padding:8px 10px}.ns-date-sel-group{min-width:unset;width:100%}.ns-toast{left:10px;right:10px;transform:none;white-space:normal;text-align:center;bottom:12px;font-size:.85rem}@keyframes ns-ti{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ns-to{to{opacity:0;transform:translateY(10px)}}.ns-filter-pills{gap:3px}.ns-fpill{padding:3px 7px;font-size:.68rem}.ns-groups-panel-header{flex-direction:column;align-items:flex-start;gap:6px;padding:0 2px}.ns-group-row{padding:9px 10px;margin-bottom:6px}.ns-group-av{width:28px;height:28px;font-size:.72rem}.ns-group-name{font-size:.82rem}}:root{--header-height: 30px}@media(max-width:768px){:root{--header-height: 50px}}*/ .sms-msg-dropdown-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:none;background:#00000047;color:#fff;cursor:pointer;font-size:.82rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;z-index:6;padding:0;line-height:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sms-reply-quote{display:flex;flex-direction:column;gap:2px;border-left:3px solid rgba(255,255,255,.5);border-radius:6px;padding:6px 10px;margin-bottom:7px;background:#00000026;cursor:pointer;transition:background .15s;max-width:100%;overflow:hidden}.sms-reply-quote:hover{background:#00000038}.sms-reply-quote.sent{border-left-color:#ffffff8c;background:#00000026}.sms-reply-quote.received{border-left-color:var(--sms-teal-400);background:var(--sms-bg-hover)}.sms-reply-quote-sender{font-size:.72rem;font-weight:700;color:var(--sms-teal-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sms-bubble.sent .sms-reply-quote-sender{color:#ffffffd9}.sms-reply-quote-text{font-size:.78rem;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sms-reply-preview{display:flex;align-items:stretch;gap:0;background:var(--sms-bg-surface);border:1px solid var(--sms-border);border-radius:10px;margin-bottom:8px;overflow:hidden;animation:ctxFadeIn .15s ease}.sms-reply-preview-bar{width:4px;flex-shrink:0;background:var(--sms-teal-400);border-radius:10px 0 0 10px}.sms-reply-preview-content{flex:1;min-width:0;padding:7px 10px}.sms-reply-preview-sender{font-size:.72rem;font-weight:700;color:var(--sms-teal-400);margin-bottom:2px}.sms-reply-preview-text{font-size:.78rem;color:var(--sms-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sms-reply-preview-close{background:none;border:none;color:var(--sms-text-muted);cursor:pointer;font-size:1rem;padding:0 12px;flex-shrink:0;transition:color .15s;display:flex;align-items:center}.sms-reply-preview-close:hover{color:var(--sms-text-primary)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(110%)}}.sms-toast-container{position:fixed;top:80px;right:16px;z-index:99999;display:flex;flex-direction:column;gap:10px;max-width:340px;width:calc(100vw - 32px);pointer-events:none}.sms-toast{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;background:var(--sms-bg-elevated);border:1px solid var(--sms-border);border-left:4px solid #0d9488;border-radius:14px;box-shadow:0 8px 30px #0000002e;cursor:pointer;pointer-events:all;animation:toastSlideIn .3s cubic-bezier(.34,1.4,.64,1);transition:transform .15s,box-shadow .15s}.sms-toast:hover{transform:translateY(-2px);box-shadow:0 12px 36px #00000038}.sms-toast-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;overflow:hidden;border:2px solid var(--sms-glass-border)}.sms-toast-body{flex:1;min-width:0}.sms-toast-title{font-size:.83rem;font-weight:700;color:var(--sms-text-primary);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sms-toast-text{font-size:.77rem;color:var(--sms-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sms-toast-close{background:none;border:none;color:var(--sms-text-muted);cursor:pointer;font-size:.95rem;padding:0;flex-shrink:0;line-height:1;transition:color .15s;margin-top:1px}.sms-toast-close:hover{color:var(--sms-text-primary)}@media(max-width:768px){.sms-toast-container{inset:auto 12px 80px;width:auto;max-width:none}}.sms-attach-btn{background:none;border:none;padding:6px 8px;cursor:pointer;font-size:1.2rem;opacity:.7;transition:opacity .15s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sms-messages-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px;color:var(--sms-text-muted);font-size:.85rem}.sms-messages-spinner{width:20px;height:20px;border:2px solid var(--sms-bg-elevated);border-top-color:var(--sms-teal-400);border-radius:50%;animation:sms-spin .7s linear infinite}.sms-ctx-btn{display:block;width:100%;background:none;border:none;padding:11px 18px;text-align:left;cursor:pointer;font-size:.88rem;color:var(--sms-text-primary, #e2e8f0);transition:background .12s;white-space:nowrap}.sms-ctx-btn:hover{background:#ffffff12}.sms-ctx-btn-danger{color:#f87171}.sms-ctx-btn-danger:hover{background:#f871711a}.sms-bubble.deleted-msg{opacity:.65;background:var(--sms-bg-secondary, rgba(0,0,0,.1))!important;border:1px dashed var(--sms-border, rgba(255,255,255,.15))!important}.deleted-text{font-style:italic;opacity:.7}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.sms-media-image{position:relative;display:inline-block;max-width:100%}.sms-media-document{border:1px solid rgba(255,255,255,.12);transition:background .15s}.sms-media-document:hover{background:#ffffff1f!important}.sms-media-audio audio{min-width:220px;max-width:100%}.sms-media-container{max-width:320px;width:100%}.sms-message-footer .edited-label{font-size:.68rem;opacity:.5;font-style:italic;margin-right:4px}.sms-unread-count-badge{background:#0d9488;color:#fff;border-radius:50px;font-size:.72rem;font-weight:700;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;flex-shrink:0}.unread-preview{font-weight:600;color:var(--sms-text-primary, #e2e8f0)!important}.sms-waveform-bar{width:3px;border-radius:2px;background:#0d9488;transition:height .12s ease}.sms-upload-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#0d948826;border-radius:8px;font-size:.82rem;color:#2dd4bf;margin:4px 0}a.sms-lb-download:hover{background:#ffffff40!important}.sms-media-video{position:relative;cursor:pointer}.sms-group-avatar{background:linear-gradient(135deg,#667eea,#764ba2)!important;font-size:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.sms-avatar-small.sms-group-avatar{font-size:16px;width:36px;height:36px}.sms-form-group{margin-bottom:20px}.sms-form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary, #1f2937);font-size:14px}.sms-form-input,.sms-form-textarea{width:100%;padding:12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:14px;background:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937);transition:border-color .2s}.sms-form-input:focus,.sms-form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.sms-form-textarea{resize:vertical;min-height:80px}.sms-member-selection{max-height:250px;overflow-y:auto;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:12px;background:var(--bg-secondary, #f9fafb)}.sms-member-checkbox{display:flex;align-items:center;padding:10px 12px;cursor:pointer;border-radius:6px;transition:background .2s;margin-bottom:4px}.sms-member-checkbox:hover{background:var(--bg-primary, #ffffff)}.sms-member-checkbox input{margin-right:10px;width:18px;height:18px;cursor:pointer;accent-color:#667eea}.sms-member-checkbox span{font-size:14px;color:var(--text-primary, #1f2937)}.sms-modal-large{max-width:600px;width:95%;max-height:85vh;display:flex;flex-direction:column}.sms-modal-large .sms-modal-body{flex:1;overflow-y:auto;padding:20px}.sms-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border-color, #e5e7eb);background:var(--bg-primary, #ffffff);border-radius:0 0 16px 16px}.sms-btn-primary,.sms-btn-secondary,.sms-btn-danger{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.sms-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.sms-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.sms-btn-primary:disabled{opacity:.6;cursor:not-allowed}.sms-btn-secondary{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #1f2937)}.sms-btn-secondary:hover{background:var(--border-color, #e5e7eb)}.sms-btn-danger{background:#ef4444;color:#fff}.sms-btn-danger:hover{background:#dc2626}.sms-btn-small{padding:8px 16px;font-size:13px}.sms-btn-tiny{padding:4px 10px;font-size:11px;border-radius:4px}.sms-member-list{max-height:300px;overflow-y:auto}.sms-member-item{display:flex;align-items:center;padding:12px;border-bottom:1px solid var(--border-color, #e5e7eb);gap:12px}.sms-member-item:last-child{border-bottom:none}.sms-member-info{flex:1;min-width:0}.sms-member-name{display:block;font-weight:600;color:var(--text-primary, #1f2937);font-size:14px}.sms-member-role{font-size:11px;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px}.sms-member-role.admin{color:#667eea;font-weight:600}.sms-add-members-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color, #e5e7eb)}.sms-add-members-section h4{margin:0 0 12px;font-size:14px;color:var(--text-primary, #1f2937)}.sms-user-meta h4{display:flex;align-items:center;gap:6px}.sms-group-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600}.sms-msg-avatar-group{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600;flex-shrink:0}.sms-loading-small{text-align:center;padding:20px;color:var(--text-secondary, #6b7280);font-size:14px}[data-theme=dark] .sms-form-input,[data-theme=dark] .sms-form-textarea,[data-theme=dark] .sms-member-selection{background:var(--bg-secondary, #1f2937);border-color:var(--border-color, #374151);color:var(--text-primary, #f9fafb)}[data-theme=dark] .sms-member-checkbox:hover{background:var(--bg-primary, #374151)}.sms-user-name.unread-name{font-weight:700;color:var(--text-primary, #111827)}.sms-last-message.unread-preview{font-weight:600;color:var(--text-primary, #111827)}.sms-unread-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#7c3aed;color:#fff;font-size:11px;font-weight:700;line-height:1;flex-shrink:0}.sms-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;margin-left:5px;vertical-align:middle}:root,[data-theme=light]{--sms-bg-app: #eef2f7;--sms-bg-sidebar: #ffffff;--sms-bg-chat: #dfe7ef;--sms-bg-surface: #f8fafc;--sms-bg-elevated: #f1f5f9;--sms-bg-hover: #e8f0fb;--sms-bg-active: #dbeafe;--sms-bg-input: #ffffff;--sms-bg-header: #ffffff;--sms-bg-msg-area: #dfe7ef;--sms-glass-border: rgba(0,0,0,.07);--sms-teal-300: #0d9488;--sms-teal-400: #0d9488;--sms-teal-500: #0d9488;--sms-teal-600: #0f766e;--sms-teal-glow: rgba(13,148,136,.12);--sms-teal-btn: linear-gradient(135deg,#0d9488,#0f766e);--sms-teal-btn-hover: linear-gradient(135deg,#14b8a6,#0d9488);--sms-gold-300: #b45309;--sms-gold-400: #d97706;--sms-sent-bg: linear-gradient(145deg,#0d9488 0%,#0c6b64 100%);--sms-sent-tail: #0c6b64;--sms-recv-bg: #ffffff;--sms-recv-tail: #ffffff;--sms-recv-border: rgba(0,0,0,.07);--sms-text-primary: #1e293b;--sms-text-secondary: #475569;--sms-text-muted: #94a3b8;--sms-text-name: #0f172a;--sms-text-brand: #0f172a;--sms-border: rgba(0,0,0,.07);--sms-border-input: rgba(0,0,0,.1);--sms-border-focus: rgba(13,148,136,.4);--sms-divider: rgba(0,0,0,.05);--sms-shadow-sm: 0 2px 8px rgba(0,0,0,.07);--sms-shadow-md: 0 4px 20px rgba(0,0,0,.09);--sms-shadow-lg: 0 8px 40px rgba(0,0,0,.11);--sms-bubble-shadow: 0 2px 8px rgba(0,0,0,.07);--sms-sent-shadow: 0 4px 14px rgba(13,148,136,.22);--sms-online-color: #16a34a;--sms-online-glow: rgba(22,163,74,.3);--sms-scrollbar-thumb: #cbd5e1;--sms-scrollbar-hover: #94a3b8;--sms-chat-pattern: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%230d9488' fill-opacity='0.035'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E")}[data-theme=dark]{--sms-bg-app: #0b1120;--sms-bg-sidebar: #0d1526;--sms-bg-chat: #08101d;--sms-bg-surface: #111d30;--sms-bg-elevated: #172236;--sms-bg-hover: #1c2a3f;--sms-bg-active: #1f3048;--sms-bg-input: #131f32;--sms-bg-header: #0d1526;--sms-bg-msg-area: #08101d;--sms-glass-border: rgba(255,255,255,.07);--sms-teal-300: #5eead4;--sms-teal-400: #2dd4bf;--sms-teal-500: #0d9488;--sms-teal-600: #0f766e;--sms-teal-glow: rgba(13,148,136,.22);--sms-teal-btn: linear-gradient(135deg,#0d9488,#0f766e);--sms-teal-btn-hover: linear-gradient(135deg,#14b8a6,#0d9488);--sms-gold-300: #fde68a;--sms-gold-400: #fbbf24;--sms-sent-bg: linear-gradient(145deg,#0d9488 0%,#0c6b64 100%);--sms-sent-tail: #0c6b64;--sms-recv-bg: #192640;--sms-recv-tail: #192640;--sms-recv-border: rgba(255,255,255,.06);--sms-text-primary: #e2e8f0;--sms-text-secondary: #94a3b8;--sms-text-muted: #4e6380;--sms-text-name: #f1f5f9;--sms-text-brand: #e2e8f0;--sms-border: rgba(255,255,255,.06);--sms-border-input: rgba(255,255,255,.08);--sms-border-focus: rgba(13,148,136,.5);--sms-divider: rgba(255,255,255,.04);--sms-shadow-sm: 0 2px 8px rgba(0,0,0,.4);--sms-shadow-md: 0 4px 20px rgba(0,0,0,.5);--sms-shadow-lg: 0 8px 40px rgba(0,0,0,.6);--sms-bubble-shadow: 0 2px 12px rgba(0,0,0,.35);--sms-sent-shadow: 0 4px 16px rgba(13,148,136,.2);--sms-online-color: #22c55e;--sms-online-glow: rgba(34,197,94,.4);--sms-scrollbar-thumb: #1c2a3f;--sms-scrollbar-hover: #243348;--sms-chat-pattern: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%230d9488' fill-opacity='0.025'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E")}.sms-message-component *,.sms-message-component *:before,.sms-message-component *:after{box-sizing:border-box;margin:0;padding:0}.sms-loading-screen{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--sms-bg-app);color:var(--sms-text-primary);font-family:DM Sans,sans-serif}.sms-loading-logo{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:var(--sms-text-brand);margin-bottom:28px}.sms-loading-logo span{color:var(--sms-teal-400)}.sms-loading-spinner{width:44px;height:44px;border:3px solid var(--sms-bg-elevated);border-top-color:var(--sms-teal-400);border-right-color:var(--sms-gold-400);border-radius:50%;animation:sms-spin .8s linear infinite;margin-bottom:16px}@keyframes sms-spin{to{transform:rotate(360deg)}}.sms-loading-screen p{color:var(--sms-text-muted);font-size:.85rem}.sms-message-component{width:100%;height:100vh;max-height:100vh;display:flex;flex-direction:column;background:var(--sms-bg-app);font-family:DM Sans,sans-serif;overflow:hidden;position:fixed;inset:0;z-index:1;transition:background .3s ease}.sms-app-header{width:100%;height:var(--header-height);max-height:var(--header-height);background:var(--sms-bg-header);border-bottom:1px solid var(--sms-border);display:flex;align-items:center;justify-content:space-between;padding:0 10px;flex-shrink:0;z-index:1000;box-shadow:var(--sms-shadow-sm);position:fixed;top:50px;left:0;right:0}.sms-app-header-left{display:flex;align-items:center;gap:12px}.sms-app-brand{font-family:Playfair Display,serif;font-size:1.1rem;font-weight:500;color:var(--sms-text-brand)}.sms-app-brand span{color:var(--sms-teal-400)}.sms-app-tagline{font-size:.65rem;color:var(--sms-text-muted);letter-spacing:1.2px;text-transform:uppercase;font-weight:500;margin-left:8px}.sms-app-header-actions{display:flex;gap:6px}.sms-app-header-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--sms-glass-border);background:var(--sms-bg-surface);color:var(--sms-text-secondary);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sms-app-header-btn:hover{background:var(--sms-bg-hover);color:var(--sms-teal-400);border-color:var(--sms-teal-600);transform:translateY(-1px)}.sms-main-content{flex:1;display:flex;flex-direction:row;overflow:hidden;min-height:0;position:relative;height:100vh;margin-top:var(--header-height)}@keyframes ctxFadeIn{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes recPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.sms-msg-dropdown-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:none;background:#00000047;color:#fff;cursor:pointer;font-size:.82rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;z-index:6;padding:0;line-height:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sms-message-row:hover .sms-msg-dropdown-btn,.sms-bubble:hover .sms-msg-dropdown-btn{opacity:1}.sms-msg-dropdown-btn:hover{background:#00000080!important}.deleted-msg{opacity:.65}.deleted-text{font-style:italic}.unread-name{font-weight:700}.unread-preview{font-weight:600}.sms-attach-btn{background:none;border:none;padding:6px 8px;cursor:pointer;font-size:1.2rem;opacity:.7;transition:opacity .15s;flex-shrink:0}.sms-attach-btn:hover:not(:disabled){opacity:1}.sms-attach-btn:disabled{opacity:.3;cursor:not-allowed}.sms-tab-badge{background:#ef4444;color:#fff;border-radius:50px;font-size:.65rem;font-weight:700;min-width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;margin-left:4px}.sms-sidebar{width:360px;min-width:280px;flex-shrink:0;display:flex;flex-direction:column;background:var(--sms-bg-sidebar);border-right:1px solid var(--sms-border);overflow:hidden;height:100%;position:relative}.sms-sidebar-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.sms-search-container{padding:12px 16px;border-bottom:1px solid var(--sms-border);position:relative;margin-top:50px}.sms-search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);color:var(--sms-text-muted);font-size:.85rem;z-index:1;pointer-events:none}.sms-search-input{width:100%;padding:9px 12px 9px 36px;border-radius:10px;border:1px solid var(--sms-border-input);background:var(--sms-bg-surface);font-size:.85rem;color:var(--sms-text-primary);font-family:DM Sans,sans-serif;transition:all .2s ease}.sms-search-input::placeholder{color:var(--sms-text-muted)}.sms-search-input:focus{outline:none;border-color:var(--sms-border-focus);background:var(--sms-bg-input);box-shadow:0 0 0 3px var(--sms-teal-glow)}.sms-filter-tabs{display:flex;gap:5px;padding:10px 16px;border-bottom:1px solid var(--sms-border);overflow-x:auto}.sms-filter-tabs::-webkit-scrollbar{display:none}.sms-filter-tab{padding:5px 13px;border-radius:20px;border:1px solid var(--sms-glass-border);background:transparent;color:var(--sms-text-muted);font-size:.76rem;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .2s ease;white-space:nowrap}.sms-filter-tab:hover{background:var(--sms-bg-hover);color:var(--sms-text-primary);border-color:var(--sms-teal-600)}.sms-filter-tab.active{background:var(--sms-teal-btn);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 2px 8px var(--sms-teal-glow)}.sms-conversation-list{flex:1;min-height:0;overflow-y:auto;padding:4px 0}.sms-conversation-list::-webkit-scrollbar{width:4px}.sms-conversation-list::-webkit-scrollbar-track{background:transparent}.sms-conversation-list::-webkit-scrollbar-thumb{background:var(--sms-scrollbar-thumb);border-radius:2px}.sms-section-label{padding:8px 16px 4px;font-size:.67rem;font-weight:600;color:var(--sms-text-muted);text-transform:uppercase;letter-spacing:1.2px}.sms-conversation-item{display:flex;align-items:center;padding:10px 16px;cursor:pointer;transition:background .15s ease;border:none;background:transparent;width:100%;text-align:left;position:relative;border-bottom:1px solid var(--sms-divider)}.sms-conversation-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--sms-teal-btn);border-radius:0 2px 2px 0;transition:height .2s ease}.sms-conversation-item:hover{background:var(--sms-bg-hover)}.sms-conversation-item:hover:before,.sms-conversation-item.active:before{height:52%}.sms-conversation-item.active{background:var(--sms-bg-active)}.sms-avatar-wrapper{position:relative;margin-right:11px;flex-shrink:0}.sms-avatar{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.95rem;border:2px solid rgba(255,255,255,.1);overflow:hidden;position:relative}.sms-avatar-img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--sms-glass-border)}.sms-online-indicator{position:absolute;bottom:1px;right:1px;width:12px;height:12px;background:var(--sms-online-color);border-radius:50%;border:2px solid var(--sms-bg-sidebar);box-shadow:0 0 5px var(--sms-online-glow)}.sms-conversation-details{flex:1;overflow:hidden;min-width:0}.sms-conversation-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.sms-user-name{font-weight:600;color:var(--sms-text-name);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sms-time-stamp{font-size:.67rem;color:var(--sms-text-muted);flex-shrink:0;margin-left:6px}.sms-unread-count-badge{background:var(--sms-teal-btn);color:#fff;padding:1px 6px;border-radius:10px;font-size:.65rem;font-weight:700;min-width:18px;text-align:center;display:inline-flex;align-items:center;justify-content:center;height:17px}.sms-conversation-bottom{display:flex;align-items:center}.sms-last-message{font-size:.78rem;color:var(--sms-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;display:flex;align-items:center;gap:3px;flex:1}.sms-message-check{color:var(--sms-teal-400);font-size:.7rem;flex-shrink:0}.sms-typing-indicator-text{color:var(--sms-teal-400);font-style:italic;font-size:.78rem}.sms-empty-list{padding:48px 20px;text-align:center;color:var(--sms-text-muted)}.sms-empty-list-icon{font-size:2.5rem;margin-bottom:10px;opacity:.4}.sms-chat-area{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;background:var(--sms-bg-msg-area);position:relative;overflow:hidden;transition:background .3s ease}.sms-chat-area:before{content:"";position:absolute;inset:0;background-image:var(--sms-chat-pattern);background-repeat:repeat;pointer-events:none;z-index:0}.sms-chat-inner{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;min-height:0}.sms-chat-header{display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:50px;min-height:50px;flex-shrink:0;background:var(--sms-bg-header);border-bottom:1px solid var(--sms-border);z-index:5;width:100%;box-shadow:var(--sms-shadow-sm);margin-top:50px}.sms-chat-header-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.sms-back-btn{background:var(--sms-bg-surface);border:1px solid var(--sms-glass-border);color:var(--sms-text-secondary);cursor:pointer;width:30px;height:30px;border-radius:8px;font-size:1.1rem;align-items:center;justify-content:center;flex-shrink:0;display:none;transition:all .2s ease}.sms-back-btn:hover{background:var(--sms-bg-hover);color:var(--sms-text-primary)}.sms-close-chat-btn{background:var(--sms-bg-surface);border:1px solid var(--sms-glass-border);color:var(--sms-text-secondary);cursor:pointer;width:36px;height:36px;border-radius:8px;font-size:.95rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sms-close-chat-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.sms-avatar-small{width:40px;height:40px;font-size:.85rem}.sms-avatar-img-small{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--sms-glass-border)}.sms-online-indicator.small{width:10px;height:10px;bottom:0;right:0;border-color:var(--sms-bg-header)}.sms-user-meta{flex:1;min-width:0}.sms-user-meta h4{margin:0;font-size:.925rem;font-weight:600;color:var(--sms-text-name);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sms-user-status{font-size:.72rem;color:var(--sms-teal-400)}.sms-typing-status{color:var(--sms-gold-400);font-style:italic}.sms-chat-actions{display:flex;gap:4px;flex-shrink:0}.sms-action-icon{width:30px;height:30px;border-radius:8px;border:1px solid var(--sms-glass-border);background:var(--sms-bg-surface);color:var(--sms-text-secondary);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sms-action-icon:hover{background:var(--sms-bg-hover);color:var(--sms-teal-400);border-color:var(--sms-teal-600);transform:translateY(-1px)}.sms-messages-list{flex:1;min-height:0;padding:16px 8%;overflow-y:auto;display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}.sms-messages-list::-webkit-scrollbar{width:4px}.sms-messages-list::-webkit-scrollbar-track{background:transparent}.sms-messages-list::-webkit-scrollbar-thumb{background:var(--sms-scrollbar-thumb);border-radius:2px}.sms-error-message{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:8px 12px;border-radius:8px;font-size:.8rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-shrink:0}.sms-error-message button{background:none;border:none;color:#ef4444;cursor:pointer;font-size:.9rem}.sms-date-divider{display:flex;justify-content:center;align-items:center;gap:10px;margin:16px 0 10px;flex-shrink:0}.sms-date-divider:before,.sms-date-divider:after{content:"";flex:1;height:1px;background:var(--sms-divider)}.sms-date-divider span{background:var(--sms-bg-elevated);color:var(--sms-text-muted);padding:4px 12px;border-radius:12px;font-size:.67rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase;border:1px solid var(--sms-glass-border);white-space:nowrap}.sms-message-row{display:flex;align-items:flex-end;max-width:68%;margin-bottom:2px;animation:sms-msgIn .25s cubic-bezier(.34,1.4,.64,1);flex-shrink:0}@keyframes sms-msgIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.sms-message-row.received{align-self:flex-start;flex-direction:row;gap:6px}.sms-message-row.sent{align-self:flex-end;flex-direction:row-reverse}.sms-bubble{padding:8px 12px 6px;border-radius:12px;position:relative;max-width:100%;word-wrap:break-word}.sms-bubble.received{background:var(--sms-recv-bg);color:var(--sms-text-primary);border:1px solid var(--sms-recv-border);border-bottom-left-radius:3px;box-shadow:var(--sms-bubble-shadow)}.sms-bubble.sent{background:var(--sms-sent-bg);color:#fff;border-bottom-right-radius:3px;box-shadow:var(--sms-sent-shadow)}.sms-bubble.received:before{content:"";position:absolute;bottom:0;left:-6px;width:0;height:0;border:6px solid transparent;border-bottom-color:var(--sms-recv-tail);border-left:none}.sms-bubble.sent:after{content:"";position:absolute;bottom:0;right:-6px;width:0;height:0;border:6px solid transparent;border-bottom-color:var(--sms-sent-tail);border-right:none}.sms-message-text{margin:0;font-size:.875rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.sms-message-footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:3px}.sms-msg-time{font-size:.65rem;color:#ffffff8c}.sms-bubble.received .sms-msg-time{color:var(--sms-text-muted)}.sms-read-status{font-size:.7rem;color:#ffffff8c;letter-spacing:-1px;transition:color .3s ease}.sms-read-status.delivered{color:#ffffffbf}.sms-read-status.read{color:#7fffd4}.sms-msg-avatar{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.58rem;font-weight:700;color:#fff;flex-shrink:0;align-self:flex-end;border:1px solid var(--sms-glass-border);overflow:hidden}.sms-typing-bubble{display:flex;align-items:flex-end;gap:6px;align-self:flex-start;animation:sms-msgIn .25s ease;flex-shrink:0}.sms-typing-indicator-bubble{background:var(--sms-recv-bg);border:1px solid var(--sms-recv-border);border-radius:12px 12px 12px 3px;padding:12px 16px;display:flex;gap:4px;box-shadow:var(--sms-bubble-shadow)}.sms-typing-indicator-bubble span{width:6px;height:6px;background:var(--sms-teal-400);border-radius:50%;animation:sms-typingBounce 1.2s infinite ease-in-out both}.sms-typing-indicator-bubble span:nth-child(1){animation-delay:-.32s}.sms-typing-indicator-bubble span:nth-child(2){animation-delay:-.16s}.sms-typing-indicator-bubble span:nth-child(3){animation-delay:0s}@keyframes sms-typingBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}.sms-input-area{padding:10px 12px 12px;background:var(--sms-bg-header);position:relative;z-index:10;border-top:1px solid var(--sms-border);flex-shrink:0;width:100%;margin-bottom:10px}.sms-input-wrapper{display:flex;align-items:flex-end;background:var(--sms-bg-input);border-radius:24px;padding:6px 6px 6px 14px;gap:6px;border:1px solid var(--sms-border-input);transition:all .2s ease}.sms-input-wrapper:focus-within{border-color:var(--sms-border-focus);box-shadow:0 0 0 3px var(--sms-teal-glow)}.sms-emoji-btn,.sms-attach-btn{background:none;border:none;font-size:1.2rem;color:var(--sms-text-muted);cursor:pointer;padding:6px;border-radius:8px;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sms-emoji-btn:hover,.sms-attach-btn:hover{background:var(--sms-bg-hover);color:var(--sms-teal-400)}.sms-message-input{flex:1;border:none;background:transparent;padding:8px 0;font-family:DM Sans,sans-serif;font-size:.875rem;color:var(--sms-text-primary);outline:none;resize:none;max-height:120px;line-height:1.5;min-height:24px}.sms-message-input::placeholder{color:var(--sms-text-muted)}.sms-send-btn{width:38px;height:38px;border-radius:50%;border:none;background:var(--sms-teal-btn);color:#fff;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 8px var(--sms-teal-glow)}.sms-send-btn:hover:not(:disabled){background:var(--sms-teal-btn-hover);transform:scale(1.08) translateY(-1px)}.sms-send-btn:active:not(:disabled){transform:scale(.95)}.sms-send-btn:disabled{background:var(--sms-bg-elevated);box-shadow:none;cursor:not-allowed;opacity:.5}.sms-emoji-picker{position:absolute;bottom:72px;left:12px;background:var(--sms-bg-elevated);border-radius:14px;padding:12px;border:1px solid var(--sms-glass-border);box-shadow:var(--sms-shadow-lg);display:grid;grid-template-columns:repeat(8,1fr);gap:5px;z-index:100;animation:sms-emojiSlideUp .2s cubic-bezier(.34,1.4,.64,1)}@keyframes sms-emojiSlideUp{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}.sms-emoji-item{width:34px;height:34px;border:none;background:transparent;font-size:1.3rem;cursor:pointer;border-radius:7px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.sms-emoji-item:hover{background:var(--sms-bg-hover);transform:scale(1.2)}.sms-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;position:relative;z-index:1;overflow-y:auto;min-height:0}.sms-empty-state-logo{font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700;color:var(--sms-text-brand);margin-bottom:4px}.sms-empty-state-logo span{color:var(--sms-teal-400)}.sms-empty-state-tagline{font-size:.68rem;color:var(--sms-text-muted);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:32px;font-weight:500}.sms-empty-state-icon{width:86px;height:86px;border-radius:22px;background:var(--sms-bg-elevated);border:1px solid var(--sms-glass-border);display:flex;align-items:center;justify-content:center;font-size:2.8rem;margin-bottom:22px;animation:sms-floatIcon 4s ease-in-out infinite;box-shadow:var(--sms-shadow-md)}@keyframes sms-floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.sms-empty-state h3{color:var(--sms-text-name);margin-bottom:8px;font-size:1.2rem;font-weight:600}.sms-empty-state p{font-size:.85rem;max-width:320px;line-height:1.6;color:var(--sms-text-muted)}.sms-empty-subtext{font-size:.78rem!important;opacity:.7;margin-top:4px}.sms-empty-state-footer{margin-top:28px;display:flex;flex-direction:column;gap:7px;padding-top:20px;border-top:1px solid var(--sms-border)}.sms-feature-item{display:flex;align-items:center;gap:10px;color:var(--sms-text-secondary);font-size:.8rem;padding:8px 14px;border-radius:10px;background:var(--sms-bg-surface);border:1px solid var(--sms-glass-border);min-width:220px;transition:all .2s ease}.sms-feature-item:hover{background:var(--sms-bg-hover);color:var(--sms-text-primary);border-color:var(--sms-teal-600)}.sms-feature-icon{font-size:.95rem}.sms-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:sms-fadeIn .2s ease}@keyframes sms-fadeIn{0%{opacity:0}to{opacity:1}}.sms-modal-content{background:var(--sms-bg-elevated);border-radius:12px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--sms-shadow-lg);border:1px solid var(--sms-border);animation:sms-modalUp .3s ease}@keyframes sms-modalUp{0%{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}.sms-modal-header{padding:20px;border-bottom:1px solid var(--sms-border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.sms-modal-header h3{margin:0;font-size:18px;color:var(--sms-text-primary);font-family:Playfair Display,serif}.sms-modal-close{background:var(--sms-bg-surface);border:1px solid var(--sms-glass-border);color:var(--sms-text-secondary);font-size:18px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px}.sms-modal-close:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.sms-modal-search{padding:12px 16px;border-bottom:1px solid var(--sms-border);display:flex;align-items:center;gap:10px;position:relative;flex-shrink:0}.sms-modal-search .sms-search-icon{position:static;color:var(--sms-text-muted);font-size:14px;pointer-events:none}.sms-modal-search input{flex:1;background:var(--sms-bg-input);border:1px solid var(--sms-border-input);border-radius:8px;padding:9px 14px;color:var(--sms-text-primary);font-size:.875rem;font-family:DM Sans,sans-serif;outline:none}.sms-modal-search input:focus{border-color:var(--sms-border-focus);box-shadow:0 0 0 3px var(--sms-teal-glow)}.sms-modal-search input::placeholder{color:var(--sms-text-muted)}.sms-modal-body{flex:1;overflow-y:auto;padding:8px 0;min-height:0}.sms-staff-member-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 16px;background:none;border:none;cursor:pointer;text-align:left;transition:background .2s}.sms-staff-member-item:hover{background:var(--sms-bg-hover)}.sms-staff-member-info{flex:1;display:flex;flex-direction:column;gap:2px}.sms-staff-name{font-weight:600;color:var(--sms-text-primary);font-size:.875rem}.sms-staff-role{font-size:.75rem;color:var(--sms-text-muted)}.sms-online-badge{font-size:.7rem;color:var(--sms-online-color);font-weight:600;padding:2px 8px;background:#22c55e1a;border-radius:10px;border:1px solid rgba(34,197,94,.2)}.sms-empty-state-small{padding:40px 20px;text-align:center;color:var(--sms-text-muted);font-size:.875rem}.sms-message-component ::-webkit-scrollbar{width:5px;height:5px}.sms-message-component ::-webkit-scrollbar-track{background:transparent}.sms-message-component ::-webkit-scrollbar-thumb{background:var(--sms-scrollbar-thumb);border-radius:3px}.sms-message-component ::-webkit-scrollbar-thumb:hover{background:var(--sms-scrollbar-hover)}@media(min-width:769px){.sms-sidebar,.sms-chat-area{position:relative!important;transform:none!important;display:flex!important}.sms-back-btn{display:none!important}.sms-close-chat-btn{display:flex!important}}@media(min-width:769px)and (max-width:1024px){.sms-sidebar{width:290px;min-width:250px}.sms-messages-list{padding:14px 5%}.sms-message-row{max-width:78%}.sms-emoji-picker{grid-template-columns:repeat(6,1fr)}}@media(max-width:768px){.sms-app-header{padding:0 5px;position:fixed;top:0;left:0;right:0;z-index:1000;margin-top:50px}.sms-app-brand{font-size:.95rem}.sms-app-tagline{display:none}.sms-message-component{position:fixed;inset:0}.sms-main-content{height:100vh;margin-top:var(--header-height);position:relative}.sms-sidebar{position:absolute!important;left:0;top:0!important;right:0;bottom:0;width:100%!important;z-index:10;transform:translate(0)!important;transition:transform .3s cubic-bezier(.4,0,.2,1);height:100%!important}.sms-sidebar.hidden-mobile{transform:translate(-100%)!important;pointer-events:none}.sms-chat-area{position:absolute!important;left:0;top:0!important;right:0;bottom:0;z-index:20;transform:translate(100%)!important;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex!important;height:100%!important}.sms-chat-area.chat-open{transform:translate(0)!important}.sms-back-btn{display:flex!important;height:25px;width:25px}.sms-avatar-img-small{width:30px;height:30px}.sms-search-container{margin-top:50px}.sms-action-icon{height:25px;width:25px}.sms-close-chat-btn{display:flex!important}.sms-messages-list{padding:12px 4%}.sms-message-row{max-width:84%}}@media(max-width:480px){.sms-search-container{padding:10px 12px;margin-top:50px}.sms-filter-tabs{padding:8px 12px}.sms-avatar,.sms-avatar-img{width:30px;height:30px}.sms-chat-header{height:40px;min-height:40px;margin-top:50px}.sms-emoji-picker{grid-template-columns:repeat(6,1fr);left:8px;bottom:68px}.sms-emoji-item{width:30px;height:30px;font-size:1.1rem}.sms-messages-list{padding:10px 3%}}.security-container{display:flex;height:calc(100vh - 180px);background:#f8fafc;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0}.security-sidebar{width:320px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0}.security-sidebar-header{padding:20px;border-bottom:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0}.security-sidebar-header h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#1e293b}.security-search-box{position:relative;display:flex;align-items:center}.security-search-icon{position:absolute;left:10px;color:#94a3b8;pointer-events:none}.security-search-input{width:100%;padding:8px 32px 8px 34px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s;background:#fff}.security-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.security-search-clear{position:absolute;right:8px;background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px}.security-search-clear:hover{background:#f1f5f9;color:#64748b}.security-staff-list{flex:1;overflow-y:auto;overflow-x:hidden}.security-loading,.security-no-results{padding:20px;text-align:center;color:#64748b;font-size:14px}.security-staff-item{display:flex;align-items:center;padding:12px 20px;cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background-color .15s}.security-staff-item:hover{background:#f8fafc}.security-staff-item-active{background:#eff6ff;border-left:3px solid #3b82f6}.security-staff-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0;margin-right:12px}.security-staff-info{flex:1;min-width:0}.security-staff-name{font-size:14px;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.security-staff-role{font-size:12px;color:#64748b;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.security-content{flex:1;overflow-y:auto;overflow-x:hidden;background:#fff;padding:24px;min-width:0}.security-content::-webkit-scrollbar{width:8px}.security-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.security-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.security-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.security-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.security-header-left{display:flex;align-items:center;gap:16px}.security-header-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:20px;flex-shrink:0}.security-header h2{margin:0;font-size:20px;font-weight:600;color:#1e293b}.security-header-subtitle{margin:4px 0 0;font-size:13px;color:#64748b}.security-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:#94a3b8}.security-empty-icon{margin-bottom:16px;opacity:.5}.security-empty-state h3{margin:0 0 8px;font-size:18px;color:#64748b}.security-empty-state p{margin:0;font-size:14px;color:#94a3b8}.staff-form-section{background:#fff;padding:20px;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:20px}.staff-form-section h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:18px;font-weight:600;color:#1e293b}.staff-section-description{margin:0 0 20px;font-size:14px;color:#64748b}.clients-form-grid-two-col,.staff-checkbox-group{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.staff-checkbox-label{display:flex;align-items:center;gap:10px;font-size:14px;color:#334155;cursor:pointer;padding:10px 12px;border-radius:6px;border:1px solid #e2e8f0;transition:all .15s;background:#f8fafc}.staff-checkbox-label:hover{background:#f1f5f9;border-color:#cbd5e1}.staff-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6;flex-shrink:0}.staff-block-user{border-color:#fca5a5;background:#fef2f2}.staff-block-user:hover{background:#fee2e2;border-color:#f87171}.staff-block-user input[type=checkbox]{accent-color:#ef4444}.staff-form-actions{display:flex;justify-content:center;margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0;flex-shrink:0}.staff-save-button{display:flex;align-items:center;gap:8px;padding:12px 32px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;min-width:180px;justify-content:center}.staff-save-button:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.staff-save-button:disabled{opacity:.6;cursor:not-allowed}.permission-category{margin:20px 0;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#fff}.permission-category-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.permission-category-header:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f)}.permission-category-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:16px}.permission-category-title h4{margin:0;font-size:16px;font-weight:600}.permission-category-count{background:#fff3;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:500}.permission-category-content{padding:20px;background:#f8fafc;border-top:1px solid #e2e8f0}.permission-category-content .staff-checkbox-group{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.permission-category-content .staff-checkbox-label{background:#fff;border:1px solid #e2e8f0}.permission-category-content .staff-checkbox-label:hover{background:#f1f5f9;border-color:#cbd5e1}.permission-category-content .staff-checkbox-label svg{color:#667eea;margin-right:4px;flex-shrink:0}@media(max-width:768px){.security-container{flex-direction:column;height:auto;min-height:calc(100vh - 180px)}.security-sidebar{width:100%;max-height:300px;border-right:none;border-bottom:1px solid #e2e8f0}.security-staff-list{max-height:200px}.security-content{overflow-y:visible;max-height:none}.clients-form-grid-two-col,.staff-checkbox-group{grid-template-columns:1fr}}.ticket-container{display:flex;flex-direction:column;height:calc(100vh - 120px);background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.ticket-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.ticket-header-left{display:flex;align-items:center;gap:14px}.ticket-logo{width:44px;height:44px;background:#ecfeff;border-radius:12px;display:flex;align-items:center;justify-content:center}.ticket-title{font-size:18px;font-weight:700;color:#0f172a;margin:0}.ticket-subtitle{font-size:12px;color:#64748b;margin:2px 0 0}.ticket-connection-status{display:flex;align-items:center;gap:6px;color:#94a3b8}.ticket-connection-status.connected{color:#0891b2}.ticket-live-dot{width:8px;height:8px;background:#10b981;border-radius:50%;display:inline-block;animation:ticket-pulse 2s infinite}@keyframes ticket-pulse{0%,to{opacity:1}50%{opacity:.5}}.ticket-online-badge{display:flex;align-items:center;gap:6px;background:#10b981;color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.ticket-main{display:flex;flex:1;overflow:hidden}.ticket-sidebar{width:260px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;padding:16px;flex-shrink:0}.ticket-search-box{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f8fafc;border-radius:8px;margin-bottom:16px}.ticket-search-icon{color:#94a3b8;flex-shrink:0}.ticket-search-input{flex:1;border:none;background:none;font-size:13px;outline:none;color:#334155}.ticket-search-input::placeholder{color:#94a3b8}.ticket-filters{display:flex;flex-direction:column;gap:2px;flex:1}.ticket-filter-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;cursor:pointer;transition:all .15s;font-size:13px;color:#475569}.ticket-filter-item:hover{background:#f1f5f9}.ticket-filter-item.active{background:#dbeafe;color:#2563eb;font-weight:600}.ticket-filter-icon{font-size:14px;width:18px;text-align:center}.ticket-filter-label{flex:1}.ticket-filter-count{background:#e2e8f0;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;color:#64748b}.ticket-filter-item.active .ticket-filter-count{background:#fff;color:#2563eb}.ticket-sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid #e2e8f0}.ticket-footer-stats{display:flex;gap:8px;padding:12px;background:#f8fafc;border-radius:8px}.ticket-stat{flex:1;text-align:center}.ticket-stat-number{display:block;font-size:20px;font-weight:700;color:#0f172a}.ticket-stat-label{font-size:11px;color:#94a3b8;margin-top:2px}.ticket-list-panel{width:340px;background:#fff;border-right:1px solid #e2e8f0;overflow-y:auto;flex-shrink:0}.ticket-loading,.ticket-empty-list{display:flex;align-items:center;justify-content:center;height:100%;color:#94a3b8;font-size:14px}.ticket-list-item{padding:14px 16px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .15s;position:relative}.ticket-list-item:hover{background:#f8fafc}.ticket-list-item.active{background:#f0f9ff;border-left:3px solid #0891b2}.ticket-list-item.unread:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:40%;background:#0891b2;border-radius:0 3px 3px 0}.ticket-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.ticket-list-id{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#64748b}.ticket-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ticket-list-badges{display:flex;align-items:center;gap:6px}.ticket-list-title{font-size:14px;font-weight:600;color:#0f172a;margin:0 0 6px;line-height:1.4}.ticket-list-user-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.ticket-list-user-name{font-size:12px;color:#64748b}.ticket-list-meta{font-size:12px;color:#94a3b8;margin:0 0 4px}.ticket-list-preview{font-size:12px;color:#94a3b8;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-message-count{display:inline-block;margin-top:6px;font-size:11px;color:#94a3b8;background:#f1f5f9;padding:2px 8px;border-radius:10px}.ticket-chat-panel{flex:1;display:flex;flex-direction:column;background:#fff;min-width:0}.ticket-chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.ticket-chat-header-center{display:flex;align-items:center;gap:12px;flex:1}.ticket-chat-header-center h2{font-size:15px;font-weight:600;color:#0f172a;margin:0}.ticket-chat-header-info{flex:1;min-width:0}.ticket-chat-header-user{display:flex;align-items:center;gap:12px}.ticket-chat-title{font-size:15px;font-weight:600;color:#0f172a;margin:0 0 2px}.ticket-chat-subtitle{font-size:12px;color:#64748b;margin:0;display:flex;align-items:center;gap:4px}.ticket-chat-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.ticket-time-display{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f8fafc;border-radius:6px;font-size:12px;color:#475569}.ticket-status-dropdown{padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:12px;color:#334155;cursor:pointer;outline:none}.ticket-status-dropdown:hover{border-color:#cbd5e1}.ticket-close-chat-btn{padding:6px 12px;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.ticket-close-chat-btn:hover{background:#fecaca}.ticket-avatar-wrapper{position:relative;flex-shrink:0}.ticket-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;flex-shrink:0;-webkit-user-select:none;user-select:none}.ticket-online-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid white;background:#94a3b8}.ticket-online-dot.online{background:#10b981}.ticket-online-dot.offline{background:#94a3b8}.ticket-messages-container{flex:1;overflow-y:auto;padding:20px;background:#f8fafc;display:flex;flex-direction:column;gap:12px;scroll-behavior:auto!important}.ticket-empty-chat{display:flex;align-items:center;justify-content:center;height:100%;color:#94a3b8;font-size:14px}.ticket-message{display:flex;align-items:flex-end;gap:10px;max-width:75%;margin-bottom:4px}.ticket-message-me{align-self:flex-end;flex-direction:row-reverse}.ticket-message-other{align-self:flex-start;flex-direction:row}.ticket-message-content{display:flex;flex-direction:column;gap:2px;min-width:0;max-width:100%}.ticket-message-me .ticket-message-content{align-items:flex-end;text-align:right}.ticket-message-other .ticket-message-content{align-items:flex-start;text-align:left}.ticket-message-header{display:flex;align-items:center;gap:8px;margin-bottom:2px;padding:0 4px;width:100%}.ticket-message-me .ticket-message-header{justify-content:flex-end}.ticket-message-author{font-size:12px;font-weight:600;color:#64748b;display:flex;align-items:center;gap:6px}.ticket-role-badge{background:#dbeafe;color:#2563eb;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600}.ticket-message-time{font-size:11px;color:#94a3b8}.ticket-message-bubble{padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.5;word-wrap:break-word;max-width:100%}.ticket-message-me .ticket-message-bubble{background:#0891b2;color:#fff;border-bottom-right-radius:4px}.ticket-message-other .ticket-message-bubble{background:#fff;color:#0f172a;border-bottom-left-radius:4px;border:1px solid #e2e8f0}.ticket-message-time-ago{font-size:11px;color:#94a3b8;padding:0 4px;margin-top:2px}.ticket-message-image-wrapper{margin-bottom:4px;border-radius:12px;overflow:hidden;cursor:pointer}.ticket-message-image{max-width:280px;max-height:240px;object-fit:cover;border-radius:12px;display:block;transition:transform .2s}.ticket-message-image:hover{transform:scale(1.02)}.ticket-typing-text{color:#0891b2;font-style:italic}.ticket-typing-dots{display:inline-flex;gap:3px;margin-left:4px}.ticket-typing-dots span{width:4px;height:4px;background:#0891b2;border-radius:50%;animation:ticket-bounce 1.4s infinite ease-in-out both}.ticket-typing-dots span:nth-child(1){animation-delay:-.32s}.ticket-typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes ticket-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.ticket-quick-replies{display:flex;gap:8px;padding:10px 20px;background:#fff;border-top:1px solid #e2e8f0;overflow-x:auto;flex-shrink:0}.ticket-quick-reply-btn{padding:8px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;font-size:12px;color:#475569;cursor:pointer;white-space:nowrap;transition:all .2s}.ticket-quick-reply-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.ticket-input-container{display:flex;gap:10px;padding:14px 20px;background:#fff;border-top:1px solid #e2e8f0;align-items:center;flex-shrink:0}.ticket-message-input{flex:1;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;transition:all .2s;min-width:0}.ticket-message-input:focus{border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}.ticket-send-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#0891b2;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s;flex-shrink:0}.ticket-send-button:hover{background:#0c5d73}.ticket-send-button:disabled{background:#cbd5e1;cursor:not-allowed}.ticket-attach-btn{width:40px;height:40px;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s;flex-shrink:0}.ticket-attach-btn:hover{background:#e2e8f0;color:#0891b2}.ticket-attach-btn:disabled{opacity:.5;cursor:not-allowed}.ticket-spin{animation:ticket-spin 1s linear infinite}@keyframes ticket-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ticket-no-selection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8}.ticket-no-selection-icon{margin-bottom:16px;opacity:.5}.ticket-no-selection p{font-size:14px}.ticket-user-view{flex:1;overflow-y:auto;padding:16px;position:relative}.ticket-user-list{display:flex;flex-direction:column;gap:10px;padding-bottom:80px}.ticket-user-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .15s;position:relative}.ticket-user-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.ticket-user-card.unread{border-left:3px solid #0891b2}.ticket-user-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.ticket-user-card-badges{display:flex;align-items:center;gap:6px}.ticket-user-id{font-size:12px;font-weight:600;color:#94a3b8}.ticket-user-title{font-size:15px;font-weight:600;color:#0f172a;margin:0 0 6px}.ticket-user-preview{font-size:13px;color:#64748b;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-user-card-footer{display:flex;justify-content:space-between;align-items:center}.ticket-user-meta{font-size:12px;color:#94a3b8;margin:0}.ticket-fab-button{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:8px;padding:14px 24px;background:#0891b2;color:#fff;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #0891b24d;transition:all .2s;z-index:10}.ticket-fab-button:hover{background:#0c5d73;transform:translateY(-2px)}.ticket-create-form{max-width:600px;margin:0 auto;background:#fff;border-radius:12px;padding:24px;border:1px solid #e2e8f0}.ticket-form-header{margin-bottom:24px}.ticket-form-header h2{margin:8px 0 4px;font-size:20px;color:#0f172a}.ticket-form-header p{margin:0;color:#94a3b8;font-size:13px}.ticket-back-button{background:none;border:none;color:#0891b2;font-size:14px;font-weight:600;cursor:pointer;padding:0}.ticket-form-group{margin-bottom:16px}.ticket-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ticket-label{display:block;font-size:13px;font-weight:600;color:#334155;margin-bottom:6px}.ticket-input,.ticket-select,.ticket-textarea{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;transition:all .2s;font-family:inherit;box-sizing:border-box}.ticket-input:focus,.ticket-select:focus,.ticket-textarea:focus{border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}.ticket-textarea{resize:vertical;min-height:100px}.ticket-submit-button{width:100%;padding:12px;background:#0891b2;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.ticket-submit-button:hover{background:#0c5d73}.ticket-submit-button:disabled{background:#cbd5e1;cursor:not-allowed}.ticket-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#94a3b8}.ticket-empty-icon{margin-bottom:16px}.ticket-empty-sub{font-size:13px;margin-top:4px}.ticket-priority-badge{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:capitalize}.ticket-priority-urgent{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.ticket-priority-high{background:#fff7ed;color:#ea580c;border:1px solid #fed7aa}.ticket-priority-medium{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.ticket-priority-low{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.ticket-status-badge{padding:3px 10px;border-radius:10px;font-size:11px;font-weight:600;text-transform:capitalize}.ticket-status-open{background:#dbeafe;color:#2563eb}.ticket-status-in_progress{background:#fef3c7;color:#d97706}.ticket-status-waiting_on_user{background:#fce7f3;color:#db2777}.ticket-status-resolved{background:#d1fae5;color:#059669}.ticket-status-closed{background:#e2e8f0;color:#475569}.ticket-unread-badge{background:#0891b2;color:#fff;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700;min-width:20px;text-align:center}.ticket-list-panel::-webkit-scrollbar,.ticket-messages-container::-webkit-scrollbar,.ticket-quick-replies::-webkit-scrollbar,.ticket-user-view::-webkit-scrollbar{width:6px}.ticket-list-panel::-webkit-scrollbar-track,.ticket-messages-container::-webkit-scrollbar-track,.ticket-quick-replies::-webkit-scrollbar-track,.ticket-user-view::-webkit-scrollbar-track{background:transparent}.ticket-list-panel::-webkit-scrollbar-thumb,.ticket-messages-container::-webkit-scrollbar-thumb,.ticket-quick-replies::-webkit-scrollbar-thumb,.ticket-user-view::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.ticket-list-panel::-webkit-scrollbar-thumb:hover,.ticket-messages-container::-webkit-scrollbar-thumb:hover,.ticket-quick-replies::-webkit-scrollbar-thumb:hover,.ticket-user-view::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:1200px){.ticket-sidebar{width:220px}.ticket-list-panel{width:300px}}@media(max-width:968px){.ticket-main{flex-direction:column}.ticket-sidebar,.ticket-list-panel{width:100%;border-right:none;border-bottom:1px solid #e2e8f0;max-height:280px}.ticket-chat-panel{flex:1}.ticket-message{max-width:85%}}@media(max-width:640px){.ticket-chat-header{flex-direction:column;gap:10px;align-items:flex-start}.ticket-chat-header-actions{width:100%;justify-content:flex-end}.ticket-form-row{grid-template-columns:1fr}.ticket-message-image{max-width:200px}}.ticket-connection-status.offline{color:#94a3b8;display:flex;align-items:center;gap:6px}