:root{--primary-color:#144b79;--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--heading:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:14px/1.5 var(--sans);letter-spacing:.05px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#334155;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc}@media (prefers-color-scheme:dark){:root{--primary-color:#144b79;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.global-loader-container{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;font-size:14px;display:flex}.global-spinner{border:3px solid #e2e8f0;border-top:3px solid var(--primary-color);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.crm-title{color:#2e2f3a;letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:700}.crm-subtitle{color:var(--primary-color);margin-bottom:32px;font-size:15px;font-weight:500}.crm-input-group{text-align:left;flex-direction:column;margin-bottom:0;display:flex}.crm-input-label{color:#334155;margin-bottom:3px;font-size:12.5px;font-weight:600}.crm-input{color:#2d3748;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:7px 10px;font-family:inherit;font-size:13px;transition:all .2s}textarea.crm-input{resize:vertical}.crm-password-wrap{width:100%;position:relative}.crm-input.crm-input-password{padding-right:34px}.crm-password-toggle,.crm-password-toggle:hover{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.crm-input:focus{border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px #144b791f}.crm-btn{cursor:pointer;letter-spacing:.2px;box-sizing:border-box;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:38px;padding:8px 18px;font-family:inherit;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.crm-btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 1px 3px #144b7940,0 1px 2px #144b7926}.crm-btn-primary:hover{background-color:#0d385c;transform:translateY(-1px);box-shadow:0 4px 10px #144b7959}.crm-btn-primary:active{transform:translateY(0);box-shadow:0 1px 2px #144b7933}.crm-btn-secondary{color:#334155;background-color:#f1f5f9;border:1px solid #cbd5e1}.crm-btn-secondary:hover{color:#0f172a;background-color:#e2e8f0}.login-container{background:#e9ecef;justify-content:center;align-items:center;height:100vh;display:flex}.login-box{text-align:center;background:#fff;border:1px solid #fffc;border-radius:16px;width:100%;max-width:420px;padding:50px 40px;box-shadow:0 10px 25px #0000000d,0 20px 48px #0000000d}.w-100{width:100%;margin-top:10px}.error-text{color:#e74c3c;margin-bottom:15px;font-size:14px}.camera-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172ab3;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out cameraFadeIn;display:flex;position:fixed;inset:0}@keyframes cameraFadeIn{0%{opacity:0}to{opacity:1}}.camera-modal-card{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:440px;animation:.25s ease-out cameraSlideUp;display:flex;overflow:hidden;box-shadow:0 20px 40px -15px #00000040}@keyframes cameraSlideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.camera-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.camera-modal-title-wrap{align-items:center;gap:12px;display:flex}.camera-modal-icon-badge{background:#e0f2fe;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.camera-modal-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}.camera-modal-subtitle{color:#64748b;margin:2px 0 0;font-size:12.5px}.camera-modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.camera-modal-close-btn:hover{color:#334155;background:#f1f5f9}.camera-modal-body{flex-direction:column;align-items:center;padding:18px 20px;display:flex}.camera-viewfinder-container{background:#0f172a;border-radius:14px;justify-content:center;align-items:center;width:100%;height:320px;display:flex;position:relative;overflow:hidden}.camera-live-wrap,.camera-preview-wrap{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.camera-video-feed{object-fit:cover;background:#000;width:100%;height:100%}.camera-video-feed.mirrored{transform:scaleX(-1)}.camera-flip-btn{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;top:12px;right:12px}.camera-flip-btn:hover{background:#0f172acc}.camera-flip-btn:disabled{opacity:.5;cursor:not-allowed}.camera-preview-img{object-fit:cover;width:100%;height:100%}.face-guide-frame{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.face-guide-oval{border:2.5px dashed #fffc;border-radius:50%;width:170px;height:220px;box-shadow:0 0 0 9999px #00000059}.face-guide-text{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000a6;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.camera-placeholder-wrap{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.camera-placeholder-icon{background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:14px;display:flex}.camera-placeholder-title{color:#f8fafc;margin:0;font-size:16px;font-weight:600}.camera-placeholder-desc{color:#94a3b8;max-width:250px;margin:6px 0 0;font-size:13px;line-height:1.4}.camera-captured-badge{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:12px;box-shadow:0 4px 12px #00000026}.camera-modal-footer{border-top:1px solid #f1f5f9;padding:16px 20px 20px}.camera-footer-btn-row{gap:12px;width:100%;display:flex}.camera-btn-primary{color:#fff;cursor:pointer;background:#144b79;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:14.5px;font-weight:600;transition:all .15s;display:flex}.camera-btn-primary.full-width{width:100%}.camera-btn-primary:hover:not(:disabled){background:#0f3759}.camera-btn-primary:disabled{opacity:.6;cursor:not-allowed}.camera-btn-secondary{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;flex:1;padding:12px 18px;font-size:14px;font-weight:600;transition:all .15s}.camera-btn-secondary:hover:not(:disabled){background:#e2e8f0}.sdd-wrapper{display:inline-block;position:relative}.sdd-trigger{cursor:pointer;color:#334155;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;align-items:center;gap:6px;min-width:108px;padding:5px 10px 5px 8px;font-family:inherit;font-size:12px;font-weight:600;transition:border-color .15s,box-shadow .15s;display:inline-flex}.sdd-trigger:hover{border-color:#cbd5e1;box-shadow:0 1px 4px #00000014;color:#334155!important;background:#f8fafc!important}.sdd-trigger:hover .sdd-chevron{color:#94a3b8!important}.sdd-trigger.sdd-open{border-color:var(--primary-color);box-shadow:0 0 0 3px #144b791f}.sdd-trigger:disabled{opacity:.55;cursor:not-allowed}.sdd-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.sdd-label{text-align:left;flex:1}.sdd-chevron{color:#94a3b8;flex-shrink:0;transition:transform .18s}.sdd-chevron-up{transform:rotate(180deg)}.sdd-menu{z-index:10000;background:#fff;border:1px solid #e8edf3;border-radius:10px;min-width:148px;padding:6px;animation:.14s sddFadeSlide;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 4px 6px -1px #00000014,0 12px 28px -4px #0000001f}@keyframes sddFadeSlide{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.sdd-option{cursor:pointer;color:#475569;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;font-weight:500;transition:background .1s;display:flex;position:relative}.sdd-option:hover{color:#1e293b;background:#f8fafc}.sdd-option.sdd-selected{color:#1e293b;background:#f0fdfa;font-weight:600}.sdd-opt-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sdd-opt-label{flex:1}.sdd-check{flex-shrink:0;margin-left:auto}.dashboard-page-container{box-sizing:border-box;background:#f8fafc;min-height:calc(100vh - 64px);padding:16px}.dashboard-welcome-bar{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #00000008}.dashboard-welcome-left{align-items:center;gap:16px;display:flex}.dashboard-welcome-avatar{color:#fff;background:linear-gradient(135deg,#144b79 0%,#1e3a8a 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;font-weight:700;display:flex;box-shadow:0 2px 8px #144b7940}.dashboard-welcome-title{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:20px;font-weight:700}.dashboard-welcome-subtitle{color:#64748b;margin:4px 0 0;font-size:13.5px}.dashboard-welcome-right{align-items:center;gap:12px;display:flex}.dashboard-date-chip{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.dashboard-holiday-card{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1px solid #fde68a;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex;box-shadow:0 2px 6px #f59e0b14}.holiday-left{align-items:center;gap:16px;display:flex}.holiday-icon-box{color:#d97706;background:#fff;border:1px solid #fde68a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 1px 3px #0000000a}.holiday-title{color:#92400e;margin:0;font-size:16px;font-weight:700}.holiday-subtitle{color:#78350f;margin:3px 0 0;font-size:13px}.holiday-badge-box{text-align:center;background:#fff;border:1px solid #fde68a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:6px 14px;display:flex;box-shadow:0 1px 3px #0000000a}.holiday-event-name{color:#92400e;font-size:13px;font-weight:700}.holiday-timing-tag{color:#ea580c;letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:800}.dashboard-main-grid{grid-template-columns:1.35fr 1fr;align-items:start;gap:20px;display:grid}.dashboard-main-grid.admin-only-grid{grid-template-columns:1fr}@media (width<=1080px){.dashboard-main-grid{grid-template-columns:1fr}}.dashboard-duty-section{flex-direction:column;gap:16px;min-width:0;display:flex}.section-title-wrap{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.section-heading{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.shift-cards-wrap{flex-direction:column;gap:14px;display:flex}.shift-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.shift-card:hover{border-color:#cbd5e1}.shift-card.active-duty{background:linear-gradient(#fff 0%,#f0f7ff 100%);border-color:#93c5fd;box-shadow:0 2px 8px #2563eb14}.shift-card.duty-completed{background:#fff;border-color:#bbf7d0}.shift-left-info{flex:auto;align-items:center;gap:14px;min-width:0;display:flex}.shift-status-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.shift-status-icon-wrap.active{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.shift-status-icon-wrap.completed{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.shift-status-icon-wrap.ended{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.shift-status-icon-wrap.pending{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.shift-title-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.shift-name-text{color:#0f172a;font-size:15px;font-weight:700}.shift-time-badge{color:#475569;background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:12.5px;font-weight:500}.shift-duty-pill{border-radius:20px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.shift-duty-pill.active{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}.shift-duty-pill.completed{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.shift-duty-pill.ended{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.shift-duty-pill.pending{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.shift-subtext{margin:0;font-size:12.5px;font-weight:500}.shift-subtext.in-time{color:#2563eb}.shift-subtext.out-time{color:#059669}.shift-subtext.lock-msg{color:#d97706}.shift-subtext.ended-msg{color:#dc2626}.shift-action-btn-wrap{flex-shrink:0}.btn-clock-in{background:var(--primary-color,#144b79);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-size:13px;font-weight:600;transition:opacity .15s;display:inline-flex;box-shadow:0 2px 6px #144b7938}.btn-clock-in:hover:not(:disabled){opacity:.92}.btn-clock-in:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background:#f1f5f9;border:1px solid #cbd5e1}.btn-clock-out{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-clock-out:hover{color:#fff;background:#dc2626}.btn-completed-badge{color:#065f46;cursor:default;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:700;display:inline-flex}.dashboard-right-column{flex-direction:column;gap:20px;min-width:0;display:flex}.dashboard-wallet-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:22px;box-shadow:0 1px 3px #0000000a}.wallet-card-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.wallet-header-left{align-items:center;gap:10px;display:flex}.wallet-icon-box{color:#059669;background:#ecfdf5;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.wallet-heading{color:#0f172a;margin:0;font-size:15px;font-weight:700}.wallet-badge-type{color:#64748b;letter-spacing:.5px;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:800}.wallet-amount-block{margin-bottom:18px}.wallet-amount-row{align-items:baseline;gap:8px;display:flex}.wallet-amount-val{color:#0f172a;letter-spacing:-.5px;font-size:32px;font-weight:800;line-height:1.1}.wallet-amount-tag{color:#64748b;letter-spacing:.5px;font-size:11px;font-weight:700}.wallet-target-text{color:#64748b;margin-top:4px;font-size:12px}.wallet-target-text strong{color:#059669}.wallet-progress-wrap{margin-bottom:18px}.wallet-progress-labels{justify-content:space-between;margin-bottom:6px;font-size:11px;font-weight:700;display:flex}.progress-label-left{color:#64748b}.progress-label-right{color:#059669}.wallet-progress-track{background:#f1f5f9;border-radius:4px;width:100%;height:6px;overflow:hidden}.wallet-progress-fill{background:linear-gradient(90deg,#10b981 0%,#059669 100%);border-radius:4px;height:100%;transition:width .4s}.wallet-metrics-grid{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 6px;display:grid}.wallet-metric-item{text-align:center;flex-direction:column;align-items:center;display:flex}.wallet-metric-item:not(:last-child){border-right:1px solid #e2e8f0}.metric-val{color:#0f172a;font-size:17px;font-weight:800;line-height:1.2}.metric-label{color:#64748b;letter-spacing:.4px;margin-top:2px;font-size:9.5px;font-weight:700}.dashboard-shortcuts-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;box-shadow:0 1px 3px #0000000a}.shortcuts-title{color:#0f172a;margin:0 0 14px;font-size:14px;font-weight:700}.shortcuts-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.shortcut-chip{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.shortcut-chip:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.shortcut-icon{color:var(--primary-color,#144b79)}.superadmin-dashboard-container{flex-direction:column;gap:20px;margin-top:20px;display:flex}.superadmin-top-row{flex-direction:row;gap:20px;display:flex}@media (width<=1024px){.superadmin-top-row{flex-direction:column}}@media (width<=768px){.superadmin-dashboard-container{margin-top:0}}.full-width-graph{width:100%}.sa-graph-wrapper{width:100%;height:300px;margin-top:20px}.sa-main-content{flex-direction:column;flex:2;gap:20px;display:flex}.sa-sidebar{flex-direction:column;flex:1;gap:20px;display:flex}.sa-stat-val{color:var(--primary-color,#144b79);margin-bottom:5px;font-size:1.5rem;font-weight:700}.sa-stat-label{color:#64748b;text-transform:uppercase;font-size:.8rem}.sa-rituals-card,.sa-graph-card{background:#fff;border:1px solid #eef2f6;border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000000d}.sa-rituals-card h3,.sa-graph-card h3{color:#1e293b;border-bottom:1px solid #e2e8f0;margin:0 0 15px;padding-bottom:10px;font-size:1.1rem}.sa-graph-wrapper{margin-top:15px}.sa-rituals-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.sa-rituals-list li{background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #3b82f6;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.sa-rituals-list li:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 4px #00000005}.sa-rituals-list li.pending{border-left-color:#f59e0b}.sa-rituals-list li.completed{opacity:.8;border-left-color:#10b981}.sa-rituals-list li.completed .ritual-name{color:#64748b;text-decoration:line-through}.sa-rituals-list li.pending .ritual-name{color:#1e293b}.ritual-name{color:#1e293b;flex:1;font-size:14px;font-weight:600}.ritual-time{color:#475569;white-space:nowrap;background:#e2e8f0;border-radius:12px;margin-left:10px;padding:4px 8px;font-size:12px;font-weight:600}.sa-financials-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:25px;display:grid}.sa-fin-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:center;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px -1px #0000000d}.sa-fin-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.fin-card-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-right:20px;display:flex}.fin-icon-blue{color:#3b82f6;background:#eff6ff}.fin-icon-orange{color:#f59e0b;background:#fffbeb}.fin-icon-green{color:#10b981;background:#f0fdf4}.fin-icon-purple{color:#8b5cf6;background:#f5f3ff}.fin-card-content h3{text-transform:uppercase;letter-spacing:.5px;color:#64748b;border-bottom:none;margin:0 0 8px;padding-bottom:0;font-size:.8rem}.fin-card-content p{color:#1e293b;margin:0;font-size:1.5rem;font-weight:700;line-height:1.1}.sa-stats-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px;display:grid}.sa-stat-card{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:16px 12px;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #0000000d}.sa-stat-card:hover{border-color:#cbd5e1;box-shadow:0 10px 15px -3px #0000000d}.stat-icon-wrapper{background:#f8fafc;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:12px;display:flex}.sa-stat-val{color:#1e293b;margin-bottom:8px;font-size:1.6rem;font-weight:700;line-height:1}.sa-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:500}.dash-tasks-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #00000008}.dash-tasks-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.dash-tasks-count{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.dash-tasks-empty{color:#64748b;align-items:center;gap:8px;padding:10px 0;font-size:13px;display:flex}.dash-tasks-list{flex-direction:column;gap:8px;max-height:320px;display:flex;overflow-y:auto}.dash-task-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.dash-task-row.done .dash-task-title{color:#94a3b8;text-decoration:line-through}.dash-task-info{flex-direction:column;flex:auto;gap:5px;min-width:0;display:flex}.dash-task-title{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.dash-task-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dash-task-tag{color:#475569;background:#eef2f7;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.dash-task-tag.priority-high{color:#b91c1c;background:#fee2e2}.dash-task-tag.priority-medium{color:#b45309;background:#fef3c7}.dash-task-tag.priority-low{color:#047857;background:#d1fae5}.dash-tasks-junior-note{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;font-weight:600;text-decoration:none;display:flex}.dash-tasks-view-all{color:var(--primary-color,#144b79);align-self:flex-end;font-size:12.5px;font-weight:600;text-decoration:none}.dash-tasks-view-all:hover{text-decoration:underline}@media (width<=1024px){.shift-card{flex-wrap:nowrap;align-items:center;gap:12px;padding:14px 16px}.shift-left-info{gap:12px}.shift-left-info>div:last-child{min-width:0}.shift-action-btn-wrap{flex-shrink:0;width:auto}.btn-clock-in,.btn-clock-out,.btn-completed-badge{white-space:nowrap;justify-content:center;width:auto;padding:9px 16px}}@media (width<=576px){.shift-card{gap:10px;padding:12px}.shift-left-info{gap:10px}.shift-status-icon-wrap{width:38px;height:38px}.shift-status-icon-wrap svg{width:18px;height:18px}.shift-name-text{font-size:14px}.shift-title-row{gap:6px}.shift-time-badge{padding:2px 6px;font-size:11.5px}.btn-clock-in,.btn-clock-out,.btn-completed-badge{gap:5px;padding:8px 12px;font-size:12.5px}}@media (width<=768px){.dash-task-row{flex-direction:column;align-items:stretch;gap:10px}.dash-task-title{white-space:normal;overflow-wrap:anywhere}}.custom-select-wrapper{width:100%;position:relative}button.custom-select-trigger{cursor:pointer;text-align:left;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;font-family:inherit;transition:all .2s;display:flex;color:#1e293b!important;background-color:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;height:38px!important;padding:0 12px!important;font-size:13.5px!important}button.custom-select-trigger:hover:not(.disabled){color:#1e293b!important;background-color:#fff!important;border-color:#cbd5e1!important}button.custom-select-trigger:focus-visible,button.custom-select-trigger.open{outline:none;box-shadow:none!important;background-color:#fff!important;border-color:#cbd5e1!important}button.custom-select-trigger.disabled{cursor:not-allowed;color:#94a3b8!important;background-color:#f8fafc!important}.custom-select-trigger-label.placeholder{color:#64748b!important}.custom-select-chevron{color:#64748b;flex-shrink:0;transition:transform .2s}.custom-select-chevron.up{transform:rotate(180deg)}.custom-select-menu{z-index:9999;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:250px;padding:6px;overflow-y:auto;box-shadow:0 4px 20px #00000014,0 2px 8px #0000000a}.custom-select-option{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex;color:#1e293b!important}.custom-select-option.selected{background-color:#eff6ff;font-weight:600;color:#0f4a8a!important}.custom-select-label{color:inherit;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.custom-select-check{color:currentColor;flex-shrink:0}.custom-select-empty{text-align:center;color:#94a3b8;padding:12px;font-size:13px}.custom-select-option.custom-select-create{border-top:1px dashed #e2e8f0;font-weight:600;color:#059669!important}.calendar-picker-wrapper{width:100%;display:block;position:relative}.calendar-trigger-btn{box-sizing:border-box;color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;width:100%;padding:6px 12px;font-size:12.5px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000a;color:#334155!important;background:#fff!important}.calendar-trigger-btn:hover{border-color:var(--primary-color);color:var(--primary-color);color:var(--primary-color)!important;background:#f8fafc!important}.calendar-trigger-btn.active{border-color:var(--primary-color);color:var(--primary-color);background:#f0fdfa;font-weight:600}.calendar-popover{z-index:10000;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:260px;max-width:calc(100vw - 16px);padding:10px 12px;animation:.15s ease-out calFadeIn;position:absolute;box-shadow:0 10px 25px -5px #0000001f,0 8px 10px -6px #00000014}.calendar-popover.open-up{animation:.15s ease-out calFadeInUp}@keyframes calFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes calFadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.calendar-quick-presets{gap:4px;margin-bottom:8px;padding-bottom:2px;display:flex;overflow-x:auto}.calendar-preset-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:500;transition:all .15s;color:#475569!important;background:#f8fafc!important}.calendar-preset-btn:hover{color:var(--primary-color);background:#f1f5f9;color:var(--primary-color)!important;background:#f1f5f9!important}.calendar-preset-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);background:var(--primary-color)!important;color:#fff!important}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.calendar-title{color:#1e293b;font-size:13px;font-weight:600}.calendar-nav-btn{cursor:pointer;color:#64748b;background:0 0;border:1px solid #e2e8f0;border-radius:5px;justify-content:center;align-items:center;padding:2px 4px;transition:all .15s;display:flex;color:#64748b!important;background:0 0!important}.calendar-nav-btn:hover:not(:disabled){color:#1e293b;background:#f1f5f9;border-color:#cbd5e1;color:#1e293b!important;background:#f1f5f9!important}.calendar-nav-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.calendar-weekdays{text-align:center;color:#94a3b8;grid-template-columns:repeat(7,1fr);margin-bottom:5px;font-size:10.5px;font-weight:600;display:grid}.calendar-days-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.calendar-day-cell{aspect-ratio:1;cursor:pointer;color:#334155;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:11.5px;transition:all .15s;display:flex;color:#334155!important;background:0 0!important}.calendar-day-cell:hover:not(:disabled){color:#0f172a;background:#f1f5f9;color:#0f172a!important;background:#f1f5f9!important}.calendar-day-cell.disabled,.calendar-day-cell:disabled{color:#cbd5e1!important;opacity:.35!important;cursor:not-allowed!important;pointer-events:none!important;box-shadow:none!important;background:0 0!important;font-weight:400!important}.calendar-day-cell.empty{cursor:default;pointer-events:none}.calendar-day-cell.today{border:1px solid var(--primary-color);color:var(--primary-color);font-weight:700}.calendar-day-cell.selected{font-weight:600;box-shadow:0 2px 4px #144b794d;background:var(--primary-color)!important;color:#fff!important}.calendar-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:8px;padding-top:6px;display:flex}.calendar-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 6px;font-size:11px;color:#94a3b8!important;background:0 0!important}.calendar-clear-btn:hover{color:#e53e3e;color:#e53e3e!important;background:0 0!important}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.calendar-day-cell.in-range{color:#0284c7!important;background:#e0f2fe!important;border-radius:0!important}.calendar-day-cell.selected.start-date{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.calendar-day-cell.selected.end-date{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.calendar-day-cell.selected:hover:not(:disabled){background:var(--primary-color)!important;color:#fff!important}.calendar-day-cell.in-range:hover:not(:disabled){color:#0284c7!important;background:#e0f2fe!important}.App{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}h1{text-align:center;color:#2e2f3a}.form-container,.patients-list{background:#f9f9f9;border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 2px 4px #0000001a}form{flex-direction:column;gap:10px;display:flex}input,textarea{border:1px solid #ccc;border-radius:4px;padding:10px}button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:10px}button:hover{background-color:#0c3968}ul{padding:0;list-style-type:none}li{border-left:5px solid var(--primary-color);background:#fff;border-radius:4px;margin-bottom:10px;padding:15px;box-shadow:0 1px 3px #0000001a}.page-header{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 20px;display:flex;box-shadow:0 1px 3px #00000008}.page-header h2{color:#0f172a;letter-spacing:-.2px;margin:0;font-size:17px;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(3px);z-index:1050;box-sizing:border-box;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.modal-content{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;max-width:500px;max-height:90vh;padding:24px 26px;animation:.18s cubic-bezier(.16,1,.3,1) modalSlideUp;position:relative;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.modal-content::-webkit-scrollbar-track{background-color:#f8fafc}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:14px;display:flex}.modal-title{color:#0f172a;letter-spacing:-.2px;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:700;line-height:1.3;display:inline-flex}.modal-subtitle{color:#64748b;margin:4px 0 0;font-size:13px;font-weight:400}.modal-close{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;box-shadow:0 1px 2px #0000000a;color:#64748b!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:0!important;display:inline-flex!important}.modal-close:hover{transform:scale(1.05);color:#dc2626!important;background:#fee2e2!important;border-color:#fca5a5!important}.modal-close:focus-visible{outline:none;box-shadow:0 0 0 2px #dc26264d!important}.modal-close svg{stroke:currentColor;display:block}.modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;padding-top:16px;display:flex}.modal-chip-group{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.modal-chip{border-radius:16px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;line-height:1.3;transition:background .15s;display:inline-flex}.modal-chip.service{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.modal-chip.package{color:#7e22ce;background:#faf5ff;border:1px solid #e9d5ff}.modal-chip.medicine{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.modal-chip-price{opacity:.9;align-items:center;gap:2px;display:inline-flex}.modal-chip-price input{width:58px;height:22px;color:inherit;background:#fff;border:1px solid #0f172a26;border-radius:4px;outline:none;padding:0 4px;font-size:12px;font-weight:600}.modal-chip-remove{cursor:pointer;opacity:.65;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:opacity .15s,color .15s;display:inline-flex}.modal-chip-remove:hover{opacity:1;color:#ef4444}.patient-identity-card{border:1px solid #e2e8f0;border-left:4px solid var(--primary-color);box-sizing:border-box;background:#fff;border-radius:10px;align-items:center;gap:12px;padding:11px 14px;display:flex;box-shadow:0 1px 3px #0000000a}.patient-identity-avatar{background:linear-gradient(135deg, var(--primary-color) 0%, #1e6fae 100%);color:#fff;text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:flex;box-shadow:0 2px 6px #144b7938}.patient-identity-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.patient-identity-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.patient-identity-name{color:#0f172a;letter-spacing:-.2px;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:700;overflow:hidden}.patient-id-badge{color:#0369a1;letter-spacing:.3px;white-space:nowrap;background:#e0f2fe;border:1px solid #bae6fd;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.patient-identity-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.patient-meta-tag{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;align-items:center;gap:4px;padding:1.5px 7px;font-size:11px;font-weight:600;line-height:1.3;display:inline-flex}.patient-meta-tag.blood{color:#dc2626;background:#fef2f2;border-color:#fecaca;font-weight:700}.patient-verified-tag{color:#16a34a;align-items:center;gap:4px;margin-left:auto;font-size:11px;font-weight:600;display:inline-flex}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.table-container{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:0;overflow-x:auto;box-shadow:0 1px 3px #00000008}.crm-table{border-collapse:collapse;text-align:left;width:100%}.crm-table th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 18px;font-size:11px;font-weight:700}.crm-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:13px 18px;font-size:13px}.crm-table tbody tr:hover td{background-color:#fcfdfe}.crm-table tbody tr:last-child td{border-bottom:none}.crm-card-view,.mobile-cards-wrap{display:none}.mobile-only-pagination{display:none!important}@media (width<=1024px){.page-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:12px 16px!important;display:flex!important}.page-header h2{margin:0!important;font-size:16px!important;line-height:1.3!important}.page-header button,.page-header .crm-btn,.page-header .btn-primary,.page-header button[class*=btn]{white-space:nowrap!important;flex-shrink:0!important}.crm-table{display:none}.desktop-table-wrap,.desktop-only-pagination,.table-footer-bar{display:none!important}.table-container{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.mobile-cards-wrap{width:100%;display:block!important}.mobile-only-pagination{display:block!important}.crm-card-view{box-sizing:border-box;width:100%;grid-template-columns:1fr!important;gap:12px!important;display:grid!important}.tm-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;gap:12px;min-width:0;padding:16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0f172a0a,0 1px 2px #0f172a05}.tm-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0f172a0f,0 2px 4px -2px #0f172a0a}.tm-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.tm-card-user-row{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.tm-avatar{width:38px;height:38px;color:var(--primary-color,#144b79);background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;box-shadow:0 1px 2px #144b7914}.tm-card-info{flex-direction:column;gap:2px;min-width:0;display:flex}.tm-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:1.3;overflow:hidden}.tm-category-sub{color:#64748b;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;font-size:11.5px;font-weight:500;line-height:1.2;overflow:hidden}.tm-role-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.tm-role-badge.badge-admin{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe}.tm-role-badge.badge-team{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.tm-card-meta{border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;flex-direction:column;flex:1;gap:7px;padding:10px 0;display:flex}.tm-meta-item{color:#475569;align-items:center;gap:8px;min-width:0;font-size:12px;display:flex}.tm-meta-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tm-timings-item{align-items:flex-start;margin-top:2px}.tm-timing-pills-wrap{flex-wrap:wrap;flex:1;gap:4px;display:flex}.tm-timing-pill{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;padding:2px 7px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.tm-card-actions{justify-content:flex-end;align-items:center;gap:6px;padding-top:2px;display:flex}.tm-action-btn,.tm-card-actions .tbl-icon-btn{color:#64748b!important;cursor:pointer!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;padding:0!important;transition:all .15s!important;display:inline-flex!important}.tm-action-btn:hover,.tm-card-actions .tbl-icon-btn:hover{color:#1e293b!important;background:#f8fafc!important;border-color:#cbd5e1!important}.tm-action-btn.key:hover,.tm-card-actions .tbl-icon-btn.key:hover{color:#d97706!important;background:#fef3c7!important;border-color:#fde68a!important}.tm-action-btn.edit:hover,.tm-card-actions .tbl-icon-btn.edit:hover{color:#2563eb!important;background:#eff6ff!important;border-color:#bfdbfe!important}.tm-action-btn.delete:hover,.tm-card-actions .tbl-icon-btn.delete:hover{color:#dc2626!important;background:#fef2f2!important;border-color:#fecaca!important}.appointment-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;gap:12px;min-width:0;padding:16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0f172a0a,0 1px 2px #0f172a05}.appointment-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0f172a0f,0 2px 4px -2px #0f172a0a}.appt-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.appt-patient-block{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.appt-avatar{color:#0369a1;background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex}.appt-patient-info{flex-direction:column;gap:2px;min-width:0;display:flex}.appt-patient-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:700;overflow:hidden}.appt-patient-phone{color:#64748b;align-items:center;gap:4px;font-size:12px;display:flex}.appt-schedule-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:flex}.appt-schedule-item{color:#334155;align-items:center;gap:5px;font-weight:600;display:flex}.appt-card-body{border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;flex-direction:column;gap:6px;padding:8px 0;font-size:12px;display:flex}.appt-body-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.appt-body-label{color:#64748b;font-weight:500}.appt-body-val{color:#1e293b;text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:65%;font-weight:600;overflow:hidden}.appt-view-details-btn{color:#0284c7;cursor:pointer;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;align-items:center;gap:4px;padding:5px 9px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.appt-view-details-btn:hover{color:#0369a1;background:#e0f2fe}.appt-card-footer{justify-content:space-between;align-items:center;gap:8px;padding-top:2px;display:flex}.appt-sale-entry-btn{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:7px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.appt-sale-entry-btn:hover{background:#d97706}.appt-actions-right{align-items:center;gap:6px;display:flex}.patient-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;gap:12px;min-width:0;padding:16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0f172a0a,0 1px 2px #0f172a05}.patient-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0f172a0f,0 2px 4px -2px #0f172a0a}.patient-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.patient-avatar-block{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.patient-avatar{color:#0369a1;background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex}.patient-name-block{flex-direction:column;gap:2px;min-width:0;display:flex}.patient-name-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.patient-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:700;overflow:hidden}.patient-id-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:5px;padding:1px 6px;font-size:11px;font-weight:700;line-height:1.3}.patient-phone-row{color:#64748b;align-items:center;gap:4px;font-size:12px;display:flex}.patient-demographics-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:flex}.patient-demo-item{color:#334155;align-items:center;gap:5px;font-weight:600;display:flex}.patient-blood-badge{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:5px;padding:1px 6px;font-size:11px;font-weight:700}.patient-card-body{border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;flex-direction:column;gap:6px;padding:8px 0;font-size:12px;display:flex}.patient-body-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.patient-body-label{color:#64748b;font-weight:500}.patient-body-val{color:#1e293b;text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:65%;font-weight:600;overflow:hidden}.patient-card-footer{justify-content:space-between;align-items:center;gap:8px;padding-top:2px;display:flex}.patient-appts-btn{color:var(--primary-color,#144b79);cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:7px;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.patient-appts-btn:hover{background:#f1f5f9;border-color:#94a3b8}.patient-actions-right{align-items:center;gap:6px;display:flex}.crm-card{border-left:4px solid var(--primary-color);background:#fff;border-radius:8px;flex-direction:column;gap:8px;padding:15px;display:flex;box-shadow:0 1px 3px #0000001a}.crm-card-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding-bottom:4px;display:flex}.crm-card-row:last-child{border-bottom:none}.crm-card-label{color:#475569;font-weight:600}.call-log-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:14px 16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0f172a0a,0 1px 2px #0f172a05}.call-log-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0f172a12,0 2px 4px -2px #0f172a0a}.call-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.call-patient-block{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.call-patient-avatar{width:36px;height:36px;color:var(--primary-color,#144b79);background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.call-patient-info{flex-direction:column;gap:2px;min-width:0;display:flex}.call-patient-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:1.3;overflow:hidden}.call-patient-phone{color:var(--primary-color,#144b79);align-items:center;gap:4px;font-size:11.5px;font-weight:600;text-decoration:none;display:inline-flex}.call-patient-phone:hover{text-decoration:underline}.call-patient-phone.no-phone{color:#94a3b8;font-weight:400}.call-status-badge{white-space:nowrap;border:1px solid #0000;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:4px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.call-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.call-schedule-banner{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.call-schedule-item{color:#0f172a;align-items:center;gap:5px;font-weight:600;display:flex}.call-time-inline{color:#64748b;align-items:center;gap:3px;margin-left:6px;font-size:11.5px;font-weight:500;display:inline-flex}.call-logged-by-badge{color:#475569;align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:flex}.call-logged-avatar{color:#0369a1;background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.call-card-body{flex-direction:column;gap:8px;display:flex}.call-feedback-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:9px 11px}.call-feedback-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.call-feedback-text{color:#1e293b;word-break:break-word;margin:0;font-size:12.5px;line-height:1.45}.call-remarks-box{align-items:baseline;gap:6px;padding:0 4px;font-size:12px;display:flex}.call-remarks-label{color:#64748b;flex-shrink:0;font-size:11px;font-weight:600}.call-remarks-text{color:#475569;word-break:break-word;font-style:italic}.call-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.call-card-index{color:#94a3b8;background:#f1f5f9;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700}.call-card-actions{align-items:center;gap:8px;display:flex}.call-wa-btn{background:#25d366;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-flex;color:#fff!important}.call-wa-btn:hover{opacity:.9}}.patient-filter-bar{box-sizing:border-box;align-items:center;gap:12px;width:100%;margin-bottom:16px;display:flex}.patient-search-input-box{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex:auto;align-items:center;gap:8px;min-width:240px;height:38px;padding:0 12px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0f172a0a}.patient-search-input-box:focus-within{border-color:var(--primary-color,#144b79);box-shadow:0 0 0 3px #144b791a}.patient-search-input-box input{color:#0f172a;width:100%;height:100%;box-shadow:none;background:0 0;border:none;outline:none;margin:0;padding:0;font-size:13.5px;font-weight:500}.patient-search-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;display:flex}.patient-filter-selects{flex-shrink:0;align-items:center;gap:10px;display:flex}.patient-filter-item{flex-shrink:0;width:150px}.patient-birthday-msg-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#25d366;border:1px solid #25d366;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.patient-birthday-msg-btn:hover{background:#1ebe5a;border-color:#1ebe5a}@media (width<=1100px){.patient-filter-bar{flex-direction:column;align-items:stretch;gap:10px}.patient-search-input-box{flex:none;width:100%;min-width:0}.patient-filter-selects{flex-wrap:wrap;width:100%}.patient-filter-item{flex:150px;width:auto;min-width:0}}@media (width<=640px){.patient-filter-selects{grid-template-columns:1fr 1fr;gap:10px;display:grid}.patient-birthday-msg-btn{grid-column:1/-1;width:100%}.patient-filter-item{width:100%}}.call-summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}@media (width<=1024px){.call-summary-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (width<=640px){.call-summary-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.call-filter-bar{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:20px;padding:12px 16px;display:flex;box-shadow:0 1px 3px #00000005}.call-filter-search-wrap{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:220px;max-width:380px;height:38px;padding:0 12px;transition:all .2s;display:flex}.call-filter-search-wrap:focus-within{border-color:var(--primary-color,#144b79);box-shadow:0 0 0 3px #144b791a}.call-filter-search-input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;font-size:13px}.call-filter-selects{flex-shrink:0;align-items:center;gap:10px;display:flex}.call-filter-select-item{flex:none;width:180px;min-width:0}@media (width>=640px) and (width<=1024px){.call-filter-bar{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;padding:12px!important;display:flex!important}.call-filter-search-wrap{flex:1!important;width:auto!important;min-width:180px!important;max-width:none!important}.call-filter-selects{flex-shrink:0!important;align-items:center!important;gap:8px!important;width:auto!important;display:flex!important}.call-filter-select-item{flex:none!important;width:150px!important}}@media (width<=639px){.call-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:12px!important;display:flex!important}.call-filter-search-wrap{flex:none!important;width:100%!important;max-width:100%!important}.call-filter-selects{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}.call-filter-select-item{flex:none!important;width:100%!important}}@media (width>=640px) and (width<=1024px){.crm-card-view{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}}.action-btn{cursor:pointer;vertical-align:middle;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;margin-right:6px;padding:0;transition:all .15s;display:inline-flex}.action-btn:last-child{margin-right:0}.action-btn.key{color:#d97706;background:#fffbeb;border-color:#fef3c7}.action-btn.key:hover{color:#b45309;background:#fef3c7;border-color:#fde68a;transform:translateY(-1px);box-shadow:0 2px 5px #d977062e}.action-btn.edit{color:#0284c7;background:#f0f9ff;border-color:#e0f2fe}.action-btn.edit:hover{color:#0369a1;background:#e0f2fe;border-color:#bae6fd;transform:translateY(-1px);box-shadow:0 2px 5px #0284c72e}.action-btn.delete{color:#ef4444;background:#fef2f2;border-color:#fee2e2}.action-btn.delete:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca;transform:translateY(-1px);box-shadow:0 2px 5px #ef44442e}.action-btn.view{color:#6366f1;background:#eef2ff;border-color:#e0e7ff}.action-btn.view:hover{color:#4f46e5;background:#e0e7ff;border-color:#c7d2fe;transform:translateY(-1px);box-shadow:0 2px 5px #6366f12e}.sale-entry-btn{color:#b45309;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#fffbeb;border:1px solid #fcd34d;border-radius:6px;justify-content:center;align-items:center;gap:4px;height:30px;padding:0 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.sale-entry-btn:hover{color:#92400e;background:#fef3c7;border-color:#fbbf24;transform:translateY(-1px);box-shadow:0 2px 5px #f59e0b2e}.tbl-user-cell{align-items:center;gap:10px;display:flex}.tbl-user-avatar{color:#0369a1;text-transform:uppercase;background:#e0f2fe;border:1px solid #bae6fd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.tbl-user-info{flex-direction:column;line-height:1.3;display:flex}.tbl-user-name{color:#0f172a;text-transform:capitalize;font-size:13px;font-weight:600}.tbl-email-text{color:#64748b;font-size:12.5px}.tbl-mobile-text{color:#475569;font-size:12.5px}.tbl-role-badge{text-transform:capitalize;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;line-height:1.2;display:inline-flex}.tbl-role-badge.badge-admin{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.tbl-role-badge.badge-doctor{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.tbl-role-badge.badge-receptionist{color:#7e22ce;background:#faf5ff;border:1px solid #f3e8ff}.tbl-role-badge.badge-team{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.tbl-timing-pill{color:#475569;white-space:nowrap;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;width:fit-content;max-width:fit-content;padding:3px 8px;font-size:12px;display:inline-flex}.table-footer-bar{color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:10px 18px;font-size:12px;display:flex}.task-tabs{border-bottom:2px solid #e2e8f0;gap:8px;margin-bottom:20px;padding-bottom:8px;display:flex}.task-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.task-tab-btn:hover{color:var(--primary-color);background:#f0fdfa}.task-tab-btn.active{background:var(--primary-color);color:#fff;box-shadow:0 2px 4px #144b7940}.task-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:14px 18px;display:flex;box-shadow:0 1px 3px #00000008}.filter-group{align-items:center;gap:6px;display:flex}.filter-label{color:#475569;align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.filter-select{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .2s}.filter-select:focus{border-color:var(--primary-color);background:#fff}.quick-assign-btn{color:#0d9488;cursor:pointer;white-space:nowrap;background:#f0fdfa;border:1px solid #99f6e4;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .2s}.quick-assign-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.clear-filters-btn{color:#64748b;cursor:pointer;background:0 0;border:1px dashed #cbd5e1;border-radius:6px;margin-left:auto;padding:6px 12px;font-size:12px;transition:all .2s}.clear-filters-btn:hover{color:#e53e3e;border-color:#e53e3e}.category-pill{color:#334155;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.status-select{cursor:pointer;border:1px solid #0000;border-radius:6px;outline:none;padding:5px 8px;font-size:12px;font-weight:600;transition:all .2s}.status-select.pending{color:#92400e;background:#fef3c7;border-color:#fde68a}.status-select.in-progress{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.status-select.completed{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.priority-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.priority-badge.high{color:#b91c1c;background:#fee2e2}.priority-badge.medium{color:#b45309;background:#fef3c7}.priority-badge.low{color:#475569;background:#f1f5f9}.task-empty-state{background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.modal-label{color:#475569;text-align:left;margin-bottom:5px;font-size:12px;font-weight:600;display:block}.modal-select-input,.modal-text-input{color:#1e293b;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:38px;padding:0 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background:#fff!important}.modal-textarea-input{color:#1e293b;box-sizing:border-box;resize:vertical;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-height:70px;padding:10px 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background:#fff!important}.modal-select-input:focus,.modal-text-input:focus,.modal-textarea-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #144b7924}input[type=date],input[type=time],input[type=datetime-local]{color:#1e293b!important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background-color:#fff!important}@media (width<=768px){.task-filter-bar,.filter-group{flex-direction:column;align-items:stretch}.filter-select{width:100%}.clear-filters-btn{text-align:center;margin-left:0}}.task-page-container{box-sizing:border-box;width:100%;overflow-x:hidden}.pill-tab-item:hover,.pill-tab-item:focus,.pill-tab-item:focus-visible,.pill-tab-item:active{color:#64748b!important;box-shadow:none!important;background:0 0!important;outline:none!important}.pill-tab-item.active,.pill-tab-item.active:hover,.pill-tab-item.active:focus,.pill-tab-item.active:active{font-weight:600;color:#0f172a!important;background:#fff!important;box-shadow:0 1px 3px #00000014!important}.task-action-search-bar{align-items:center;gap:12px;display:flex}.task-search-input-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:10px;padding:9px 14px;display:flex;box-shadow:0 1px 2px #00000008}.vibrant-add-task-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#e11d48;border:none;border-radius:8px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #e11d4840}.vibrant-add-task-btn:hover{background:#be123c}.task-mini-select{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;outline:none;padding:7px 12px;font-size:13px;transition:border-color .15s}.task-mini-select:focus{border-color:var(--primary-color)}.task-clear-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 10px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.task-clear-btn:hover{background:#f0fdfa}.search-clear-btn:hover{background:#ffedd5;border-color:#fb923c}.active-date-tag{color:#0d9488;background:#f0fdfa;border:1px solid #99f6e4;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:500;display:inline-flex}.tag-close-btn{cursor:pointer;color:#0d9488;background:0 0;border:none;font-size:14px;line-height:1}.custom-chk{appearance:none;cursor:pointer;vertical-align:middle;box-sizing:border-box;outline:none;justify-content:center;align-items:center;width:16px;height:16px;margin:0;transition:all .15s;display:inline-flex;position:relative;background-color:#fff!important;border:1.5px solid #cbd5e1!important;border-radius:4px!important}.custom-chk:hover{border-color:var(--primary-color)!important;background-color:#f0fdfa!important}.custom-chk:checked{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.custom-chk:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:1.5px;left:4.5px;transform:rotate(45deg)}.custom-chk:focus-visible{box-shadow:0 0 0 2px #144b7940}.task-desc-inline-btn{color:#0284c7;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:4px;padding:1px 6px;font-size:11px;font-weight:500;line-height:1.3;transition:all .15s;display:inline-flex}.task-desc-inline-btn:hover{background:#e0f2fe;border-color:#bae6fd}.assignee-avatar{color:#0284c7;background:#e0f2fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:inline-flex}.status-pill-select{cursor:pointer;border:1px solid #0000;border-radius:20px;outline:none;padding:3px 10px;font-size:11.5px;font-weight:600;transition:all .15s}.status-pill-select.pending{color:#b45309;background:#fffbeb;border-color:#fde68a}.status-pill-select.done{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.status-pill-select.progress{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.tbl-icon-btn{flex-shrink:0;border-radius:7px!important;justify-content:center!important;align-items:center!important;width:30px!important;height:30px!important;margin:0!important;padding:0!important;display:inline-flex!important}.action-btn.view:hover{color:var(--primary-color);background:#f0fdfa}.metrics-counter-row{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.metric-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:8px 4px;display:flex}.metric-box-label{letter-spacing:.5px;margin-bottom:4px;font-size:9px;font-weight:700}.metric-box-num{font-size:18px;font-weight:700;line-height:1}.metric-box.total{color:#1e293b;background:#f8fafc}.metric-box.total .metric-box-label{color:#64748b}.metric-box.done{color:#16a34a;background:#f0fdf4;border-color:#dcfce7}.metric-box.pending{color:#d97706;background:#fffbeb;border-color:#fef3c7}@media (width>=768px) and (width<=992px){.task-split-layout{flex-direction:row;align-items:flex-start;gap:14px}.task-side-column{flex-shrink:0;width:220px}.task-main-column{flex:1;min-width:0}.metrics-counter-row{grid-template-columns:repeat(4,1fr)}.task-secondary-filter-bar{flex-wrap:wrap;gap:7px}.task-mini-select{box-sizing:border-box;flex:calc(50% - 6px);min-width:100px;padding:6px 9px;font-size:12px}.custom-pill-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.custom-pill-tabs::-webkit-scrollbar{display:none}.custom-task-table{display:none}.task-mobile-card-view{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;display:flex}}@media (width<=767px){.task-split-layout{flex-direction:column;gap:14px}.task-side-column{order:-1;width:100%}.task-main-column{order:1;width:100%}.metrics-counter-row{grid-template-columns:repeat(4,1fr);gap:7px}.metric-box{border-radius:8px;padding:7px 4px}.metric-box-label{margin-bottom:2px;font-size:9px}.metric-box-num{font-size:16px}}.modal-content.task-modal-compact{border-radius:12px;max-width:480px;padding:18px 20px;max-height:none!important;overflow:visible!important}.compact-field-label{color:#334155;margin-bottom:3px;font-size:12.5px;font-weight:600;display:block}.form-two-col-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px;display:grid}.self-assign-badge{color:#1e293b;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;height:38px;padding:8px 12px;font-size:13.5px;font-weight:500;display:flex}.calendar-picker-wrapper.w-100{width:100%}.calendar-picker-wrapper.w-100 .calendar-trigger-btn{box-sizing:border-box;justify-content:flex-start;width:100%;height:38px;padding:8px 12px}.task-mobile-card-view{display:none}.task-mobile-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:9px;flex-direction:column;gap:6px;min-width:0;padding:9px 12px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000a}.task-mobile-card.done{background:#fbfdfc;border-color:#bbf7d0}.task-mobile-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.task-mobile-left{flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.task-mobile-title-wrap{flex-direction:column;gap:2px;min-width:0;display:flex}.task-mobile-title{color:#1e293b;word-break:break-word;font-size:12.5px;font-weight:600;line-height:1.3}.task-mobile-title-row2{flex-wrap:wrap;align-items:center;gap:5px;margin-top:2px;display:flex}.task-mobile-card-body{border-top:1px dashed #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;margin-top:auto;padding:6px 0 0;font-size:11.5px;display:flex}.task-mobile-info-item{color:#475569;align-items:center;gap:6px;min-width:0;display:inline-flex}.task-mobile-assignee{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.task-mobile-due{color:#64748b;white-space:nowrap;font-weight:500}.task-mobile-card-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.task-mobile-card-view .tbl-icon-btn{border-radius:6px!important;width:26px!important;height:26px!important}@media (width<=767px){.task-mobile-card-view{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;display:flex}.custom-pill-tabs{box-sizing:border-box;-webkit-overflow-scrolling:touch;scrollbar-width:none;white-space:nowrap;width:100%!important;max-width:100%!important;padding:4px!important;overflow-x:auto!important}.custom-pill-tabs::-webkit-scrollbar{display:none}.pill-tab-item{padding:6px 12px;font-size:12.5px}.task-action-search-bar{flex-direction:row;align-items:center;gap:8px}.task-search-input-box{box-sizing:border-box;flex:1;min-width:0;height:36px;padding:0 10px}.task-search-input-box input{font-size:12.5px}.task-action-buttons-group{flex-shrink:0}.task-action-buttons-group .btn,.task-action-buttons-group button{white-space:nowrap;border-radius:8px!important;height:36px!important;padding:0 12px!important;font-size:12.5px!important}.task-secondary-filter-bar{gap:8px}.task-mini-select{box-sizing:border-box;flex:calc(50% - 6px);min-width:120px;padding:6px 10px;font-size:12px}.task-clear-btn{margin-left:auto;font-size:12px}.custom-task-table-wrap{border-radius:10px;padding:12px}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes pulse{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}to{opacity:.7;transform:scale(1)}}.metric-box.overdue{color:#ef4444;background:#fef2f2;border-color:#fee2e2}.responsive-two-panel{flex:1;align-items:stretch;gap:20px;min-height:0;display:flex}.responsive-panel-left{flex-direction:column;flex:1;min-width:350px;max-width:450px;display:flex}.responsive-panel-right{flex-direction:column;flex:1;min-width:0;display:flex}@media (width<=768px){.responsive-two-panel{flex-direction:column;gap:15px;min-height:auto;overflow-y:auto}.responsive-panel-left{flex:none;min-width:100%;max-width:100%;height:auto;max-height:40vh}.responsive-panel-right{flex:none;min-width:100%;max-width:100%;height:auto;min-height:300px}.responsive-two-panel::-webkit-scrollbar{display:none}.responsive-panel-left>div::-webkit-scrollbar{display:none}.responsive-panel-right>div::-webkit-scrollbar{display:none}.responsive-two-panel,.responsive-panel-left>div,.responsive-panel-right>div{-ms-overflow-style:none;scrollbar-width:none}}.hide-scrollbar::-webkit-scrollbar{display:none}.inline-adder-btn{width:44px;height:44px}@media (width<=768px){.inline-adder-btn{width:36px!important;height:36px!important}.inline-adder-btn svg{width:18px!important;height:18px!important}}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media print{.sidebar,.mobile-topbar,.mobile-menu-toggle{display:none!important}.main-content{width:100%!important;margin-left:0!important;padding:0!important}.layout-container{flex-direction:column!important}button{display:none!important}}.payments-cards-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=1024px){.payments-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.payments-cards-grid{grid-template-columns:repeat(2,1fr);gap:8px}.payments-tabs-container{flex-direction:column!important}}.payments-header-flex{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}@media (width<=768px){.payments-header-flex{flex-direction:column;align-items:flex-start;gap:16px}.payments-header-actions{flex-wrap:wrap;width:100%;display:flex;gap:8px!important}}.table-responsive{width:100%;overflow-x:auto}input[type=checkbox]{accent-color:var(--primary-color);appearance:auto!important;border:none!important;width:16px!important;height:16px!important;margin:0!important;padding:0!important}.calendar-container{min-width:700px}@media (width<=1024px){.calendar-container{min-width:100%}.desktop-badges{display:none!important}.mobile-badges{justify-content:center;align-items:center;width:100%;display:flex!important}}.billed-edit-btn{color:#10b981;cursor:pointer;text-align:center;background:#d1fae5;border:1px solid #10b981;border-radius:4px;justify-content:center;align-items:center;width:85px;padding:4px 12px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.billed-edit-btn:before{content:"Billed"}.billed-edit-btn:hover{color:#fff;background:#10b981}.billed-edit-btn:hover:before{content:"Edit Bill"}.billed-edit-btn span{display:none}.tbl-admin-select{color:#334155;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:4px 8px;font-size:13px}.tbl-admin-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #144b791a}.patient-view-modal{border-radius:12px;flex-direction:column;width:92%;max-width:680px;max-height:90vh;display:flex;overflow:hidden;padding:0!important}.patient-view-header{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding:16px 20px;display:flex}.patient-view-avatar{color:#0369a1;background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.patient-view-title{flex:1;min-width:0}.patient-view-title h3{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:17px;overflow:hidden}.patient-view-sub{align-items:center;gap:8px;display:flex}.patient-view-status{color:#166534;background:#dcfce7;border-radius:20px;padding:2px 9px;font-size:11.5px;font-weight:700}.patient-view-status.inactive{color:#991b1b;background:#fee2e2}.patient-view-body{flex-direction:column;gap:16px;padding:16px 20px;display:flex;overflow-y:auto}.patient-view-section-title{letter-spacing:.4px;text-transform:uppercase;color:var(--primary-color,#144b79);margin:0 0 10px;font-size:12px;font-weight:700}.patient-view-grid{grid-template-columns:repeat(3,1fr);gap:10px 16px;display:grid}.patient-view-field{flex-direction:column;gap:2px;min-width:0;display:flex}.patient-view-field.full{grid-column:1/-1}.patient-view-label{color:#64748b;font-size:11.5px;font-weight:500}.patient-view-value{color:#0f172a;word-break:break-word;white-space:pre-wrap;font-size:13.5px;font-weight:600}.patient-view-modal .modal-footer{border-top:1px solid #e2e8f0;margin:0;padding:12px 20px}.patient-view-modal .modal-footer .crm-btn{align-items:center;gap:6px;display:inline-flex}@media (width<=640px){.patient-view-grid{grid-template-columns:1fr 1fr}}.custom-time-picker-wrapper{width:100%;position:relative}.custom-time-trigger{cursor:pointer;color:#1e293b;box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:38px;padding:0 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s;display:flex}.custom-time-trigger:hover:not(.disabled){background-color:#f8fafc;border-color:#94a3b8}.custom-time-trigger.open{border-color:var(--primary-color,#144b79);background-color:#fff;box-shadow:0 0 0 3px #144b7926}.custom-time-trigger.disabled{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9}.custom-time-value{color:#0f172a;font-weight:600}.custom-time-value.placeholder{color:#64748b;font-weight:400}.custom-time-icon{color:#64748b;flex-shrink:0;align-items:center;display:flex}.custom-time-dropdown{z-index:9999;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:200px;padding:8px 10px;animation:.15s ease-out timeFadeIn;box-shadow:0 10px 24px -4px #0f172a29,0 3px 8px -2px #0f172a0f}@keyframes timeFadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.custom-time-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:7px;padding-bottom:6px;display:flex}.custom-time-display{color:var(--primary-color,#144b79);letter-spacing:-.2px;align-items:center;gap:2px;font-size:14px;font-weight:700;display:flex}.custom-time-ampm-toggle{background:#f1f5f9;border-radius:5px;gap:2px;padding:2px;display:flex}.custom-time-ampm-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:700;transition:all .15s}.custom-time-ampm-btn.active{background:var(--primary-color,#144b79);color:#fff;box-shadow:0 1px 2px #0000001a}.custom-time-columns{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:7px;display:grid}.custom-time-col-header{color:#64748b;text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-bottom:3px;font-size:9.5px;font-weight:700}.custom-time-col-scroll{background:#fafafa;border:1px solid #f1f5f9;border-radius:6px;flex-direction:column;gap:1px;max-height:120px;padding:2px;display:flex;overflow-y:auto}.custom-time-col-scroll::-webkit-scrollbar{width:3px}.custom-time-col-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.custom-time-item{text-align:center;color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;padding:3px 0;font-size:11.5px;font-weight:600;transition:all .12s}.custom-time-item:hover{color:#0f172a;background:#e2e8f0}.custom-time-item.selected{background:var(--primary-color,#144b79);color:#fff;font-weight:700}.custom-time-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:6px;display:flex}.custom-time-now-btn{color:#0369a1;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:11px;font-weight:600}.custom-time-now-btn:hover{text-decoration:underline}.custom-time-done-btn{background:var(--primary-color,#144b79);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:3.5px 12px;font-size:11px;font-weight:600;transition:background .15s}.custom-time-done-btn:hover{background:#0d385c}.sidebar-calendar-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:16px 14px;box-shadow:0 1px 3px #0000000a}.sidebar-calendar-title{text-align:center;letter-spacing:1px;color:#64748b;text-transform:uppercase;margin-bottom:14px;font-size:13px;font-weight:700}.sidebar-calendar-header{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px;display:flex}.cal-header-month{color:#1e293b;font-size:14px;font-weight:600}.cal-arrow-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.cal-arrow-btn:hover{color:#0f172a;background:#f1f5f9}.sidebar-calendar-weekdays{text-align:center;color:#94a3b8;grid-template-columns:repeat(7,1fr);margin-bottom:8px;font-size:11px;font-weight:600;display:grid}.sidebar-calendar-grid{grid-template-columns:repeat(7,1fr);row-gap:4px;display:grid}.sidebar-cal-cell{cursor:pointer;color:#334155;background:0 0;border:none;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;height:34px;padding:0;font-size:12px;font-weight:500;transition:all .15s;display:flex;position:relative}.sidebar-cal-cell:hover:not(.selected){background:#f1f5f9}.sidebar-cal-cell.other-month{color:#cbd5e1}.sidebar-cal-cell.today:not(.selected){border:1px solid var(--primary-color);color:var(--primary-color);font-weight:700}.sidebar-cal-cell.selected{border-radius:6px;font-weight:700;box-shadow:0 2px 6px #144b7959;background:var(--primary-color)!important;color:#fff!important}.cal-dots-container{align-items:center;gap:2px;height:4px;display:flex;position:absolute;bottom:2px}.cal-dot{border-radius:50%;width:4px;height:4px}.cal-dot.pending{background:#f59e0b}.cal-dot.completed{background:#10b981}.sidebar-cal-cell.selected .cal-dot{background:#fff}.cal-dot.overdue{background:#ef4444}.crm-pagination-bar{box-sizing:border-box;background:#fff;border-top:1px solid #e2e8f0;border-bottom-right-radius:12px;border-bottom-left-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 18px;display:flex}.crm-pagination-info{color:#64748b;font-size:13px;font-weight:500}.crm-pagination-info strong{color:#1e293b;font-weight:600}.crm-pagination-controls{align-items:center;gap:6px;display:flex}.crm-page-btn{cursor:pointer;color:#334155;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.crm-page-btn:hover:not(:disabled):not(.active){color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.crm-page-btn.active{background:var(--primary-color,#144b79);color:#fff;border-color:var(--primary-color,#144b79);box-shadow:0 1px 2px #144b7933}.crm-page-btn:disabled{opacity:.4;cursor:not-allowed;background:#f8fafc;border-color:#e2e8f0}.crm-page-ellipsis{color:#94a3b8;justify-content:center;align-items:center;padding:0 4px;font-size:13px;font-weight:600;display:inline-flex}@media (width<=640px){.crm-pagination-bar{flex-direction:column;align-items:center;gap:10px;padding:12px}}.task-page-container{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;display:flex}.task-page-header{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:4px;display:flex}.task-header-left{align-items:center;gap:14px;display:flex}.task-header-icon-badge{color:#0284c7;background:#e0f2fe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 2px 6px #0284c726}.task-page-title{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:20px;font-weight:700}.task-page-subtitle{color:#64748b;margin:3px 0 0;font-size:13px}.task-header-actions{align-items:center;gap:10px;display:flex}.task-primary-btn{cursor:pointer;white-space:nowrap;border-radius:9px;align-items:center;gap:7px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #144b7940;background:var(--primary-color,#144b79)!important;color:#fff!important;border:none!important}.task-primary-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #144b7959;background:#0d385c!important}.task-primary-btn:active{transform:translateY(0)}.task-tabs-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.custom-pill-tabs{-webkit-user-select:none;user-select:none;background:#f1f5f9;border-radius:10px;align-items:center;gap:4px;width:fit-content;padding:4px;display:flex}.pill-tab-item{cursor:pointer;white-space:nowrap;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:500;color:#64748b!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;transition:all .15s!important}.pill-tab-item:hover{color:#334155!important;background:#fff9!important}.pill-tab-item.active,.pill-tab-item.active:hover{font-weight:600;color:#0f172a!important;background:#fff!important;box-shadow:0 1px 3px #00000014!important}.task-split-layout{align-items:flex-start;gap:20px;display:flex}.task-main-column{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.task-side-column{flex-direction:column;flex-shrink:0;gap:16px;width:290px;display:flex}.task-controls-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-flow:wrap;align-items:center;gap:12px;padding:10px 14px;display:flex;box-shadow:0 1px 3px #00000008}.task-search-row{flex:1;align-items:center;gap:10px;min-width:250px;display:flex}.task-search-input-box{box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;max-width:350px;height:38px;padding:0 12px;transition:all .2s;display:flex}.task-search-input-box:focus-within{border-color:var(--primary-color,#144b79);background:#fff;box-shadow:0 0 0 3px #144b791a}.task-search-input-box input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;font-size:13.5px}.task-search-input-box input::placeholder{color:#94a3b8}.search-clear-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .15s;display:inline-flex}.search-clear-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.task-secondary-filter-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-item-wrapper{flex-direction:column;gap:4px;display:flex}.filter-clear-all-btn{color:#64748b;cursor:pointer;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;height:38px;padding:7px 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.filter-clear-all-btn:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.active-calendar-date-bar{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;display:flex}.date-bar-left{color:#1e3a8a;align-items:center;gap:8px;font-size:13px;display:flex}.today-badge{color:#fff;letter-spacing:.3px;background:#2563eb;border-radius:6px;padding:1px 7px;font-size:10.5px;font-weight:600}.date-bar-actions{align-items:center;gap:8px;display:flex}.date-bar-action-btn{color:#1d4ed8;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s}.date-bar-action-btn:hover{background:#dbeafe}.date-bar-action-btn.clear{color:#64748b;border-color:#cbd5e1}.date-bar-action-btn.clear:hover{color:#334155;background:#f1f5f9}.custom-task-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.custom-task-table{border-collapse:collapse;width:100%}.custom-task-table th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 14px;font-size:11.5px;font-weight:600}.custom-task-table td{vertical-align:middle;color:#334155;border-bottom:1px solid #f1f5f9;padding:13px 14px;font-size:13px}.custom-task-table tbody tr{transition:background-color .15s}.custom-task-table tbody tr:hover td{background-color:#f8fafc}.sr-num-pill{color:#475569;background:#f1f5f9;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11.5px;font-weight:600;display:inline-flex}.task-title-cell{flex-direction:column;gap:4px;display:flex}.task-title-text{color:#0f172a;word-break:break-word;font-size:13.5px;font-weight:600;line-height:1.35}.task-category-badge{color:#0284c7;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:8px;width:fit-content;padding:1px 8px;font-size:10.5px;font-weight:600}.task-priority-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:8px;align-items:center;width:fit-content;padding:1px 7px;font-size:10px;font-weight:700;display:inline-flex}.task-priority-badge.priority-high{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.task-priority-badge.priority-medium{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.task-priority-badge.priority-low{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.task-assignee-cell{align-items:center;gap:9px;display:inline-flex}.assignee-avatar{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11.5px;font-weight:700;display:inline-flex}.assignee-details{flex-direction:column;line-height:1.25;display:flex}.assignee-name{color:#1e293b;font-size:13px;font-weight:600}.assignee-role-tag{color:#94a3b8;text-transform:capitalize;font-size:11px}.task-due-cell{color:#475569;align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:inline-flex}.task-due-cell svg{color:#64748b;flex-shrink:0}.table-action-icons-wrap{justify-content:center;align-items:center;gap:6px;display:inline-flex}.tbl-icon-btn{cursor:pointer;flex-shrink:0;background:0 0!important;border:1px solid #0000!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;margin:0!important;padding:0!important;transition:all .15s!important;display:inline-flex!important}.action-btn.view{color:#0284c7!important}.action-btn.view:hover{background:#f0f9ff!important;border-color:#bae6fd!important}.action-btn.edit{color:#d97706!important}.action-btn.edit:hover{background:#fffbeb!important;border-color:#fde68a!important}.action-btn.delete{color:#ef4444!important}.action-btn.delete:hover{background:#fef2f2!important;border-color:#fecaca!important}.task-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:56px 20px;display:flex}.task-empty-icon-wrap{background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:14px;display:flex}.task-empty-title{color:#1e293b;margin:0 0 6px;font-size:15px;font-weight:600}.task-empty-subtitle{color:#64748b;max-width:380px;margin:0 0 16px;font-size:13px;line-height:1.5}.task-empty-btn{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;background:var(--primary-color,#144b79)!important;color:#fff!important;border:none!important}.task-empty-btn:hover{background:#0f3d64!important}.task-metrics-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 1px 3px #0000000a}.task-metrics-header{justify-content:space-between;align-items:center;display:flex}.task-metrics-title{letter-spacing:.8px;color:#64748b;text-transform:uppercase;font-size:12px;font-weight:700}.task-metrics-badge{color:#0284c7;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:600}.task-metrics-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.task-metric-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:transform .15s;display:flex}.task-metric-box:hover{transform:translateY(-1px)}.metric-icon-wrap{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.metric-info{flex-direction:column;display:flex}.metric-label{letter-spacing:.4px;color:#64748b;font-size:10px;font-weight:700}.metric-val{font-size:18px;font-weight:700;line-height:1.1}.task-metric-box.total{background:#f8fafc;border-color:#e2e8f0}.task-metric-box.total .metric-icon-wrap{color:#334155;background:#e2e8f0}.task-metric-box.total .metric-val{color:#0f172a}.task-metric-box.done{background:#f0fdf4;border-color:#bbf7d0}.task-metric-box.done .metric-icon-wrap{color:#16a34a;background:#dcfce7}.task-metric-box.done .metric-val{color:#15803d}.task-metric-box.pending{background:#fffbeb;border-color:#fef3c7}.task-metric-box.pending .metric-icon-wrap{color:#d97706;background:#fef3c7}.task-metric-box.pending .metric-val{color:#b45309}.task-metric-box.overdue{background:#fff1f2;border-color:#fecdd3}.task-metric-box.overdue .metric-icon-wrap{color:#e11d48;background:#ffe4e6}.task-metric-box.overdue .metric-val{color:#be123c}@media (width<=992px){.task-split-layout{flex-direction:column;gap:16px}.task-side-column{order:-1;grid-template-columns:1fr 1fr;gap:14px;width:100%;display:grid}}@media (width<=767px){.task-page-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:10px!important}.task-header-left{gap:10px!important;min-width:0!important}.task-header-icon-badge{border-radius:10px!important;width:38px!important;height:38px!important}.task-page-title{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:17px!important;overflow:hidden!important}.task-header-actions{flex-shrink:0!important;width:auto!important}.task-primary-btn{white-space:nowrap!important;width:auto!important;padding:8px 12px!important;font-size:13px!important}.task-side-column{order:-1;grid-template-columns:1fr}.custom-task-table{display:none}.task-mobile-card-view{grid-template-columns:1fr;gap:12px;display:grid}}@media (width>=640px) and (width<=992px){.task-mobile-card-view{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;display:grid!important}}.mobile-only-pagination{clear:both!important;width:100%!important}.action-btn.remark{position:relative;color:#7c3aed!important}.action-btn.remark:hover{background:#f5f3ff!important;border-color:#ddd6fe!important}.action-btn.remark.has-remark:after{content:"";background:#7c3aed;border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:4px}.modal-content.remark-modal{max-width:440px;padding:0;overflow:hidden}.remark-modal-head{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:16px 20px;display:flex}.remark-modal-icon{color:#7c3aed;background:#f5f3ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.remark-modal-head-text{flex:1;min-width:0}.remark-modal-head-text h3{color:#0f172a;margin:0;font-size:16px;font-weight:700}.remark-modal-head-text p{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:12px;overflow:hidden}.remark-modal-body{padding:16px 20px 0}.remark-modal-textarea{resize:vertical;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13.5px;line-height:1.5;display:block}.remark-modal-textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.remark-modal-count{text-align:right;color:#94a3b8;margin-top:4px;font-size:11px}.remark-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;margin-top:14px;padding:14px 20px;display:flex}.remark-modal-view{background:#faf5ff;border:1px solid #ede9fe;border-left:3px solid #7c3aed;border-radius:8px;min-height:60px;padding:12px 44px 12px 14px;position:relative}.remark-modal-view-text{color:#334155;white-space:pre-wrap;word-break:break-word;max-height:240px;font-size:13.5px;line-height:1.6;overflow-y:auto}.remark-modal-edit-btn{color:#d97706;cursor:pointer;background:#fff;border:1px solid #fde68a;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;position:absolute;top:8px;right:8px}.remark-modal-edit-btn:hover{background:#fffbeb}.leads-page{background-color:#f8fafc;min-height:100vh;padding:24px}.leads-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.leads-header h1{color:#0f172a;margin:0;font-size:24px;font-weight:600}.leads-header p{color:#64748b;margin:4px 0 0;font-size:14px}.header-actions{gap:12px;display:flex}.btn-import{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;display:flex}.btn-primary{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;display:flex}.metrics-row{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:20px;gap:12px!important;display:grid!important}.metric-card{background:#fff;border:1px solid #e2e8f0;align-items:center;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 2px #0000000d;box-sizing:border-box!important;border-radius:8px!important;flex:none!important;gap:10px!important;width:100%!important;min-width:0!important;padding:10px 12px!important;display:flex!important}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.metric-icon{flex-shrink:0;justify-content:center;align-items:center;border-radius:6px!important;width:32px!important;height:32px!important;font-size:16px!important;display:flex!important}.metric-icon svg{width:16px!important;height:16px!important}.metric-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.metric-value{color:#0f172a;font-weight:700;line-height:1;font-size:16px!important}.metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden;font-size:10px!important}.filters-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.filters-left{align-items:center;gap:12px;display:flex}.search-input{border:1px solid #e2e8f0;border-radius:8px;width:300px;padding:10px 16px;font-size:14px}.view-toggles{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:4px;display:flex}.view-toggle{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-weight:500;display:flex}.view-toggle.active{color:#0f172a;background:#f1f5f9}.leads-table-container{background:#fff;border:1px solid #f1f5f9;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000005}.leads-table{border-collapse:collapse;width:100%}.leads-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;background:#fff;border-bottom:1px solid #f1f5f9;padding:16px 20px;font-size:11.5px;font-weight:700}.leads-table td{vertical-align:middle;background:#fff;border-bottom:1px solid #f8fafc;padding:16px 20px;transition:background .2s}.leads-table tr:hover td{background:#f8fafc}.lead-info-cell{flex-direction:column;gap:4px;display:flex}.lead-name{color:#0f172a;font-size:14px;font-weight:600}.lead-meta{color:#64748b;align-items:center;gap:8px;font-size:12px;display:flex}.lead-source{text-transform:uppercase;color:#94a3b8;font-size:10px;font-weight:600}.inline-select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:6px 12px;font-size:13px}.inline-select:focus{border-color:#0f172a}.btn-followup{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.actions-cell{align-items:center;gap:12px;display:flex}.icon-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.icon-btn:hover{background:#f1f5f9}.followup-types{gap:12px;margin-bottom:20px;display:flex}.followup-type{text-align:center;cursor:pointer;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:12px;display:flex}.followup-type.active{color:#0f172a;background:#f8fafc;border-color:#0f172a}.modal-content textarea{resize:vertical;border:1px solid #e2e8f0;border-radius:8px;width:100%;min-height:80px;padding:10px}.modal-content .form-group{text-align:left;flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.modal-content .form-group label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.modal-content .form-group input,.modal-content .form-group select,.modal-content .form-group textarea{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px}.modal-content .form-group input:focus,.modal-content .form-group select:focus,.modal-content .form-group textarea:focus{border-color:#0f172a}@media (width<=992px){.metrics-row{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;display:grid!important}.filters-bar{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.search-input,.filters-left{width:100%!important}.inline-select{height:32px!important;padding:4px 8px!important;font-size:12px!important}.leads-table-container{background:0 0!important;border:none!important;border-radius:0!important;width:100%!important;overflow:hidden!important}.leads-table{width:100%!important;display:block!important}.leads-table tbody{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;width:100%!important;display:grid!important}.leads-table tr{box-sizing:border-box!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;width:100%!important;margin-bottom:0!important;padding:10px 12px!important;display:block!important;box-shadow:0 1px 3px #0000000d!important}.leads-table td{box-sizing:border-box!important;border-bottom:1px solid #f1f5f9!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;padding:8px 0!important;font-size:12px!important;display:flex!important}.leads-table thead{display:none!important}.leads-table td:last-child{border-bottom:none!important}.leads-table td:before{content:attr(data-label)!important;color:#64748b!important;text-transform:uppercase!important;flex-shrink:0!important;width:35%!important;max-width:100px!important;font-size:10px!important;font-weight:600!important}.leads-table td[data-label=LEAD\ INFO]{align-items:flex-start!important}.lead-info-cell{text-align:right!important;align-items:flex-end!important}.actions-cell{flex-wrap:wrap!important;justify-content:flex-end!important;width:100%!important}.leads-table td [style*="width: 130px"],.leads-table td [style*="width: 150px"]{width:100%!important;max-width:150px!important}}.pagination-container{background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:20px;padding:10px 15px;display:flex}.pagination-info{color:#64748b;font-size:13px;font-weight:500}.pagination-controls{align-items:center;gap:6px;display:flex}.page-btn,.page-num-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:13px;font-weight:500;transition:all .2s;display:flex}.page-btn:hover:not(:disabled),.page-num-btn:hover{background:#f8fafc;border-color:#cbd5e1}.page-num-btn.active{color:#fff;background:#144b79;border-color:#144b79}.page-btn:disabled{opacity:.5;cursor:not-allowed}.reminders-page{background-color:#f8fafc;min-height:100vh;padding:24px}.reminders-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.reminders-header h1{color:#0f172a;margin:0;font-size:24px;font-weight:600}.reminders-header p{color:#64748b;margin:4px 0 0;font-size:14px}.reminders-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.reminders-table{border-collapse:collapse;width:100%}.reminders-table th{text-align:left;color:#64748b;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px;font-size:12px;font-weight:600}.reminders-table td{vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:16px}.btn-view-history{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.btn-view-history:hover{background:#1e293b}@media (width<=992px){.reminders-table-container{background:0 0!important;border:none!important;border-radius:0!important;width:100%!important;overflow:hidden!important}.reminders-table{width:100%!important;display:block!important}.reminders-table tbody{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;width:100%!important;display:grid!important}.reminders-table tr{box-sizing:border-box!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;width:100%!important;margin-bottom:0!important;padding:10px 12px!important;display:block!important;box-shadow:0 1px 3px #0000000d!important}.reminders-table td{box-sizing:border-box!important;border-bottom:1px solid #f1f5f9!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;padding:8px 0!important;font-size:12px!important;display:flex!important}.reminders-table thead{display:none!important}.reminders-table td:last-child{border-bottom:none!important}.reminders-table td:before{content:attr(data-label)!important;color:#64748b!important;text-transform:uppercase!important;flex-shrink:0!important;width:35%!important;max-width:100px!important;font-size:10px!important;font-weight:600!important}.reminders-table td[data-label=LEAD\ INFO]{align-items:flex-start!important}.lead-info-cell{text-align:right!important;align-items:flex-end!important}.actions-cell{flex-wrap:nowrap!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}.reminders-table td [style*="width: 130px"]{width:100%!important;max-width:150px!important}}@media (width<=640px){.reminders-table tbody{grid-template-columns:1fr!important}}.lead-profile-page{background-color:#f8fafc;min-height:100vh;padding:24px}.profile-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.back-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.profile-header h1{color:#0f172a;margin:0;font-size:20px;font-weight:600}.profile-header p{color:#64748b;margin:0;font-size:12px}.profile-content{gap:24px;display:flex}.profile-sidebar{flex-direction:column;flex:0 0 300px;gap:20px;display:flex}.profile-main{flex:1}.profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.banner-card{text-align:center}.banner-bg{background:var(--primary-color);height:80px}.avatar-container{justify-content:center;margin-top:-30px;display:flex}.avatar{background:#fff;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 2px 10px #0000001a}.banner-card h2{color:#0f172a;margin:16px 0 8px;font-size:18px}.status-badge{color:#475569;text-transform:uppercase;background:#f1f5f9;border-radius:12px;margin-bottom:24px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.quick-actions{gap:12px;padding:0 20px 20px;display:flex}.btn-quick-call,.btn-quick-text{border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.btn-quick-call{color:#4f46e5;background:#e0e7ff}.btn-quick-text{color:#16a34a;background:#dcfce7}.info-card{grid-template-columns:repeat(2,1fr);gap:16px 12px;padding:20px;display:grid}.info-header{color:#0f172a;grid-column:1/-1;align-items:center;gap:8px;margin-bottom:0;font-size:11px;font-weight:600;display:flex}.info-item{gap:12px;margin-bottom:0;display:flex}.info-item:last-child{margin-bottom:0}@media (width<=640px){.info-card{grid-template-columns:1fr!important}}.history-header{border-bottom:1px solid #e2e8f0;padding:20px}.timeline-container{padding:30px}.timeline-item{gap:20px;margin-bottom:30px;display:flex;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-item:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:20px;bottom:-30px;left:6px}.timeline-item:last-child:before{display:none}.timeline-dot{z-index:1;background:#fff;border:2px solid #4f46e5;border-radius:50%;width:14px;height:14px;margin-top:4px;position:relative}.timeline-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:16px}.timeline-meta{align-items:center;gap:8px;margin-bottom:12px;display:flex}.timeline-type{color:#475569;background:#e2e8f0;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.timeline-date{color:#64748b;font-size:12px}.timeline-remarks{color:#0f172a;margin-bottom:16px;font-size:14px;line-height:1.5}.timeline-next-step{color:#ea580c;background:#ffedd5;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.info-icon{color:#94a3b8;margin-top:2px}.info-content{flex-direction:column;display:flex}.info-content label{color:#94a3b8;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:600}.info-content span{color:#0f172a;font-size:13px;font-weight:500}@media (width<=992px){.profile-content{flex-direction:column!important;align-items:stretch!important;display:flex!important}.profile-sidebar,.profile-main{box-sizing:border-box!important;flex:none!important;width:100%!important;max-width:100%!important}}.services-packages-wrapper{box-sizing:border-box;color:#0f172a;background-color:#f8fafc;width:100%;max-width:100vw;min-height:100vh;padding:24px 32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}.sp-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.sp-title-area{align-items:center;gap:14px;display:flex}.sp-icon-badge{color:#144b79;background:#eaf1f7;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 1px 3px #144b7914}.sp-main-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.sp-subtitle{color:#64748b;margin:0;font-size:13px}.sp-tab-nav{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:4px;padding:4px;display:inline-flex;box-shadow:0 1px 2px #00000008}.sp-tab-btn{color:#64748b;cursor:pointer;box-shadow:none;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.sp-tab-btn:hover{color:#0f172a!important;background:#f8fafc!important}.sp-tab-btn.active{color:#fff!important;background:#144b79!important;box-shadow:0 2px 4px #144b7940!important}.sp-tab-badge{color:#475569;background:#f1f5f9;border-radius:10px;padding:1px 6px;font-size:10.5px}.sp-tab-btn.active .sp-tab-badge{color:#fff;background:#ffffff38}.sp-controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.sp-search-input-wrap{flex:1;min-width:260px;max-width:360px;position:relative}.sp-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sp-search-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:38px;padding:0 12px 0 36px;font-size:13px;transition:all .2s}.sp-search-input:focus{border-color:#144b79;box-shadow:0 0 0 3px #144b791f}.sp-add-btn{cursor:pointer;white-space:nowrap;color:#fff!important;background:#144b79!important;border:none!important;border-radius:8px!important;align-items:center!important;gap:6px!important;padding:9px 18px!important;font-size:13px!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important;box-shadow:0 2px 4px #144b7933!important}.sp-add-btn:hover{transform:translateY(-1px);background:#0f395c!important;box-shadow:0 4px 8px #144b794d!important}.sp-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.sp-item-card{border:1px solid #e2e8f0;border-left:4px solid var(--primary-color,#144b79);background:#fff;border-radius:12px;flex-direction:column;justify-content:space-between;padding:16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.sp-item-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.sp-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.sp-card-title-group{flex-direction:column;gap:4px;display:flex}.sp-card-name{color:#0f172a;text-transform:capitalize;margin:0;font-size:15px;font-weight:700}.sp-card-category-pill{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;width:fit-content;padding:1px 7px;font-size:10.5px;font-weight:600;display:inline-block}.sp-card-price-badge{color:#059669;background:#ecfdf5;border-radius:8px;padding:3px 8px;font-size:15px;font-weight:700;line-height:1.2}.sp-card-body{flex:1;margin-bottom:14px}.sp-dosage-tags{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.sp-dosage-tag{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:2px 7px;font-size:10.5px;font-weight:500}.sp-card-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.sp-card-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:8px;padding-top:12px;display:flex}.sp-action-btn{cursor:pointer;border:none!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;width:30px!important;height:30px!important;padding:0!important;transition:all .15s!important;display:flex!important}.sp-action-btn.edit{color:#144b79!important;background:#eaf1f7!important}.sp-action-btn.edit:hover{color:#fff!important;background:#144b79!important}.sp-action-btn.delete{color:#ef4444!important;background:#fee2e2!important}.sp-action-btn.delete:hover{color:#fff!important;background:#ef4444!important}.sp-action-btn.info{color:#475569!important;background:#f1f5f9!important}.sp-action-btn.info:hover{color:#fff!important;background:#334155!important}.sp-pkg-services-list{color:#334155;flex-direction:column;gap:4px;max-height:150px;margin:8px 0;padding:0;font-size:12.5px;display:flex;overflow-y:auto}.sp-pkg-service-row{border-bottom:1px dashed #f1f5f9;justify-content:space-between;align-items:center;padding:4px 0;display:flex;box-shadow:none!important;background:0 0!important;border-left:none!important;border-radius:0!important;margin:0!important}.sp-pkg-service-row:last-child{border-bottom:none}.sp-pkg-service-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;display:flex;overflow:hidden}.sp-tag-pill{border-radius:4px;padding:1px 5px;font-size:9.5px;font-weight:700}.sp-tag-pill.med{color:#059669;background:#ecfdf5}.sp-tag-pill.extra{color:#dc2626;background:#fee2e2}.extra-services-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin:16px 0;padding:14px}.extra-services-header{color:#334155;margin-bottom:8px;font-size:12.5px;font-weight:600}.extra-services-input-row{gap:8px;margin-bottom:8px;display:flex}.extra-services-list{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.extra-service-item{border-radius:6px;justify-content:space-between;align-items:center;padding:7px 12px;font-size:13px;display:flex;box-shadow:none!important;background:#fff!important;border:1px solid #e2e8f0!important;margin:0!important}.pkg-total-price-box{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;justify-content:space-between;align-items:center;margin-top:16px;padding:10px 16px;display:flex}.pkg-total-label{color:#065f46;font-size:13px;font-weight:600}.pkg-total-value{color:#047857;font-size:18px;font-weight:700}.quick-dosage-tags-wrap{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.quick-dosage-tag-btn{color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:16px;padding:4px 10px;font-size:11px;transition:all .15s}.quick-dosage-tag-btn:hover{color:#0f172a;background:#e2e8f0;border-color:#94a3b8}@media (width<=768px){.services-packages-wrapper{box-sizing:border-box;width:100%;max-width:100vw;padding:14px 12px;overflow-x:hidden}.sp-page-header{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:12px;width:100%}.sp-tab-nav{overflow:hidden;box-sizing:border-box!important;border-radius:10px!important;gap:3px!important;width:100%!important;max-width:100%!important;padding:3px!important;display:flex!important}.sp-tab-btn{white-space:nowrap!important;border-radius:7px!important;flex:1!important;justify-content:center!important;gap:5px!important;min-width:0!important;padding:8px 4px!important;font-size:12px!important}.sp-tab-btn svg{flex-shrink:0!important;width:14px!important;height:14px!important}.sp-controls-bar{flex-direction:column;align-items:stretch}.sp-search-input-wrap{max-width:100%}.sp-controls-bar.sp-controls-inline{flex-flow:row;align-items:center;gap:10px}.sp-controls-inline .sp-search-input-wrap{flex:auto;min-width:0}.sp-controls-inline .sp-add-btn{flex-shrink:0;height:38px;padding:0 14px!important}.sp-cards-grid{grid-template-columns:1fr}}@media (width<=440px){.services-packages-wrapper{padding:12px 10px}.sp-main-title{font-size:18px}.sp-tab-nav{gap:2px!important;padding:3px!important}.sp-tab-btn{letter-spacing:-.2px;gap:3px!important;padding:7px 2px!important;font-size:11.5px!important}.sp-tab-btn svg{width:13px!important;height:13px!important}}.sp-med-controls{flex-wrap:nowrap}.sp-med-controls .sp-search-input-wrap{max-width:480px}.sp-med-actions{flex:1;align-items:center;gap:12px;display:flex}.sp-med-filter{width:180px}.sp-med-actions .sp-add-btn{margin-left:auto}@media (width<=768px){.sp-med-controls{flex-direction:column;align-items:stretch;gap:12px}.sp-med-controls .sp-search-input-wrap{width:100%;min-width:0;max-width:100%}.sp-med-controls .sp-search-input{height:44px;font-size:14px}.sp-med-actions{width:100%}.sp-med-filter{flex:1;width:auto;min-width:0}.sp-med-actions .sp-add-btn{flex-shrink:0;height:38px}}.custom-multi-select-wrapper{width:100%;display:block;position:relative}.custom-multi-select-trigger{box-sizing:border-box;cursor:pointer;width:100%;min-height:40px;color:#0f172a!important;text-align:left!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;padding:8px 12px!important;transition:all .2s!important;display:flex!important;box-shadow:0 1px 2px #0000000a!important}.custom-multi-select-trigger:hover:not(.disabled){border-color:#144b79!important}.custom-multi-select-trigger.open{border-color:#144b79!important;box-shadow:0 0 0 3px #144b791f!important}.custom-multi-select-trigger.disabled{cursor:not-allowed;opacity:.6;color:#94a3b8!important;background:#f1f5f9!important}.multi-select-trigger-content{flex:1;align-items:center;display:flex;overflow:hidden}.multi-select-placeholder{color:#94a3b8;font-size:13px;font-weight:400}.multi-select-selected-preview{align-items:center;gap:8px;display:flex;overflow:hidden}.multi-select-count-badge{color:#144b79;background:#eaf1f7;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:700;line-height:1.3}.multi-select-summary-text{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.multi-select-trigger-icons{flex-shrink:0;align-items:center;gap:6px;display:flex}.multi-select-clear-trigger{color:#94a3b8;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex}.multi-select-clear-trigger:hover{color:#ef4444;background:#fee2e2}.multi-select-chevron{color:#64748b;transition:transform .2s}.multi-select-chevron.up{transform:rotate(180deg)}.custom-multi-select-menu{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex-direction:column;animation:.15s ease-out selectFadeIn;display:flex;overflow:hidden;box-shadow:0 10px 25px -5px #0000001f,0 8px 10px -6px #00000014}.custom-multi-select-menu.open-up{animation:.15s ease-out selectFadeInUp}@keyframes selectFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes selectFadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.multi-select-search-wrap{background:#f8fafc;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:8px 12px;display:flex}.multi-select-search-icon{color:#94a3b8;flex-shrink:0}.multi-select-search-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;padding:2px 0;font-size:13px}.multi-select-search-input::placeholder{color:#94a3b8}.multi-select-search-clear{cursor:pointer;justify-content:center;align-items:center;display:flex;color:#94a3b8!important;background:0 0!important;border:none!important;padding:2px!important}.multi-select-search-clear:hover{color:#0f172a!important}.multi-select-actions-bar{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:6px 12px;font-size:11px;display:flex}.multi-select-count-text{color:#64748b;font-weight:500}.multi-select-actions-btns{gap:8px;display:flex}.multi-select-action-btn{cursor:pointer;color:#144b79!important;background:0 0!important;border:none!important;padding:0!important;font-size:11px!important;font-weight:600!important}.multi-select-action-btn:hover{text-decoration:underline}.multi-select-action-btn.clear{color:#ef4444!important}.multi-select-options-list{max-height:200px;padding:4px;overflow-y:auto}.multi-select-option{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.multi-select-option:hover{background:#f1f5f9}.multi-select-option.selected{background:#f0f7ff}.multi-select-checkbox{background:#fff;border:1.5px solid #cbd5e1;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .15s;display:flex}.multi-select-option:hover .multi-select-checkbox{border-color:#144b79}.multi-select-checkbox.checked{background:#144b79;border-color:#144b79}.multi-select-opt-content{flex:1;justify-content:space-between;align-items:center;gap:8px;display:flex;overflow:hidden}.multi-select-opt-main{align-items:center;gap:6px;display:flex;overflow:hidden}.multi-select-opt-label{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.multi-select-option.selected .multi-select-opt-label{color:#144b79;font-weight:600}.multi-select-opt-category{color:#64748b;white-space:nowrap;background:#f1f5f9;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.multi-select-opt-price{color:#059669;background:#ecfdf5;border-radius:6px;flex-shrink:0;padding:2px 7px;font-size:12px;font-weight:700}.multi-select-empty{text-align:center;color:#94a3b8;padding:24px;font-size:13px}.settings-page-container{box-sizing:border-box;background:#f8fafc;flex-direction:column;gap:24px;width:100%;min-height:100vh;padding:24px;display:flex}.settings-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex;box-shadow:0 1px 3px #0f172a0d}.settings-header-left{align-items:center;gap:16px;display:flex}.settings-icon-badge{width:48px;height:48px;color:var(--primary-color,#144b79);background:#e0f2fe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 6px #144b791f}.settings-title{color:#0f172a;letter-spacing:-.2px;margin:0;font-size:18px;font-weight:700}.settings-subtitle{color:#64748b;margin:4px 0 0;font-size:13px}.settings-toast{z-index:2000;color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-left-width:4px;border-radius:10px;align-items:center;gap:10px;max-width:min(420px,100vw - 32px);padding:12px 14px 12px 16px;font-size:13px;font-weight:600;animation:.25s settingsToastIn;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 10px 25px #0f172a26}.settings-toast>svg{flex-shrink:0}.settings-toast span{overflow-wrap:anywhere;flex:1;min-width:0}.settings-toast-success{border-left-color:#059669}.settings-toast-success>svg{color:#059669}.settings-toast-error{border-left-color:#dc2626}.settings-toast-error>svg{color:#dc2626}button.settings-toast-close,button.settings-toast-close:hover{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}@keyframes settingsToastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.settings-toast{max-width:none;top:12px;left:16px;right:16px}}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;display:grid}.settings-stack{flex-direction:column;gap:20px;min-width:0;display:flex}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:22px;display:flex;box-shadow:0 1px 3px #0f172a0a}.settings-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;display:flex}.settings-card-title-wrap{align-items:center;gap:10px;display:flex}.settings-card-icon{width:32px;height:32px;color:var(--primary-color,#144b79);background:#f0f5fa;border-radius:8px;justify-content:center;align-items:center;display:flex}.settings-card-title{color:#0f172a;margin:0;font-size:15px;font-weight:700}.settings-card-count{color:#475569;background:#f1f5f9;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.settings-fee-group{margin-bottom:18px}.settings-fee-label{color:#334155;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.settings-fee-input-wrap{align-items:center;display:flex;position:relative}.settings-fee-prefix{color:#64748b;pointer-events:none;font-size:15px;font-weight:700;position:absolute;left:14px}.settings-fee-input{color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px 10px 32px;font-size:15px;font-weight:600;transition:all .2s}.settings-fee-input:focus{border-color:var(--primary-color,#144b79);box-shadow:0 0 0 3px #144b791a}.settings-btn-save{background:var(--primary-color,#144b79);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .2s}.settings-btn-save:hover{background:var(--primary-color,#144b79)}.settings-fee-desc{color:#64748b;margin-top:8px;font-size:12px;line-height:1.4}.category-add-bar{gap:8px;margin-bottom:16px;display:flex}.category-add-input{color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;flex:1;padding:9px 12px;font-size:13px;transition:all .2s}.category-add-input:focus{border-color:var(--primary-color,#144b79);box-shadow:0 0 0 3px #144b791a}.category-add-btn{background:var(--primary-color,#144b79);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0 14px;transition:all .2s;display:flex}.category-add-btn:hover{background:#0f395c;box-shadow:0 2px 6px #144b7940}.category-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.category-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .15s;display:flex}.category-item:hover{background:#f1f5f9;border-color:#cbd5e1}.category-item-name{color:#1e293b;text-transform:capitalize;align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.category-bullet{background:var(--primary-color,#144b79);border-radius:50%;width:6px;height:6px}.category-actions{align-items:center;gap:4px;display:flex}.category-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.category-btn-edit{color:#0284c7}.category-btn-edit:hover{background:#e0f2fe}.category-btn-delete{color:#ef4444}.category-btn-delete:hover{background:#fee2e2}.category-edit-form{align-items:center;gap:6px;width:100%;display:flex}.category-edit-input{border:1.5px solid var(--primary-color,#144b79);color:#0f172a;background:#fff;border-radius:6px;outline:none;flex:1;padding:6px 10px;font-size:13px}.category-edit-save{color:#10b981;cursor:pointer;background:#ecfdf5;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.category-edit-save:hover{background:#d1fae5}.category-edit-cancel{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.category-edit-cancel:hover{color:#0f172a;background:#e2e8f0}.category-empty-state{text-align:center;color:#94a3b8;padding:24px 12px;font-size:13px;font-style:italic}@media (width<=640px){.settings-page-container{gap:12px;padding:10px}.settings-header-card{gap:10px;padding:12px 14px}.settings-header-left{gap:10px}.settings-icon-badge{border-radius:10px;width:36px;height:36px}.settings-icon-badge svg{width:18px;height:18px}.settings-title{font-size:16px}.settings-subtitle{margin-top:2px;font-size:12px}.settings-grid,.settings-stack{gap:12px}.settings-card{border-radius:10px;padding:14px}.settings-card-header{margin-bottom:12px;padding-bottom:10px}.settings-card-icon{width:28px;height:28px}.settings-card-title{font-size:14px}.settings-fee-group{margin-bottom:12px}.settings-fee-label{margin-bottom:6px}.category-add-bar{margin-bottom:10px}.category-list{gap:6px}.category-item{padding:8px 10px}.category-empty-state{padding:14px 10px}}.perm-card{grid-column:1/-1}.perm-toolbar{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:12px;display:flex}.perm-field{flex-direction:column;gap:6px;width:180px;min-width:0;display:flex}.perm-field .settings-fee-label{margin:0}.perm-field-name{width:300px}.perm-bulk{gap:8px;margin-left:auto;display:flex}.perm-link-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600}.perm-link-btn:hover{color:#475569;background:#f8fafc}.perm-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));align-items:start;gap:10px;display:grid}.perm-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;transition:all .15s;position:relative}.perm-item-open{border-color:var(--primary-color,#144b79)}.perm-item-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.perm-item-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.perm-options-btn{color:var(--primary-color,#144b79);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #c7d7e8;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.perm-options-btn.active{background:var(--primary-color,#144b79);color:#fff}.perm-options-btn:not(.active):hover{color:var(--primary-color,#144b79);background:#fff}.perm-actions{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.perm-actions li{box-shadow:none;background:0 0;border:none;border-radius:0;margin:0;padding:0}.perm-action-row{color:#475569;cursor:pointer;align-items:flex-start;gap:8px;font-size:12px;line-height:1.4;display:flex}.perm-action-row input{accent-color:var(--primary-color,#144b79);flex-shrink:0;margin-top:2px}.perm-item-on{background:#f0f5fa;border-color:#c7d7e8}.perm-item-name{color:#334155;overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:600;line-height:1.3;display:flex}.perm-item-name svg{flex-shrink:0}.perm-switch{flex-shrink:0;width:36px;height:20px;position:relative}.perm-switch input{opacity:0;width:0;height:0}.perm-slider{background:#cbd5e1;border-radius:20px;transition:background .2s;position:absolute;inset:0}.perm-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.perm-switch input:checked+.perm-slider{background:var(--primary-color,#144b79)}.perm-switch input:checked+.perm-slider:before{transform:translate(16px)}.perm-footer{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;padding-top:16px;display:flex}.perm-footer-actions{gap:10px;margin-left:auto;display:flex}.perm-footer-actions button{white-space:nowrap}.perm-reset-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600}.perm-reset-btn:hover{color:#475569;background:#fff}.perm-reset-btn:disabled,.perm-reset-btn:disabled:hover{color:#cbd5e1;cursor:not-allowed;background:#fff;border-color:#e2e8f0}.perm-card .settings-btn-save:disabled,.perm-card .settings-btn-save:disabled:hover{color:#94a3b8;box-shadow:none;cursor:not-allowed;background:#e2e8f0}.perm-status{border-radius:8px;flex:260px;min-width:0;padding:8px 12px;font-size:13px;font-weight:600}.perm-status-dirty{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.perm-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.perm-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:480px;max-height:calc(100vh - 32px);padding:20px;display:flex;box-shadow:0 20px 40px #0f172a40}.perm-modal-header{margin-bottom:14px}.perm-modal-title{color:#0f172a;font-size:16px;font-weight:700}.perm-modal-sub{color:#64748b;margin-top:2px;font-size:12px}.perm-mode{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.perm-mode-option{cursor:pointer;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.perm-mode-option.active{border-color:var(--primary-color,#144b79);background:#f0f5fa}.perm-mode-option input{accent-color:var(--primary-color,#144b79);margin-top:3px}.perm-mode-option strong{color:#0f172a;font-size:13px;display:block}.perm-mode-option small{color:#64748b;font-size:11px}.perm-modal-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:auto;min-height:0;padding:12px;overflow-y:auto}.perm-action-locked{cursor:default;opacity:.75}.perm-modal-footer{justify-content:flex-end;align-items:center;gap:10px;margin-top:16px;display:flex}.perm-modal-count{color:#475569;margin-right:auto;font-size:12px;font-weight:600}.perm-modal-hint{color:#92400e;text-align:right;margin:10px 0 0;font-size:11px}@media (width<=640px){.perm-toolbar{gap:8px;margin-bottom:8px}.perm-field{flex:calc(50% - 4px);gap:4px;width:auto}.perm-field-name{flex-basis:calc(50% - 4px)}.perm-bulk{gap:8px;width:100%;margin-left:0}.perm-bulk .perm-link-btn{flex:1;padding:7px 10px}.perm-card .settings-fee-desc{font-size:11.5px;margin-bottom:10px!important}.perm-grid{gap:6px}.perm-item{padding:8px 10px}.perm-item-name{gap:6px;font-size:12.5px}.perm-footer{gap:8px;margin-top:12px;padding-top:12px}.perm-status{flex-basis:100%;padding:6px 10px;font-size:12px}.perm-footer-actions{gap:8px;width:100%}.perm-footer-actions button{flex:1;padding:9px 10px}.perm-modal-overlay{padding:10px}.perm-modal{max-height:calc(100vh - 20px);padding:14px}.perm-modal-header,.perm-mode{margin-bottom:10px}.perm-mode{gap:8px}.perm-mode-option{padding:8px 10px}.perm-modal-list{padding:10px}.perm-modal-footer{gap:8px;margin-top:12px}}@media (width<=480px){.perm-mode{grid-template-columns:1fr}}.task-assign-table-wrap{border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.task-assign-table{border-collapse:collapse;width:100%;font-size:13px}.task-assign-table th,.task-assign-table td{text-align:center;border-bottom:1px solid #e2e8f0;padding:12px 14px}.task-assign-table tbody tr:last-child th,.task-assign-table tbody tr:last-child td{border-bottom:none}.task-assign-table thead th{color:#0f172a;background:#f8fafc;font-weight:700}.task-assign-corner{min-width:150px;text-align:left!important}.task-assign-corner span{color:#64748b;font-size:11px;font-weight:600;display:block}.task-assign-row-head{color:#0f172a;background:#f8fafc;font-weight:700;text-align:left!important}.task-assign-check{cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.task-assign-check input{cursor:pointer;width:18px;height:18px;accent-color:var(--primary-color,#144b79)}.task-assign-table td.task-assign-changed{background:#fffbeb}.task-assign-summary{color:#334155;flex-direction:column;gap:4px;margin:14px 0 0;padding-left:18px;font-size:12.5px;display:flex}.task-assign-note{color:#64748b;margin:10px 0 0;font-size:11.5px}.attendance-page-container{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;display:flex}.attendance-page-header{box-sizing:border-box;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;width:100%;padding-bottom:2px;display:flex}.attendance-header-left{align-items:center;gap:14px;display:flex}.attendance-header-icon-badge{color:#0284c7;background:#e0f2fe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 2px 6px #0284c726}.attendance-page-title{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:20px;font-weight:700}.attendance-page-subtitle{color:#64748b;margin:3px 0 0;font-size:13px}.attendance-sync-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.attendance-sync-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#94a3b8}.attendance-sync-btn:disabled{opacity:.6;cursor:not-allowed}.attendance-tabs-wrap{-webkit-user-select:none;user-select:none;background:#f1f5f9;border-radius:10px;align-items:center;gap:6px;width:fit-content;padding:4px;display:flex}.attendance-tab-btn{cursor:pointer;white-space:nowrap;text-transform:capitalize;border-radius:8px;padding:7px 18px;font-size:13px;font-weight:500;color:#64748b!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;transition:all .15s!important}.attendance-tab-btn:hover{color:#334155!important;background:#fff9!important}.attendance-tab-btn.active,.attendance-tab-btn.active:hover{font-weight:600;color:#0f172a!important;background:#fff!important;box-shadow:0 1px 3px #00000014!important}.attendance-calendar-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:14px;padding:18px 20px;display:flex;box-shadow:0 1px 3px #0000000a}.calendar-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.calendar-month-controls{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.calendar-month-heading{color:#0f172a;letter-spacing:-.2px;margin:0;font-size:17px;font-weight:700}.calendar-mode-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;padding:3px;display:inline-flex}.calendar-mode-btn{cursor:pointer;letter-spacing:.4px;color:#64748b;background:0 0;border:none;border-radius:6px;padding:4px 14px;font-size:11px;font-weight:700;transition:all .15s}.calendar-mode-btn.active{background:var(--primary-color,#144b79);color:#fff;box-shadow:0 1px 2px #144b7933}.calendar-nav-arrows{align-items:center;gap:6px;display:flex}.cal-nav-arrow-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;box-shadow:0 1px 2px #00000008}.cal-nav-arrow-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.attendance-grid-scroll{padding-bottom:4px;overflow-x:auto}.attendance-grid-wrap{min-width:680px}.attendance-weekdays-row{text-align:center;color:#64748b;letter-spacing:.5px;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:8px;font-size:11.5px;font-weight:700;display:grid}.attendance-days-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal-empty-slot{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;min-height:60px}.cal-day-cell{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:flex-start;min-height:60px;padding:8px 10px;transition:all .15s;display:flex}.cal-day-cell:hover:not(.selected){background:#f8fafc;border-color:#cbd5e1}.cal-day-cell.selected{background:#eff6ff;border:1.5px solid #3b82f6;box-shadow:0 1px 3px #3b82f626}.day-num-badge{border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;margin-bottom:4px;font-size:11.5px;font-weight:700;display:inline-flex}.day-num-badge.key-day{background:var(--primary-color,#144b79);color:#fff}.day-num-badge.normal{color:#334155}.cal-day-cell.selected .day-num-badge.normal{color:#1d4ed8;font-weight:800}.day-attendance-badges{flex-wrap:wrap;gap:4px;margin-top:auto;font-size:10px;font-weight:700;display:flex}.att-chip{border-radius:10px;padding:2px 7px;line-height:1.3}.att-chip.present{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.att-chip.half{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.att-chip.leave{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}.chip-text-full{display:inline}.chip-text-mini{display:none}.attendance-stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.att-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:16px 20px;transition:transform .15s;display:flex;box-shadow:0 1px 3px #0000000a}.att-stat-card:hover{transform:translateY(-1px)}.att-stat-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.att-stat-card.present .att-stat-icon-wrap{color:#10b981;background:#ecfdf5}.att-stat-card.full .att-stat-icon-wrap{color:#16a34a;background:#f0fdf4}.att-stat-card.half .att-stat-icon-wrap{color:#f59e0b;background:#fffbeb}.att-stat-card.leaves .att-stat-icon-wrap{color:#3b82f6;background:#eff6ff}.att-stat-info{flex-direction:column;display:flex}.att-stat-label{letter-spacing:.5px;color:#64748b;text-transform:uppercase;font-size:11px;font-weight:700}.att-stat-val{color:#0f172a;margin-top:2px;font-size:22px;font-weight:700;line-height:1.1}.attendance-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.att-table-header-bar{background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.att-marking-title{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:700;display:flex}.att-marking-title svg{color:var(--primary-color,#144b79)}.att-marking-date-picker{align-items:center;gap:8px;display:flex}.att-table{border-collapse:collapse;text-align:left;width:100%;min-width:720px}.att-table th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 18px;font-size:11.5px;font-weight:600}.att-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px}.att-table tbody tr{transition:background-color .15s}.att-table tbody tr:hover td{background:#f8fafc}.att-user-cell{align-items:center;gap:12px;display:flex}.att-user-avatar{color:#0284c7;background:#e0f2fe;border:1px solid #bae6fd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.att-user-info{flex-direction:column;display:flex}.att-user-name{color:#0f172a;font-size:13.5px;font-weight:600}.att-user-sub{color:#64748b;font-size:11.5px}.att-role-badge{color:#0284c7;font-weight:700}.att-user-timing{color:#64748b;margin-top:2px;font-size:11px;font-weight:500}.att-timing-block{font-size:12px}.timing-row{flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.timing-tag.in{color:#15803d;font-weight:700}.timing-tag.out{color:#b91c1c;font-weight:700}.timing-val{color:#0f172a;font-weight:600}.timing-expected{color:#64748b;margin-top:3px;font-size:11px}.att-action-group{align-items:center;gap:5px;display:inline-flex}.att-act-btn{cursor:pointer;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .15s;box-shadow:0 1px 2px #00000008}.att-act-btn:hover:not(.active){color:#0f172a;background:#f8fafc;border-color:#94a3b8}.att-act-btn.active.full{box-shadow:0 1px 2px #10b98140;color:#fff!important;background:#10b981!important;border-color:#059669!important}.att-act-btn.active.half{box-shadow:0 1px 2px #f59e0b40;color:#fff!important;background:#f59e0b!important;border-color:#d97706!important}.att-act-btn.active.leave{box-shadow:0 1px 2px #ef444440;color:#fff!important;background:#ef4444!important;border-color:#dc2626!important}.att-edit-icon-btn{color:#144b79;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-left:6px;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.att-edit-icon-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 5px #3b82f626}.att-status-badge{white-space:nowrap;letter-spacing:.3px;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.att-status-badge.present{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.att-status-badge.half{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.att-status-badge.leave{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.att-status-badge.none{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.att-desktop-table-wrap{display:block;overflow-x:auto}.att-mobile-cards-wrap{display:none}.att-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:14px 16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0f172a0a}.att-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0f172a12}.att-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.att-card-user{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.att-card-user-info{flex-direction:column;gap:2px;min-width:0;display:flex}.att-card-user-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:1.3;overflow:hidden}.att-card-user-meta{color:#64748b;align-items:center;gap:6px;min-width:0;font-size:11.5px;display:flex}.att-card-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.att-card-status{flex-shrink:0}.att-card-range-date{color:#475569;align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:flex}.att-card-schedule-pill{color:#0369a1;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;font-weight:500;display:flex}.att-card-timing-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px}.att-card-shifts-list{flex-direction:column;gap:8px;display:flex}.att-card-shift-row{border-bottom:1px dashed #e2e8f0;flex-direction:column;gap:3px;padding-bottom:6px;display:flex}.att-card-shift-row:last-child{border-bottom:none;padding-bottom:0}.att-card-shift-title{color:#64748b;font-size:10.5px;font-weight:700}.att-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:10px;display:flex}.att-card-footer .att-card-action-group,.att-card-footer .att-action-group{flex:1;align-items:center;gap:8px;display:flex}.att-card-footer .att-card-action-group .att-act-btn,.att-card-footer .att-action-group .att-act-btn,.att-card-footer .att-act-btn{text-align:center;color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex:1;padding:6px 4px;font-size:11px;font-weight:700;transition:all .15s;box-shadow:0 1px 2px #0000000a}@media (width<=1024px){.attendance-page-header{flex-flow:row!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;width:100%!important;display:flex!important}.attendance-header-left{flex:auto!important;align-items:center!important;gap:10px!important;min-width:0!important;display:flex!important;overflow:hidden!important}.attendance-header-icon-badge{border-radius:10px!important;flex-shrink:0!important;width:38px!important;height:38px!important}.attendance-page-title{white-space:nowrap!important;text-overflow:ellipsis!important;min-width:0!important;margin:0!important;font-size:16.5px!important;overflow:hidden!important}.attendance-sync-btn{white-space:nowrap!important;flex-shrink:0!important;justify-content:center!important;width:auto!important;margin-left:auto!important;padding:7px 12px!important;font-size:12.5px!important}.attendance-tabs-wrap{width:100%;overflow-x:auto}.att-table-header-bar{flex-direction:column;align-items:flex-start;gap:10px}.att-marking-date-picker{width:100%}.att-desktop-table-wrap{display:none!important}.att-mobile-cards-wrap{padding-top:8px;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;display:grid!important}.attendance-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.attendance-calendar-card{padding:14px 12px!important}.attendance-grid-scroll{width:100%!important;overflow-x:hidden!important}.attendance-grid-wrap{width:100%!important;min-width:0!important}.attendance-weekdays-row{gap:4px!important;margin-bottom:6px!important;font-size:10.5px!important}.attendance-days-grid{gap:4px!important}.cal-empty-slot{min-height:44px!important}.cal-day-cell{min-height:44px!important;padding:4px 2px!important}.day-num-badge{width:20px!important;height:20px!important;margin-bottom:2px!important;font-size:11px!important}.att-card-footer .att-card-action-group,.att-card-footer .att-action-group{gap:6px!important}.day-attendance-badges{flex-flow:wrap!important;justify-content:center!important;align-items:center!important;gap:3px!important;display:flex!important}.att-chip{box-sizing:border-box!important;border-radius:4px!important;justify-content:center!important;align-items:center!important;min-width:16px!important;height:16px!important;padding:1px 4px!important;font-size:9px!important;font-weight:800!important;display:inline-flex!important}.chip-text-full{display:none!important}.chip-text-mini{text-align:center!important;font-weight:800!important;line-height:1!important;display:inline!important}}@media (width<=639px){.attendance-page-header{box-sizing:border-box!important;flex-flow:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;padding-bottom:2px!important;display:flex!important}.attendance-header-left{flex:auto!important;align-items:center!important;gap:8px!important;min-width:0!important;display:flex!important;overflow:hidden!important}.attendance-header-icon-badge{border-radius:8px!important;flex-shrink:0!important;width:32px!important;height:32px!important}.attendance-header-icon-badge svg{width:16px!important;height:16px!important}.attendance-page-title{white-space:nowrap!important;text-overflow:ellipsis!important;min-width:0!important;margin:0!important;font-size:14.5px!important;overflow:hidden!important}.attendance-sync-btn{white-space:nowrap!important;flex-shrink:0!important;gap:4px!important;margin-left:auto!important;padding:6px 11px!important;font-size:12px!important}.att-mobile-cards-wrap{grid-template-columns:1fr!important;gap:10px!important}.attendance-calendar-card{padding:10px 6px!important}.calendar-month-heading{font-size:15px!important}.calendar-mode-btn{padding:3px 8px!important;font-size:10px!important}.cal-nav-arrow-btn{width:28px!important;height:28px!important}.attendance-weekdays-row{gap:2px!important;margin-bottom:4px!important;font-size:9px!important}.attendance-days-grid{gap:2px!important}.cal-empty-slot{min-height:36px!important}.cal-day-cell{border-radius:6px!important;min-height:36px!important;padding:2px 1px!important}.day-num-badge{border-radius:3px!important;width:18px!important;height:18px!important;margin-bottom:1px!important;font-size:10px!important}.att-card-footer .att-card-action-group,.att-card-footer .att-action-group{gap:6px!important}.day-attendance-badges{flex-flow:wrap!important;justify-content:center!important;align-items:center!important;gap:2px!important;display:flex!important}.att-chip{box-sizing:border-box!important;border-radius:3px!important;justify-content:center!important;align-items:center!important;min-width:14px!important;height:14px!important;padding:1px 3px!important;font-size:8.5px!important;font-weight:800!important;line-height:1!important;display:inline-flex!important}.att-stat-card{gap:10px!important;padding:12px 14px!important}.att-stat-icon-wrap{width:36px!important;height:36px!important}.att-stat-label{font-size:10px!important}.att-stat-val{font-size:18px!important}}.checklist-page-container{padding:0}.checklist-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.checklist-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000008}.checklist-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.checklist-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.checklist-card-title{align-items:flex-start;gap:12px;display:flex}.icon-wrapper{color:#0284c7;background:#e0f2fe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.checklist-card-title h3{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:700;line-height:1.3}.created-date{color:#64748b;font-size:12px}.checklist-card-actions{gap:6px;display:flex}.checklist-card-actions button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.checklist-card-actions button:hover{color:#0284c7;background:#f1f5f9}.checklist-card-actions button:last-child:hover{color:#ef4444;background:#fef2f2}.checklist-card-body{flex:1;padding:20px}.items-count{color:#64748b;letter-spacing:.5px;margin-bottom:12px;font-size:11px;font-weight:700}.checklist-items-preview{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.checklist-items-preview li{color:#334155;align-items:flex-start;gap:4px;font-size:12px;line-height:1.4;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.check-circle{border:1.5px solid #cbd5e1;border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:3px;display:inline-block}.more-items{margin-top:4px;padding-left:22px;font-style:italic;color:#94a3b8!important;font-size:12px!important}.checklist-modal{border-radius:12px;width:90%;max-width:500px;padding:0;overflow:hidden}.checklist-modal .modal-header{background:#fff;border-bottom:1px solid #e2e8f0;margin:0;padding:16px 20px}.checklist-modal .modal-header h3{color:#0f172a;margin:0;font-size:16px}.payroll-page-container{box-sizing:border-box;background:#f8fafc;flex-direction:column;gap:20px;width:100%;min-height:100vh;padding:24px;display:flex}.payroll-engine-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;display:flex;box-shadow:0 1px 3px #0f172a0d}.payroll-engine-left{align-items:center;gap:16px;display:flex}.payroll-engine-icon-badge{width:48px;height:48px;color:var(--primary-color,#144b79);background:#e0f2fe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 6px #144b791f}.payroll-engine-title{color:#0f172a;letter-spacing:-.2px;margin:0;font-size:17px;font-weight:700}.payroll-engine-subtitle{color:#64748b;margin:3px 0 0;font-size:13px}.payroll-month-navigator{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:4px 8px;display:flex;box-shadow:inset 0 1px 2px #00000005}.payroll-month-nav-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.payroll-month-nav-btn:hover{color:#0f172a;background:#fff;border-color:#cbd5e1;box-shadow:0 1px 3px #0000000d}.payroll-month-label{color:#1e293b;text-align:center;-webkit-user-select:none;user-select:none;min-width:120px;font-size:13px;font-weight:600}.payroll-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.payroll-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;padding:18px 20px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 1px 3px #0f172a0a}.payroll-stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0f}.payroll-stat-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.payroll-stat-label{text-transform:uppercase;letter-spacing:.6px;color:#64748b;font-size:11px;font-weight:700}.payroll-stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.payroll-stat-value{margin-bottom:4px;font-size:24px;font-weight:700;line-height:1.2}.payroll-stat-desc{color:#94a3b8;font-size:11px;font-weight:500}.stat-payroll .payroll-stat-icon{color:#3b82f6;background:#eff6ff}.stat-payroll .payroll-stat-value{color:#2563eb}.stat-working .payroll-stat-icon{color:#8b5cf6;background:#f5f3ff}.stat-working .payroll-stat-value{color:#7c3aed}.stat-accrued .payroll-stat-icon{color:#f59e0b;background:#fffbeb}.stat-accrued .payroll-stat-value{color:#d97706}.stat-paid .payroll-stat-icon{color:#10b981;background:#ecfdf5}.stat-paid .payroll-stat-value{color:#059669}.payroll-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.payroll-tabs-wrap{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:4px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.payroll-tab-btn{cursor:pointer;color:#64748b;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s}.payroll-tab-btn:hover:not(.active){color:#1e293b;background:#fff9}.payroll-tab-btn.active{background:var(--primary-color,#144b79);color:#fff;box-shadow:0 2px 5px #144b7933}.payroll-search-box{align-items:center;display:flex;position:relative}.payroll-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.payroll-search-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:240px;padding:8px 14px 8px 36px;font-size:13px;font-weight:500;transition:all .2s}.payroll-search-input:focus{border-color:var(--primary-color,#144b79);box-shadow:0 0 0 3px #144b791a}.payroll-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;right:10px}.payroll-search-clear:hover{color:#475569}.payroll-group-section{margin-bottom:24px}.payroll-group-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.payroll-group-accent{background:var(--primary-color,#144b79);border-radius:2px;width:4px;height:18px}.payroll-group-title{color:#0f172a;letter-spacing:.3px;margin:0;font-size:14px;font-weight:700}.payroll-group-count{color:#475569;background:#e2e8f0;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.payroll-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0f172a0a}.payroll-table{border-collapse:collapse;text-align:left;width:100%;min-width:900px}.payroll-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.payroll-table th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;padding:12px 18px;font-size:11px;font-weight:700}.payroll-table th.text-right{text-align:right}.payroll-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .15s}.payroll-table tbody tr:last-child{border-bottom:none}.payroll-table tbody tr:hover{background-color:#f8fafc}.payroll-table td{vertical-align:middle;padding:14px 18px}.emp-info-wrap{align-items:center;gap:12px;display:flex}.emp-avatar-badge{border:1.5px solid var(--primary-color,#144b79);width:38px;height:38px;color:var(--primary-color,#144b79);background:#f0f5fa;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.emp-name-text{color:#0f172a;font-size:13.5px;font-weight:700;line-height:1.3}.emp-meta-text{color:#64748b;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;font-size:11.5px;display:flex}.emp-timing-badge{color:#475569;text-transform:capitalize;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:1px 7px;font-size:10.5px;font-weight:600}.shift-time-list{color:#475569;flex-direction:column;gap:4px;font-size:12px;display:flex}.shift-time-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;align-items:center;gap:6px;width:fit-content;padding:3px 8px;font-weight:500;display:inline-flex}.month-stats-grid{align-items:center;gap:12px;font-size:11px;display:flex}.month-stat-box{flex-direction:column;align-items:center;min-width:44px;display:flex}.month-stat-lbl{color:#64748b;letter-spacing:.2px;margin-bottom:2px;font-size:10px;font-weight:700}.month-stat-val{text-align:center;border-radius:4px;min-width:24px;padding:2px 6px;font-size:13px;font-weight:700}.stat-val-present{color:#059669;background:#ecfdf5}.stat-val-half{color:#d97706;background:#fffbeb}.stat-val-holiday{color:#7c3aed;background:#f5f3ff}.stat-val-leave{color:#dc2626;background:#fef2f2}.total-days-badge{color:#0f172a;font-size:13px;font-weight:700}.total-days-sub{color:#94a3b8;font-size:11px;font-weight:500}.live-balance-badge{color:#0f172a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:14px;font-weight:700;display:inline-flex}.payroll-actions-wrap{justify-content:flex-end;align-items:center;gap:8px;display:flex}.payroll-btn-logs{width:34px;height:34px;color:var(--primary-color,#144b79);cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.payroll-btn-logs:hover{border-color:var(--primary-color,#144b79);background:#f0f5fa}.payroll-btn-pay{background:var(--primary-color,#144b79);color:#fff;cursor:pointer;letter-spacing:.3px;border:none;border-radius:7px;padding:7px 14px;font-size:11.5px;font-weight:700;transition:all .2s;box-shadow:0 1px 3px #144b7933}.payroll-btn-pay:hover{background:#0f395c;box-shadow:0 2px 6px #144b794d}.desktop-table-view{display:block}.mobile-card-view{display:none}.payroll-mobile-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:16px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0f172a0a}.payroll-mobile-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0f}.payroll-mobile-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.payroll-mobile-grid{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;padding:10px 12px;display:grid}.payroll-mobile-stats-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;margin-bottom:14px;padding:8px 10px;display:flex}.payroll-mobile-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.payroll-drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0f172a73;animation:.2s fadeIn;position:fixed;inset:0}.payroll-drawer{z-index:1001;background:#fff;flex-direction:column;width:100%;max-width:440px;animation:.25s slideLeft;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-6px 0 24px #0f172a26}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.payroll-drawer-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.payroll-drawer-title-wrap{align-items:center;gap:10px;display:flex}.payroll-drawer-icon{width:36px;height:36px;color:var(--primary-color,#144b79);background:#e0f2fe;border-radius:8px;justify-content:center;align-items:center;display:flex}.payroll-drawer-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}.payroll-drawer-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.payroll-drawer-close:hover{color:#0f172a;background:#e2e8f0}.payroll-drawer-top-banner{background:#fff;border-bottom:1px solid #e2e8f0;padding:18px 22px}.payroll-btn-download-pdf{border:1.5px solid var(--primary-color,#144b79);width:100%;color:var(--primary-color,#144b79);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:14px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.payroll-btn-download-pdf:hover{background:#f0f5fa;transform:translateY(-1px);box-shadow:0 2px 6px #144b791f}.drawer-emp-meta{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px}.drawer-emp-name{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:700}.drawer-emp-shifts{color:#64748b;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.drawer-emp-month{color:var(--primary-color,#144b79);text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:700}.payroll-drawer-content{flex:1;padding:18px 22px;overflow-y:auto}.log-item-row{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:14px;padding:12px 0;display:flex}.log-item-row:last-child{border-bottom:none}.log-date-col{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;width:44px;padding:4px 2px}.log-date-day{text-transform:uppercase;color:#94a3b8;font-size:9.5px;font-weight:700}.log-date-num{color:#0f172a;font-size:16px;font-weight:700;line-height:1.1}.log-info-col{flex:1}.log-status-wrap{align-items:center;gap:6px;margin-bottom:3px;display:flex}.log-status-text{color:#0f172a;font-size:12.5px;font-weight:700}.log-timing-text{color:#64748b;font-size:11.5px}.log-hours-col{color:#64748b;background:#f1f5f9;border-radius:6px;align-self:center;padding:2px 8px;font-size:12px;font-weight:700}@media (width<=1024px){.desktop-table-view{display:none}.mobile-card-view{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;display:grid!important}.payroll-page-container{gap:14px;padding:14px}.payroll-engine-card{flex-wrap:nowrap!important;gap:10px!important;padding:12px 16px!important}.payroll-engine-left{gap:10px!important;min-width:0!important}.payroll-engine-icon-badge{border-radius:10px!important;width:38px!important;height:38px!important}.payroll-engine-title{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:16px!important;overflow:hidden!important}.payroll-month-navigator{flex-shrink:0!important;gap:4px!important;padding:3px 6px!important}.payroll-month-nav-btn{width:28px!important;height:28px!important}.payroll-month-label{min-width:95px!important;font-size:12px!important}.payroll-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.payroll-stat-card{border-radius:10px!important;padding:12px 14px!important}.payroll-stat-label{font-size:10px!important}.payroll-stat-icon{width:28px!important;height:28px!important}.payroll-stat-value{font-size:18px!important}.payroll-stat-desc{font-size:10.5px!important}}@media (width<=639px){.mobile-card-view{grid-template-columns:1fr!important;gap:12px!important}.payroll-engine-card{padding:10px 12px!important}.payroll-engine-icon-badge{width:34px!important;height:34px!important}.payroll-engine-title{font-size:15px!important}.payroll-month-navigator{padding:2px 4px!important}.payroll-month-nav-btn{width:26px!important;height:26px!important}.payroll-month-label{min-width:80px!important;font-size:11px!important}.payroll-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.payroll-stat-card{padding:10px 12px!important}.payroll-stat-value{font-size:16px!important}.payroll-stat-desc{display:none!important}.payroll-filter-bar{flex-direction:column;align-items:stretch;gap:10px}.payroll-tabs-wrap{width:100%;overflow-x:auto}.payroll-search-box,.payroll-search-input{width:100%}}.incentive-stack{flex-direction:column;gap:6px;min-width:250px;display:flex}.incentive-row{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:7px 8px 7px 7px;transition:border-color .15s,box-shadow .15s;display:flex}.incentive-row:hover{border-color:#cbd5e1;box-shadow:0 2px 6px #0f172a0d}.incentive-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.incentive-sales .incentive-icon{color:#2563eb;background:#eff6ff}.incentive-leads .incentive-icon{color:#7c3aed;background:#f5f3ff}.incentive-body{flex:1;min-width:0;line-height:1.25}.incentive-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;font-size:10px;font-weight:700}.incentive-rate{color:#475569;letter-spacing:0;background:#f1f5f9;border-radius:4px;margin-left:2px;padding:0 5px;font-size:9.5px}.incentive-value{color:#0f172a;white-space:nowrap;font-size:13.5px;font-weight:700}.incentive-count{color:#94a3b8;font-size:11px;font-weight:500}.incentive-earned{color:#10b981;font-size:11px;font-weight:600}.incentive-add-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;min-width:64px;padding:5px 10px;line-height:1.2;transition:all .15s;display:flex}.incentive-add-btn:hover{color:#0f172a;background:#e2e8f0}.incentive-add-btn.has-pending{border-color:var(--primary-color,#144b79);background:var(--primary-color,#144b79);color:#fff;box-shadow:0 2px 5px #144b7940}.incentive-add-btn.has-pending:hover{background:#0f395c}.incentive-add-main{font-size:11.5px;font-weight:700}.incentive-add-due{color:#fde68a;font-size:9.5px;font-weight:600}.incentive-mobile-wrap{margin:10px 0}.incentive-mobile-wrap .incentive-stack{min-width:0}.call-logs-container{box-sizing:border-box;background:#f8fafc;min-height:calc(100vh - 64px);padding:24px}.call-logs-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.call-logs-header-left{align-items:center;gap:14px;display:flex}.call-logs-header-icon{width:44px;height:44px;color:var(--primary-color,#144b79);background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;display:flex;box-shadow:0 1px 3px #144b791a}.call-logs-title{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:22px;font-weight:700}.call-logs-subtitle{color:#64748b;margin:3px 0 0;font-size:13.5px}.call-logs-btn-primary{background:var(--primary-color,#144b79);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:600;transition:opacity .2s;display:inline-flex;box-shadow:0 2px 6px #144b7938}.call-logs-btn-primary:hover{opacity:.92}.call-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.call-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:18px 20px;display:flex;box-shadow:0 1px 3px #00000008}.call-stat-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.call-stat-card.total .call-stat-icon-wrap{color:#2563eb;background:#eff6ff}.call-stat-card.answered .call-stat-icon-wrap{color:#059669;background:#ecfdf5}.call-stat-card.dnp .call-stat-icon-wrap{color:#d97706;background:#fffbeb}.call-stat-card.wrong .call-stat-icon-wrap{color:#dc2626;background:#fef2f2}.call-stat-info{flex-direction:column;display:flex}.call-stat-label{color:#64748b;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:700}.call-stat-val{color:#0f172a;margin-top:2px;font-size:26px;font-weight:800;line-height:1.15}.call-stat-card.answered .call-stat-val{color:#059669}.call-stat-card.dnp .call-stat-val{color:#d97706}.call-stat-card.wrong .call-stat-val{color:#dc2626}.call-filters-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;padding:16px 18px;display:flex;box-shadow:0 1px 3px #00000008}.call-search-wrap{flex:1.4;min-width:250px;position:relative}.call-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.call-search-input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px 10px 38px;font-size:13.5px;color:#0f172a!important;background:#fff!important}.call-search-input:focus{border-color:#94a3b8}.call-filter-group{flex-wrap:wrap;flex:2;align-items:center;gap:12px;display:flex}.call-filter-item{flex:1;min-width:140px}.call-select-wrap{width:100%;position:relative}.call-select-trigger,.call-select-trigger:hover,.call-select-trigger:focus,.call-select-trigger:active,.call-select-trigger.active{box-sizing:border-box;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:9.5px 12px;font-size:13px;font-weight:500;display:flex;color:#0f172a!important;box-shadow:none!important;background:#fff!important;border:1px solid #cbd5e1!important;outline:none!important}.call-select-label-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.call-select-dropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;max-height:260px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000a}.call-select-search-box{z-index:2;background:#fff;border-bottom:1px solid #f1f5f9;padding:8px;position:sticky;top:0}.call-select-search-input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:7px 10px;font-size:12.5px;color:#0f172a!important;background:#fff!important}.call-select-option{cursor:pointer;color:#334155;background:#fff;justify-content:space-between;align-items:center;padding:9px 12px;font-size:13px;display:flex}.call-select-option:hover{color:#0f172a;background:#f8fafc}.call-select-option.selected{color:#0f172a;background:#f8fafc;font-weight:600}.call-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.call-table-wrap{width:100%;overflow-x:auto}.call-table{border-collapse:collapse;text-align:left;width:100%;min-width:960px}.call-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.call-table th{color:#64748b;letter-spacing:.5px;text-transform:uppercase;padding:12px 16px;font-size:11.5px;font-weight:600}.call-table tbody tr{border-bottom:1px solid #f1f5f9}.call-table td{vertical-align:middle;color:#334155;padding:14px 16px;font-size:13px}.client-info-cell{flex-direction:column;gap:3px;display:flex}.client-name{color:#0f172a;font-size:13.5px;font-weight:700}.logged-by-cell{align-items:center;gap:10px;display:flex}.logged-by-avatar{width:28px;height:28px;color:var(--primary-color,#144b79);background:#eff6ff;border:1px solid #dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.call-date-cell{color:#475569;white-space:nowrap;font-size:12.5px;font-weight:500}.call-status-pill{letter-spacing:.2px;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.call-status-dot{border-radius:50%;width:6px;height:6px}.call-status-pill.answered{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.call-status-pill.answered .call-status-dot{background:#059669}.call-status-pill.dnp{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.call-status-pill.dnp .call-status-dot{background:#d97706}.call-status-pill.busy{color:#ea580c;background:#fff7ed;border:1px solid #fed7aa}.call-status-pill.busy .call-status-dot{background:#ea580c}.call-status-pill.wrong,.call-status-pill.unreachable{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.call-status-pill.wrong .call-status-dot,.call-status-pill.unreachable .call-status-dot{background:#dc2626}.call-status-pill.default{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.call-status-pill.default .call-status-dot{background:#64748b}.feedback-cell{color:#1e293b;word-break:break-word;max-width:280px;font-size:12.5px;line-height:1.45}.remarks-cell{color:#64748b;word-break:break-word;max-width:220px;font-size:12px;font-style:normal;line-height:1.4}.call-actions-cell{justify-content:flex-end;align-items:center;gap:8px;display:flex}.call-wa-btn{color:#16a34a;background:#f0fdf4;border:1px solid #22c55e;border-radius:6px;align-items:center;gap:5px;padding:5px 11px;font-size:11.5px;font-weight:700;text-decoration:none;display:inline-flex}.call-wa-btn:hover{color:#fff;background:#22c55e}.call-icon-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.call-icon-btn.edit{color:var(--primary-color,#144b79);background:#f0f5fa}.call-icon-btn.delete{color:#ef4444;background:#fee2e2}.call-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.call-empty-icon{width:56px;height:56px;color:var(--primary-color,#144b79);background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.call-empty-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}.call-empty-sub{color:#94a3b8;margin:6px 0 16px;font-size:13px}.call-pagination-bar{background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.call-pagination-info{color:#64748b;font-size:12.5px;font-weight:500}.call-pagination-controls{align-items:center;gap:5px;display:flex}.call-page-btn{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-size:12px;font-weight:600;display:flex}.call-page-btn.active{background:var(--primary-color,#144b79);color:#fff;border-color:var(--primary-color,#144b79)}.call-page-btn:disabled{opacity:.4;cursor:not-allowed}.call-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;box-sizing:border-box;background:#0f172a80;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.call-modal-content{background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;max-width:520px;animation:.18s ease-out modalFadeIn;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.call-modal-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.call-modal-header-left{align-items:center;gap:12px;display:flex}.call-modal-header-icon{width:38px;height:38px;color:var(--primary-color,#144b79);background:#eff6ff;border-radius:8px;justify-content:center;align-items:center;display:flex}.call-modal-title{color:#0f172a;margin:0;font-size:16.5px;font-weight:700}.call-modal-subtitle{color:#64748b;margin:2px 0 0;font-size:12px}.call-modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:22px;line-height:1}.call-modal-close-btn:hover{color:#0f172a}.call-modal-form{padding:22px}.call-form-row-2{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.call-form-group{margin-bottom:16px}.call-form-label{color:#334155;margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.call-form-label span.req{color:#ef4444}.call-form-input,.call-form-textarea{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:9.5px 12px;font-family:inherit;font-size:13.5px;color:#0f172a!important;background:#fff!important}.call-modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;margin-top:22px;padding-top:16px;display:flex}.call-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600}.call-btn-submit{background:var(--primary-color,#144b79);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 22px;font-size:13px;font-weight:600;box-shadow:0 2px 6px #144b7933}@media (width<=1024px){.desktop-table-container{display:none!important}.mobile-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:6px 0!important;display:grid!important}.call-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-bottom:16px!important}.call-filters-card{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.call-search-wrap{flex:none!important;width:100%!important}.call-filter-group{grid-template-columns:repeat(3,1fr)!important;gap:10px!important;width:100%!important;display:grid!important}.call-filter-item{flex:none!important;width:100%!important;min-width:0!important}}@media (width<=640px){.call-logs-container{padding:12px!important}.call-logs-header{flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;margin-bottom:14px!important;display:flex!important}.call-logs-header-left{align-items:center!important;gap:10px!important;min-width:0!important;display:flex!important}.call-logs-header-icon{border-radius:9px!important;flex-shrink:0!important;width:36px!important;height:36px!important}.call-logs-header-icon svg{width:18px!important;height:18px!important}.call-logs-title{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:16.5px!important;overflow:hidden!important}.call-logs-btn-primary{white-space:nowrap!important;border-radius:7px!important;flex-shrink:0!important;gap:5px!important;padding:8px 12px!important;font-size:12.5px!important}.call-logs-btn-primary svg{width:14px!important;height:14px!important}.call-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:14px!important}.call-stat-card{border-radius:10px!important;gap:10px!important;padding:12px 14px!important}.call-stat-icon-wrap{border-radius:8px!important;width:34px!important;height:34px!important}.call-stat-icon-wrap svg{width:16px!important;height:16px!important}.call-stat-label{font-size:10px!important}.call-stat-val{font-size:20px!important}.call-filters-card{gap:10px!important;margin-bottom:14px!important;padding:12px 14px!important}.call-filter-group{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}.call-filter-client{grid-column:1/-1!important;width:100%!important}.call-filter-status,.call-filter-month{width:100%!important}.mobile-cards{grid-template-columns:1fr!important;gap:10px!important}}@media (width>=1025px){.mobile-cards{display:none!important}.desktop-table-container{display:block!important}}.mobile-call-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0f172a0a}.mobile-call-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a12}.mobile-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.call-card-user-wrap{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.call-card-avatar{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.call-card-user-info{flex-direction:column;gap:2px;min-width:0;display:flex}.client-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:700;overflow:hidden}.client-phone{color:#2563eb;align-items:center;gap:4px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.client-phone:hover{text-decoration:underline}.client-phone-none{color:#94a3b8;font-size:11.5px}.mobile-card-meta{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.call-card-date-chip{color:#64748b;align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.call-card-logged-by{align-items:center;gap:6px;display:inline-flex}.logged-by-avatar{background:var(--primary-color,#144b79);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.logged-by-name{color:#334155;font-size:12px;font-weight:600}.mobile-card-section{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:8px 12px}.mobile-remarks-section{background:#fff;border-color:#e2e8f0}.mobile-section-label{color:#94a3b8;letter-spacing:.5px;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:700;display:block}.mobile-feedback-text{color:#1e293b;word-break:break-word;font-size:13px;font-weight:500;line-height:1.45}.mobile-remarks-text{color:#64748b;word-break:break-word;font-size:12.5px;line-height:1.4}.mobile-card-actions{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;padding-top:8px;display:flex}.call-card-btn-call{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.call-card-btn-call:hover{background:#dbeafe}.call-card-action-icons{align-items:center;gap:6px;margin-left:auto;display:flex}.call-card-icon-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.call-card-icon-btn.edit{color:var(--primary-color,#144b79)}.call-card-icon-btn.edit:hover{background:#eff6ff;border-color:#bfdbfe}.call-card-icon-btn.delete{color:#ef4444}.call-card-icon-btn.delete:hover{background:#fef2f2;border-color:#fecaca}.holidays-events-container{box-sizing:border-box;color:#0f172a;background-color:#f8fafc;min-height:100vh;padding:24px 32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.holidays-header{justify-content:space-between;align-items:center;gap:16px;max-width:1400px;margin-bottom:24px;margin-left:auto;margin-right:auto;display:flex}.header-left{align-items:center;gap:14px;display:flex}.header-icon-badge{color:#144b79;background:#eaf1f7;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 1px 3px #144b7914}.page-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:20px;font-weight:700}.page-subtitle{color:#64748b;margin:0;font-size:13px;font-weight:400}.holiday-primary-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#144b79;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #144b7933}.holiday-primary-btn:hover{background:#0f395c;transform:translateY(-1px);box-shadow:0 4px 10px #144b7947}.holiday-primary-btn:active{transform:translateY(0)}.holidays-content-layout{align-items:flex-start;gap:24px;max-width:1400px;margin-left:auto;margin-right:auto;display:flex}.calendar-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex:1.85;min-width:0;padding:22px 24px;box-shadow:0 1px 3px #00000008,0 4px 12px #00000005}.calendar-controls{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;display:flex}.calendar-title-wrap{align-items:center;gap:12px;display:flex}.month-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.calendar-legend-chips{align-items:center;gap:12px;display:flex}.legend-chip{color:#475569;align-items:center;gap:6px;font-size:11.5px;font-weight:500;display:inline-flex}.legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.legend-dot.official{background:#ef4444}.legend-dot.festival{background:#3b82f6}.month-nav-buttons{align-items:center;gap:6px;display:flex}.nav-today-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-right:4px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.nav-today-btn:hover{color:#144b79;background:#eaf1f7;border-color:#cbd5e1}.nav-btn{cursor:pointer;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.nav-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.calendar-grid{background-color:#e2e8f0;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:repeat(7,1fr);grid-auto-rows:94px;gap:1px;display:grid;overflow:hidden}.calendar-day-header{text-align:center;color:#64748b;letter-spacing:.04em;text-transform:uppercase;background:#f8fafc;padding:10px 0;font-size:11px;font-weight:700}.calendar-day-header.sunday{color:#ef4444}.calendar-cell{-webkit-user-select:none;user-select:none;background:#fff;flex-direction:column;padding:7px 8px;transition:background .15s;display:flex;position:relative;overflow:hidden}.calendar-cell:hover{background:#f8fafc}.calendar-cell.out-of-month{background:#fafbfc}.calendar-cell.out-of-month .date-number{color:#cbd5e1}.calendar-cell.selected-date-cell{border-radius:0;box-shadow:none!important;background:#eff6ff!important}.cell-top-row{justify-content:space-between;align-items:center;width:100%;margin-bottom:4px;display:flex}.date-number{color:#334155;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12.5px;font-weight:600;line-height:1;display:flex}.date-number.today-badge{background:#144b79;font-weight:700;box-shadow:0 1px 3px #144b7959;color:#fff!important}.date-number.selected-num{background:#144b79;font-weight:700;box-shadow:0 1px 3px #144b7940;color:#fff!important}.date-number.sunday-num{color:#ef4444}.official-indicator-dot{background:#ef4444;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 2px #fee2e2}.event-indicators{flex-direction:column;gap:3px;display:flex;overflow:hidden}.event-pill{white-space:nowrap;text-overflow:ellipsis;border-radius:4px;align-items:center;gap:4px;padding:2.5px 5px;font-size:9.5px;font-weight:600;line-height:1.2;display:flex;overflow:hidden}.event-pill.official{color:#b91c1c;background:#fee2e2}.event-pill.festival{color:#1e40af;background:#eff6ff}.event-more-count{color:#64748b;margin-top:1px;padding-left:2px;font-size:9px;font-weight:700}.events-section{flex-direction:column;flex:1.15;gap:20px;min-width:320px;display:flex}.events-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #00000008,0 4px 12px #00000005}.daily-card-header{background:#fff;border-bottom:1px solid #f1f5f9;padding:16px 20px 14px}.daily-heading-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.daily-date-heading{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.daily-count-chip{color:#475569;background:#f1f5f9;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.daily-date-sub{color:#64748b;margin:0;font-size:12.5px}.daily-events-body{padding:16px 20px}.daily-empty-state{text-align:center;flex-direction:column;align-items:center;padding:36px 20px;display:flex}.empty-icon-wrap{color:#94a3b8;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;display:flex}.empty-state-title{color:#475569;margin:0 0 10px;font-size:13.5px;font-weight:500}.empty-state-pill{color:#64748b;background:#f1f5f9;border-radius:12px;padding:4px 12px;font-size:11px;font-weight:600}.holiday-item-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #cbd5e1;border-radius:12px;margin-bottom:14px;padding:16px;transition:all .2s;box-shadow:0 1px 3px #00000008}.holiday-item-card.is-official{border-left-color:#ef4444}.holiday-item-card.is-regular{border-left-color:#94a3b8}.holiday-card-top-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.holiday-title-group{flex-direction:column;gap:4px;display:flex}.holiday-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.holiday-item-title{color:#0f172a;text-transform:capitalize;margin:0;font-size:14.5px;font-weight:700}.status-badge{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.4}.status-badge.badge-official{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.status-badge.badge-regular{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.holiday-type-sub{color:#64748b;font-size:11.5px;font-weight:500}.holiday-settings-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:12px;padding:12px 14px;display:flex}.holiday-setting-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.holiday-setting-row.compensation-row{border-top:1px solid #e2e8f0;padding-top:10px}.setting-text-col{flex-direction:column;display:flex}.setting-label{color:#1e293b;font-size:12.5px;font-weight:600}.setting-hint{color:#64748b;margin-top:1px;font-size:11px}.segmented-toggle{-webkit-user-select:none;user-select:none;background:#e2e8f0;border-radius:8px;gap:2px;padding:2.5px;display:inline-flex}.segment-btn{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;padding:4px 12px;font-size:11.5px;font-weight:600;color:#64748b!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;transition:none!important}.segment-btn:hover,.segment-btn:focus,.segment-btn:focus-visible,.segment-btn:active{color:#64748b!important;box-shadow:none!important;background:0 0!important;outline:none!important}.segment-btn.active-unpaid,.segment-btn.active-unpaid:hover,.segment-btn.active-unpaid:focus,.segment-btn.active-unpaid:active{font-weight:700;color:#c2410c!important;background:#fff!important;box-shadow:0 1px 3px #00000014!important}.segment-btn.active-paid,.segment-btn.active-paid:hover,.segment-btn.active-paid:focus,.segment-btn.active-paid:active{font-weight:700;color:#15803d!important;background:#fff!important;box-shadow:0 1px 3px #00000014!important}.staff-status-footer{margin-top:10px}.staff-status-pill{border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.staff-status-pill.paid-pill{color:#b91c1c;background:#fee2e2}.staff-status-pill.regular-pill{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.btn-delete-holiday{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.btn-delete-holiday:hover{color:#dc2626;background:#fecaca}.add-another-holiday-btn{color:#144b79;cursor:pointer;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:4px;padding:9px 0;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.add-another-holiday-btn:hover{background:#eaf1f7;border-color:#144b79}.upcoming-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.upcoming-card-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.upcoming-count-badge{color:#ef4444;background:#fee2e2;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.upcoming-holidays-list{flex-direction:column;gap:8px;padding:12px 20px;display:flex}.upcoming-holiday-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;padding:9px 12px;transition:background .15s;display:flex}.upcoming-holiday-row:hover{background:#f1f5f9}.uh-left{align-items:center;gap:8px;display:flex}.uh-title{color:#1e293b;text-transform:capitalize;font-size:13px;font-weight:600}.uh-paid-tag{border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:600}.uh-paid-tag.paid{color:#15803d;background:#dcfce7}.uh-paid-tag.unpaid{color:#c2410c;background:#ffedd5}.uh-date-badge{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600}.modern-switch{cursor:pointer;flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.modern-switch input{opacity:0;width:0;height:0}.modern-slider{background-color:#cbd5e1;border-radius:22px;transition:all .25s;position:absolute;inset:0}.modern-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .25s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.modern-switch input:checked+.modern-slider.switch-red{background-color:#ef4444}.modern-switch input:checked+.modern-slider.switch-emerald{background-color:#10b981}.modern-switch input:checked+.modern-slider.switch-blue{background-color:#144b79}.modern-switch input:checked+.modern-slider:before{transform:translate(18px)}.crm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.holiday-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:460px;max-width:100%;animation:.2s ease-out modalPopIn;overflow:visible;box-shadow:0 20px 25px -5px #0000001f,0 8px 10px -6px #00000014}@keyframes modalPopIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.crm-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 24px 16px;display:flex}.modal-header-left{align-items:center;gap:12px;display:flex}.modal-icon-badge{color:#144b79;background:#eaf1f7;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.crm-modal-title{color:#0f172a;margin:0 0 2px;font-size:16px;font-weight:700}.crm-modal-subtitle{color:#64748b;margin:0;font-size:12px}.crm-modal-close-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .15s;display:flex}.crm-modal-close-btn:hover{color:#0f172a;background:#f1f5f9}.holiday-modal-form{padding:20px 24px}.holiday-form-group{margin-bottom:16px}.holiday-form-label{color:#334155;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.required-star{color:#ef4444}.holiday-input{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:40px;padding:0 12px;font-size:13px;transition:all .2s}.holiday-input:focus{border-color:#144b79;box-shadow:0 0 0 3px #144b791f}.holiday-dates-row{gap:14px;margin-bottom:16px;display:flex}.holiday-cal-picker .calendar-trigger-btn{border-color:#cbd5e1;border-radius:8px;justify-content:flex-start;height:40px;padding:0 12px;font-size:13px}.holiday-cal-picker .calendar-trigger-btn:hover{border-color:#144b79}.holiday-toggles-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:12px;margin-bottom:22px;padding:12px 16px;display:flex}.holiday-toggle-item{justify-content:space-between;align-items:center;display:flex}.holiday-toggle-info{flex-direction:column;display:flex}.holiday-toggle-title{color:#1e293b;font-size:12.5px;font-weight:600}.holiday-toggle-desc{color:#64748b;margin-top:1px;font-size:11px}.holiday-toggle-divider{background:#e2e8f0;height:1px}.holiday-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding-top:16px;display:flex}.holiday-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .15s}.holiday-btn-cancel:hover{color:#0f172a;background:#f1f5f9}.holiday-btn-submit{color:#fff;cursor:pointer;background:#144b79;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #144b7933}.holiday-btn-submit:hover:not(:disabled){background:#0f395c;box-shadow:0 4px 8px #144b794d}.holiday-btn-submit:disabled{opacity:.5;cursor:not-allowed}@media (width<=1080px){.holidays-events-container{padding:20px 16px}.holidays-content-layout{flex-direction:column}.calendar-section,.events-section{width:100%;min-width:unset}}@media (width<=640px){.holidays-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;margin-bottom:16px!important}.header-left{gap:10px!important;min-width:0!important}.header-icon-badge{border-radius:10px!important;width:38px!important;height:38px!important}.page-title{white-space:nowrap!important;text-overflow:ellipsis!important;margin:0!important;font-size:17px!important;overflow:hidden!important}.holiday-primary-btn{white-space:nowrap!important;flex-shrink:0!important;justify-content:center!important;width:auto!important;padding:8px 12px!important;font-size:13px!important}.calendar-section{padding:14px}.calendar-controls{flex-direction:column;align-items:flex-start;gap:12px}.calendar-grid{grid-auto-rows:75px}.calendar-cell{padding:4px}.holiday-dates-row{flex-direction:column;gap:12px}}.holidays-events-container .leave-apply-btn,.holidays-events-container .leave-apply-btn:hover{color:#fff;background:#7c3aed;border:none;align-items:center;gap:8px;display:flex}.legend-dot.leave{background:#8b5cf6;flex-shrink:0}.event-pill.leave{color:#6d28d9;background:#f3e8ff}.daily-leaves-block{flex-direction:column;gap:8px;padding:12px 20px 4px;display:flex}.daily-leaves-title{color:#6d28d9;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.leave-row{background:#faf5ff;border:1px solid #ede9fe;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;display:flex}.leave-row-text{flex-direction:column;gap:2px;min-width:0;display:flex}.leave-row-name-line{align-items:center;gap:8px;display:flex}.leave-row-name{color:#1e293b;font-size:13px;font-weight:600}.leave-row-sub{color:#64748b;font-size:11.5px}.leave-row-reason{color:#475569;font-size:12px;font-style:italic}.leave-count-badge{color:#7c3aed;background:#f3e8ff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.leave-filter-tabs{gap:6px;padding:12px 20px 0;display:flex}.holidays-events-container .leave-filter-tab,.holidays-events-container .leave-filter-tab:hover{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:600}.holidays-events-container .leave-filter-tab.active,.holidays-events-container .leave-filter-tab.active:hover{color:#fff;background:#7c3aed;border-color:#7c3aed}.leave-request-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.leave-row-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.holidays-events-container .leave-action-btn{cursor:pointer;border:none;border-radius:6px;padding:5px 10px;font-size:11.5px;font-weight:600}.holidays-events-container .leave-action-btn.approve,.holidays-events-container .leave-action-btn.approve:hover{color:#15803d;background:#dcfce7}.holidays-events-container .leave-action-btn.reject,.holidays-events-container .leave-action-btn.reject:hover{color:#b91c1c;background:#fee2e2}.holidays-events-container .leave-delete-btn:hover{color:#ef4444;background:#fee2e2}.leave-status-tag{border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:600}.leave-status-tag.pending{color:#b45309;background:#fef3c7}.leave-status-tag.approved{color:#15803d;background:#dcfce7}.leave-status-tag.rejected{color:#b91c1c;background:#fee2e2}.leave-empty-text{color:#64748b;margin:8px 0;font-size:13px}.modal-icon-badge.leave-icon-badge{color:#7c3aed;background:#f3e8ff}.holiday-input.leave-reason-input{resize:vertical;height:auto;padding:10px 12px;font-family:inherit}.leave-row .leave-row-text{gap:3px}.leave-type-tag{color:#6d28d9;background:#ede9fe;border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:600}.leave-unavailable{border-radius:6px;align-items:center;width:fit-content;padding:3px 8px;font-size:12.5px;font-weight:600;display:inline-flex}.leave-unavailable.full{color:#b91c1c;background:#fee2e2}.leave-unavailable.partial{color:#b45309;background:#fef3c7}.daily-leaves-block .leave-row{align-items:flex-start}.daily-leaves-block .leave-row .legend-dot.leave{margin-top:5px}.leave-stats-row{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.leave-stat-card{background:#fff;border:1px solid #e2e8f0;border-left-width:4px;border-radius:12px;flex-direction:column;gap:4px;padding:14px 18px;display:flex}.leave-stat-card.pending{border-left-color:#f59e0b}.leave-stat-card.approved{border-left-color:#22c55e}.leave-stat-card.rejected{border-left-color:#ef4444}.leave-stat-value{color:#0f172a;font-size:22px;font-weight:700}.leave-stat-label{color:#64748b;font-size:12px;font-weight:600}.leaves-layout{grid-template-columns:1fr;align-items:start;gap:20px;display:grid}.leaves-layout.two-col{grid-template-columns:1.3fr 1fr}.leave-role-tag{color:#144b79;text-transform:capitalize;background:#eaf1f7;border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:600}@media (width<=900px){.leaves-layout.two-col,.leave-stats-row{grid-template-columns:1fr}}.leave-duration-summary{color:#6d28d9;margin:-6px 0 14px;font-size:12px;font-weight:600}.leave-duration-summary.error{color:#dc2626}.leave-days-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.leaves-page .leave-apply-all-btn,.leaves-page .leave-apply-all-btn:hover,.leave-time-card .leave-apply-all-btn,.leave-time-card .leave-apply-all-btn:hover{color:#6d28d9;cursor:pointer;background:#f3e8ff;border:none;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:600}.leave-days-hint{color:#64748b;margin:4px 0 8px;font-size:11.5px}.leave-days-list{flex-direction:column;gap:8px;max-height:260px;padding-right:2px;display:flex;overflow-y:auto}.leave-day-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:8px;padding:8px 12px;display:flex}.leave-day-row.enabled{background:#faf5ff;border-color:#ddd6fe}.leave-day-top{justify-content:space-between;align-items:center;display:flex}.leave-day-info{align-items:baseline;gap:8px;display:flex}.leave-day-date{color:#1e293b;font-size:13px;font-weight:600}.leave-day-status{color:#64748b;font-size:11.5px}.leave-day-times{align-items:center;gap:8px;display:flex}.leave-day-times>:not(.leave-day-to){flex:1}.leave-day-to{color:#64748b;font-size:12px}.leave-day-error{color:#dc2626;font-size:11.5px;font-weight:600}.leaves-page .leave-action-btn.view,.leaves-page .leave-action-btn.view:hover{color:#144b79;background:#eaf1f7;align-items:center;gap:4px;display:inline-flex}.leave-view-summary{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px;display:grid}.leave-view-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;display:flex}.leave-view-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:600}.leave-view-value{color:#0f172a;font-size:13px;font-weight:600}.leave-view-days{flex-direction:column;gap:6px;max-height:260px;margin-bottom:16px;display:flex;overflow-y:auto}.leave-view-day-row{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.leave-view-day-date{color:#1e293b;font-size:13px;font-weight:600}.leave-unavailable-chip{border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600}.leave-unavailable-chip.full{color:#b91c1c;background:#fee2e2}.leave-unavailable-chip.partial{color:#b45309;background:#fef3c7}.leave-view-block{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.leave-view-text{color:#334155;margin:0;font-size:13px}.leaves-page .leave-view-footer-btn{padding:9px 18px;font-size:13px}.leave-overlap-note{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin:0 0 14px;padding:10px 12px}.leave-overlap-title{color:#92400e;margin-bottom:6px;font-size:12.5px;font-weight:700}.leave-overlap-list{flex-direction:column;gap:6px;max-height:160px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.leave-overlap-list li{box-shadow:none;background:0 0;border:none;border-radius:0;margin:0;padding:0}.leave-overlap-who{color:#0f172a;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.leave-overlap-when{color:#78350f;margin-top:1px;font-size:12px}.leave-overlap-list li.leave-overlap-row{align-items:center;gap:8px;display:flex}.leave-overlap-row .leave-overlap-who{flex:1;min-width:0}.leave-overlap-count{color:#92400e;white-space:nowrap;font-size:12px;font-weight:600}.leave-overlap-info-btn,.leave-overlap-info-btn:hover{color:#b45309;cursor:pointer;background:#fff;border:1px solid #fcd34d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.holiday-modal-card.leave-scroll-card{flex-direction:column;max-height:calc(100vh - 32px);display:flex;overflow:hidden}.leave-scroll-card>.crm-modal-header{flex-shrink:0}.leave-scroll-card>.holiday-modal-form{flex:1;min-height:0;padding-bottom:0;overflow-y:auto}.leave-scroll-card .holiday-modal-footer{z-index:2;background:#fff;border-top:1px solid #e2e8f0;margin:0 -24px;padding:12px 24px 16px;position:sticky;bottom:0}.leave-scroll-card>.holiday-modal-form,.leave-info-body{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.leave-scroll-card>.holiday-modal-form::-webkit-scrollbar{width:8px}.leave-info-body::-webkit-scrollbar{width:8px}.leave-scroll-card>.holiday-modal-form::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.leave-info-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.leave-scroll-card>.holiday-modal-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.leave-info-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.crm-modal-overlay.leave-info-overlay{z-index:10001}.holiday-modal-card.leave-info-card{flex-direction:column;width:480px;max-height:calc(100vh - 32px);display:flex;overflow:hidden}.leave-info-card .crm-modal-header{flex-shrink:0}.leave-info-body{flex:1;min-height:0;padding:20px 24px 8px;overflow-y:auto}.leave-info-footer{border-top:1px solid #e2e8f0;flex-shrink:0;margin:0;padding:12px 24px 16px}.leave-info-hint{color:#64748b;margin:0 0 8px;font-size:12px}.leave-info-days{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.leave-view-day-row.clash{background:#fffbeb;border-color:#fde68a}.leave-time-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.leave-time-summary.has-error{background:#fef2f2;border-color:#fecaca}.leave-time-summary-text{flex-direction:column;gap:2px;min-width:0;display:flex}.leave-time-summary-main{color:#0f172a;font-size:13px;font-weight:600}.leave-time-set-btn,.leave-time-set-btn:hover{color:#6d28d9;cursor:pointer;background:#f3e8ff;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.leave-time-set-btn:disabled{opacity:.5;cursor:not-allowed}.leave-time-days{max-height:none;margin-top:10px;overflow:visible}.holiday-modal-card.leave-info-card.leave-time-card{width:400px;max-height:min(520px,100vh - 32px)}.leave-time-card .crm-modal-header{padding:14px 18px}.leave-time-card .leave-info-body{padding:12px 18px 8px}.leave-time-card .leave-info-footer{padding:10px 18px 12px}.leave-time-card .leave-days-list{gap:6px}.leave-time-card .leave-day-row{gap:6px;padding:6px 10px}.payments-page-container{box-sizing:border-box;background:#f8fafc;flex-direction:column;gap:20px;width:100%;max-width:100vw;min-height:100vh;padding:24px;display:flex;overflow-x:hidden}.payments-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex;box-shadow:0 1px 3px #0f172a0d}.payments-header-left{align-items:center;gap:16px;display:flex}.payments-icon-badge{width:48px;height:48px;color:var(--primary-color,#144b79);background:#e0f2fe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 6px #144b791f}.payments-title{color:#0f172a;letter-spacing:-.2px;margin:0;font-size:18px;font-weight:700}.payments-subtitle{color:#64748b;margin:4px 0 0;font-size:13px}.payments-header-controls{align-items:center;gap:10px;display:flex}.payments-filter-select-wrap{min-width:135px}.payments-filter-month-wrap{min-width:145px}.payments-filter-year-wrap{min-width:125px}.payments-btn-analytics{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.payments-btn-analytics:hover{border-color:var(--primary-color,#144b79);color:var(--primary-color,#144b79);background:#f8fafc}.payments-tabs-nav{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;gap:6px;padding:4px;display:flex}.payments-tab-btn{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:7px;flex:1;padding:9px 16px;font-size:13.5px;font-weight:600;transition:all .2s}.payments-tab-btn:hover:not(.active){color:#1e293b;background:#fff9}.payments-tab-btn.active{color:var(--primary-color,#144b79);background:#fff;font-weight:700;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}.payments-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (width>=1025px){.payments-kpi-grid.expense-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.payments-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;padding:16px 20px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0f172a0a}.payments-kpi-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0f}.payments-kpi-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.payments-kpi-label{text-transform:uppercase;letter-spacing:.6px;color:#64748b;font-size:11px;font-weight:700}.payments-kpi-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.payments-kpi-value{color:#0f172a;font-size:24px;font-weight:800;line-height:1.2}.kpi-theme-sales .payments-kpi-icon{color:#2563eb;background:#eff6ff}.kpi-theme-sales .payments-kpi-value{color:#1e293b}.kpi-theme-collection .payments-kpi-icon{color:#059669;background:#ecfdf5}.kpi-theme-collection .payments-kpi-value{color:#059669}.kpi-theme-outstanding{background:#fef2f2;border-color:#fecaca}.kpi-theme-outstanding .payments-kpi-label{color:#dc2626}.kpi-theme-outstanding .payments-kpi-icon{color:#dc2626;background:#fee2e2}.kpi-theme-outstanding .payments-kpi-value{color:#dc2626}.kpi-theme-loss{background:#fffbeb;border-color:#fde68a}.kpi-theme-loss .payments-kpi-label{color:#d97706}.kpi-theme-loss .payments-kpi-icon{color:#d97706;background:#fef3c7}.kpi-theme-loss .payments-kpi-value{color:#d97706}.kpi-theme-outflow{background:#fef2f2;border-color:#fecaca}.kpi-theme-outflow .payments-kpi-label{color:#dc2626}.kpi-theme-outflow .payments-kpi-icon{color:#dc2626;background:#fee2e2}.kpi-theme-outflow .payments-kpi-value{color:#dc2626}.payments-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:6px;margin-bottom:16px;display:flex}.payments-section-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}.payments-section-subtitle{color:#64748b;margin:3px 0 0;font-size:13px}.payments-action-buttons{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.payments-btn-outline{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.payments-btn-outline:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.payments-btn-primary{background:var(--primary-color,#144b79);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #144b7933}.payments-btn-primary:hover{background:#0f395c;box-shadow:0 2px 6px #144b794d}.payments-search-wrap{align-items:center;margin-bottom:16px;display:flex;position:relative}.payments-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.payments-search-input{color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;width:260px;padding:8px 14px 8px 36px;font-size:13px;font-weight:500;transition:all .2s}.payments-search-input:focus{border-color:var(--primary-color,#144b79);box-shadow:0 0 0 3px #144b791a}.payments-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0f172a0a}.payments-data-table{border-collapse:collapse;text-align:left;width:100%;min-width:850px}.payments-data-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.payments-data-table th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;padding:12px 18px;font-size:11px;font-weight:700}.payments-data-table th.text-right{text-align:right}.payments-data-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .15s}.payments-data-table tbody tr:last-child{border-bottom:none}.payments-data-table tbody tr:hover{background-color:#f8fafc}.payments-data-table td{color:#1e293b;vertical-align:middle;padding:14px 18px;font-size:13px}.status-badge-cleared{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.status-badge-pending{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.payments-btn-collect{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #f87171;border-radius:6px;align-items:center;gap:4px;padding:4px 12px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.payments-btn-collect:hover{background:#fef2f2}.payments-table-actions{color:#94a3b8;justify-content:flex-end;align-items:center;gap:8px;display:flex}.payments-icon-action-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.payments-icon-action-btn:hover{color:#0f172a;background:#f1f5f9}.payments-icon-action-btn.btn-delete:hover{color:#ef4444;background:#fee2e2}.payments-icon-action-btn.btn-info:hover{color:#0284c7;background:#e0f2fe}.mobile-cards{display:none}.payments-mobile-cards-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;min-width:0;display:grid}.payment-invoice-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:11px;width:100%;min-width:0;max-width:100%;padding:14px 16px;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.payment-invoice-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a12}.pay-card-top-row{box-sizing:border-box;justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;display:flex}.pay-card-client-wrap{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.pay-card-avatar{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.pay-card-avatar.avatar-collection{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.pay-card-avatar.avatar-expense{color:#dc2626;background:#fef2f2;border-color:#fecaca}.pay-card-client-info{flex-direction:column;gap:2px;min-width:0;display:flex}.pay-card-client-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14.5px;font-weight:700;overflow:hidden}.pay-card-id-badge{color:#64748b;letter-spacing:.2px;font-size:11px;font-weight:600}.pay-status-pill{letter-spacing:.4px;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:3px 9px;font-size:11px;font-weight:700}.pay-status-pill.pill-paid{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.pay-status-pill.pill-partial{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.pay-status-pill.pill-pending{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.pay-col-amount-pill{color:#059669;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;padding:4px 10px;font-size:13px;font-weight:800}.pay-exp-amount-pill{color:#dc2626;white-space:nowrap;background:#fef2f2;border:1px solid #fecaca;border-radius:20px;padding:4px 10px;font-size:13px;font-weight:800}.pay-card-work-desc{color:#475569;white-space:nowrap;text-overflow:ellipsis;background:#f8fafc;border:1px solid #f1f5f9;border-radius:7px;padding:6px 10px;font-size:12px;font-weight:500;overflow:hidden}.pay-card-metrics-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 10px;display:grid}.payment-col-card .pay-card-metrics-row{grid-template-columns:repeat(2,minmax(0,1fr))}.pay-card-metric-col{flex-direction:column;gap:2px;min-width:0;display:flex}.pay-card-metric-label{text-transform:uppercase;color:#94a3b8;letter-spacing:.4px;font-size:10px;font-weight:700}.pay-card-metric-val{color:#0f172a;font-size:12.5px;font-weight:700}.pay-card-date-val{color:#64748b;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:11.5px;font-weight:600;display:flex;overflow:hidden}.pay-card-total-val{color:#1e293b}.pay-bal-cleared{color:#10b981}.pay-bal-due{color:#ef4444}.pay-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.pay-card-btn-collect{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;align-items:center;gap:5px;padding:5px 11px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.pay-card-btn-collect:hover{background:#fee2e2;border-color:#f87171}.pay-card-cleared-tag,.pay-card-receipt-tag{color:#94a3b8;font-size:11.5px;font-weight:600}.pay-card-actions{align-items:center;gap:5px;margin-left:auto;display:flex}.pay-card-icon-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:inline-flex}.pay-card-icon-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.pay-card-icon-btn.btn-edit{color:#0284c7;background:#f0f7ff;border-color:#bae6fd}.pay-card-icon-btn.btn-edit:hover{color:#0369a1;background:#e0f2fe;border-color:#7dd3fc}.pay-card-icon-btn.btn-download{color:#334155;background:#f8fafc;border-color:#cbd5e1}.pay-card-icon-btn.btn-download:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.pay-card-icon-btn.btn-info{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.pay-card-icon-btn.btn-info:hover{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.pay-card-icon-btn.btn-delete{color:#dc2626;background:#fef2f2;border-color:#fecaca}.pay-card-icon-btn.btn-delete:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.pay-mobile-pagination-wrap{grid-column:1/-1;margin-top:8px}.payments-cards-empty{text-align:center;color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:10px;grid-column:1/-1;padding:32px 16px;font-size:13.5px;font-weight:500}@media (width<=1024px){.desktop-table-container{display:none!important}.mobile-cards{width:100%;display:grid!important}.payments-mobile-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.payments-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (width<=640px){.payments-page-container{gap:14px;max-width:100vw;padding:12px;overflow-x:hidden}.payments-header-card{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}.payments-header-left{gap:12px}.payments-icon-badge{border-radius:10px;width:40px;height:40px}.payments-icon-badge svg{width:20px;height:20px}.payments-title{font-size:16px}.payments-header-controls{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.payments-filter-select-wrap{width:100%;min-width:0}.payments-tabs-nav{gap:4px;padding:3px}.payments-tab-btn{padding:8px 10px;font-size:12.5px}.payments-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payments-kpi-card{border-radius:10px;padding:12px 14px}.payments-kpi-header{margin-bottom:6px}.payments-kpi-label{letter-spacing:.5px;font-size:10px}.payments-kpi-icon{border-radius:6px;width:24px;height:24px}.payments-kpi-icon svg{width:13px;height:13px}.payments-kpi-value{font-size:18px}.payments-section-header{gap:10px;margin-top:20px!important;margin-bottom:12px!important}.payments-section-title{font-size:15px}.payments-action-buttons{gap:8px}.payments-btn-outline,.payments-btn-primary{border-radius:7px;padding:7px 11px;font-size:12px}.payments-mobile-cards-grid{grid-template-columns:1fr!important;gap:12px!important;width:100%!important;min-width:0!important}.payment-invoice-card{border-radius:10px;gap:10px;padding:12px 14px;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}.pay-card-top-row{gap:8px;width:100%;min-width:0}.pay-card-client-wrap,.pay-card-client-info{flex:1;min-width:0}.pay-card-avatar{border-radius:8px;width:32px;height:32px;font-size:12px}.pay-card-client-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13.5px;overflow:hidden}.pay-card-metrics-row{box-sizing:border-box;gap:6px;width:100%;min-width:0;padding:7px 8px}.pay-card-metric-label{font-size:9.5px}.pay-card-metric-val{font-size:11.5px}.pay-card-date-val{font-size:11px}.pay-card-footer{box-sizing:border-box;gap:6px;width:100%;min-width:0}.pay-card-actions{flex-shrink:0;gap:6px}.pay-card-icon-btn{width:35px!important;height:35px!important}}.ob-strip{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.ob-strip-main{flex-direction:column;gap:6px;min-width:0;display:flex}.ob-strip-title{text-transform:uppercase;letter-spacing:.4px;color:#64748b;font-size:12px;font-weight:700}.ob-strip-values{color:#475569;flex-wrap:wrap;gap:18px;font-size:13px;display:flex}.ob-strip-values strong{color:#0f172a;margin-left:4px;font-size:15px}.ob-strip-sub{color:#94a3b8;font-size:12px}button.ob-strip-btn,button.ob-strip-btn:hover{border:1px solid var(--primary-color,#144b79);color:var(--primary-color,#144b79);cursor:pointer;background:#fff;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.modal-content.ob-modal{max-width:420px}.ob-help{color:#64748b;margin:0 0 14px;font-size:12.5px}.ob-field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.ob-field label{color:#334155;font-size:12.5px;font-weight:600}.ob-field input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;height:38px;padding:0 12px;font-family:inherit;font-size:13.5px}.ob-total{color:#475569;background:#f8fafc;border-radius:8px;padding:8px 12px;font-size:13px}.ob-error{color:#b91c1c;background:#fef2f2;border-radius:8px;margin-top:10px;padding:8px 12px;font-size:13px}.payments-data-table tbody tr.exp-acc-head{cursor:pointer}.payments-data-table tbody tr.exp-acc-head.open,.payments-data-table tbody tr.exp-acc-head.open:hover{background:#f8fafc}.exp-acc-title{align-items:center;gap:8px;display:inline-flex}.exp-acc-chevron{color:#64748b;flex-shrink:0;transform:rotate(-90deg)}.exp-acc-head.open .exp-acc-chevron,.exp-acc-card-toggle.open .exp-acc-chevron{transform:rotate(0)}.exp-acc-count{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.payments-data-table tbody tr.exp-acc-child,.payments-data-table tbody tr.exp-acc-child:hover{background:#f8fafc}.payments-data-table tbody tr.exp-acc-child td{font-size:13px}.exp-acc-child-label{color:#475569;align-items:center;gap:8px;padding-left:22px;display:inline-flex}.exp-acc-no{color:#b91c1c;background:#fef2f2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:inline-flex}.exp-acc-card-toggle,.exp-acc-card-toggle:hover{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-top:10px;padding:8px 10px;font-size:12.5px;font-weight:600;display:flex}.exp-acc-card-list{border:1px solid #e2e8f0;border-radius:8px;margin-top:8px;overflow:hidden}.exp-acc-card-item{border-bottom:1px dashed #e2e8f0;align-items:center;gap:10px;padding:8px 10px;font-size:12.5px;display:flex}.exp-acc-card-item:last-child{border-bottom:none}.payment-qr-page-container{box-sizing:border-box;background:#f8fafc;flex-direction:column;gap:24px;width:100%;min-height:100vh;padding:24px;display:flex}.payment-qr-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex;box-shadow:0 1px 3px #0f172a0d}.payment-qr-header-left{align-items:center;gap:16px;display:flex}.payment-qr-icon-badge{width:48px;height:48px;color:var(--primary-color,#144b79);background:#e0f2fe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 6px #144b791f}.payment-qr-title{color:#0f172a;letter-spacing:-.2px;margin:0;font-size:18px;font-weight:700}.payment-qr-subtitle{color:#64748b;margin:4px 0 0;font-size:13px}.payment-qr-status-pill{border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.status-pill-active{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.status-pill-inactive{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.status-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.payment-qr-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}@media (width<=960px){.payment-qr-grid{grid-template-columns:1fr}}.config-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0f172a0d}.config-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}.config-card-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.config-field-group{margin-bottom:20px}.config-label{color:#334155;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.config-input-wrap{align-items:center;gap:8px;display:flex}.config-input{color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:14px;transition:all .2s}.config-input:focus{border-color:var(--primary-color,#144b79);box-shadow:0 0 0 3px #144b791a}.config-save-btn{background:var(--primary-color,#144b79);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.config-save-btn:hover{background:#0f395c;box-shadow:0 2px 6px #144b7940}.config-clear-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.config-clear-btn:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.config-helper-text{color:#64748b;align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.amount-input-container{align-items:center;display:flex;position:relative}.amount-currency-symbol{color:#64748b;pointer-events:none;font-size:15px;font-weight:700;position:absolute;left:14px}.amount-input{color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px 10px 32px;font-size:15px;font-weight:600;transition:all .2s}.amount-input:focus{border-color:var(--primary-color,#144b79);box-shadow:0 0 0 3px #144b791a}.quick-amount-chips{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.quick-amount-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s}.quick-amount-btn:hover{color:#0f172a;background:#e2e8f0}.quick-amount-btn.active{color:#0369a1;background:#e0f2fe;border-color:#7dd3fc}.config-copy-action-btn{background:var(--primary-color,#144b79);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:24px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 6px #144b7933}.config-copy-action-btn:hover{background:#0f395c;transform:translateY(-1px);box-shadow:0 4px 12px #144b794d}.config-copy-action-btn:active{transform:translateY(0)}.preview-card-wrap{flex-direction:column;align-items:center;display:flex}.preview-badge-label{color:#64748b;letter-spacing:.8px;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:12px;font-size:11px;font-weight:700;display:inline-flex}.live-pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #10b98133}.qr-bill-card{text-align:center;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;width:100%;max-width:360px;padding:32px 28px;display:flex;position:relative;box-shadow:0 4px 20px #0f172a14}.qr-card-clinic-name{color:#0f172a;letter-spacing:.5px;text-transform:uppercase;margin:0;font-size:18px;font-weight:800}.qr-card-scan-badge{color:#475569;letter-spacing:.5px;text-transform:uppercase;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:4px;margin-top:6px;margin-bottom:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.qr-card-code-container{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;padding:14px;display:flex;box-shadow:0 2px 8px #0000000a}.qr-card-placeholder{color:#94a3b8;box-sizing:border-box;text-align:center;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:200px;height:200px;padding:20px;font-size:13px;font-weight:500;display:flex}.qr-card-amount-pill{color:#065f46;background:#ecfdf5;border:1.5px solid #a7f3d0;border-radius:20px;align-items:center;gap:6px;margin-top:18px;padding:6px 16px;font-size:18px;font-weight:800;display:inline-flex}.qr-card-upi-id-text{color:#64748b;word-break:break-all;margin-top:14px;font-size:12px;font-weight:600}.qr-card-footer{color:#94a3b8;border-top:1px dashed #e2e8f0;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:18px;padding-top:14px;font-size:11px;font-weight:500;display:flex}.full-calendar-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;width:100%;display:flex;overflow:hidden}.fc-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(7,1fr);display:grid}.fc-day-name{text-align:center;color:#64748b;border-right:1px solid #e2e8f0;padding:12px;font-size:12px;font-weight:600}.fc-day-name:last-child{border-right:none}.fc-body{flex-direction:column;display:flex}.fc-week{border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(7,1fr);height:95px;display:grid}.fc-week:last-child{border-bottom:none}.fc-day{cursor:pointer;border-right:1px solid #e2e8f0;flex-direction:column;padding:8px;transition:background .2s;display:flex;overflow:hidden}.fc-day:hover{background:#f8fafc}.fc-day:last-child{border-right:none}.fc-day-disabled{color:#cbd5e1;background:#fbfbfb}.fc-day-today .fc-day-num{background:var(--primary-color,#144b79);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-top:-4px;margin-left:-4px;display:flex}.fc-day-num{margin-bottom:8px;font-size:14px;font-weight:500}.fc-day-events{flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.fc-event{white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:3px 6px;font-size:11px;font-weight:500;transition:all .2s;overflow:hidden}.fc-event-actions{opacity:.85;align-items:center;gap:3px;display:flex}.fc-event:hover .fc-event-actions{opacity:1}.fc-event-action-btn{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:2px 3px;line-height:1;transition:all .15s;display:inline-flex}.fc-event-action-btn:hover{background:#0000001f}.fc-event-delete-btn:hover{color:#ef4444;background:#ef44442e}.fc-day-selected{background-color:#f8fafc;box-shadow:inset 0 0 0 2px var(--primary-color,#144b79)!important}@media (width<=768px){.full-calendar-container{overflow-x:hidden}.fc-header,.fc-body{min-width:unset}.fc-day-name{padding:8px 2px;font-size:10px}.fc-day{padding:4px 2px}.fc-day-num{margin-bottom:4px;font-size:11px}.fc-day-today .fc-day-num{width:18px;height:18px;margin-top:0;margin-left:0}.fc-event{border-radius:2px;padding:2px;font-size:9px;line-height:1.2}.fc-week{height:70px}}@media (width<=992px){.fc-header,.fc-body{min-width:unset!important}.full-calendar-container{width:100%!important;overflow-x:hidden!important}}.schedule-management-container{padding-bottom:30px}.schedule-management-container .page-header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.schedule-management-container .header-actions{gap:12px;display:flex}.schedule-custom-tabs{justify-content:flex-end;gap:12px;width:100%;display:flex}.sch-tab{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.sch-tab:hover{background:#f8fafc;border-color:#94a3b8}.sch-tab-active{background:var(--primary-color,#144b79);color:#fff;border-color:var(--primary-color,#144b79);box-shadow:0 4px 6px -1px #144b7933}.sch-tab-active:hover{background:#0d385c;border-color:#0d385c}@media (width<=992px){.schedule-management-container .crm-card-header{gap:16px;flex-direction:column!important;align-items:flex-start!important}.schedule-custom-tabs{flex-wrap:wrap;justify-content:flex-start}}@media (width<=768px){.schedule-management-container .page-header{flex-direction:column;align-items:flex-start;gap:16px}.schedule-management-container .header-actions{flex-direction:column;width:100%}.schedule-management-container .header-actions button{justify-content:center;width:100%}.schedule-custom-tabs{flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.sch-tab{white-space:nowrap;padding:8px 12px}.schedule-management-container .form-two-col-grid{grid-template-columns:1fr!important}}@media (width<=992px){.schedule-management-container .page-header h1{font-size:22px}.crm-btn,.sch-tab{padding:6px 14px;font-size:13px}}@media (width<=768px){.schedule-management-container .page-header h1{margin-bottom:4px;font-size:18px}.schedule-management-container .page-header p{font-size:12px}.crm-btn{padding:6px 12px;font-size:12px}.sch-tab{gap:4px;padding:6px 10px;font-size:12px}.schedule-custom-tabs svg{width:14px;height:14px}.schedule-management-container .crm-card-header{gap:12px;padding:12px!important}.schedule-management-container .crm-card-body{padding:12px!important}}@media (width<=992px){.schedule-bottom-title{margin-bottom:12px!important;font-size:15px!important}.schedule-list-item-title{font-size:14px!important}.schedule-list-item-subtitle{font-size:12px!important}}@media (width<=768px){.schedule-bottom-title{font-size:14px!important}.schedule-list-item-title{font-size:13px!important}.schedule-list-item-subtitle{font-size:11px!important}.sch-action-btn{padding:8px!important}.action-text{display:none}.schedule-management-container{padding:0!important}.schedule-management-container .header-actions{align-items:stretch!important;width:100%!important}.schedule-management-container .header-actions .crm-btn{text-align:center;justify-content:center;white-space:normal!important;width:100%!important;height:auto!important;padding:10px!important;font-size:13px!important}.crm-card{box-sizing:border-box!important;border-radius:8px!important;width:100%!important;margin:0!important}.schedule-management-container .crm-card-header{padding:12px!important}.schedule-management-container .crm-card-body{padding:12px 8px!important}.schedule-custom-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;width:100%!important;overflow-x:auto!important}.sch-tab{flex:none}.schedule-management-container .page-header{flex-direction:column!important;align-items:flex-start!important;gap:16px!important;display:flex!important}.schedule-management-container .header-actions{flex-direction:column!important;gap:8px!important;width:100%!important;display:flex!important}.schedule-management-container .header-actions .crm-btn{white-space:normal!important;justify-content:center!important;align-items:center!important;width:100%!important;padding:8px!important;display:flex!important}.schedule-custom-tabs{flex-wrap:wrap!important;padding-bottom:0!important;overflow-x:visible!important}.sch-tab{text-align:center;flex:auto;justify-content:center;padding:8px!important}.crm-card{box-sizing:border-box!important;width:100%!important;margin:0!important}.full-calendar-container{width:100%!important}.page-container{padding:0!important}}@media (width<=992px){.crm-card{border-left:none!important;border-radius:8px!important}body,html,#root,.layout-container,.main-content,.page-content-wrapper,.page-container,.schedule-management-container{box-sizing:border-box!important;max-width:100%!important;overflow-x:hidden!important}*{box-sizing:border-box!important}.schedule-custom-tabs{flex-wrap:wrap!important;width:100%!important}.schedule-management-container .page-header{flex-direction:column!important;align-items:flex-start!important;width:100%!important;display:flex!important}.schedule-management-container .header-actions{flex-direction:column!important;width:100%!important;display:flex!important}.schedule-management-container .header-actions .crm-btn{box-sizing:border-box!important;width:100%!important}}@media (width>=993px){.schedule-management-container .page-header{margin-bottom:16px!important}.schedule-management-container{padding-bottom:10px!important}.crm-card-header{padding:12px 24px!important}.crm-card-body{padding:16px 24px!important}.schedule-custom-tabs{gap:8px!important}}.daily-report-container{background-color:#f8fafc;min-height:calc(100vh - 70px);padding:24px}.daily-report-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.daily-report-title-wrap{align-items:center;gap:12px;display:flex}.daily-report-icon-badge{background:var(--primary-color,#144b79);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 10px #144b7933}.daily-report-title{color:#0f172a;margin:0;font-size:22px;font-weight:700}.daily-report-subtitle{color:#64748b;margin-top:2px;font-size:13px}.daily-report-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.report-accordion-group{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.report-accordion-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000000d}.report-accordion-card.open{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.report-accordion-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;justify-content:space-between;align-items:center;padding:16px 20px;transition:background .15s;display:flex}.report-accordion-header:hover{background:#f8fafc}.report-accordion-title{color:#1e293b;align-items:center;gap:12px;font-size:15px;font-weight:600;display:flex}.report-step-badge{color:#475569;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.report-accordion-card.open .report-step-badge{color:#fff;background:#0f172a}.report-accordion-chevron{color:#94a3b8;transition:transform .2s}.report-accordion-chevron.open{color:#0f172a;transform:rotate(180deg)}.report-accordion-body{background:#fff;border-top:1px solid #f1f5f9;padding:20px}.report-form-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.report-form-grid-3{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.report-form-grid-full{grid-template-columns:1fr;gap:16px;display:grid}.report-field-group{flex-direction:column;gap:6px;display:flex}.report-field-label{color:#334155;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.report-field-sublabel{color:#94a3b8;font-size:11px;font-weight:500}.report-input{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:13.5px;transition:all .15s}.report-input:focus{border-color:#0f172a;box-shadow:0 0 0 2px #0f172a14}.report-input:disabled{color:#64748b;cursor:not-allowed;background:#f1f5f9}.report-dual-input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;transition:all .15s;display:flex;overflow:hidden}.report-dual-input:focus-within{border-color:#0f172a;box-shadow:0 0 0 2px #0f172a14}.report-dual-input input{color:#1e293b;text-align:center;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:9px 10px;font-size:13.5px}.report-dual-separator{color:#94a3b8;-webkit-user-select:none;user-select:none;padding:0 4px;font-size:14px;font-weight:700}.report-dual-badge{text-transform:uppercase;color:#475569;background:#f1f5f9;border-radius:4px;padding:3px 6px;font-size:10.5px;font-weight:600}.report-toggle-group{background:#f1f5f9;border-radius:8px;gap:4px;padding:3px;display:flex}.report-toggle-btn{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;flex:1;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .15s}.report-toggle-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0000001a}.report-textarea{color:#1e293b;resize:vertical;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-height:70px;padding:10px 12px;font-family:inherit;font-size:13.5px}.report-textarea:focus{border-color:#0f172a;box-shadow:0 0 0 2px #0f172a14}.report-submit-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#fffffff2;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-top:24px;padding:16px 24px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 15px #0000000d}.report-status-text{color:#64748b;font-size:13px;font-weight:500}.report-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:20px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.report-summary-chips{gap:12px;margin-bottom:20px;padding-bottom:6px;display:flex;overflow-x:auto}.report-chip{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;min-width:160px;padding:12px 18px;box-shadow:0 1px 2px #00000008}.report-chip-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.report-chip-val{color:#0f172a;margin-top:4px;font-size:18px;font-weight:700}.report-team-tabs-bar{align-items:center;gap:6px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.report-team-tab-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #00000005}.report-team-tab-btn:hover{color:var(--primary-color,#144b79);background:#f8fafc;border-color:#144b7959}.report-team-tab-btn.active{background:var(--primary-color,#144b79);color:#fff;border-color:var(--primary-color,#144b79);box-shadow:0 2px 6px #144b7933}.report-tab-count{color:inherit;background:#94a3b82e;border-radius:10px;padding:1px 5px;font-size:10.5px;font-weight:600}.report-team-tab-btn.active .report-tab-count{color:#fff;background:#ffffff40}.report-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;padding:14px 18px;display:flex;box-shadow:0 1px 3px #00000005}.report-filter-item{flex-direction:column;gap:4px;display:flex}.report-filter-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.report-search-input{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;min-width:200px;height:38px;padding:0 12px;font-size:13px}.report-search-input:focus{border-color:#0f172a}.report-pagination-bar{background:#fff;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.report-pagination-info{color:#64748b;font-size:13px}.report-pagination-controls{align-items:center;gap:6px;display:flex}.report-page-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.report-page-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.report-page-btn.active{background:var(--primary-color,#144b79);color:#fff;border-color:var(--primary-color,#144b79)}.report-page-btn:disabled{opacity:.4;cursor:not-allowed}.report-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172aa6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.report-modal-box{background:#fff;border-radius:16px;flex-direction:column;width:95%;max-width:950px;max-height:90vh;animation:.2s ease-out reportModalFadeIn;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}@keyframes reportModalFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.report-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.report-modal-body{flex:1;padding:24px;overflow-y:auto}.report-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.view-report-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;overflow:hidden}.view-section-header{color:var(--primary-color,#144b79);text-transform:uppercase;letter-spacing:.3px;background:#f8fafc;border-bottom:1px solid #edf2f7;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:700;display:flex}.view-compact-grid{background:#fff;grid-template-columns:repeat(4,1fr);display:grid}@media (width<=768px){.view-compact-grid{grid-template-columns:repeat(2,1fr)}}.view-cell{border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.view-cell:nth-child(4n){border-right:none}.view-cell-label{color:#64748b;font-size:11px;font-weight:500}.view-cell-val{color:#0f172a;font-size:13px;font-weight:600}.view-cell-val.positive{color:#16a34a}.view-cell-val.alert{color:#dc2626}.view-cell-val.primary{color:var(--primary-color,#144b79)}.view-text-block{border-bottom:1px solid #f1f5f9;padding:8px 12px;font-size:12.5px}.view-text-block:last-child{border-bottom:none}.report-mobile-cards-grid{grid-template-columns:1fr;gap:12px;padding:14px;display:none}.report-mobile-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;transition:all .15s;display:flex;box-shadow:0 1px 3px #00000005}.report-mobile-card:hover{border-color:#cbd5e1;box-shadow:0 4px 10px #0000000d}.report-mcard-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.report-mcard-user{flex-direction:column;gap:2px;display:flex}.report-mcard-name{color:#0f172a;font-size:14px;font-weight:700}.report-mcard-role{color:#64748b;font-size:11px;font-weight:500}.report-mcard-date{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600}.report-mcard-stats{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:8px;padding:10px 12px;display:grid}.report-mstat-col{flex-direction:column;gap:2px;display:flex}.report-mstat-label{text-transform:uppercase;color:#94a3b8;letter-spacing:.3px;font-size:10.5px;font-weight:600}.report-mstat-val{color:#1e293b;font-size:13px;font-weight:700}.report-mcard-actions{border-top:1px solid #f8fafc;justify-content:flex-end;align-items:center;gap:8px;padding-top:6px;display:flex}.report-mcard-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}@media (width<=1024px){.desktop-table-container{display:none!important}.report-mobile-cards-grid{grid-template-columns:repeat(2,1fr)!important;display:grid!important}}@media (width<=640px){.daily-report-container{padding:12px}.report-filter-bar{flex-direction:column;align-items:stretch;padding:12px}.report-filter-item{width:100%!important;min-width:0!important}.report-mobile-cards-grid{padding:10px;grid-template-columns:1fr!important}.report-form-grid,.report-form-grid-3{grid-template-columns:1fr}.report-submit-bar{flex-direction:column;align-items:stretch;gap:12px}.report-submit-bar button{width:100%}.report-modal-box{width:100%;max-height:96vh}}.complaints-subtitle{color:#64748b;margin:4px 0 0;font-size:13px}.complaints-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.complaints-tabs{flex-wrap:wrap;gap:8px;display:flex}.complaints-tab{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.complaints-tab span{color:#475569;text-align:center;background:#f1f5f9;border-radius:999px;min-width:20px;padding:1px 6px;font-size:11px}.complaints-tab.active{border-color:var(--primary-color,#144b79);background:var(--primary-color,#144b79);color:#fff}.complaints-tab.active span{color:#fff;background:#ffffff40}.complaints-status-filter{width:170px}.complaints-empty{color:#64748b;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:50px 20px;display:flex}.complaints-empty h3{color:#334155;margin:4px 0 0;font-size:16px}.complaints-empty p{margin:0 0 8px;font-size:14px}.complaints-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.complaint-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #94a3b8;border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.complaint-card.cat-patient{border-left-color:#0284c7}.complaint-card.cat-team{border-left-color:#d97706}.complaint-card.cat-error{border-left-color:#dc2626}.complaint-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.complaint-cat-badge{border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.complaint-cat-badge.cat-patient{color:#0369a1;background:#e0f2fe}.complaint-cat-badge.cat-team{color:#b45309;background:#fef3c7}.complaint-cat-badge.cat-error{color:#b91c1c;background:#fee2e2}.complaint-card-actions{align-items:center;gap:6px;display:flex}.complaint-status-badge{border:1px solid #e2e8f0;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.complaint-status-select{width:130px}.complaint-status-select button.custom-select-trigger{font-weight:600;height:30px!important;padding:0 10px!important;font-size:12px!important}.complaint-status-select.status-open button.custom-select-trigger{color:#b91c1c!important;background-color:#fef2f2!important;border-color:#fecaca!important}.complaint-status-select.status-in-progress button.custom-select-trigger{color:#b45309!important;background-color:#fffbeb!important;border-color:#fde68a!important}.complaint-status-select.status-resolved button.custom-select-trigger{color:#047857!important;background-color:#ecfdf5!important;border-color:#a7f3d0!important}.complaint-status-badge.status-open{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.complaint-status-badge.status-in-progress{color:#b45309;background:#fffbeb;border-color:#fde68a}.complaint-status-badge.status-resolved{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.complaint-edit-btn{color:#d97706;cursor:pointer;background:#fff;border:1px solid #fde68a;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.complaint-delete-btn{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.complaint-text{color:#334155;white-space:pre-wrap;word-break:break-word;margin:0;font-size:13.5px;line-height:1.6}.complaint-meta{color:#64748b;border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;gap:6px;padding-top:8px;font-size:12px;display:flex}.modal-content.complaint-modal{max-width:520px}.complaint-field-label{color:#334155;margin:4px 0 8px;font-size:13px;font-weight:600;display:block}.complaint-cat-options{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.complaint-cat-option{color:#64748b;text-align:center;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;font-family:inherit;display:flex}.complaint-cat-option strong{color:#0f172a;font-size:13px}.complaint-cat-option small{color:#94a3b8;font-size:11px}.complaint-cat-option.cat-patient.selected{color:#0284c7;background:#f0f9ff;border-color:#0284c7}.complaint-cat-option.cat-team.selected{color:#d97706;background:#fffbeb;border-color:#d97706}.complaint-cat-option.cat-error.selected{color:#dc2626;background:#fef2f2;border-color:#dc2626}.complaint-textarea{resize:vertical;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13.5px;line-height:1.5;display:block}.complaint-textarea:focus{border-color:var(--primary-color,#144b79)}.complaint-form-error{color:#b91c1c;background:#fef2f2;border-radius:8px;margin-top:10px;padding:8px 12px;font-size:13px}@media (width<=520px){.complaint-cat-options,.complaints-list{grid-template-columns:1fr}}.complaints-page .crm-btn,.complaints-page .complaints-tab,.complaints-page .complaint-delete-btn,.complaints-page .complaint-edit-btn,.complaints-page .complaint-cat-option{transition:none}.complaints-page .crm-btn-primary:hover,.complaints-page .crm-btn-primary:active{background-color:var(--primary-color);transform:none;box-shadow:0 1px 3px #144b7940,0 1px 2px #144b7926}.complaints-page .crm-btn-secondary:hover{color:#334155;background-color:#f1f5f9}.complaints-page .modal-close:hover{transform:none;color:#64748b!important;background:#f8fafc!important;border-color:#e2e8f0!important}.complaints-page .complaints-tab:hover,.complaints-page .complaint-delete-btn:hover,.complaints-page .complaint-edit-btn:hover,.complaints-page .complaint-cat-option:hover{background-color:#fff}.complaints-page .complaints-tab.active:hover{background-color:var(--primary-color,#144b79)}.complaints-page .complaint-cat-option.cat-patient.selected:hover{background-color:#f0f9ff}.complaints-page .complaint-cat-option.cat-team.selected:hover{background-color:#fffbeb}.complaints-page .complaint-cat-option.cat-error.selected:hover{background-color:#fef2f2}button.myp-trigger{color:#1e293b;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;width:100%;height:38px;padding:0 12px;font-family:inherit;font-size:13.5px;display:flex}button.myp-trigger:hover{background:#fff}.myp-trigger svg{color:#64748b;flex-shrink:0}.myp-label{text-align:left;white-space:nowrap;flex:1}.myp-menu{z-index:1200;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:240px;padding:10px;position:fixed;box-shadow:0 10px 25px #0f172a26}.myp-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.myp-head strong{color:#1e293b;font-size:14px}button.myp-nav{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}button.myp-nav:hover{background:#f8fafc}.myp-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}button.myp-cell{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:34px;padding:0;font-family:inherit;font-size:13px}button.myp-cell:hover{background:#fff}button.myp-cell.active,button.myp-cell.active:hover{background:var(--primary-color,#144b79);border-color:var(--primary-color,#144b79);color:#fff;font-weight:600}.pb-subtitle{color:#64748b;margin:4px 0 0;font-size:13px}.pb-strong{color:#0f172a;font-weight:600}.pb-muted{color:#94a3b8}.pb-green{color:#047857}.pb-red{color:#dc2626}.pb-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.pb-summary-card{border:1px solid #e2e8f0;border-left:4px solid var(--primary-color,#144b79);background:#fff;border-radius:10px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.pb-summary-card.paid{border-left-color:#059669}.pb-summary-card.pending{border-left-color:#dc2626}.pb-summary-label{text-transform:uppercase;letter-spacing:.4px;color:#64748b;font-size:12px;font-weight:600}.pb-summary-card strong{color:#0f172a;font-size:22px}.pb-summary-card.paid strong{color:#047857}.pb-summary-card.pending strong{color:#dc2626}.pb-summary-card small{color:#94a3b8;font-size:12px}.pb-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:16px}.pb-section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:12px;display:flex}.pb-section-head h3{color:#0f172a;margin:0;font-size:15px}.pb-section-head span{color:#94a3b8;font-size:12px}.pb-table-wrap{overflow-x:auto}.pb-table{border-collapse:collapse;width:100%;font-size:13px}.pb-table th{color:#475569;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:12px;font-weight:600}.pb-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.pb-table .num{text-align:right;white-space:nowrap}.pb-table .center{text-align:center}.pb-items{max-width:260px}.pb-med-chips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pb-med-chip{color:#065f46;background:#ecfdf5;border:1px solid #d1fae5;border-radius:999px;align-items:center;gap:4px;max-width:150px;padding:2px 8px;font-size:12px;font-weight:500;line-height:18px;display:inline-flex}.pb-med-chip-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pb-med-chip-qty{color:#059669;flex-shrink:0;font-weight:700}.pharmacy-page .pb-med-more,.pharmacy-page .pb-med-more:hover{color:#475569;cursor:pointer;box-shadow:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;line-height:18px;transform:none}.pb-card-meds{background:#f8fafc;border-radius:8px;padding:8px 10px}.pb-med-list{flex-direction:column;gap:6px;max-height:340px;padding-right:4px;display:flex;overflow-y:auto}.pb-med-row{color:#1e293b;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.pb-med-row-no{color:#065f46;background:#d1fae5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.pb-med-row-name{word-break:break-word;flex:1;min-width:0}.pb-med-row-qty{color:#059669;flex-shrink:0}.pb-due{color:#94a3b8;margin-top:2px;font-size:11px}.pb-due.overdue{color:#dc2626;font-weight:600}.pb-status{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.pb-status-pending{color:#b91c1c;background:#fef2f2}.pb-status-partial{color:#b45309;background:#fffbeb}.pb-status-paid{color:#047857;background:#ecfdf5}.pb-actions{gap:6px;display:inline-flex}.pharmacy-page .pb-icon-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.pharmacy-page .pb-icon-btn.pay{color:#059669;border-color:#a7f3d0}.pharmacy-page .pb-icon-btn.edit{color:#d97706;border-color:#fde68a}.pharmacy-page .pb-icon-btn.delete{color:#ef4444;border-color:#fecaca}.pb-balance-note{color:#b45309;background:#fffbeb;border:1px solid #fcd34d;border-radius:6px;margin-top:6px;padding:8px 10px;font-size:12px;font-weight:600}.pb-paid-cell{align-items:center;gap:4px;display:inline-flex}.pharmacy-page .pb-info-btn,.pharmacy-page .pb-info-btn:hover{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:none;display:inline-flex}.pb-pi-modal{max-width:520px}.pb-pi-sub{color:#64748b;margin-top:3px;font-size:12.5px}.pb-pi-sub strong{color:#1e293b}.pb-pi-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.pb-pi-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px}.pb-pi-card span{text-transform:uppercase;letter-spacing:.4px;color:#64748b;font-size:11px;font-weight:600;display:block}.pb-pi-card strong{color:#1e293b;margin-top:4px;font-size:16px;display:block}.pb-pi-card.paid{background:#ecfdf5;border-color:#a7f3d0}.pb-pi-card.paid strong{color:#047857}.pb-pi-card.pending{background:#fef2f2;border-color:#fecaca}.pb-pi-card.pending strong{color:#b91c1c}.pb-pi-card.clear strong{color:#94a3b8}.pb-pi-progress{color:#64748b;white-space:nowrap;align-items:center;gap:10px;margin-bottom:16px;font-size:12px;display:flex}.pb-pi-progress-bar{background:#e2e8f0;border-radius:999px;flex:1;height:8px;overflow:hidden}.pb-pi-progress-bar>div{background:#10b981;border-radius:999px;height:100%}.pb-pi-heading{color:#1e293b;margin-bottom:8px;font-size:13px;font-weight:700}.pb-pi-heading span{color:#94a3b8;font-weight:600}.pb-pi-timeline{max-height:300px;padding-right:4px;overflow-y:auto}.pb-pi-row{gap:12px;padding-bottom:12px;display:flex;position:relative}.pb-pi-row:not(:last-child):before{content:"";background:#e2e8f0;width:2px;position:absolute;top:28px;bottom:0;left:13px}.pb-pi-dot{color:#047857;background:#ecfdf5;border:2px solid #a7f3d0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.pb-pi-body{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;min-width:0;padding:9px 12px}.pb-pi-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.pb-pi-date{color:#1e293b;font-size:13px;font-weight:600}.pb-pi-amount{color:#047857;font-size:14px}.pb-pi-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px;display:flex}.pb-pi-account{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.pb-pi-account.cash{color:#047857;background:#ecfdf5}.pb-pi-account.company{color:#1d4ed8;background:#eff6ff}.pb-pi-account.personal{color:#6d28d9;background:#f5f3ff}.pb-pi-account.none{color:#64748b;background:#f1f5f9}.pb-pi-note{color:#64748b;font-size:12px}@media (width<=520px){.pb-pi-summary{grid-template-columns:1fr 1fr}.pb-pi-card:first-child{grid-column:span 2}}.pb-pay-account{color:#2563eb;font-weight:600}.pb-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:none}.pb-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #059669;border-radius:10px;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.pb-card.pending{border-left-color:#dc2626}.pb-card.partial{border-left-color:#d97706}.pb-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.pb-card-title{min-width:0}.pb-card-title h4{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:600;overflow:hidden}.pb-card-title span{color:#64748b;font-size:12px}.pb-card .pb-due{margin-top:-6px}.pb-card-items{color:#475569;-webkit-line-clamp:2;background:#f8fafc;border-radius:8px;-webkit-box-orient:vertical;margin:0;padding:8px 10px;font-size:12.5px;display:-webkit-box;overflow:hidden}.pb-card-amounts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pb-card-amounts>div{flex-direction:column;gap:2px;min-width:0;display:flex}.pb-card-amounts span{text-transform:uppercase;letter-spacing:.3px;color:#94a3b8;font-size:11px;font-weight:600}.pb-card-amounts strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.pb-card-actions{border-top:1px solid #f1f5f9;gap:6px;padding-top:10px;display:flex}.pharmacy-page .pb-card-btn{color:#047857;cursor:pointer;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;height:30px;padding:0 10px;font-family:inherit;font-size:12.5px;font-weight:600;display:inline-flex}.pb-filters{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.pb-search{color:#94a3b8;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:220px;height:38px;padding:0 12px;display:flex}.pb-search input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13.5px}.pb-filter-select{width:190px}.pb-filter-select.small{width:140px}.pb-filter-select.wide{width:250px}.pb-status-slider{background:#f1f5f9;border-radius:10px;gap:4px;max-width:100%;margin-bottom:12px;padding:4px;display:inline-flex;overflow-x:auto}.pb-status-tab{color:#64748b;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.pb-status-count{color:#475569;text-align:center;background:#e2e8f0;border-radius:999px;min-width:20px;padding:1px 6px;font-size:11.5px}.pb-status-tab.active{color:var(--primary-color,#144b79);background:#fff;box-shadow:0 1px 3px #0f172a1f}.pb-status-tab.pending.active{color:#b91c1c}.pb-status-tab.partial.active{color:#b45309}.pb-status-tab.paid.active{color:#047857}.pb-status-tab.pending.active .pb-status-count{color:#b91c1c;background:#fee2e2}.pb-status-tab.partial.active .pb-status-count{color:#b45309;background:#fef3c7}.pb-status-tab.paid.active .pb-status-count{color:#047857;background:#d1fae5}.pb-status-tab.all.active .pb-status-count{color:var(--primary-color,#144b79);background:#e0e7ff}.pb-empty{color:#64748b;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;display:flex}.pb-empty h4{color:#334155;margin:0;font-size:15px}.pb-empty-small{color:#94a3b8;padding:12px;font-size:13px}.modal-content.pb-modal{max-width:560px;max-height:calc(100vh - 40px);overflow-y:auto}.pb-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pb-field{flex-direction:column;gap:6px;min-width:0;display:flex}.pb-field.full{grid-column:1/-1}.pb-field label{color:#334155;font-size:12.5px;font-weight:600}.pb-field input,.pb-field textarea{color:#1e293b;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13.5px}.pb-field input{height:38px}.pb-field textarea{resize:vertical}.pb-field input:focus,.pb-field textarea:focus{border-color:var(--primary-color,#144b79)}.pb-combo{position:relative}.pb-combo input,.pb-combo textarea{padding-right:34px}.pb-combo-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;width:34px;height:38px;font-size:14px;position:absolute;top:0;right:0}.pb-combo-menu{z-index:20;background:#fff;border:1px solid #cbd5e1;border-radius:8px;max-height:220px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 20px #0f172a1f}.pb-combo-option{color:#1e293b;cursor:pointer;justify-content:space-between;gap:8px;padding:9px 12px;font-size:13.5px;display:flex}.pb-combo-option.active{background:#f1f5f9}.pb-combo-option.new{color:var(--primary-color,#144b79);border-top:1px solid #e2e8f0;font-weight:600}.pb-combo-meta{color:#94a3b8;white-space:nowrap;font-size:12px}.pb-field textarea.pb-items-input{resize:none;height:84px;overflow-y:auto}.pb-combo-menu-floating{z-index:1100;position:fixed;right:auto}.pb-pending-preview{color:#991b1b;background:#fef2f2;border-radius:8px;padding:8px 12px;font-size:13px}.pb-form-error{color:#b91c1c;background:#fef2f2;border-radius:8px;margin-top:12px;padding:8px 12px;font-size:13px}.pb-bill-info{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:13px;display:flex}.pb-amount-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.pb-amount-row>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.pb-amount-row span{color:#64748b;font-size:11.5px}.pb-amount-row strong{color:#0f172a;font-size:15px}.pb-history-title{color:#0f172a;margin:4px 0 8px;font-size:13px;font-weight:700}.pb-history{border:1px solid #e2e8f0;border-radius:8px;margin:0 0 14px;padding:0;list-style:none}.pb-history li{box-shadow:none;background:#fff;border-bottom:1px solid #f1f5f9;border-left:none;border-radius:0;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:10px 12px;font-size:13px;display:flex}.pb-history li:last-child{border-bottom:none}.pb-note{margin-top:2px;font-size:12px}.pb-pay-form{border-top:1px dashed #e2e8f0;padding-top:12px}.pharmacy-page .pb-icon-btn:hover{background:#fff}.pharmacy-page .pb-card-btn:hover{background:#ecfdf5}.pharmacy-page .crm-btn{transition:none}.pharmacy-page .crm-btn-primary:hover,.pharmacy-page .crm-btn-primary:active{background-color:var(--primary-color);transform:none;box-shadow:0 1px 3px #144b7940,0 1px 2px #144b7926}.pharmacy-page .crm-btn-secondary:hover{color:#334155;background-color:#f1f5f9}.pharmacy-page .pb-combo-toggle:hover,.pharmacy-page .pb-status-tab:hover{background:0 0}.pharmacy-page .pb-status-tab.active:hover{background:#fff}.pharmacy-page .modal-close:hover{transform:none;color:#64748b!important;background:#f8fafc!important;border-color:#e2e8f0!important}@media (width<=1024px){.pb-table-wrap{display:none}.pb-cards{display:grid}.pb-search{flex:100%;min-width:0}.pb-filter-select,.pb-filter-select.small,.pb-filter-select.wide{flex:180px;width:auto;min-width:0}}@media (width<=640px){.pb-summary{grid-template-columns:1fr;gap:10px;margin-bottom:14px}.pb-summary-card{padding:12px 14px}.pb-summary-card strong{font-size:19px}.pb-section{padding:12px}.pb-filters{gap:8px}.pb-filter-select,.pb-filter-select.small,.pb-filter-select.wide{flex:100%}.pb-status-slider{box-sizing:border-box;width:100%;display:flex}.pb-status-tab{flex:1 0 auto;justify-content:center;padding:7px 10px}.pb-cards{grid-template-columns:1fr;gap:10px}.pb-form-grid{grid-template-columns:1fr}.pb-amount-row{grid-template-columns:1fr 1fr 1fr;gap:6px}}.pb-page-tabs{border-bottom:1px solid #e2e8f0;gap:4px;margin-bottom:16px;display:flex}.pharmacy-page .pb-page-tab,.pharmacy-page .pb-page-tab:hover{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:8px;margin-bottom:-1px;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.pharmacy-page .pb-page-tab.active,.pharmacy-page .pb-page-tab.active:hover{color:var(--primary-color,#144b79);border-bottom-color:var(--primary-color,#144b79);box-shadow:none;background:0 0}.pb-stock-rows{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.pb-stock-row{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 90px 34px;align-items:start;gap:8px;display:grid}.pb-stock-row-head span{color:#64748b;font-size:11.5px;font-weight:600}.pb-stock-med{flex-direction:column;gap:6px;min-width:0;display:flex}.pb-stock-row .pb-icon-btn{width:34px;height:38px}.pb-stock-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.pharmacy-page .pb-add-row-btn,.pharmacy-page .pb-add-row-btn:hover{color:var(--primary-color,#144b79);cursor:pointer;background:#fff;border:1px dashed #94a3b8;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:12.5px;font-weight:600;display:inline-flex}.pb-stock-total{color:#475569;font-size:12px;font-weight:600}.pb-stock-old{color:#64748b;background:#fffbeb;border-radius:6px;padding:6px 10px;font-size:12px}.ms-table-wrap{overflow-x:auto}.ms-category{color:#94a3b8;margin-top:2px;font-size:11.5px}.ms-note{color:#b45309;margin:12px 0 0;font-size:12px}@media (width<=640px){.pb-stock-row{grid-template-columns:minmax(0,1fr) 80px 34px}.pb-stock-row>:first-child{grid-column:1/-1}.pb-stock-row-head{display:none}}.modal-content.pb-modal.ms-view-modal{max-width:680px}.ms-view-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.ms-period-tabs{margin-bottom:8px}.ms-period-tabs .pb-status-tab{padding:5px 10px;font-size:12px}.ms-view-table{border:1px solid #e2e8f0;border-radius:8px;max-height:260px;overflow-y:auto}.ms-view-table .pb-table th{position:sticky;top:0}.ms-by{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.ms-role{white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:10.5px;font-weight:700}.ms-role-superadmin{color:#6d28d9;background:#f3e8ff}.ms-role-admin{color:#144b79;background:#eaf1f7}.ms-role-team{color:#047857;background:#ecfdf5}.ms-amber{color:#b45309}.pharmacy-page .ms-view-btn,.pharmacy-page .ms-view-btn:hover{color:var(--primary-color,#144b79);background:#fff}.ms2{--ms-bar:#2a78d6;--ms-line:#e5e7eb;--ms-soft:#f8fafc;--ms-ink:#0f172a;--ms-ink-2:#475569;--ms-ink-3:#94a3b8;flex-direction:column;gap:14px;font-size:13px;display:flex}.ms2-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ms2-seg{border:1px solid var(--ms-line);background:#fff;border-radius:8px;gap:2px;padding:3px;display:inline-flex}.pharmacy-page .ms2-seg-btn,.pharmacy-page .ms2-seg-btn:hover{color:var(--ms-ink-2);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:600}.pharmacy-page .ms2-seg-btn.active,.pharmacy-page .ms2-seg-btn.active:hover{background:var(--primary-color,#144b79);color:#fff}.ms2-toolbar-date{color:var(--ms-ink-2);font-size:13px}.ms2-toolbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.pharmacy-page .ms2-info-btn,.pharmacy-page .ms2-info-btn:hover{border:1px solid var(--ms-line);min-width:34px;height:34px;color:var(--primary-color,#144b79);cursor:pointer;background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.ms2-info-count{color:#c2410c;text-align:center;background:#fff7ed;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px}.pharmacy-page .ms2-btn-primary,.pharmacy-page .ms2-btn-primary:hover{background:var(--primary-color,#144b79);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.ms2-kpis{border:1px solid var(--ms-line);background:var(--ms-line);border-radius:10px;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.ms2-kpi{background:#fff;flex-direction:column;gap:6px;min-width:0;padding:12px 16px;display:flex}.ms2-kpi-label{color:var(--ms-ink-2);font-size:12px;font-weight:500}.ms2-kpi-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.ms2-kpi-row strong{color:var(--ms-ink);font-size:22px;font-weight:700;line-height:1.1}.ms2-kpi-row small{color:var(--ms-ink-3);font-size:12px}.ms2-delta{white-space:nowrap;font-size:11.5px;font-weight:600}.ms2-delta.up{color:#047857}.ms2-delta.down{color:#b91c1c}.ms2-delta.flat{color:var(--ms-ink-3)}.ms2-card{border:1px solid var(--ms-line);background:#fff;border-radius:10px;min-width:0}.ms2 ul{margin:0;padding:0;list-style:none}.ms2 li{box-shadow:none;background:0 0;border:none;border-radius:0;margin:0;padding:0}.ms2-outs{flex-direction:column;display:flex}.ms2 .ms2-outs li{border-top:1px solid var(--ms-line);justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 0;display:flex}.ms2 .ms2-outs li:first-child{border-top:none;padding-top:0}.ms2-out-main{flex-direction:column;gap:5px;min-width:0;display:flex}.ms2-out-items{color:var(--ms-ink);flex-wrap:wrap;gap:4px 12px;font-size:13px;display:flex}.ms2-out-meta{color:var(--ms-ink-2);flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:12px;display:flex}.ms2-reason{color:#c2410c;background:#fff7ed;border-radius:4px;padding:1px 7px;font-size:11px;font-weight:600}.ms2-reason.small{margin-top:3px;font-size:10.5px;display:inline-block}.ms2-in-clinic{color:#64748b;font-size:11.5px}.ms2-in-clinic.warn{color:#b91c1c;font-weight:600}.ms2-table-card{padding:0;overflow:hidden}.ms2-table-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 10px;display:flex}.ms2-table-head h3{color:var(--ms-ink);margin:0;font-size:14px;font-weight:600}.ms2-table-head>div>span{color:var(--ms-ink-3);font-size:12px}.ms2-table-tools{align-items:center;gap:8px;display:flex}.ms2-search{border:1px solid var(--ms-line);height:34px;color:var(--ms-ink-3);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:flex}.ms2-search input{width:180px;color:var(--ms-ink);background:0 0;border:none;outline:none;font-family:inherit;font-size:13px}.ms2-cat-select{width:170px}.ms2-filter-row{flex-wrap:wrap;gap:6px;padding:0 16px 12px;display:flex}.pharmacy-page .ms2-filter-btn,.pharmacy-page .ms2-filter-btn:hover{border:1px solid var(--ms-line);color:var(--ms-ink-2);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.ms2-filter-btn span{color:var(--ms-ink-3);font-weight:500}.pharmacy-page .ms2-filter-btn.active,.pharmacy-page .ms2-filter-btn.active:hover{border-color:var(--primary-color,#144b79);color:var(--primary-color,#144b79);background:#eaf1f7}.ms2-table{border-top:1px solid var(--ms-line)}.ms2-tr{border-bottom:1px solid #f1f5f9;grid-template-columns:minmax(180px,2fr) minmax(120px,1.2fr) 110px repeat(4,minmax(64px,.6fr)) 76px;align-items:center;gap:12px;padding:10px 16px;display:grid}.ms2-tr:last-child{border-bottom:none}.ms2-thead{background:var(--ms-soft);border-bottom:1px solid var(--ms-line);color:var(--ms-ink-2);text-transform:uppercase;letter-spacing:.3px;padding-top:8px;padding-bottom:8px;font-size:11.5px;font-weight:600}.ms2-thead .active{color:var(--primary-color,#144b79)}.ms2-tr .num{text-align:right}.ms2-td-name{flex-direction:column;gap:2px;min-width:0;display:flex}.ms2-med-name{color:var(--ms-ink);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.ms2-med-sub{color:var(--ms-ink-3);font-size:11.5px}.ms2-td-stock{align-items:center;gap:10px;display:flex}.ms2-td-stock strong{min-width:34px;color:var(--ms-ink);font-size:14px}.ms2-meter{border-radius:3px;flex:1;height:6px;overflow:hidden}.ms2-meter>div{border-radius:3px;height:100%}.ms2-meter.in{background:#d1fae5}.ms2-meter.in>div{background:#059669}.ms2-meter.low{background:#fef3c7}.ms2-meter.low>div{background:#d97706}.ms2-meter.out{background:#fee2e2}.ms2-meter.out>div{background:#dc2626}.ms2-meter.none{background:#f1f5f9}.ms2-pill{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.ms2-pill.in{color:#047857;background:#ecfdf5}.ms2-pill.low{color:#b45309;background:#fffbeb}.ms2-pill.out{color:#b91c1c;background:#fef2f2}.ms2-pill.none{color:#64748b;background:#f1f5f9}.ms2-td-period{color:var(--ms-ink);font-size:13.5px;font-weight:600}.ms2-td-period.active{color:var(--primary-color,#144b79)}.ms2-zero{color:#cbd5e1;font-weight:500}.ms2-td-action{text-align:right}.pharmacy-page .ms2-view-btn,.pharmacy-page .ms2-view-btn:hover{border:1px solid var(--ms-line);height:28px;color:var(--primary-color,#144b79);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:5px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.ms2-table-empty{color:var(--ms-ink-3);border-top:1px solid var(--ms-line);flex-direction:column;align-items:center;gap:8px;padding:28px 16px;font-size:13px;display:flex}.ms2-table-card .ms-note{border-top:1px solid var(--ms-line);margin:0;padding:10px 16px}.ms2-view-periods{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.ms2-view-periods>div{background:#f1f5f9;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.ms2-view-periods span{color:#475569;font-size:11px;font-weight:600}.ms2-view-periods strong{color:#0f172a;font-size:16px}.task-page-container.pharmacy-page{row-gap:0}@media (width<=1100px){.ms2-tr{grid-template-columns:minmax(150px,2fr) minmax(110px,1.2fr) 100px repeat(4,minmax(52px,.6fr)) 70px;gap:8px}.ms2-search input{width:140px}}@media (width<=900px){.ms2-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ms2-kpi:first-child{grid-column:1/-1}.ms2-thead{display:none}.ms2-tr{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 10px}.ms2-td-name{grid-column:1/4}.ms2-td-action{grid-area:1/4}.ms2-td-stock{grid-column:1/4}.ms2-tr>div:nth-child(3){text-align:right;grid-column:4}.ms2-td-period{background:var(--ms-soft);border-radius:6px;flex-direction:column;align-items:flex-start;gap:1px;padding:5px 8px;display:flex;text-align:left!important}.ms2-td-period:before{content:attr(data-label);color:var(--ms-ink-3);font-size:10.5px;font-weight:500}}@media (width<=640px){.pb-page-tabs{margin-bottom:12px}.pharmacy-page .pb-page-tab,.pharmacy-page .pb-page-tab:hover,.pharmacy-page .pb-page-tab.active,.pharmacy-page .pb-page-tab.active:hover{flex:1;justify-content:center;padding:9px 6px;font-size:13px}.pharmacy-page .page-header{margin-bottom:12px!important}.pb-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.pb-summary-card{border-left-width:3px;gap:2px;padding:10px 10px 10px 12px}.pb-summary-label{letter-spacing:0;font-size:10px}.pb-summary-card strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.pb-summary-card small{font-size:10.5px}.ms2{gap:10px}.ms2-toolbar{gap:8px}.ms2-seg{width:100%}.pharmacy-page .ms2-seg-btn,.pharmacy-page .ms2-seg-btn:hover,.pharmacy-page .ms2-seg-btn.active,.pharmacy-page .ms2-seg-btn.active:hover{flex:1;padding:6px 4px}.ms2-toolbar-date{font-size:12px}.ms2-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ms2-kpi{gap:4px;padding:10px 12px}.ms2-kpi:first-child{grid-column:1/-1}.ms2-kpi-row strong{font-size:19px}.ms2-table-head{padding:12px 12px 8px}.ms2-table-tools{width:100%}.ms2-search{flex:1}.ms2-search input{width:100%}.ms2-cat-select{width:130px}.ms2-filter-row{padding:0 12px 10px}.ms2-tr{padding:10px 12px}.ms2-view-btn span{display:none}}.pb-summary{gap:12px;margin-bottom:16px}.pb-summary-card{border-radius:10px;gap:2px;padding:12px 16px}.pb-summary-label{font-size:11px}.pb-summary-card strong{font-size:20px}.pb-summary-card small{font-size:11.5px}@media (width<=640px){.pb-summary{gap:8px;margin-bottom:12px}.pb-summary-card{padding:10px 10px 10px 12px}.pb-summary-label{font-size:10px}.pb-summary-card strong{font-size:15px}.pb-summary-card small{font-size:10.5px}}.ms2-outs-wrap{max-height:360px;padding:2px 4px 2px 0;overflow-y:auto}@media (width<=640px){.ms2-toolbar-actions{margin-left:auto}}.layout-container{background-color:#f4f6f8;height:100vh;display:flex;overflow:hidden}.sidebar{color:#fff;background-color:#2c2c2c;flex-direction:column;width:250px;display:flex}.sidebar-header{text-align:center;border-bottom:1px solid #444;padding:20px}.sidebar-header h2{color:#fff;margin:0;font-size:20px}.sidebar-user-info{flex-direction:column;gap:2px;display:flex}.sidebar-user-name{color:#fff;text-transform:capitalize;font-size:14px;font-weight:600}.sidebar-user-role{color:#94a3b8;text-transform:capitalize;font-size:12px;font-weight:500}.sidebar-nav{flex:1;margin:0;padding:20px 0;list-style:none;overflow-y:auto}.sidebar-nav li{padding:0;box-shadow:none!important;background:0 0!important;border:none!important;margin-bottom:0!important}.sidebar-nav li a{color:#cbd5e0;border-left:4px solid #0000;gap:10px;padding:6px 20px;font-size:13.5px;text-decoration:none;transition:all .2s;align-items:center!important;display:flex!important}.sidebar-nav li a svg{color:#94a3b8;flex-shrink:0;transition:color .2s}.sidebar-nav li a:hover{color:#fff;background-color:#ffffff0d}.sidebar-nav li a:hover svg{color:#fff}.sidebar-nav li.active a{background-color:var(--primary-color);color:#fff;border-left:4px solid #fff}.sidebar-nav li.active a svg{color:#fff}.sidebar-footer{background-color:#222;border-top:1px solid #444;flex-direction:column;gap:12px;padding:16px;display:flex;display:none!important}.sidebar-user-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.sidebar-avatar{background:var(--primary-color);color:#fff;border:1.5px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:flex;box-shadow:0 2px 5px #00000040}.sidebar-user-details{flex-direction:column;min-width:0;line-height:1.25;display:flex;overflow:hidden}.sidebar-user-name{color:#fff;text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--primary-color);text-transform:capitalize;letter-spacing:.3px;font-size:11px;font-weight:600}.logout-btn{color:#e2e8f0;cursor:pointer;background-color:#ffffff14;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.logout-btn:hover{color:#fff;background-color:#ffffff26;border-color:#ffffff4d;box-shadow:0 2px 6px #0003}.main-content{box-sizing:border-box;flex:1;padding:0;overflow:hidden auto}.mobile-topbar{color:#fff;background-color:#2c2c2c;justify-content:space-between;align-items:center;padding:15px 20px;display:none;display:none!important}.mobile-topbar.force-show{display:flex}.mobile-topbar-brand{color:var(--primary-color);font-size:20px;font-weight:700}.mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;font-size:24px}.sidebar-brand-mobile{justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}@media (width>=993px){.mobile-menu-close{display:none!important}}.sidebar.hidden{display:none!important}.sidebar-overlay{display:none}.submenu-toggle{color:#cbd5e0;cursor:pointer;border-left:4px solid #0000;justify-content:space-between;align-items:center;padding:8px 20px;font-size:15px;transition:all .2s;display:flex}.sidebar-nav li.active .submenu-toggle{background-color:var(--primary-color);color:#fff;border-left:4px solid #fff}.submenu-toggle:hover{color:#fff;background-color:#ffffff0d}.arrow{font-size:10px;transition:transform .2s}.arrow.open{transform:rotate(180deg)}.submenu{background-color:#00000026;margin:0;padding:0;list-style:none}.submenu li a{padding-left:40px!important;font-size:14px!important}.submenu li.sub-active a{border-left:4px solid var(--primary-color)!important;color:#fff!important;background-color:#ffffff1a!important}@media (width<=992px){.layout-container{flex-direction:column!important}.mobile-topbar{display:flex;display:none!important}.mobile-topbar.force-show{display:flex}.sidebar{z-index:2000;width:280px;height:100vh;transition:left .3s;position:fixed;top:0;left:-280px}.sidebar.open{left:0}.sidebar-overlay{z-index:1500;background:#00000080;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}.main-content{box-sizing:border-box;padding:15px;overflow-x:hidden}}.main-content{flex-direction:column;display:flex;overflow:hidden!important}.page-content-wrapper{flex:1;padding:20px;overflow:hidden auto}@media (width<=992px){.topbar-brand{display:none;display:none!important}}.global-topbar{z-index:50;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 24px;transition:all .3s;display:flex}.hamburger-btn{cursor:pointer;color:#475569;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:10px;transition:all .2s;display:flex}.hamburger-btn:hover{color:#0f172a;background:#f1f5f9}.topbar-brand{color:#1e293b;letter-spacing:-.5px;margin:0;font-size:20px;font-weight:700;display:none!important}.profile-avatar-btn{background:var(--primary-color,#144b79);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 5px #3b82f64d}.profile-avatar-btn:hover{background:#0f3a5e}.profile-menu-container{position:relative}.profile-dropdown-panel{z-index:100;transform-origin:100% 0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:220px;max-width:260px;animation:.2s ease-out forwards slideDownFade;position:absolute;top:50px;right:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@keyframes slideDownFade{0%{opacity:0;transform:scale(.95)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}.panel-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:16px;display:flex}.panel-avatar{width:40px;height:40px;color:var(--primary-color,#144b79);background:#e0e7ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.panel-user-info{flex-direction:column;display:flex;overflow:hidden}.panel-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.panel-email{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.panel-body{padding:6px}.panel-logout-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.panel-logout-btn:hover{background:#fef2f2}@media (width<=768px){.main-content{padding:0!important}.page-content-wrapper{padding:12px 10px 16px!important}.page-content-wrapper>*{background:0 0!important;padding:0!important}}