*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.loading-screen{color:#667eea;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.loading-spinner{border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;width:auto;max-width:100%;font-family:inherit;font-weight:700;text-decoration:none;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn--full-width{width:100%!important}.btn:active:not(:disabled){transform:scale(.98)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb47}.btn:disabled,.btn[disabled]{opacity:.55;cursor:not-allowed;pointer-events:none;box-shadow:none!important;transform:none!important}.btn--sm{border-radius:8px;gap:6px;min-height:34px;padding:6px 14px;font-size:13px}.btn--md{border-radius:10px;gap:8px;min-height:42px;padding:10px 18px;font-size:14px}.btn--lg{border-radius:12px;gap:10px;min-height:48px;padding:13px 26px;font-size:15px}.btn--primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-color:#1d4ed8;box-shadow:0 2px 6px #2563eb40,0 1px 2px #0000000d}.btn--primary:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border-color:#1e40af;transform:translateY(-1px);box-shadow:0 6px 16px -2px #2563eb66,0 2px 4px #0000000f}.btn--secondary{color:#334155;background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 1px 2px #00000008}.btn--secondary:hover:not(:disabled){color:#0f172a;background:#e2e8f0;border-color:#94a3b8;transform:translateY(-1px)}.btn--success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#059669;box-shadow:0 2px 6px #10b98140}.btn--success:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%);border-color:#047857;transform:translateY(-1px);box-shadow:0 6px 16px -2px #10b98166}.btn--danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#dc2626;box-shadow:0 2px 6px #ef444440}.btn--danger:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-color:#b91c1c;transform:translateY(-1px);box-shadow:0 6px 16px -2px #ef444466}.btn--warning{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-color:#d97706;box-shadow:0 2px 6px #f59e0b40}.btn--warning:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#d97706 0%,#b45309 100%);border-color:#b45309;transform:translateY(-1px);box-shadow:0 6px 16px -2px #f59e0b66}.btn--outline{color:#334155;background:#fff;border-color:#cbd5e1;box-shadow:0 1px 2px #00000008}.btn--outline:hover:not(:disabled){color:#2563eb;background:#f8fafc;border-color:#2563eb;transform:translateY(-1px)}.btn--ghost{color:#475569;background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){color:#0f172a;background:#f1f5f9}.btn-icon{flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.btn--sm .btn-icon{font-size:15px}.btn--md .btn-icon{font-size:17px}.btn--lg .btn-icon{font-size:19px}.btn-label{line-height:1;display:inline-block}.btn-spinner-wrap{justify-content:center;align-items:center;display:inline-flex}.btn-spinner{border:2.2px solid #ffffff59;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.75s linear infinite btnSpin;display:inline-block}.btn--outline .btn-spinner,.btn--secondary .btn-spinner,.btn--ghost .btn-spinner{border-color:#334155 #33415540 #33415540}@keyframes btnSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--primary-glow:#2563eb59;--cyan-accent:#0ea5e9;--indigo-accent:#6366f1;--emerald-accent:#10b981;--dark-bg:#070d19;--dark-surface:#0f172a;--dark-card:#0f172abf;--light-surface:#fff;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--border-light:#e2e8f0;--border-focus:#3b82f6;--radius-lg:20px;--radius-md:12px;--radius-sm:8px;--shadow-elevated:0 25px 60px -15px #0f172a4d, 0 0 1px 1px #ffffff1a;--shadow-panel:0 20px 40px -10px #00000014}.login-viewport{box-sizing:border-box;background-color:#090e1a;background-image:radial-gradient(at 0 0,#0ea5e926 0,#0000 50%),radial-gradient(at 100% 100%,#6366f126 0,#0000 50%),linear-gradient(135deg,#070d19 0%,#0d172a 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:32px 20px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow-x:hidden}.login-bg-glow{filter:blur(100px);pointer-events:none;z-index:0;opacity:.6;border-radius:50%;position:absolute}.login-bg-glow.glow-1{background:radial-gradient(circle,#0ea5e959,#0000 70%);width:450px;height:450px;top:-100px;left:-80px}.login-bg-glow.glow-2{background:radial-gradient(circle,#6366f14d,#0000 70%);width:500px;height:500px;bottom:-120px;right:-100px}.login-bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.login-container{z-index:1;border-radius:var(--radius-lg);width:100%;max-width:1080px;min-height:640px;box-shadow:var(--shadow-elevated);background:#fff;border:1px solid #ffffff1f;grid-template-columns:1fr 1fr;animation:.6s cubic-bezier(.16,1,.3,1) fadeInUp;display:grid;position:relative;overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.login-showcase{color:#fff;background:linear-gradient(150deg,#090e1c 0%,#0d182e 50%,#11203d 100%);border-right:1px solid #ffffff14;flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.login-showcase:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 20%,#0ea5e92e,#0000 45%),radial-gradient(circle at 80% 80%,#6366f12e,#0000 50%);position:absolute;inset:0}.showcase-content{z-index:2;flex-direction:column;justify-content:space-between;gap:32px;height:100%;display:flex;position:relative}.showcase-brand{align-items:center;gap:16px;display:flex}.brand-logo-ring{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff29;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;padding:6px;display:flex;box-shadow:0 8px 20px #00000040}.brand-logo-img{object-fit:contain;width:100%;height:100%}.brand-titles{flex-direction:column;gap:3px;display:flex}.brand-pretitle{letter-spacing:.5px;color:#f8fafc;font-size:15px;font-weight:700}.brand-system-badge{color:var(--cyan-accent);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:600;display:inline-block}.showcase-hero{margin-top:8px}.showcase-headline{color:#fff;letter-spacing:-.5px;margin:0 0 16px;font-size:32px;font-weight:800;line-height:1.2}.showcase-headline span{background:linear-gradient(135deg,#38bdf8 0%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.showcase-description{color:#94a3b8;margin:0;font-size:14px;line-height:1.6}.showcase-features{flex-direction:column;gap:14px;display:flex}.feature-pill{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:14px;padding:14px 18px;transition:all .25s;display:flex}.feature-pill:hover{background:#ffffff12;border-color:#ffffff29;transform:translate(4px)}.feature-pill-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.feature-pill-icon.shield{color:#38bdf8;background:#0ea5e926}.feature-pill-icon.pulse{color:#34d399;background:#10b98126}.feature-pill-text h4{color:#f1f5f9;margin:0 0 3px;font-size:13.5px;font-weight:700}.feature-pill-text p{color:#94a3b8;margin:0;font-size:12px;line-height:1.4}.showcase-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:20px;font-size:12px;display:flex}.system-status-indicator{color:#cbd5e1;align-items:center;gap:8px;display:flex}.status-beacon{background:#10b981;border-radius:50%;width:8px;height:8px;position:relative;box-shadow:0 0 10px #10b981}.status-beacon:after{content:"";border:1.5px solid #10b981;border-radius:50%;animation:2s cubic-bezier(0,0,.2,1) infinite beaconPing;position:absolute;inset:-3px}@keyframes beaconPing{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(2.2)}}.security-tag{color:#64748b;font-size:11px;font-weight:500}.login-panel{background:#fff;flex-direction:column;justify-content:center;padding:48px;display:flex;position:relative}.login-panel-inner{flex-direction:column;width:100%;max-width:400px;margin:0 auto;display:flex}.mobile-brand-header{align-items:center;gap:12px;margin-bottom:24px;display:none}.mobile-logo-img{object-fit:contain;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:42px;height:42px;padding:4px}.mobile-brand-header h2{color:#0f172a;margin:0;font-size:16px;font-weight:700}.mobile-brand-header span{color:#64748b;font-size:12px}.panel-header{margin-bottom:26px}.panel-badge-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.portal-tag{text-transform:uppercase;letter-spacing:.8px;color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:20px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.demo-helper-trigger{position:relative}.demo-toggle-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:14px;padding:3px 10px;font-size:11px;font-weight:600;transition:all .2s}.demo-toggle-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.demo-dropdown-menu{border-radius:var(--radius-md);z-index:20;background:#fff;border:1px solid #e2e8f0;width:290px;padding:12px;animation:.2s fadeIn;position:absolute;top:90px;right:48px;box-shadow:0 16px 36px #0000001f}.demo-dropdown-header{color:#334155;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;font-size:12px;font-weight:700;display:flex}.demo-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px}.demo-account-list{flex-direction:column;gap:6px;display:flex}.demo-account-item{cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;transition:all .15s;display:flex}.demo-account-item:hover{background:#eff6ff;border-color:#bfdbfe}.demo-acc-info{flex-direction:column;display:flex}.demo-acc-info strong{color:#1e293b;font-size:12px}.demo-acc-info span{color:#64748b;font-size:11px}.demo-acc-use{color:#2563eb;background:#fff;border:1px solid #dbeafe;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.panel-title{color:#0f172a;letter-spacing:-.4px;margin:0 0 8px;font-size:26px;font-weight:800}.panel-subtitle{color:#64748b;margin:0;font-size:14px;line-height:1.5}.panel-subtitle strong{color:#0f172a}.feedback-alert{border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:12px 14px;font-size:13px;animation:.4s shakeAlert;display:flex}@keyframes shakeAlert{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.feedback-alert.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.feedback-alert.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.feedback-icon{flex-shrink:0;margin-top:2px}.feedback-content{flex-direction:column;gap:2px;line-height:1.4;display:flex}.feedback-content strong{font-size:12.5px;font-weight:700}.auth-form{flex-direction:column;gap:20px;display:flex}.form-field-group{flex-direction:column;gap:7px;width:100%;display:flex}.field-label-row{justify-content:space-between;align-items:center;display:flex}.field-label{color:#334155;font-size:13.5px;font-weight:600}.required-star{color:#ef4444;margin-left:2px}.field-control{align-items:center;width:100%;display:flex;position:relative}.field-icon{color:#94a3b8;pointer-events:none;justify-content:center;align-items:center;font-size:18px;transition:color .2s;display:flex;position:absolute;left:14px}.field-input{box-sizing:border-box;color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:11px;outline:none;width:100%;padding:13px 16px 13px 44px;font-family:inherit;font-size:14.5px;transition:all .2s}.field-input::placeholder{color:#94a3b8;font-size:14px}.field-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3.5px #2563eb1f}.field-control:focus-within .field-icon{color:#2563eb}.field-input--has-action{padding-right:46px}.password-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .2s,background-color .2s;display:flex;position:absolute;right:12px}.password-toggle-btn:hover{color:#334155;background:#f1f5f9}.form-utilities-row{justify-content:space-between;align-items:center;padding-top:2px;display:flex}.remember-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.custom-checkbox{opacity:0;cursor:pointer;position:absolute}.checkbox-custom-ui{color:#fff;background:#fff;border:1.5px solid #cbd5e1;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.custom-checkbox:checked+.checkbox-custom-ui{background:#2563eb;border-color:#2563eb}.custom-checkbox:focus-visible+.checkbox-custom-ui{box-shadow:0 0 0 3px #2563eb33}.remember-text{color:#475569;font-size:13px;font-weight:500}.help-link-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:600;transition:color .2s;display:inline-flex}.help-link-btn:hover{color:#1d4ed8;text-decoration:underline}.otp-section{flex-direction:column;gap:20px;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.otp-shield-header{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.otp-shield-icon{color:#16a34a;justify-content:center;align-items:center;display:flex}.otp-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.otp-cell{text-align:center;color:#0f172a;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;outline:none;width:100%;height:54px;font-family:inherit;font-size:22px;font-weight:800;transition:all .2s}.otp-cell:focus{background:#fff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 0 0 3.5px #2563eb26}.otp-cell.filled{color:#1d4ed8;background:#fff;border-color:#93c5fd}.otp-meta-row{justify-content:space-between;align-items:center;padding-top:4px;display:flex}.otp-resend-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.otp-resend-btn:hover:not(:disabled){color:#1d4ed8;text-decoration:underline}.otp-resend-btn:disabled{color:#94a3b8;cursor:not-allowed;opacity:.75}.otp-switch-account-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:13px;font-weight:600;transition:color .2s;display:inline-flex}.otp-switch-account-btn:hover:not(:disabled){color:#0f172a}@keyframes spinFast{to{transform:rotate(360deg)}}.form-action-row{margin-top:8px}.auth-submit-btn{cursor:pointer;justify-content:center;align-items:center;width:100%;height:48px;display:flex;color:#fff!important;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)!important;border:none!important;border-radius:11px!important;font-size:15px!important;font-weight:700!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 4px 14px #2563eb4d!important}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%)!important;transform:translateY(-1.5px)!important;box-shadow:0 8px 22px #2563eb66!important}.auth-submit-btn:active:not(:disabled){transform:translateY(.5px)!important;box-shadow:0 2px 8px #2563eb4d!important}.auth-submit-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-normal-state{justify-content:center;align-items:center;gap:8px;display:flex}.btn-arrow-icon{transition:transform .2s}.auth-submit-btn:hover:not(:disabled) .btn-arrow-icon{transform:translate(3px)}.btn-loading-state{justify-content:center;align-items:center;gap:10px;display:flex}.btn-spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spinFast}.panel-footer{text-align:center;border-top:1px solid #f1f5f9;margin-top:32px;padding-top:20px}.footer-copyright{color:#64748b;margin:0 0 4px;font-size:12px;font-weight:500}.footer-subtext{color:#94a3b8;margin:0;font-size:11px}.help-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.help-modal-card{border-radius:var(--radius-md);background:#fff;width:100%;max-width:440px;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) fadeInUp;box-shadow:0 20px 50px #00000040}.help-modal-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.help-modal-badge{color:#2563eb;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.help-modal-header h3{color:#0f172a;margin:0;font-size:17px;font-weight:700}.help-modal-body p{color:#475569;margin:0 0 16px;font-size:13.5px;line-height:1.5}.support-contact-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.contact-row{justify-content:space-between;font-size:12.5px;display:flex}.contact-row strong{color:#334155}.contact-row span{color:#2563eb;font-weight:500}.help-modal-footer{justify-content:flex-end;margin-top:20px;display:flex}.help-modal-close-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:background-color .15s}.help-modal-close-btn:hover{background:#1e293b}@media (width<=980px){.login-container{grid-template-columns:1fr;max-width:480px;min-height:auto}.login-showcase{display:none}.mobile-brand-header{display:flex}.login-panel{padding:36px 28px}.demo-dropdown-menu{right:28px}}@media (width<=480px){.login-viewport{padding:16px 12px}.login-panel{padding:28px 20px}.panel-title{font-size:22px}.otp-cell{height:48px;font-size:19px}.demo-dropdown-menu{width:auto;left:20px;right:20px}}.dash{background:#f1f5f9;min-height:100vh;display:flex}.dash-sidebar{z-index:50;background:radial-gradient(circle at 85% 0,#38bdf824,#0000 45%),linear-gradient(#091322 0%,#0d1b30 45%,#081220 100%);border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;width:268px;height:100vh;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow:hidden;box-shadow:6px 0 26px #0000002e}.dash--collapsed .dash-sidebar{width:76px}.dash-sidebar-header{box-sizing:border-box;background:#040f1c73;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:70px;padding:16px 14px;display:flex}.dash-logo{color:#fff;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.dash-logo-img-wrap{box-sizing:border-box;background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:3px;display:flex;box-shadow:0 4px 12px #38bdf840}.dash-logo-img-wrap img{object-fit:contain;width:100%;height:100%}.dash-brand-text{flex-direction:column;gap:1px;display:flex}.brand-title-row{align-items:center;gap:6px;display:flex}.brand-name{letter-spacing:1.2px;color:#fff;font-size:19px;font-weight:800;line-height:1.1}.brand-tag{color:#38bdf8;letter-spacing:.6px;background:#38bdf826;border:1px solid #38bdf859;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:800}.brand-sub{color:#94a3b8d9;letter-spacing:.4px;text-transform:uppercase;font-size:11px;font-weight:600}.dash--collapsed .dash-logo .dash-brand-text{display:none}.dash--collapsed .dash-sidebar-header{justify-content:center;padding:16px 8px}.dash-collapse-btn{color:#ffffffbf;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .18s;display:flex}.dash-collapse-btn:hover{color:#fff;background:#38bdf82e;border-color:#38bdf880;transform:scale(1.05)}.dash--collapsed .dash-collapse-btn{z-index:55;background:#081a2ee6;border-color:#38bdf84d;position:absolute;top:74px;right:6px;box-shadow:0 2px 8px #0000004d}.dash-sidebar-search{align-items:center;margin:12px 14px 4px;display:flex;position:relative}.sidebar-search-icon{color:#64748b;pointer-events:none;align-items:center;display:flex;position:absolute;left:10px}.sidebar-search-input{color:#f1f5f9;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:7px 28px 7px 30px;font-size:12.5px;transition:all .18s}.sidebar-search-input::placeholder{color:#64748b}.sidebar-search-input:focus{background:#ffffff17;border-color:#38bdf873;box-shadow:0 0 0 2px #38bdf826}.sidebar-search-clear{color:#cbd5e1;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;display:flex;position:absolute;right:8px}.dash-nav{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;flex:1;gap:2px;min-height:0;padding:10px 10px 14px;display:flex;overflow-y:auto}.dash-nav::-webkit-scrollbar{width:4px}.dash-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.dash-nav::-webkit-scrollbar-thumb:hover{background:#38bdf859}.dash-nav-section{flex-direction:column;margin-bottom:8px;display:flex}.dash-section-header{text-transform:uppercase;letter-spacing:.9px;color:#94a3b899;-webkit-user-select:none;user-select:none;padding:8px 10px 4px;font-size:10.5px;font-weight:700}.dash-section-items{flex-direction:column;gap:2px;display:flex}.dash-nav-divider{background:#ffffff14;height:1px;margin:8px 12px}.dash-nav-item{color:#ffffffb8;white-space:nowrap;border-radius:9px;align-items:center;gap:12px;padding:9px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .18s;display:flex;position:relative;overflow:hidden}.dash-nav-item:hover{color:#fff;background:#ffffff14;transform:translate(2px)}.dash-nav-item--active{font-weight:700;box-shadow:0 4px 14px #2563eb61;color:#fff!important;background:linear-gradient(135deg,#2563eb 0%,#0284c7 100%)!important}.dash-nav-item--active:before{content:"";background:#38bdf8;border-radius:0 4px 4px 0;width:3.5px;position:absolute;top:20%;bottom:20%;left:0}.dash-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.dash-nav-label{text-overflow:ellipsis;flex:1;overflow:hidden}.dash-nav-group{flex-direction:column;display:flex}.dash-nav-group-btn{color:#ffffffb8;cursor:pointer;white-space:nowrap;background:#ffffff09;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;width:100%;padding:9px 12px;font-family:inherit;font-size:13.5px;font-weight:500;transition:all .18s;display:flex;position:relative;overflow:hidden}.dash-nav-group-btn:hover{color:#fff;background:#ffffff14}.dash-nav-group-btn--open{color:#fff;background:#ffffff12}.dash-nav-group-chevron{color:#fff9;flex-shrink:0;margin-left:auto;transition:transform .2s}.dash-nav-group-chevron--open{color:#38bdf8;transform:rotate(180deg)}.dash-nav-group-children{border-left:1.5px solid #38bdf840;flex-direction:column;gap:2px;margin:3px 0 5px 16px;padding:3px 0 3px 6px;display:flex}.dash-nav-group-child{border-radius:7px;padding:7px 10px;font-size:12.5px}.dash--collapsed .dash-nav-item,.dash--collapsed .dash-nav-group-btn{justify-content:center;padding:10px 0;position:relative}.dash--collapsed .dash-nav-label,.dash--collapsed .dash-nav-group-chevron,.dash--collapsed .dash-nav-group-children{display:none!important}.dash--collapsed .dash-nav-item:hover:after,.dash--collapsed .dash-nav-group-btn:hover:after,.dash--collapsed .dash-sidebar-logout:hover:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;pointer-events:none;z-index:1000;background:#0f172a;border:1px solid #ffffff24;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;animation:.15s forwards tooltipFadeIn;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%);box-shadow:0 4px 16px #0006}.dash--collapsed .dash-nav-item:hover:before,.dash--collapsed .dash-nav-group-btn:hover:before,.dash--collapsed .dash-sidebar-logout:hover:before{content:"";pointer-events:none;z-index:1000;border:5px solid #0000;border-right-color:#0f172a;position:absolute;top:50%;left:calc(100% + 6px);transform:translateY(-50%)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%)translate(-4px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.dash-sidebar-footer{background:#030e1a80;border-top:1px solid #ffffff14;flex-direction:column;gap:8px;padding:12px 10px;display:flex}.dash-sidebar-user{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:all .15s;display:flex}.dash-sidebar-user:hover{background:#ffffff12}.dash--collapsed .dash-sidebar-user{background:0 0;border:none;justify-content:center;padding:6px}.dash-sidebar-user-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex;position:relative;box-shadow:0 2px 6px #0003}.user-online-pip{background:#10b981;border:2px solid #091322;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.dash-sidebar-user-info{flex-direction:column;gap:2px;min-width:0;display:flex}.dash-sidebar-user-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.dash-sidebar-role-row{align-items:center;gap:6px;display:flex}.dash-sidebar-role-pill{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.dash-sidebar-duty-tag{color:#10b981;font-size:10px;font-weight:600}.dash-sidebar-logout{color:#ffffffb8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;align-items:center;gap:12px;width:100%;padding:9px 12px;font-family:inherit;font-size:13.5px;font-weight:500;transition:all .15s;display:flex;position:relative;overflow:hidden}.dash-sidebar-logout:hover{color:#fca5a5;background:#ef444426}.dash-sidebar-logout .dash-nav-icon{color:#f87171}.dash--collapsed .dash-sidebar-logout{justify-content:center;padding:10px 0}.dash-main{flex-direction:column;flex:1;min-width:0;display:flex}.dash-header{z-index:40;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #00000005}.dash-mobile-toggle{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;display:none}.dash-mobile-toggle:hover{background:#f3f4f6}.dash-header-title h2{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:17px;font-weight:800}.dash-header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.dash-user-info{cursor:default;align-items:center;gap:6px;display:flex}.dash-role-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:700}.dash-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 6px #2563eb40}.dash-notif-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .18s;display:flex}.dash-notif-btn:hover{color:#0f172a;background:#f1f5f9}.dash-logout-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .18s;display:flex}.dash-logout-btn:hover{color:#fff;background:#dc2626;transform:scale(1.05)}.dash-fullscreen-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .18s;display:flex}.dash-fullscreen-btn:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe;transform:scale(1.04)}.dash-fullscreen-btn:active{transform:scale(.96)}.dash-content{box-sizing:border-box;flex-direction:column;flex:1;align-items:stretch;width:100%;min-width:0;padding:24px 32px;display:flex}.dash-content>*{width:100%;max-width:100%!important}.dash-overlay{display:none}@media (width<=768px){.dash-sidebar{z-index:60;width:268px;transition:left .25s;position:fixed;top:0;bottom:0;left:-280px}.dash-sidebar--open{left:0}.dash--collapsed .dash-sidebar{width:268px}.dash-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:55;background:#00000080;display:block;position:fixed;inset:0}.dash-mobile-toggle{display:flex}.dash-collapse-btn{display:none}.dash-header{padding:12px 16px}.dash-content{padding:16px}.dash-brand-text,.dash-nav-label{display:inline!important}.dash-nav-item{justify-content:flex-start!important;padding:10px 12px!important}}.confirm-overlay{z-index:1100;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.15s confirmFadeIn;display:flex;position:fixed;inset:0}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:#fff;border-radius:20px;width:100%;max-width:420px;animation:.25s cubic-bezier(.16,1,.3,1) confirmSlideIn;overflow:hidden;box-shadow:0 25px 80px #00000040}@keyframes confirmSlideIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.confirm-body{text-align:center;padding:32px 32px 24px}.confirm-icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;animation:.6s confirmPulse;display:flex}.confirm-icon-wrap--danger{color:#dc2626;background:#fef2f2}.confirm-icon-wrap--warning{color:#d97706;background:#fffbeb}@keyframes confirmPulse{0%{transform:scale(0)}50%{transform:scale(1.15)}to{transform:scale(1)}}.confirm-icon{width:28px;height:28px}.confirm-title{color:#1f2937;margin:0 0 8px;font-size:20px;font-weight:700;line-height:1.3}.confirm-message{color:#6b7280;margin:0;font-size:15px;line-height:1.6}.confirm-entity{color:#1f2937;background:#f3f4f6;border-radius:6px;margin-top:4px;padding:2px 12px;font-size:14px;font-weight:600;display:inline-block}.confirm-footer{gap:12px;padding:0 32px 32px;display:flex}.confirm-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:15px;font-weight:600;transition:all .15s;display:flex}.confirm-btn--cancel{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.confirm-btn--cancel:hover{background:#e5e7eb}.confirm-btn--danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #dc26264d}.confirm-btn--danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #dc262666}.confirm-btn--danger:active{transform:translateY(0)}.confirm-btn--warning{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px #d977064d}.confirm-btn--warning:hover{transform:translateY(-1px);box-shadow:0 6px 20px #d9770666}.confirm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.confirm-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite confirmSpin}@keyframes confirmSpin{to{transform:rotate(360deg)}}.dash-home{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;max-width:100%;animation:.3s ease-out dashFadeIn;display:flex}@keyframes dashFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dash-home-hero{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex;box-shadow:0 2px 8px -2px #0f172a0a,0 1px 2px -1px #0f172a05}.dash-hero-info{align-items:center;gap:16px;display:flex}.dash-hero-title-wrap{flex-direction:column;gap:3px;display:flex}.dash-hero-eyebrow{color:#3b82f6;text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;font-weight:700}.dash-hero-greeting{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800}.dash-hero-greeting strong{color:#2563eb}.dash-hero-desc{color:#64748b;margin:0;font-size:13.5px}.dash-hero-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dash-hero-rate-pill{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;display:flex}.dash-rate-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s infinite dashPulse;box-shadow:0 0 0 3px #10b98133}@keyframes dashPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.dash-rate-text strong{color:#0f172a;font-weight:600}.dash-currency-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;padding:3px;display:flex}.dash-curr-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 13px;font-size:12px;font-weight:600;transition:all .15s}.dash-curr-btn:hover{color:#0f172a}.dash-curr-btn.active{color:#2563eb;background:#fff;box-shadow:0 1px 3px #00000014}.dash-btn-refresh{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.dash-btn-refresh:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.dash-btn-refresh:disabled{opacity:.5}.dash-spin{animation:.8s linear infinite dashRotate}@keyframes dashRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dash-quick-actions-bar{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 18px;display:flex;box-shadow:0 1px 3px #0f172a08}.dash-quick-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-right:4px;font-size:12px;font-weight:700}.dash-quick-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dash-quick-btn{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 13px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.dash-quick-btn:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}.dash-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;width:100%;display:grid}.dash-kpi-card{background:#fff;border:1px solid #e2e8f0;border-top:3.5px solid #3b82f6;border-radius:16px;flex-direction:column;gap:12px;padding:18px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 1px 3px #0f172a0a}.dash-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 18px -4px #0f172a14}.dash-kpi-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dash-kpi-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.dash-kpi-val-group{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.dash-kpi-val{color:#0f172a;letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1.2}.dash-kpi-secondary{color:#94a3b8;margin-top:2px;font-size:11.5px;font-weight:600}.dash-kpi-bottom{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:8px;display:flex}.dash-kpi-title{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:12.5px;font-weight:600}.dash-reminders-card{background:linear-gradient(#fffaf5 0%,#fff 100%);border:1px solid #fed7aa;border-radius:16px;flex-direction:column;gap:14px;padding:18px 20px;display:flex;box-shadow:0 1px 3px #f59e0b0d}.dash-panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.dash-panel-header h3{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:14.5px;font-weight:700;display:flex}.dash-bell-icon{color:#f59e0b}.dash-badge-counter{color:#92400e;background:#fef3c7;border-radius:20px;padding:3px 8px;font-size:11.5px;font-weight:700}.dash-panel-link{color:#2563eb;align-items:center;gap:4px;font-size:12px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.dash-panel-link:hover{color:#1d4ed8}.dash-reminder-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.dash-reminder-item{background:#fff;border:1px solid #fde68a;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex;box-shadow:0 1px 2px #00000005}.dash-reminder-left{flex-direction:column;gap:3px;display:flex}.dash-reminder-patient{color:#0f172a;font-size:13.5px;font-weight:700}.dash-reminder-schedule{color:#64748b;align-items:center;gap:5px;font-size:12px;display:flex}.dash-reminder-doctor{color:#94a3b8;font-size:11.5px}.dash-reminder-badge{color:#b45309;white-space:nowrap;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700}.dash-charts-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.dash-chart-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 1px 3px #0f172a0a}.chart-bars-vertical{flex-direction:column;gap:12px;display:flex}.chart-bar-row{flex-direction:column;gap:5px;display:flex}.chart-bar-label{color:#475569;justify-content:space-between;font-size:12.5px;display:flex}.chart-bar-name{font-weight:600}.chart-bar-value strong{color:#0f172a}.chart-bar-track{background:#f1f5f9;border-radius:10px;width:100%;height:8px;overflow:hidden}.chart-bar-fill{border-radius:10px;height:100%;transition:width .4s}.donut-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;padding:10px 0;display:flex}.donut-chart{border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;display:flex;box-shadow:0 4px 12px #0000000f}.donut-hole{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:96px;height:96px;display:flex;box-shadow:inset 0 2px 4px #0000000a}.donut-total{color:#0f172a;font-size:20px;font-weight:800}.donut-label{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:600}.donut-legend{flex-direction:column;gap:8px;display:flex}.donut-legend-item{color:#475569;align-items:center;gap:8px;font-size:13px;display:flex}.donut-dot{border-radius:50%;width:10px;height:10px}.donut-legend-item strong{color:#0f172a;margin-left:auto}.trend-legend-pills{align-items:center;gap:12px;display:flex}.trend-pill-item{color:#64748b;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.trend-dot{border-radius:50%;width:8px;height:8px}.chart-bars-trend{flex-direction:column;gap:8px;display:flex}.trend-bars-container{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-end;gap:12px;height:160px;padding:10px 0 0;display:flex}.trend-bar-group{flex-direction:column;flex:1;align-items:center;gap:6px;height:100%;display:flex}.trend-bar-col{flex:1;justify-content:center;align-items:flex-end;gap:4px;width:100%;display:flex}.trend-bar{border-radius:4px 4px 0 0;width:12px;min-height:4px;transition:height .4s}.rev-bar{background:#3b82f6}.adm-bar{background:#10b981}.trend-label{color:#94a3b8;font-size:11px;font-weight:600}.chart-empty{text-align:center;color:#94a3b8;padding:40px 16px;font-size:13px}.dash-panels{grid-template-columns:1fr 1fr;gap:20px;display:grid}.dash-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 1px 3px #0f172a0a}.dash-table-wrapper{overflow-x:auto}.dash-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.dash-table th{color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:11px;font-weight:700}.dash-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.dash-patient-cell{align-items:center;gap:10px;display:flex}.dash-avatar-circle{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11.5px;font-weight:700;display:flex}.dash-patient-name{color:#0f172a;font-weight:600}.dash-id-badge{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11.5px}.dash-table-date{color:#94a3b8;font-size:12px}.dash-table-empty{text-align:center;color:#94a3b8;padding:30px}.dash-timeline{flex-direction:column;gap:12px;display:flex}.dash-timeline-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:all .15s;display:flex}.dash-timeline-item:hover{background:#f1f5f9}.dash-timeline-time{color:#0f172a;min-width:44px;font-size:12.5px;font-weight:700}.dash-timeline-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dash-timeline-body{flex-direction:column;flex:1;gap:2px;display:flex}.dash-timeline-header{justify-content:space-between;align-items:center;display:flex}.dash-timeline-patient{color:#0f172a;font-size:13.5px;font-weight:700}.dash-status-badge{text-transform:uppercase;letter-spacing:.02em;border:1px solid #0000;border-radius:12px;padding:2px 7px;font-size:10.5px;font-weight:700}.dash-timeline-meta{color:#64748b;font-size:12px}.dash-timeline-empty{text-align:center;color:#94a3b8;padding:30px;font-size:13px}.dash-home-loading-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.dash-home-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.8s linear infinite dashRotate}.dash-home-loading-card h3{color:#0f172a;margin:0 0 6px;font-size:17px;font-weight:700}.dash-home-loading-card p{color:#64748b;margin:0;font-size:13.5px}@media (width<=1024px){.dash-charts-row,.dash-panels{grid-template-columns:1fr}}@media (width<=768px){.dash-home-hero{flex-direction:column;align-items:flex-start}.dash-hero-controls{justify-content:space-between;width:100%}.dash-kpi-grid{grid-template-columns:1fr}.dash-quick-actions-bar{flex-direction:column;align-items:flex-start}.dash-quick-links{width:100%}.dash-quick-btn{flex:1;justify-content:center}}.select-wrapper{flex-direction:column;gap:6px;width:100%;display:flex;position:relative}.select-label{color:#374151;font-size:14px;font-weight:600}.select-container{align-items:center;display:flex;position:relative}.select-icon{color:#9ca3af;pointer-events:none;z-index:1;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;left:14px}.select-trigger{color:#1f2937;cursor:pointer;text-align:left;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;align-items:center;width:100%;padding:12px 40px 12px 16px;font-family:inherit;font-size:15px;transition:all .2s;display:flex}.select-trigger--has-icon{padding-left:42px}.select-trigger:hover{background:#f3f4f6}.select-trigger--open,.select-trigger:focus-visible{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.select-trigger-text{color:#9ca3af;flex:1}.select-trigger-text--selected{color:#1f2937}.select-chevron{color:#9ca3af;pointer-events:none;justify-content:center;align-items:center;transition:transform .25s;display:flex;position:absolute;right:14px}.select-chevron--open{color:#667eea;transform:rotate(180deg)}.select-dropdown{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:10px;max-height:320px;margin:0;padding:6px;list-style:none;animation:.15s selectFadeIn;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 40px #0000001f}.select-dropdown--upward{animation-name:selectFadeInUp;top:auto;bottom:calc(100% + 6px)}.select-dropdown--portal{z-index:1100;position:fixed;right:auto}.select-search{z-index:1;background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;margin-bottom:4px;padding:8px 10px;display:flex;position:sticky;top:0}.select-search-icon{color:#9ca3af;flex-shrink:0}.select-search-input{color:#1f2937;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.select-search-input::placeholder{color:#9ca3af}@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)}}.select-option{color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:14px;transition:background .12s;display:flex}.select-option--empty{color:#9ca3af;cursor:default;justify-content:center;font-size:13px}.select-option-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.select-option-label{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.select-option-detail{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.select-option--selected .select-option-detail{color:#667eeab3}.select-option:hover,.select-option--focused{background:#f3f4f6}.select-option--selected{color:#667eea;background:#667eea0f;font-weight:600}.select-option--disabled{color:#d1d5db;cursor:not-allowed}.select-option--disabled:hover{background:0 0}.select-option-check{color:#667eea;flex-shrink:0;justify-content:center;align-items:center;display:flex}.select-dropdown::-webkit-scrollbar{width:4px}.select-dropdown::-webkit-scrollbar-track{background:0 0}.select-dropdown::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.dialog-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.15s dialogFadeIn;display:flex;position:fixed;inset:0}@keyframes dialogFadeIn{0%{opacity:0}to{opacity:1}}.dialog{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:920px;max-height:calc(100vh - 40px);animation:.2s dialogSlideIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.dialog-header{justify-content:space-between;align-items:center;padding:24px 24px 0;display:flex}.dialog-title{color:#1f2937;margin:0;font-size:20px;font-weight:700}.dialog-close-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.dialog-close-btn:hover{color:#374151;background:#e5e7eb}.dialog-body{padding:20px 24px;overflow-y:auto}.dialog-footer{justify-content:flex-end;gap:10px;padding:0 24px 24px;display:flex}.dialog-footer .dialog-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.dialog-footer .dialog-btn:active:not(:disabled){transform:scale(.98)}.dialog-btn--primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-color:#1d4ed8;box-shadow:0 2px 6px #2563eb40}.dialog-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border-color:#1e40af;transform:translateY(-1px);box-shadow:0 6px 16px -2px #2563eb66}.dialog-btn--secondary{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1}.dialog-btn--secondary:hover:not(:disabled){color:#0f172a;background:#e2e8f0;border-color:#94a3b8;transform:translateY(-1px)}.dialog--wide{max-width:1100px}@media (width<=640px){.dialog-overlay{padding:12px}.dialog{border-radius:12px;max-height:calc(100vh - 24px)}.dialog-header{padding:18px 18px 0}.dialog-body{padding:16px 18px}.dialog-footer{padding:0 18px 18px}}.input-wrapper{flex-direction:column;gap:6px;width:100%;display:flex}.input-label{color:#374151;font-size:14px;font-weight:600}.input-container{align-items:center;display:flex;position:relative}.input-icon{color:#9ca3af;pointer-events:none;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;left:14px}.input-field{color:#1f2937;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .2s}.input-field--has-icon{padding-left:42px}.input-field--has-suffix{padding-right:80px}.input-field--has-right-action{padding-right:44px}.input-right-action{color:#9ca3af;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;right:12px}.input-suffix{color:#9ca3af;pointer-events:none;font-family:inherit;font-size:14px;position:absolute;right:14px}.input-field::placeholder{color:#9ca3af}.input-field:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.toast-container{z-index:2000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast{pointer-events:auto;background:#fff;border-left:4px solid;border-radius:12px;align-items:center;gap:10px;min-width:300px;max-width:420px;padding:14px 16px;animation:.3s toastSlideIn;display:flex;box-shadow:0 8px 30px #00000026}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.toast--success{border-color:#10b981}.toast--error{border-color:#ef4444}.toast--info{border-color:#3b82f6}.toast--warning{border-color:#f59e0b}.toast-icon{flex-shrink:0;align-items:center;display:flex}.toast--success .toast-icon{color:#10b981}.toast--error .toast-icon{color:#ef4444}.toast--info .toast-icon{color:#3b82f6}.toast--warning .toast-icon{color:#f59e0b}.toast-message{color:#374151;flex:1;font-size:14px;font-weight:500}.toast-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.toast-close:hover{color:#6b7280;background:#f3f4f6}.patients-page{box-sizing:border-box;width:100%;font-family:Inter,system-ui,-apple-system,sans-serif;animation:.35s fadeIn;max-width:100%!important}.patients-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.patients-header-info{flex-direction:column;display:flex}.patients-header-tag{color:#2563eb;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px;font-size:11.5px;font-weight:700;display:inline-block}.patients-header h1{color:#0f172a;letter-spacing:-.5px;margin:0 0 6px;font-size:26px;font-weight:800}.patients-header p{color:#64748b;margin:0;font-size:14.5px}.patients-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.patients-refresh-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #00000008}.patients-refresh-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.patients-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.add-patient-main-btn{color:#fff!important;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)!important;border:none!important;border-radius:10px!important;padding:10px 20px!important;font-weight:700!important;transition:all .2s!important;box-shadow:0 4px 14px #2563eb47!important}.add-patient-main-btn:hover{transform:translateY(-1.5px)!important;box-shadow:0 7px 20px #2563eb61!important}.patients-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:24px;display:grid}.patient-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:12px;padding:20px 22px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000008}.patient-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -4px #0000000f}.patient-stat-card.total{border-top:3.5px solid #2563eb}.patient-stat-card.female{border-top:3.5px solid #ec4899}.patient-stat-card.male{border-top:3.5px solid #0284c7}.patient-stat-card.recent{border-top:3.5px solid #10b981}.stat-card-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-card-icon-wrap.blue{color:#2563eb;background:#2563eb1a}.stat-card-icon-wrap.rose{color:#ec4899;background:#ec48991a}.stat-card-icon-wrap.cyan{color:#0284c7;background:#0284c71a}.stat-card-icon-wrap.green{color:#10b981;background:#10b9811a}.stat-card-details{flex-direction:column;display:flex}.stat-card-val{color:#0f172a;letter-spacing:-.5px;font-size:28px;font-weight:800;line-height:1.15}.stat-card-title{color:#64748b;margin-top:3px;font-size:13.5px;font-weight:600}.stat-card-trend{color:#94a3b8;font-size:12px;font-weight:600}.stat-card-trend.recent-badge{color:#059669}.patients-controls-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:14px 18px;display:flex;box-shadow:0 1px 4px #00000005}.patients-search-wrapper{flex:1;align-items:center;min-width:280px;max-width:480px;display:flex;position:relative}.patients-search-icon{color:#94a3b8;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:14px}.patients-search-input{color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;padding:10px 38px 10px 42px;font-family:inherit;font-size:14px;transition:all .2s}.patients-search-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.patients-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex;position:absolute;right:12px}.patients-search-clear:hover{color:#334155;background:#e2e8f0}.patients-filters-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.filter-item{align-items:center;gap:8px;display:flex}.filter-label{color:#64748b;white-space:nowrap;font-size:13px;font-weight:600}.filter-select-wrap{min-width:150px}.patients-card-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #00000008}.patients-table-container{width:100%;overflow-x:auto}.patients-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}.patients-data-table thead{background:#f8fafc;border-bottom:1.5px solid #e2e8f0}.patients-data-table th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:14px 18px;font-size:12px;font-weight:700}.patients-data-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px}.patient-table-row{transition:background-color .15s}.patient-table-row:hover{background-color:#f8fafc}.patient-table-row:last-child td{border-bottom:none}.patient-id-cell{white-space:nowrap}.patient-id-badge{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;font-weight:700;display:inline-block}.patient-name-cell{align-items:center;gap:12px;display:flex}.patient-avatar-wrap{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 6px #00000014}.patient-name-info{flex-direction:column;gap:2px;display:flex}.patient-full-name{color:#0f172a;font-size:14px;font-weight:700}.patient-age-tag{color:#64748b;font-size:11.5px}.patient-gender-pill{letter-spacing:.3px;text-transform:uppercase;border-radius:20px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.patient-gender-pill.male{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.patient-gender-pill.female{color:#be185d;background:#fdf2f8;border:1px solid #fbcfe8}.patient-gender-pill.other{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe}.patient-phone-wrap{color:#334155;align-items:center;gap:6px;font-weight:500;display:flex}.patient-phone-icon{color:#94a3b8}.patient-dob-info{color:#475569;align-items:center;gap:6px;display:flex}.patient-dob-info svg,.patient-cell-muted{color:#94a3b8}.patient-created-wrap{flex-direction:column;gap:2px;display:flex}.patient-created-date{color:#334155;font-weight:500}.patient-created-by{color:#94a3b8;font-size:11.5px}.patient-row-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.pat-action-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.pat-action-btn.view:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}.pat-action-btn.edit:hover{color:#d97706;background:#fffbeb;border-color:#fde68a;transform:translateY(-1px)}.pat-action-btn.delete:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca;transform:translateY(-1px)}.patients-empty-state{text-align:center;padding:60px 20px!important}.empty-state-content{flex-direction:column;align-items:center;gap:10px;max-width:360px;margin:0 auto;display:flex}.empty-state-icon{color:#94a3b8;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:4px;display:flex}.empty-state-content h3{color:#0f172a;margin:0;font-size:16px;font-weight:700}.empty-state-content p{color:#64748b;margin:0;font-size:13.5px;line-height:1.5}.clear-search-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;margin-top:8px;padding:7px 16px;font-size:13px;font-weight:600;transition:background-color .15s}.clear-search-btn:hover{background:#1d4ed8}.patients-table-footer{background:#fff;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.patients-count-indicator{color:#64748b;font-size:13px}.patients-count-indicator strong{color:#0f172a}.patients-pagination-controls{align-items:center;gap:6px;display:flex}.pat-nav-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.pat-nav-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.pat-nav-btn:disabled{opacity:.45;cursor:not-allowed}.pat-page-numbers{align-items:center;gap:4px;display:flex}.pat-number-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.pat-number-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.pat-number-btn.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 2px 6px #2563eb40}.pat-ellipsis{color:#94a3b8;padding:0 4px;font-size:13px}.patient-modal-form{padding:6px 0}.patient-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid-full{grid-column:1/-1}.form-grid-half{grid-column:span 1}.patient-form-footer{justify-content:flex-end;align-items:center;gap:12px;width:100%;display:flex}.patient-profile-card{flex-direction:column;gap:20px;display:flex}.patient-profile-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;padding-bottom:16px;display:flex}.patient-profile-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;font-weight:800;display:flex;box-shadow:0 4px 12px #0000001a}.patient-profile-main h3{color:#0f172a;margin:0 0 6px;font-size:20px;font-weight:800}.patient-profile-badges{align-items:center;gap:8px;display:flex}.patient-status-badge{color:#15803d;text-transform:uppercase;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.patient-profile-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.patient-info-block{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.patient-info-block.span-2{grid-column:1/-1}.info-block-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:11.5px;font-weight:600}.info-block-val-row{align-items:center;gap:8px;display:flex}.info-icon{color:#2563eb;flex-shrink:0}.info-block-val{color:#0f172a;font-size:13.5px;font-weight:700}.info-block-val.id-mono{color:#2563eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px}.copy-id-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px 4px;transition:all .15s;display:flex}.patient-profile-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:12px;padding-top:14px;display:flex}.profile-edit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:background-color .15s;display:inline-flex}.profile-edit-btn:hover{background:#1d4ed8}.profile-close-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:all .15s}.profile-close-btn:hover{color:#0f172a;background:#e2e8f0}@media (width<=900px){.patients-controls-panel{flex-direction:column;align-items:stretch}.patients-search-wrapper{max-width:100%}.patients-filters-group{justify-content:space-between}}@media (width<=768px){.patient-form-grid{grid-template-columns:1fr}.form-grid-half{grid-column:span 1}.patient-profile-grid{grid-template-columns:1fr}.patient-info-block.span-2{grid-column:span 1}.patients-header{flex-direction:column;align-items:flex-start;gap:14px}}.appt-page{box-sizing:border-box;width:100%;font-family:Inter,system-ui,-apple-system,sans-serif;animation:.35s apptFadeIn;max-width:100%!important}@keyframes apptFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.appt-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.appt-header-info{flex-direction:column;display:flex}.appt-header-tag{color:#4f46e5;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px;font-size:11.5px;font-weight:700;display:inline-block}.appt-header h1{color:#0f172a;letter-spacing:-.5px;margin:0 0 6px;font-size:26px;font-weight:800}.appt-header p{color:#64748b;margin:0;font-size:14.5px}.appt-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.appt-refresh-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #00000008}.appt-refresh-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.appt-refresh-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes apptSpin{to{transform:rotate(360deg)}}.add-appt-main-btn{color:#fff!important;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%)!important;border:none!important;border-radius:10px!important;padding:10px 20px!important;font-weight:700!important;transition:all .2s!important;box-shadow:0 4px 14px #4f46e547!important}.add-appt-main-btn:hover{transform:translateY(-1.5px)!important;box-shadow:0 7px 20px #4f46e561!important}.appt-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.appt-kpi-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:10px;padding:16px 18px;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 5px #00000008}.appt-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.appt-kpi-card.active-filter{background:#fafafa;box-shadow:0 0 0 2.5px #4f46e5,0 8px 20px #4f46e51f}.appt-kpi-card.total{border-top:3.5px solid #64748b}.appt-kpi-card.scheduled{border-top:3.5px solid #4f46e5}.appt-kpi-card.confirmed{border-top:3.5px solid #0d9488}.appt-kpi-card.in-progress{border-top:3.5px solid #d97706}.appt-kpi-card.completed{border-top:3.5px solid #16a34a}.appt-kpi-card.cancelled{border-top:3.5px solid #e11d48}.kpi-icon-wrap.neutral{color:#475569;background:#f1f5f9}.kpi-icon-wrap.indigo{color:#4f46e5;background:#eef2ff}.kpi-icon-wrap.teal{color:#0d9488;background:#f0fdfa}.kpi-icon-wrap.emerald{color:#16a34a;background:#f0fdf4}.kpi-icon-wrap.rose{color:#e11d48;background:#fff1f2}.kpi-pill.neutral{color:#64748b;background:#f8fafc}.kpi-pill.indigo{color:#4f46e5;background:#eef2ff}.kpi-pill.teal{color:#0d9488;background:#f0fdfa}.kpi-pill.emerald{color:#16a34a;background:#f0fdf4}.kpi-pill.rose{color:#e11d48;background:#fff1f2}.kpi-pill.pulse .live-dot{background:#d97706;border-radius:50%;width:6px;height:6px;animation:1.5s infinite apptPulse;display:inline-block}@keyframes apptPulse{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.8;transform:scale(.9)}}.today-spotlight-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:20px 24px;box-shadow:0 2px 8px #00000008}.today-spotlight-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.today-header-left{align-items:center;gap:14px;display:flex}.today-icon-pulse{color:#4f46e5;background:#eef2ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.pulse-ring{background:#10b981;border-radius:50%;width:9px;height:9px;animation:2s infinite apptPulse;position:absolute;top:-3px;right:-3px;box-shadow:0 0 0 2px #fff}.today-title-wrap h2{color:#0f172a;margin:0 0 3px;font-size:17px;font-weight:700}.today-full-date{color:#64748b;font-size:13px;font-weight:500}.today-header-right{align-items:center;gap:10px;display:flex}.today-badge-count{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe;border-radius:20px;padding:4px 10px;font-size:12.5px;font-weight:600}.today-toggle-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.today-toggle-btn:hover{color:#0f172a;background:#f1f5f9}.today-spotlight-body{padding-top:16px}.today-cards-row{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.today-appt-tile{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;transition:all .2s;display:flex}.today-appt-tile:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #0000000d}.today-appt-tile.status-in-progress{background:#fffdf5;border-left:4px solid #d97706}.today-appt-tile.status-confirmed{border-left:4px solid #0d9488}.today-appt-tile.status-scheduled{border-left:4px solid #4f46e5}.today-appt-tile.status-completed{border-left:4px solid #16a34a}.today-tile-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.today-tile-time{color:#1e293b;align-items:center;gap:5px;font-size:13px;font-weight:700;display:inline-flex}.today-tile-middle{align-items:center;gap:10px;display:flex}.today-patient-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 4px #00000014}.today-patient-info{flex-direction:column;gap:2px;min-width:0;display:flex}.today-patient-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.today-appt-num{color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px;font-weight:600}.today-tile-bottom{color:#475569;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:8px;padding-top:6px;font-size:12.5px;display:flex}.today-doctor-name{align-items:center;gap:5px;font-weight:500;display:inline-flex}.today-type-tag{color:#64748b;background:#e2e8f0;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.today-empty-state{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.today-empty-icon{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.today-empty-text{flex:1;min-width:220px}.today-empty-text h4{color:#334155;margin:0 0 2px;font-size:14.5px;font-weight:700}.today-empty-text p{color:#64748b;margin:0;font-size:13px}.schedule-today-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.schedule-today-btn:hover{background:#4338ca}.appt-toolbar-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:14px;margin-bottom:20px;padding:16px 20px;display:flex;box-shadow:0 2px 6px #00000005}.appt-search-wrapper{align-items:center;width:100%;display:flex;position:relative}.appt-search-icon{color:#94a3b8;pointer-events:none;align-items:center;display:flex;position:absolute;left:14px}.appt-search-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:11px 40px 11px 42px;font-size:14px;transition:all .2s}.appt-search-input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.appt-search-clear{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:flex;position:absolute;right:12px}.appt-search-clear:hover{color:#0f172a;background:#cbd5e1}.appt-filters-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.filter-block{align-items:center;gap:8px;display:flex}.filter-block-label{color:#475569;white-space:nowrap;font-size:13px;font-weight:600}.filter-select-box{min-width:155px}.clear-all-filters-btn{color:#b91c1c;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:5px;margin-left:auto;padding:8px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.clear-all-filters-btn:hover{background:#fecaca}.appt-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000008}.appt-table-scroll{width:100%;overflow-x:auto}.appt-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.appt-table thead{background:#f8fafc;border-bottom:1.5px solid #e2e8f0}.appt-table th{text-transform:uppercase;color:#64748b;letter-spacing:.5px;white-space:nowrap;padding:14px 18px;font-size:12px;font-weight:700}.appt-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px}.appt-table-row{transition:background-color .15s}.appt-table-row:hover{background-color:#f8fafc}.appt-id-cell{white-space:nowrap}.appt-num-badge{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;font-weight:700;display:inline-block}.appt-patient-cell{align-items:center;gap:12px;display:flex}.appt-patient-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 5px #00000014}.appt-patient-info{flex-direction:column;gap:2px;display:flex}.appt-patient-title{color:#0f172a;font-size:14px;font-weight:700}.appt-patient-sub{color:#64748b;font-size:11.5px}.appt-doctor-wrap{color:#1e293b;align-items:center;gap:6px;font-weight:600;display:inline-flex}.appt-doc-icon{color:#4f46e5}.appt-datetime-wrap{flex-direction:column;gap:3px;display:flex}.appt-date-line{color:#0f172a;align-items:center;gap:5px;font-size:13.5px;font-weight:600;display:inline-flex}.appt-date-line .date-is-today{color:#4f46e5;font-weight:700}.appt-time-line{color:#64748b;align-items:center;gap:5px;font-size:12px;display:inline-flex}.appt-type-pill{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.appt-note-cell{max-width:220px}.appt-note-text{color:#475569;white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.appt-muted{color:#94a3b8}.appt-badge{letter-spacing:.3px;text-transform:uppercase;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.appt-badge--scheduled{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe}.appt-badge--confirmed{color:#0f766e;background:#f0fdfa;border:1px solid #99f6e4}.appt-badge--in-progress{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.badge-live-dot{background:#d97706;border-radius:50%;width:6px;height:6px;animation:1.2s infinite apptPulse}.appt-badge--completed{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.appt-badge--cancelled{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.appt-row-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.quick-status-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;padding:5px 9px;font-size:11.5px;font-weight:700;transition:all .15s}.quick-status-btn.confirm{color:#0d9488;background:#f0fdfa;border-color:#99f6e4}.quick-status-btn.confirm:hover{color:#fff;background:#0d9488}.quick-status-btn.progress{color:#d97706;background:#fffbeb;border-color:#fde68a}.quick-status-btn.progress:hover{color:#fff;background:#d97706}.quick-status-btn.complete{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.quick-status-btn.complete:hover{color:#fff;background:#16a34a}.appt-action-icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.appt-action-icon-btn:hover.view{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.appt-action-icon-btn:hover.edit{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.appt-action-icon-btn:hover.delete{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.appt-table-empty{text-align:center;padding:48px 24px!important}.empty-state-wrap{flex-direction:column;align-items:center;gap:10px;max-width:380px;margin:0 auto;display:flex}.empty-state-icon{color:#94a3b8;background:#f1f5f9;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.empty-state-wrap h3{color:#1e293b;margin:0;font-size:16px;font-weight:700}.empty-state-wrap p{color:#64748b;margin:0;font-size:13.5px;line-height:1.4}.reset-filters-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;margin-top:6px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .15s}.reset-filters-btn:hover{background:#4338ca}.appt-table-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.appt-count-indicator{color:#64748b;font-size:13.5px}.appt-count-indicator strong{color:#0f172a}.appt-pagination-bar{align-items:center;gap:6px;display:flex}.appt-nav-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.appt-nav-btn:hover:not(:disabled){color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.appt-nav-btn:disabled{opacity:.45;cursor:not-allowed}.appt-page-pills{align-items:center;gap:4px;display:flex}.appt-pill-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.appt-pill-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.appt-pill-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 2px 6px #4f46e540}.appt-ellipsis{color:#94a3b8;padding:0 4px;font-size:13px}.appt-modal-form{padding:6px 0}.appt-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-col-half{grid-column:span 1}.select-field-wrap{flex-direction:column;gap:6px;display:flex}.field-top-label{color:#374151;font-size:14px;font-weight:600}.appt-modal-footer{justify-content:flex-end;align-items:center;gap:12px;width:100%;display:flex}.appt-detail-card{flex-direction:column;gap:18px;display:flex}.appt-detail-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;padding-bottom:16px;display:flex}.appt-detail-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;font-weight:800;display:flex;box-shadow:0 4px 12px #0000001a}.appt-detail-main h3{color:#0f172a;margin:0 0 6px;font-size:20px;font-weight:800}.appt-detail-badges{align-items:center;gap:8px;display:flex}.appt-detail-type-badge{color:#475569;text-transform:uppercase;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:700}.modal-status-selector{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.modal-status-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:700}.status-pill-options{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.status-chip{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;padding:5px 11px;font-size:12px;font-weight:700;transition:all .15s}.status-chip:hover{background:#f1f5f9;border-color:#cbd5e1}.status-chip.selected{color:#fff!important}.status-chip.scheduled.selected{background:#4f46e5;border-color:#4f46e5}.status-chip.confirmed.selected{background:#0d9488;border-color:#0d9488}.status-chip.in_progress.selected{background:#d97706;border-color:#d97706}.status-chip.completed.selected{background:#16a34a;border-color:#16a34a}.status-chip.cancelled.selected{background:#e11d48;border-color:#e11d48}.appt-detail-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.detail-block{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.detail-block.span-2{grid-column:1/-1}.detail-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:11.5px;font-weight:600}.detail-val-row{align-items:center;gap:8px;display:flex}.detail-val-row.meta-row{color:#475569;justify-content:space-between;font-size:13px}.meta-time{color:#94a3b8;font-size:12px}.detail-icon{color:#4f46e5;flex-shrink:0}.detail-val{color:#0f172a;font-size:14px;font-weight:700}.detail-mono{color:#4f46e5;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;font-weight:700}.copy-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px 4px;transition:all .15s;display:flex}.copy-btn:hover{color:#4f46e5;background:#e2e8f0}.detail-note-box{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin:4px 0 0;padding:10px 12px;font-size:13.5px;line-height:1.5}.appt-detail-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:12px;padding-top:14px;display:flex}@media (width<=1024px){.appt-filters-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.clear-all-filters-btn{grid-column:1/-1;justify-content:center;margin-left:0}}@media (width<=768px){.appt-form-grid{grid-template-columns:1fr}.form-col-half{grid-column:span 1}.appt-detail-grid{grid-template-columns:1fr}.detail-block.span-2{grid-column:span 1}.appt-header{flex-direction:column;align-items:flex-start;gap:14px}.today-cards-row{grid-template-columns:1fr}}.bk-page{flex-direction:column;gap:20px;width:100%;padding:0;animation:.3s ease-out bkFadeIn;display:flex}@keyframes bkFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.bk-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 2px 8px -2px #0f172a0a}.bk-title-area{align-items:center;gap:14px;display:flex}.bk-title-badge{color:#2563eb;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 2px 6px #2563eb26}.bk-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.bk-subtitle{color:#64748b;margin:3px 0 0;font-size:13.5px}.bk-header-actions{align-items:center;gap:12px;display:flex}.bk-spin{animation:.8s linear infinite bkRotate}@keyframes bkRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bk-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.bk-kpi-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:8px;padding:18px 20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0f172a0a}.bk-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 14px -2px #0f172a14}.bk-kpi-card.active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.bk-kpi-top{justify-content:space-between;align-items:center;display:flex}.bk-kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:12.5px;font-weight:600}.bk-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.bk-kpi-icon--blue{color:#2563eb;background:#eff6ff}.bk-kpi-icon--amber{color:#d97706;background:#fffbeb}.bk-kpi-icon--green{color:#059669;background:#ecfdf5}.bk-kpi-icon--purple{color:#7c3aed;background:#f5f3ff}.bk-kpi-value{color:#0f172a;letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1.15}.bk-kpi-sub{color:#94a3b8;font-size:12px}.bk-toolbar-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:12px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0f172a0a}.bk-toolbar-primary{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.bk-search-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:260px;height:42px;padding:0 14px;transition:all .2s;display:flex}.bk-search-box:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.bk-search-icon{color:#94a3b8;flex-shrink:0}.bk-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13.5px}.bk-search-clear{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.bk-status-pills{background:#f1f5f9;border-radius:10px;gap:6px;padding:3px;display:flex}.bk-status-pill{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 13px;font-size:12.5px;font-weight:600;transition:all .15s}.bk-status-pill:hover{color:#0f172a}.bk-status-pill.active{color:#2563eb;background:#fff;box-shadow:0 1px 3px #00000014}.bk-toolbar-secondary{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.bk-date-presets{gap:4px;display:flex}.bk-preset-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 11px;font-size:12px;font-weight:500;transition:all .15s}.bk-preset-btn:hover{background:#f8fafc;border-color:#cbd5e1}.bk-preset-btn.active{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd;font-weight:600}.bk-btn-reset{color:#64748b;cursor:pointer;background:#fff;border:1px dashed #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.bk-btn-reset:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.bk-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.bk-table-scroll{overflow-x:auto}.bk-table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}.bk-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.bk-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:13px 18px;font-size:11.5px;font-weight:700}.bk-th-actions{text-align:right}.bk-row{border-bottom:1px solid #f1f5f9;transition:background-color .15s}.bk-row:hover{background-color:#f8fafc}.bk-row:last-child{border-bottom:none}.bk-table td{vertical-align:middle;color:#334155;padding:13px 18px}.bk-client-cell{align-items:center;gap:12px;display:flex}.bk-client-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.bk-client-info{flex-direction:column;gap:2px;display:flex}.bk-client-name{color:#0f172a;font-weight:700}.bk-client-phone{color:#64748b;align-items:center;gap:4px;font-size:12px;display:flex}.bk-service-badge{color:#1e293b;font-weight:600;display:inline-block}.bk-doctor-badge{color:#475569;font-size:12.5px;display:inline-block}.bk-schedule-cell{flex-direction:column;gap:2px;display:flex}.bk-schedule-date{color:#0f172a;align-items:center;gap:5px;font-size:12.5px;font-weight:600;display:flex}.bk-schedule-time{color:#64748b;align-items:center;gap:5px;font-size:11.5px;display:flex}.bk-status-tag{text-transform:uppercase;letter-spacing:.02em;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.bk-status-tag--pending{color:#d97706;background:#fffbeb;border:1px solid #d9770633}.bk-status-tag--confirmed{color:#059669;background:#ecfdf5;border:1px solid #10b98133}.bk-status-tag--completed{color:#7c3aed;background:#f5f3ff;border:1px solid #7c3aed33}.bk-status-tag--cancelled{color:#dc2626;background:#fef2f2;border:1px solid #dc262633}.bk-td-actions{text-align:right}.bk-action-btn-group{align-items:center;gap:6px;display:inline-flex}.bk-btn-icon{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.bk-btn-icon:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.bk-btn-icon--danger:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.bk-empty-td{padding:60px 20px!important}.bk-empty-card{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.bk-empty-card h4{color:#0f172a;margin:0;font-size:16px}.bk-empty-card p{margin:0;font-size:13px}.bk-pagination-bar{background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.bk-pagination-info{color:#64748b;font-size:13px}.bk-pagination-actions{align-items:center;gap:8px;display:flex}.bk-page-nav-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.bk-page-nav-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc}.bk-page-nav-btn:disabled{opacity:.4;cursor:not-allowed}.bk-page-counter{color:#475569;padding:0 4px;font-size:12.5px;font-weight:600}.bk-modal-footer{justify-content:flex-end;width:100%;display:flex}.bk-detail-dialog{flex-direction:column;gap:18px;min-width:440px;display:flex}.bk-detail-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.bk-detail-title{color:#0f172a;margin:2px 0 4px;font-size:18px;font-weight:700}.bk-detail-sub{color:#64748b;align-items:center;gap:5px;font-size:12.5px;display:flex}.bk-detail-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bk-detail-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.bk-detail-item.full-width{grid-column:1/-1}.bk-detail-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:700}.bk-detail-val{color:#0f172a;font-size:13.5px;font-weight:600}.bk-detail-actions-section{border-top:1px solid #f1f5f9;flex-direction:column;gap:8px;padding-top:14px;display:flex}.bk-status-btn-group{flex-wrap:wrap;gap:8px;display:flex}.bk-loading-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.bk-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.8s linear infinite bkRotate}.bk-loading-card h3{color:#0f172a;margin:0 0 6px;font-size:17px;font-weight:700}.bk-loading-card p{color:#64748b;margin:0;font-size:13.5px}@media (width<=1024px){.bk-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.bk-header{flex-direction:column;align-items:flex-start}.bk-kpi-grid{grid-template-columns:1fr}.bk-toolbar-primary,.bk-status-pills{flex-direction:column;width:100%}.bk-detail-dialog{min-width:auto}.bk-detail-grid{grid-template-columns:1fr}}.msgs-page{flex-direction:column;gap:20px;max-width:1440px;margin:0 auto;padding:24px;display:flex}.msgs-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.msgs-title{align-items:center;gap:14px;display:flex}.msgs-title-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #667eea4d}.msgs-title h2{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.45rem;font-weight:700}.msgs-title p{color:#64748b;margin:2px 0 0;font-size:.86rem}.msgs-kpis{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.msgs-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:16px 20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000008}.msgs-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000000f}.msgs-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.msgs-kpi-card.purple .msgs-kpi-icon{color:#6366f1;background:#6366f11a}.msgs-kpi-card.green .msgs-kpi-icon{color:#10b981;background:#10b9811a}.msgs-kpi-card.blue .msgs-kpi-icon{color:#3b82f6;background:#3b82f61a}.msgs-kpi-info{flex-direction:column;display:flex}.msgs-kpi-label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:.78rem;font-weight:600}.msgs-kpi-value{color:#0f172a;font-size:1.45rem;font-weight:700;line-height:1.2}.msgs-kpi-sub{color:#94a3b8;font-size:.72rem;font-weight:500;position:absolute;bottom:12px;right:14px}.msgs-controls{align-items:center;gap:12px;display:flex}.msgs-search-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;align-items:center;gap:10px;max-width:460px;padding:8px 14px;transition:border-color .15s;display:flex}.msgs-search-box:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.msgs-search-icon{color:#94a3b8;flex-shrink:0}.msgs-search-box input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:.88rem}.msgs-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px;display:flex}.msgs-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto;box-shadow:0 1px 3px #00000005}.msgs-table{border-collapse:collapse;text-align:left;width:100%}.msgs-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-size:.78rem;font-weight:700}.msgs-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px;font-size:.88rem}.msgs-row{cursor:pointer;transition:background .12s}.msgs-row:hover{background:#f8fafc}.msgs-cell-name{align-items:center;gap:10px;display:flex}.msgs-avatar{color:#6366f1;background:#6366f11f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.82rem;font-weight:700;display:flex}.msgs-name{color:#0f172a;font-weight:600}.msgs-cell-subject{flex-direction:column;gap:2px;max-width:480px;display:flex}.msgs-subject-text{color:#1e293b;font-size:.88rem;font-weight:600}.msgs-preview{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.msgs-cell-phone{color:#475569;align-items:center;gap:5px;font-size:.84rem;display:inline-flex}.msgs-cell-date{color:#64748b;white-space:nowrap;font-size:.82rem}.msgs-action-col{justify-content:flex-end;display:flex}.msgs-view-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.msgs-view-btn:hover{color:#1e293b;background:#f1f5f9}.msgs-detail{flex-direction:column;gap:16px;min-width:440px;max-width:540px;display:flex}.msgs-detail-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding-bottom:12px;display:flex}.msgs-detail-avatar{color:#6366f1;background:#6366f11f;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.1rem;font-weight:800;display:flex}.msgs-detail-title-col h3{color:#0f172a;margin:0;font-size:1.2rem}.msgs-detail-date{color:#64748b;align-items:center;gap:4px;font-size:.78rem;display:inline-flex}.msgs-detail-contacts{display:flex}.msgs-detail-phone-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.msgs-detail-phone-btn:hover{background:#e2e8f0}.copy-hint{color:#64748b;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:1px 6px;font-size:.72rem}.msgs-detail-subject-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px}.subject-label{text-transform:uppercase;color:#64748b;margin-bottom:2px;font-size:.72rem;font-weight:700;display:block}.subject-text{color:#0f172a;margin:0;font-size:.95rem}.msgs-detail-message-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px}.message-label{text-transform:uppercase;color:#64748b;margin-bottom:4px;font-size:.72rem;font-weight:700;display:block}.message-content{color:#334155;white-space:pre-wrap;margin:0;font-size:.88rem;line-height:1.5}.msgs-detail-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;padding-top:10px;display:flex}.msgs-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.msgs-page-info{color:#64748b;font-size:.84rem}.msgs-page-buttons{align-items:center;gap:8px;display:flex}.msgs-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.msgs-page-btn:hover:not(:disabled){color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.msgs-page-btn:disabled{opacity:.45;cursor:not-allowed}.msgs-page-pills{align-items:center;gap:4px;display:flex}.msgs-num-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.msgs-num-btn.active{color:#fff;background:#667eea;border-color:#667eea}.msgs-ellipsis{color:#94a3b8;padding:0 4px;font-size:.8rem}.msgs-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.msgs-spinner{border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite msgSpin}@keyframes msgSpin{to{transform:rotate(360deg)}}.msgs-empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:60px 20px;display:flex}.msgs-empty h4{color:#1e293b;margin:6px 0 2px;font-size:1.05rem}.msgs-empty p{margin:0;font-size:.86rem}@media (width<=768px){.msgs-page{padding:16px}.msgs-detail{min-width:unset;width:100%}}.docs-page{box-sizing:border-box;width:100%;font-family:Inter,system-ui,-apple-system,sans-serif;animation:.35s docsFadeIn;max-width:100%!important}@keyframes docsFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.docs-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.docs-header-info{flex-direction:column;display:flex}.docs-header-tag{color:#0284c7;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px;font-size:11.5px;font-weight:700;display:inline-block}.docs-header h1{color:#0f172a;letter-spacing:-.5px;margin:0 0 6px;font-size:26px;font-weight:800}.docs-header p{color:#64748b;margin:0;font-size:14.5px}.docs-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.docs-refresh-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #00000008}.docs-refresh-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.docs-refresh-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes docsSpin{to{transform:rotate(360deg)}}.docs-view-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:2px;padding:3px;display:flex}.view-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.view-toggle-btn:hover{color:#0f172a}.view-toggle-btn.active{color:#0284c7;background:#fff;box-shadow:0 1px 4px #0000001a}.add-doctor-main-btn{color:#fff!important;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%)!important;border:none!important;border-radius:10px!important;padding:10px 20px!important;font-weight:700!important;transition:all .2s!important;box-shadow:0 4px 14px #0284c747!important}.add-doctor-main-btn:hover{transform:translateY(-1.5px)!important;box-shadow:0 7px 20px #0284c761!important}.docs-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:24px;display:grid}.doc-kpi-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:10px;padding:16px 18px;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 5px #00000008}.doc-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.doc-kpi-card.active-filter{background:#fafbfc;box-shadow:0 0 0 2.5px #0284c7,0 8px 20px #0284c71f}.doc-kpi-card.total{border-top:3.5px solid #64748b}.doc-kpi-card.available{border-top:3.5px solid #10b981}.doc-kpi-card.busy{border-top:3.5px solid #f59e0b}.doc-kpi-card.on-leave{border-top:3.5px solid #94a3b8}.doc-kpi-card.off-duty{border-top:3.5px solid #ef4444}.kpi-icon-box{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.kpi-icon-box.slate{color:#475569;background:#f1f5f9}.kpi-icon-box.green{color:#10b981;background:#ecfdf5}.kpi-icon-box.amber{color:#f59e0b;background:#fffbeb}.kpi-icon-box.muted{color:#64748b;background:#f8fafc}.kpi-icon-box.red{color:#ef4444;background:#fef2f2}.kpi-meta{flex-direction:column;gap:2px;display:flex}.kpi-count{color:#0f172a;font-size:24px;font-weight:800;line-height:1.1}.kpi-label{color:#64748b;font-size:13px;font-weight:600}.kpi-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:6px;align-items:center;gap:5px;width:fit-content;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.kpi-badge.slate{color:#475569;background:#f1f5f9}.kpi-badge.green{color:#047857;background:#ecfdf5}.kpi-badge.amber{color:#b45309;background:#fffbeb}.kpi-badge.muted{color:#64748b;background:#f1f5f9}.kpi-badge.red{color:#b91c1c;background:#fef2f2}.status-live-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.status-live-dot.green{background:#10b981;animation:1.5s infinite docDotPulse}.status-live-dot.amber{background:#f59e0b;animation:1.5s infinite docDotPulse}@keyframes docDotPulse{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.8;transform:scale(.9)}}.perf-period-card{background:#fff;border:1px solid #e0e7ff;border-radius:14px;flex-direction:column;gap:14px;margin-bottom:24px;padding:16px 20px;display:flex;box-shadow:0 2px 6px #00000005}.perf-period-header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.perf-period-icon{color:#4338ca;background:#e0e7ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.perf-period-text{flex-direction:column;gap:2px;margin-right:auto;display:flex}.perf-period-text strong{color:#312e81;font-size:14px;font-weight:700}.perf-period-text span{color:#64748b;font-size:12.5px}.perf-presets-group{align-items:center;gap:6px;display:flex}.perf-preset-btn{color:#4338ca;cursor:pointer;background:#f8faff;border:1px solid #c7d2fe;border-radius:6px;padding:5px 11px;font-size:12px;font-weight:600;transition:all .15s}.perf-preset-btn:hover{color:#fff;background:#4338ca}.perf-period-controls{border-top:1px solid #f1f5f9;flex-wrap:wrap;align-items:flex-end;gap:12px;padding-top:10px;display:flex}.perf-date-field{flex-direction:column;gap:4px;display:flex}.perf-date-field label{color:#475569;text-transform:uppercase;letter-spacing:.3px;font-size:11.5px;font-weight:600}.perf-date-field input{color:#0f172a;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;height:34px;padding:0 10px;font-size:13px;transition:border-color .15s}.perf-date-field input:focus{background:#fff;border-color:#4f46e5}.perf-apply-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;height:34px;padding:0 16px;font-size:13px;font-weight:600;transition:background-color .15s}.perf-apply-btn:hover:not(:disabled){background:#4338ca}.perf-apply-btn:disabled{opacity:.6;cursor:not-allowed}.perf-reset-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;height:34px;padding:0 14px;font-size:13px;font-weight:600;transition:all .15s}.perf-reset-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc}.docs-toolbar-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:14px 18px;display:flex;box-shadow:0 2px 6px #00000005}.docs-search-wrapper{flex:1;align-items:center;min-width:260px;max-width:440px;display:flex;position:relative}.docs-search-icon{color:#94a3b8;pointer-events:none;align-items:center;display:flex;position:absolute;left:14px}.docs-search-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 38px 10px 42px;font-size:14px;transition:all .2s}.docs-search-input:focus{background:#fff;border-color:#0284c7;box-shadow:0 0 0 3px #0284c71f}.docs-search-clear{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:flex;position:absolute;right:12px}.docs-search-clear:hover{color:#0f172a;background:#cbd5e1}.docs-filters-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.filter-group{align-items:center;gap:8px;display:flex}.filter-group-label{color:#475569;white-space:nowrap;font-size:13px;font-weight:600}.filter-select-container{min-width:155px}.docs-clear-filters-btn{color:#b91c1c;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:5px;padding:8px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.docs-clear-filters-btn:hover{background:#fecaca}.docs-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;margin-bottom:24px;display:grid}.doc-profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 6px #00000008}.doc-profile-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000012}.doc-profile-card.status-available{border-top:3.5px solid #10b981}.doc-profile-card.status-busy{border-top:3.5px solid #f59e0b}.doc-profile-card.status-on-leave{border-top:3.5px solid #94a3b8}.doc-profile-card.status-off-duty{border-top:3.5px solid #ef4444}.doc-card-top-row{align-items:center;gap:12px;padding:18px 18px 14px;display:flex}.doc-avatar-wrap{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:800;display:flex;box-shadow:0 3px 8px #0000001f}.doc-headline-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.doc-full-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15.5px;font-weight:700;overflow:hidden}.doc-sub-row{align-items:center;gap:6px;display:flex}.doc-id-pill{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700}.doc-exp-badge{color:#64748b;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.doc-status-pill{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.doc-status-pill.status-available{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.doc-status-pill.status-busy{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.doc-status-pill.status-on-leave{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.doc-status-pill.status-off-duty{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.live-dot-mini{border-radius:50%;width:6px;height:6px;display:inline-block}.live-dot-mini.available{background:#10b981}.live-dot-mini.busy{background:#f59e0b}.live-dot-mini.on-leave{background:#94a3b8}.live-dot-mini.off-duty{background:#ef4444}.doc-perf-matrix{background:#e2e8f0;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:1fr 1fr;gap:1px;margin:0 18px 12px;display:grid;overflow:hidden}.perf-matrix-cell{background:#f8fafc;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.perf-matrix-cell.highlight{background:#f0fdf4}.perf-cell-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:10.5px;font-weight:600}.perf-cell-val{color:#1e293b;font-size:13px;font-weight:700}.perf-cell-val.earnings{color:#15803d;font-size:12px}.doc-card-contacts-list{flex-direction:column;gap:6px;padding:0 18px 12px;display:flex}.contact-row{color:#475569;align-items:center;gap:6px;font-size:12.5px;display:flex}.contact-icon{color:#94a3b8;flex-shrink:0}.email-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.doc-card-bottom-actions{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding:12px 18px;display:flex}.quick-duty-toggle{align-items:center;display:flex}.duty-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:700;transition:all .15s}.duty-btn.available{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.duty-btn.available:hover{color:#fff;background:#10b981}.duty-btn.busy{color:#b45309;background:#fffbeb;border-color:#fde68a}.duty-btn.busy:hover{color:#fff;background:#f59e0b}.card-action-icon-group{align-items:center;gap:5px;display:flex}.doc-action-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:inline-flex}.doc-action-btn:hover.view{color:#0284c7;background:#f0f9ff;border-color:#bae6fd}.doc-action-btn:hover.edit{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.doc-action-btn:hover.delete{color:#dc2626;background:#fef2f2;border-color:#fecaca}.docs-empty-state-card{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:14px;flex-direction:column;grid-column:1/-1;align-items:center;gap:10px;padding:40px;display:flex}.empty-icon-box{color:#94a3b8;background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.docs-empty-state-card h3{color:#1e293b;margin:0;font-size:16px}.docs-empty-state-card p{color:#64748b;margin:0;font-size:13.5px}.empty-reset-btn{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:600}.docs-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;overflow:hidden;box-shadow:0 2px 8px #00000008}.docs-table-scroll{width:100%;overflow-x:auto}.docs-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.docs-data-table thead{background:#f8fafc;border-bottom:1.5px solid #e2e8f0}.docs-data-table th{text-transform:uppercase;color:#64748b;letter-spacing:.5px;white-space:nowrap;padding:14px 18px;font-size:12px;font-weight:700}.docs-data-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px}.doc-table-row:hover{background-color:#f8fafc}.doc-name-cell{align-items:center;gap:12px;display:flex}.table-doc-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.table-doc-title{color:#0f172a;font-size:14px;font-weight:700}.table-exp-text{color:#475569;font-size:13px}.table-contact-row{color:#475569;align-items:center;gap:6px;font-size:13px;display:inline-flex}.table-icon{color:#94a3b8}.table-metric-num{color:#1e293b;font-size:14px;font-weight:700}.table-earnings-text{color:#15803d;font-size:13px;font-weight:700}.table-actions-row{justify-content:flex-end;align-items:center;gap:5px;display:flex}.docs-footer-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 2px;display:flex}.docs-showing-text{color:#64748b;font-size:13.5px}.docs-showing-text strong{color:#0f172a}.docs-pagination-group{align-items:center;gap:6px;display:flex}.doc-nav-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.doc-nav-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.doc-nav-btn:disabled{opacity:.45;cursor:not-allowed}.doc-page-pills{align-items:center;gap:4px;display:flex}.doc-pill-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.doc-pill-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.doc-pill-btn.active{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 2px 6px #0284c740}.doc-ellipsis{color:#94a3b8;padding:0 4px;font-size:13px}.doc-profile-modal-content{flex-direction:column;gap:18px;display:flex}.modal-profile-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;padding-bottom:16px;display:flex}.modal-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;font-weight:800;display:flex;box-shadow:0 4px 12px #0000001a}.modal-headline h3{color:#0f172a;margin:0 0 6px;font-size:20px;font-weight:800}.modal-sub-badges{align-items:center;gap:8px;display:flex}.modal-id-badge{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd;border-radius:4px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:700}.modal-status-switcher{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.switcher-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:11.5px;font-weight:700}.status-chips-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.status-chip-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:700;transition:all .15s}.status-chip-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.status-chip-btn.active{color:#fff!important}.status-chip-btn.available.active{background:#10b981;border-color:#10b981}.status-chip-btn.busy.active{background:#f59e0b;border-color:#f59e0b}.status-chip-btn.on_leave.active{background:#64748b;border-color:#64748b}.status-chip-btn.off_duty.active{background:#ef4444;border-color:#ef4444}.modal-details-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-info-block{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.block-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:11.5px;font-weight:600}.block-val-row{align-items:center;gap:8px;display:flex}.block-icon{color:#0284c7;flex-shrink:0}.block-val{color:#0f172a;font-size:13.5px;font-weight:700}.block-mono{color:#0284c7;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;font-weight:700}.copy-id-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px 4px;transition:all .15s;display:flex}.copy-id-btn:hover{color:#0284c7;background:#e2e8f0}.modal-performance-section{border-top:1px solid #f1f5f9;flex-direction:column;gap:12px;padding-top:10px;display:flex}.modal-perf-title{color:#312e81;align-items:center;gap:8px;display:flex}.modal-perf-title h4{margin:0;font-size:14.5px;font-weight:700}.modal-perf-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.perf-summary-box{background:#f8faff;border:1px solid #e0e7ff;border-radius:9px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.perf-box-label{color:#6366f1;text-transform:uppercase;font-size:11px;font-weight:600}.perf-box-num{color:#1e1b4b;font-size:18px;font-weight:800}.modal-earnings-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.earnings-block{border-radius:9px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.earnings-block.total{background:#f0fdf4;border:1px solid #bbf7d0}.earnings-block.paid{background:#f0f9ff;border:1px solid #bae6fd}.earnings-block.pending{background:#fffbeb;border:1px solid #fde68a}.earnings-label{text-transform:uppercase;color:#64748b;font-size:10.5px;font-weight:600}.earnings-num{color:#0f172a;font-size:13px;font-weight:800}.earnings-block.total .earnings-num{color:#15803d}.earnings-block.paid .earnings-num{color:#0369a1}.earnings-block.pending .earnings-num{color:#b45309}.modal-footer-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:12px;padding-top:14px;display:flex}.modal-action-btn.edit{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:background-color .15s;display:inline-flex}.modal-action-btn.edit:hover{background:#0369a1}.modal-action-btn.close{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:all .15s}.modal-action-btn.close:hover{color:#0f172a;background:#e2e8f0}.doc-modal-form{padding:6px 0}.doc-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-cell-full{grid-column:1/-1}.form-cell-half{grid-column:span 1}.select-field-box{flex-direction:column;gap:6px;display:flex}.field-title{color:#374151;font-size:14px;font-weight:600}.doc-modal-footer{justify-content:flex-end;align-items:center;gap:12px;width:100%;display:flex}@media (width<=900px){.docs-toolbar-panel{flex-direction:column;align-items:stretch}.docs-search-wrapper{max-width:100%}.docs-filters-row{justify-content:space-between}.modal-perf-grid,.modal-earnings-grid{grid-template-columns:1fr}}@media (width<=768px){.docs-header{flex-direction:column;align-items:flex-start;gap:14px}.docs-cards-grid,.doc-form-grid{grid-template-columns:1fr}.form-cell-half{grid-column:span 1}.modal-details-grid{grid-template-columns:1fr}}.bill-page{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;max-width:100%;animation:.25s ease-out billFadeIn;display:flex}@keyframes billFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bill-header{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;display:flex;box-shadow:0 1px 4px #0000000a}.bill-header-info{flex-direction:column;gap:4px;display:flex}.bill-header-tag{text-transform:uppercase;letter-spacing:.8px;color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;width:fit-content;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.bill-header-info h1{color:#0f172a;letter-spacing:-.4px;margin:2px 0 0;font-size:24px;font-weight:800}.bill-header-info p{color:#64748b;max-width:680px;margin:0;font-size:14px;line-height:1.45}.bill-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.bill-rate-pill{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:inline-flex;box-shadow:0 1px 2px #00000008}.bill-currency-switcher{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:4px;padding:3px 5px;display:inline-flex}.bill-refresh-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.bill-refresh-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#94a3b8}.bill-refresh-btn:disabled{opacity:.65;cursor:not-allowed}.bill-add-btn{font-weight:700!important}.bill-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;width:100%;display:grid}.bill-kpi-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:flex-start;padding:18px 20px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000008}.bill-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 16px -4px #0000000f}.bill-kpi-card.kpi-card-selected{background:#fcfdfe;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26,0 8px 16px -4px #2563eb1a}.bill-receivables-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:16px;padding:18px 24px;display:grid;box-shadow:0 1px 3px #00000008}.rec-card{flex-direction:column;gap:8px;display:flex}.rec-header{justify-content:space-between;align-items:center;display:flex}.rec-label{color:#475569;font-size:12.5px;font-weight:700}.rec-pct{font-size:13px;font-weight:800}.rec-pct-paid{color:#059669}.rec-pct-pending{color:#d97706}.rec-pct-overdue{color:#dc2626}.rec-bar{background:#f1f5f9;border-radius:999px;width:100%;height:8px;overflow:hidden}.rec-fill{border-radius:999px;height:100%;transition:width .4s}.rec-fill-paid{background:#10b981}.rec-fill-pending{background:#f59e0b}.rec-fill-overdue{background:#ef4444}.rec-sub{color:#64748b;font-size:11.5px;font-weight:500}.bill-controls-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex;box-shadow:0 1px 3px #00000005}.bill-search-box{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:260px;max-width:440px;padding:0 14px;transition:all .15s;display:flex}.bill-search-box:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.bill-search-box .search-icon{color:#94a3b8;flex-shrink:0}.bill-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;padding:10px 0;font-family:inherit;font-size:14px}.bill-search-box input::placeholder{color:#94a3b8}.bill-filters-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-item.currency-select-item{min-width:210px}.bill-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;overflow-x:auto;box-shadow:0 1px 4px #00000008}.bill-table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}.bill-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.bill-table th{text-transform:uppercase;letter-spacing:.5px;color:#64748b;white-space:nowrap;padding:14px 18px;font-size:11.5px;font-weight:700}.bill-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px}.bill-row{transition:background .12s}.bill-row:hover{background:#f8fafc}.bill-row:last-child td{border-bottom:none}.inv-num-badge{color:#2563eb;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.inv-num-badge:hover{background:#eff6ff;border-color:#bfdbfe}.inv-num-badge .copy-icon{color:#94a3b8}.patient-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex;box-shadow:0 1px 3px #2563eb33}.patient-type{color:#64748b;font-size:11px}.treatment-cell{flex-direction:column;gap:2px;max-width:240px;display:flex}.treatment-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.items-count-tag{color:#64748b;background:#f1f5f9;border-radius:4px;width:fit-content;padding:1px 6px;font-size:11px}.amount-cell{flex-direction:column;gap:1px;display:flex}.amount-primary{color:#0f172a;font-size:14px;font-weight:800}.date-text{color:#475569;font-size:13px}.overdue-date{color:#dc2626;font-weight:700}.method-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.bill-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.bill-badge--paid{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.bill-badge--pending{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.bill-badge--overdue{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.bill-badge--cancelled{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.action-btn.pay-btn{color:#059669;background:#f0fdf4;border-color:#a7f3d0}.action-btn.pay-btn:hover{color:#047857;background:#dcfce7}.action-btn.download-btn:hover{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.bill-table-loading,.bill-table-empty{text-align:center;padding:48px 24px!important}.bill-pagination-bar{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.add-inv-form{flex-direction:column;gap:20px;display:flex}.add-inv-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.inv-items-section{border-top:1px solid #e2e8f0;flex-direction:column;gap:10px;padding-top:16px;display:flex}.inv-items-header{justify-content:space-between;align-items:center;display:flex}.items-title-row{align-items:center;gap:8px;display:flex}.items-title-row h4{color:#0f172a;margin:0;font-size:14px;font-weight:700}.items-badge{color:#2563eb;background:#eff6ff;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700}.add-item-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex}.add-item-btn:hover{background:#1d4ed8}.inv-items-empty{color:#64748b;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:24px;display:flex}.inv-items-empty p{margin:0;font-size:13px}.inv-items-table-wrap{border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.inv-items-table{border-collapse:collapse;width:100%;font-size:12.5px}.inv-items-table th{color:#64748b;text-transform:uppercase;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:11px;font-weight:700}.inv-items-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:8px 10px}.inv-items-table tr:last-child td{border-bottom:none}.stock-preview-badge{color:#059669;background:#ecfdf5;border-radius:4px;padding:3px 7px;font-size:11.5px;font-weight:700}.inv-item-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:7px 8px;font-family:inherit;font-size:13px}.inv-item-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.inv-item-input--num{text-align:right;width:80px}.item-discount-group{align-items:center;gap:4px;display:flex}.inv-item-select{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 4px;font-size:12px}.inv-item-total{color:#0f172a;white-space:nowrap;font-weight:700}.inv-item-remove{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.inv-item-remove:hover{color:#b91c1c;background:#fee2e2}.inv-items-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 20px}.summary-rows{flex-direction:column;gap:6px;display:flex}.sum-row{color:#475569;justify-content:space-between;align-items:center;font-size:13.5px;display:flex}.sum-row.discount{color:#dc2626}.sum-row.grand-total{color:#0f172a;border-top:1px solid #e2e8f0;margin-top:2px;padding-top:8px;font-size:15px;font-weight:800}.grand-totals-stack{align-items:baseline;gap:8px;display:flex}.primary-total{color:#0f172a;font-size:18px;font-weight:800}.equiv-total{color:#059669;font-size:13px;font-weight:600}.bill-detail{flex-direction:column;gap:20px;display:flex}.bill-detail-header{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.detail-patient-info{align-items:center;gap:14px;display:flex}.bill-detail-avatar{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:17px;font-weight:800;display:flex}.detail-patient-info h3{color:#0f172a;margin:0;font-size:17px;font-weight:800}.detail-meta-pills{align-items:center;gap:8px;margin-top:4px;display:flex}.inv-pill{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:700}.channel-pill{color:#64748b;background:#f1f5f9;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:600}.bill-detail-amount-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.amount-info{flex-direction:column;gap:2px;display:flex}.bill-detail-amount-label{text-transform:uppercase;letter-spacing:.4px;color:#64748b;font-size:11.5px;font-weight:700}.bill-detail-amount-value{color:#0f172a;font-size:24px;font-weight:800}.amount-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.settle-group{align-items:center;gap:8px;display:flex}.bill-pay-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:9px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #10b9814d}.bill-pay-btn:hover{background:#059669}.bill-download-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.bill-download-btn:hover{color:#0f172a;background:#f8fafc}.bill-detail-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.bill-detail-field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.bill-detail-field.full-field{grid-column:1/-1}.bill-detail-label{text-transform:uppercase;color:#64748b;letter-spacing:.3px;font-size:11px;font-weight:700}.bill-detail-value{color:#0f172a;font-size:14px;font-weight:700}.bill-detail-value.inv-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.discount-text{color:#dc2626}.bill-detail-items{flex-direction:column;gap:10px;display:flex}.bill-detail-items h4{color:#0f172a;margin:0;font-size:14px;font-weight:700}.bill-detail-items-table{border-collapse:collapse;border:1px solid #e2e8f0;border-radius:10px;width:100%;font-size:13px;overflow:hidden}.bill-detail-items-table th{color:#64748b;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:11px;font-weight:700}.bill-detail-items-table td{border-bottom:1px solid #f1f5f9;padding:10px 12px}.bill-detail-items-table tr:last-child td{border-bottom:none}.item-med-name{color:#0f172a;font-weight:700}.qty-tag{background:#f1f5f9;border-radius:4px;padding:2px 7px;font-weight:700}.disc-tag{color:#dc2626;font-weight:600}.item-final-amt{color:#0f172a;font-weight:700}@media (width<=900px){.bill-header{flex-direction:column;align-items:flex-start}.bill-header-actions{justify-content:space-between;width:100%}.bill-receivables-panel{grid-template-columns:1fr;gap:14px}.bill-controls-card{flex-direction:column;align-items:stretch}.bill-search-box{max-width:none}.bill-filters-row{width:100%}.filter-item{flex:1}}@media (width<=640px){.bill-kpi-grid,.add-inv-grid,.bill-detail-grid{grid-template-columns:1fr}.bill-detail-amount-box{flex-direction:column;align-items:flex-start}.amount-actions{flex-direction:column;align-items:stretch;width:100%}.settle-group{flex-direction:column;width:100%}.bill-pay-btn,.bill-download-btn{justify-content:center;width:100%}}.pharm-page{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;max-width:100%;animation:.25s ease-out pharmFadeIn;display:flex}@keyframes pharmFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pharm-header{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;display:flex;box-shadow:0 1px 4px #0000000a}.pharm-header-info{flex-direction:column;gap:4px;display:flex}.pharm-header-tag{text-transform:uppercase;letter-spacing:.8px;color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;width:fit-content;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.pharm-header-info h1{color:#0f172a;letter-spacing:-.4px;margin:2px 0 0;font-size:24px;font-weight:800}.pharm-header-info p{color:#64748b;max-width:680px;margin:0;font-size:14px;line-height:1.45}.pharm-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pharm-rate-pill{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:inline-flex;box-shadow:0 1px 2px #00000008}.pharm-refresh-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.pharm-refresh-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#94a3b8}.pharm-refresh-btn:disabled{opacity:.65;cursor:not-allowed}.pharm-add-btn{font-weight:700!important}.pharm-tabs-bar{justify-content:flex-start;align-items:center;width:100%;display:flex}.pharm-tabs-nav{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:8px;padding:6px;display:flex}.pharm-tab-nav-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.pharm-tab-nav-btn:hover:not(.active){color:#0f172a;background:#fff9}.pharm-tab-nav-btn.active{color:#2563eb;background:#fff;font-weight:700;box-shadow:0 2px 8px #0000000f,0 1px 2px #0000000a}.pharm-tab-badge{color:#475569;background:#e2e8f0;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;transition:all .2s}.pharm-tab-nav-btn.active .pharm-tab-badge{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.pharm-tab-warn-pip{background:#f59e0b;border-radius:50%;width:8px;height:8px;animation:2s infinite pipPulse;box-shadow:0 0 0 3px #f59e0b40}.pharm-tab-action-pip{color:#fff;background:#2563eb;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:800;animation:2s infinite pipPulse}@keyframes pipPulse{0%{transform:scale(.95)}50%{transform:scale(1.08)}to{transform:scale(.95)}}.pharm-tab-content{flex-direction:column;gap:20px;width:100%;display:flex}.pharm-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;width:100%;display:grid}.pharm-kpi-grid.dispensary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pharm-kpi-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:flex-start;padding:18px 20px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000008}.pharm-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 16px -4px #0000000f}.pharm-kpi-card.kpi-card-selected{background:#fcfdfe;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26,0 8px 16px -4px #2563eb1a}.kpi-icon-wrap.kpi-amber{color:#f59e0b;background:#fffbeb}.kpi-icon-wrap.kpi-muted{color:#64748b;background:#f1f5f9}.kpi-icon-wrap.kpi-indigo{color:#4f46e5;background:#eef2ff}.kpi-sub-val{color:#0d9488;margin-top:1px;font-size:11px;font-weight:600}.kpi-val-amber{color:#d97706}.kpi-val-muted{color:#64748b}.kpi-val-indigo{color:#4f46e5}.kpi-status-tag.amber{color:#b45309;background:#fffbeb}.kpi-status-tag.muted{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.kpi-status-tag.indigo{color:#4338ca;background:#eef2ff}.pharm-alerts-row{flex-direction:column;gap:10px;width:100%;display:flex}.pharm-alert-banner{border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;font-size:13.5px;display:flex}.pharm-alert-banner.warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.pharm-alert-banner.danger{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.pharm-alert-banner.dark{color:#334155;background:#f8fafc;border:1px solid #e2e8f0}.alert-left{align-items:center;gap:12px;display:flex}.alert-icon{flex-shrink:0}.alert-action-btn{cursor:pointer;color:inherit;background:0 0;border:1px solid;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s}.alert-action-btn:hover{background:#0000000d}.pharm-financial-panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 1px 3px #00000008}.financial-panel-header{cursor:pointer;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;transition:background .15s;display:flex}.financial-panel-header:hover{background:#f1f5f9}.financial-title-wrap{align-items:center;gap:14px;display:flex}.panel-badge-icon{color:#2563eb;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.panel-title-row{align-items:center;gap:10px;display:flex}.panel-title-row h3{color:#0f172a;margin:0;font-size:16px;font-weight:700}.panel-pill{text-transform:uppercase;letter-spacing:.5px;color:#2563eb;background:#dbeafe;border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:700}.financial-title-wrap p{color:#64748b;margin:2px 0 0;font-size:13px}.financial-header-controls{align-items:center;gap:12px;display:flex}.period-segmented{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:2px;display:flex}.period-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.period-btn.active{color:#fff;background:#2563eb}.toggle-expand-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600}.toggle-expand-btn:hover{color:#0f172a;background:#f8fafc}.custom-date-row{background:#fcfdfe;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:16px;padding:14px 24px;display:flex}.custom-date-input{flex-direction:column;gap:4px;display:flex}.custom-date-input label{color:#64748b;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.custom-date-input input{color:#0f172a;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:6px 12px;font-size:13px}.financial-metrics-grid{background:#fff;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;padding:20px 24px;display:grid}.fin-metric-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:3px;padding:14px 16px;display:flex}.fin-metric-card.highlight-profit{background:#f0fdf4;border-color:#bbf7d0}.fin-metric-label{text-transform:uppercase;letter-spacing:.3px;color:#64748b;font-size:11px;font-weight:700}.fin-metric-val{color:#0f172a;font-size:19px;font-weight:800}.fin-metric-val.fin-green{color:#10b981}.fin-metric-val.fin-blue{color:#2563eb}.fin-metric-val.fin-red{color:#ef4444}.fin-metric-val.fin-teal{color:#0d9488}.fin-metric-val.fin-purple{color:#7c3aed}.fin-metric-sub{color:#94a3b8;font-size:11px;font-weight:500}.pharm-controls-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex;box-shadow:0 1px 3px #00000005}.pharm-search-box{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:260px;max-width:500px;padding:0 14px;transition:all .15s;display:flex}.pharm-search-box:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.pharm-search-box .search-icon{color:#94a3b8;flex-shrink:0}.pharm-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;padding:10px 0;font-family:inherit;font-size:14px}.pharm-search-box input::placeholder{color:#94a3b8}.pharm-filters-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pharm-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;overflow-x:auto;box-shadow:0 1px 4px #00000008}.pharm-table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}.pharm-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.pharm-table th{text-transform:uppercase;letter-spacing:.5px;color:#64748b;white-space:nowrap;padding:14px 18px;font-size:11.5px;font-weight:700}.pharm-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px}.pharm-row{transition:background .12s}.pharm-row:hover{background:#f8fafc}.pharm-row:last-child td{border-bottom:none}.code-badge{color:#475569;letter-spacing:.3px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:700;display:inline-block}.medicine-cell{align-items:center;gap:12px;display:flex}.med-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:flex;box-shadow:0 2px 4px #2563eb33}.med-text{flex-direction:column;gap:2px;display:flex}.med-name{color:#0f172a;font-size:14px;font-weight:700}.med-tags{align-items:center;gap:6px;display:flex}.unit-pill{color:#64748b;background:#f1f5f9;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:600}.curr-pill{color:#059669;background:#ecfdf5;border-radius:4px;padding:2px 5px;font-size:10px;font-weight:700}.stock-visual-cell{flex-direction:column;gap:5px;min-width:130px;display:flex}.stock-numbers{align-items:baseline;gap:4px;display:flex}.stock-qty{color:#0f172a;font-size:15px;font-weight:800}.stock-unit{color:#64748b;font-size:12px;font-weight:500}.stock-bar-wrap{background:#e2e8f0;border-radius:999px;width:100%;height:6px;overflow:hidden}.stock-bar-fill{border-radius:999px;height:100%;transition:width .4s}.stock-bar-fill.stock-bar-in{background:#10b981}.stock-bar-fill.stock-bar-low{background:#f59e0b}.stock-bar-fill.stock-bar-out{background:#ef4444}.price-tag{font-size:13.5px;font-weight:600}.price-tag.cost-price{color:#64748b}.price-tag.sale-price{color:#0f172a;font-weight:700}.profit-cell{align-items:center;gap:6px;display:flex}.profit-badge{border-radius:6px;padding:2px 7px;font-size:12px;font-weight:700}.profit-badge.profit-positive{color:#059669;background:#ecfdf5}.profit-badge.profit-negative{color:#dc2626;background:#fef2f2}.margin-pct{color:#64748b;font-size:11px;font-weight:600}.pharm-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.pharm-badge--in-stock{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.pharm-badge--low-stock{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.pharm-badge--out-of-stock{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.pharm-badge--expired{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.action-btn.restock-btn{color:#059669;background:#f0fdf4;border-color:#a7f3d0}.action-btn.restock-btn:hover{color:#047857;background:#dcfce7}.action-btn-pill{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.action-btn-pill.dispense-btn{color:#fff;background:#10b981;box-shadow:0 1px 3px #10b9814d}.action-btn-pill.dispense-btn:hover{background:#059669}.action-btn-pill.receipt-btn{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1}.action-btn-pill.receipt-btn:hover{color:#0f172a;background:#e2e8f0}.pharm-table-loading,.pharm-table-empty{text-align:center;padding:48px 24px!important}.pharm-pagination-bar{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.rx-num-badge{color:#2563eb;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.rx-num-badge:hover{background:#eff6ff;border-color:#bfdbfe}.rx-num-badge .copy-icon{color:#94a3b8}.patient-cell{align-items:center;gap:10px;display:flex}.patient-avatar{color:#334155;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.patient-text{flex-direction:column;display:flex}.patient-name{color:#0f172a;font-weight:700}.patient-date{color:#94a3b8;font-size:11px}.doctor-tag{color:#334155;font-size:13px;font-weight:600}.regimen-cell{flex-direction:column;gap:3px;max-width:240px;display:flex}.diag-text{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.items-count-pill{color:#64748b;background:#f1f5f9;border-radius:4px;width:fit-content;padding:1px 6px;font-size:11px}.rx-price-cell{flex-direction:column;display:flex}.rx-total-usd{color:#0f172a;font-size:14px;font-weight:800}.rx-total-khr{color:#059669;font-size:11px;font-weight:600}.rx-status-pill{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.rx-badge--pending{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.rx-badge--approved{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.rx-badge--dispensed{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.rx-badge--cancelled{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.rx-badge--muted{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.med-dossier,.rx-dossier{flex-direction:column;gap:20px;display:flex}.dossier-header-card,.rx-dossier-header{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.dossier-avatar{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:18px;font-weight:800;display:flex}.dossier-header-text{flex-direction:column;flex:1;gap:4px;display:flex}.dossier-header-text h3{color:#0f172a;margin:0;font-size:18px;font-weight:800}.dossier-tags,.rx-meta-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dossier-metrics-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.dossier-metric-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:3px;padding:12px 16px;display:flex}.dossier-metric-item.full-width-metric{background:#f0fdf4;border-color:#bbf7d0;grid-column:1/-1}.metric-label{text-transform:uppercase;color:#64748b;letter-spacing:.3px;font-size:11px;font-weight:700}.metric-val{color:#0f172a;font-size:17px;font-weight:800}.metric-val.stock-val{color:#2563eb}.metric-val.profit-val{color:#10b981}.metric-val.asset-val{color:#047857}.metric-val small{color:#64748b;font-size:12px;font-weight:600}.dossier-restocks-section{flex-direction:column;gap:10px;display:flex}.section-title-row{justify-content:space-between;align-items:center;display:flex}.section-title-row h4{color:#0f172a;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:700;display:flex}.history-count{color:#64748b;background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:600}.history-table-wrap{border:1px solid #e2e8f0;border-radius:10px;max-height:220px;overflow-x:auto}.history-table{border-collapse:collapse;width:100%;font-size:12.5px}.history-table th{color:#64748b;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:11px;font-weight:700}.history-table td{border-bottom:1px solid #f1f5f9;padding:10px 12px}.history-table tr:last-child td{border-bottom:none}.qty-added-badge{color:#059669;background:#ecfdf5;border-radius:4px;padding:2px 7px;font-weight:800}.stock-trans{color:#475569}.history-notes{color:#64748b;font-style:italic}.empty-history{text-align:center;color:#94a3b8;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:24px;font-size:13px}.dossier-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:12px;padding-top:8px;display:flex}.restock-form{flex-direction:column;gap:16px;display:flex}.restock-med-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;display:flex}.restock-med-banner h4{color:#0f172a;margin:0;font-size:15px;font-weight:700}.restock-med-banner p{color:#64748b;margin:2px 0 0;font-size:13px}.quick-chips-group{flex-direction:column;gap:6px;display:flex}.quick-chips-group label{color:#475569;font-size:12px;font-weight:700}.chips-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.qty-chip{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s}.qty-chip:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.qty-chip.chip-clear{color:#94a3b8;border-color:#e2e8f0}.qty-chip.chip-clear:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca}.projected-stock-pill{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.projected-stock-pill strong{font-size:15px;font-weight:800}.med-form{flex-direction:column;gap:16px;display:flex}.med-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-col-full{grid-column:1/-1}.margin-preview-banner{border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;font-size:13px;display:flex}.margin-preview-banner.positive{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.margin-preview-banner.negative{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.margin-row strong{margin-left:6px;font-weight:800}.dialog-footer-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:8px;display:flex}.dialog-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:13.5px;font-weight:700;transition:all .15s;display:inline-flex}.dialog-btn--secondary{color:#475569;background:#f1f5f9}.dialog-btn--secondary:hover{color:#0f172a;background:#e2e8f0}.dialog-btn--primary{color:#fff;background:#2563eb;box-shadow:0 1px 3px #2563eb4d}.dialog-btn--primary:hover:not(:disabled){background:#1d4ed8}.dialog-btn--primary:disabled{opacity:.6;cursor:not-allowed}.rx-patient-info{align-items:center;gap:14px;display:flex}.rx-patient-info h3{color:#0f172a;margin:0;font-size:17px;font-weight:800}.rx-num-pill{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:700}.rx-date-pill{color:#64748b;font-size:12px;font-weight:500}.rx-meta-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.meta-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.meta-card.invoice-meta-card{background:#ecfdf5;border-color:#a7f3d0}.invoice-val{color:#059669}.rx-items-section{flex-direction:column;gap:8px;display:flex}.rx-items-section h4{color:#0f172a;margin:0;font-size:13.5px;font-weight:700}.rx-items-table-wrap{border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.rx-items-table{border-collapse:collapse;width:100%;font-size:13px}.rx-items-table th{color:#64748b;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:700}.rx-items-table td{border-bottom:1px solid #f1f5f9;padding:10px 14px}.rx-items-table tr:last-child td{border-bottom:none}.item-name{color:#0f172a;font-weight:700}.qty-pill{background:#f1f5f9;border-radius:6px;padding:2px 7px;font-weight:700;display:inline-block}.item-instr{color:#475569;font-style:italic}.item-final{color:#0f172a;font-weight:700}.rx-totals-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:6px;padding:14px 18px;display:flex}.totals-row{color:#475569;justify-content:space-between;align-items:center;font-size:13.5px;display:flex}.totals-row.discount{color:#dc2626}.totals-row.grand-total{color:#0f172a;border-top:1px solid #e2e8f0;margin-top:2px;padding-top:8px;font-size:15px;font-weight:800}.grand-price-group{align-items:baseline;gap:8px;display:flex}.usd-total{color:#0f172a;font-size:18px;font-weight:800}.khr-total{color:#059669;font-size:13px;font-weight:600}.rx-notes-box{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:10px 14px}.rx-notes-box label{text-transform:uppercase;color:#b45309;font-size:11px;font-weight:700}.rx-notes-box p{color:#92400e;margin:2px 0 0;font-size:13px}.rx-dossier-actions{border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:12px;display:flex}.dispense-cta-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.payment-select-wrap{min-width:170px}.dispense-confirm-btn{background:#10b981!important}.dispense-confirm-btn:hover{background:#059669!important}.receipt-print-btn{background:#3b82f6!important}@media (width<=900px){.pharm-header{flex-direction:column;align-items:flex-start}.pharm-header-actions{justify-content:space-between;width:100%}.pharm-controls-card{flex-direction:column;align-items:stretch}.pharm-search-box{max-width:none}.pharm-filters-row{width:100%}.filter-item{flex:1}}@media (width<=640px){.pharm-kpi-grid,.med-form-grid,.dossier-metrics-grid,.rx-meta-grid{grid-template-columns:1fr}.pharm-tabs-nav{width:100%}.pharm-tab-nav-btn{flex:1;justify-content:center;padding:10px 14px}}.rx-page{box-sizing:border-box;width:100%;font-family:Inter,system-ui,-apple-system,sans-serif;animation:.35s rxFadeIn;max-width:100%!important}@keyframes rxFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.rx-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.rx-header-info{flex-direction:column;display:flex}.rx-header-tag{color:#0284c7;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px;font-size:11.5px;font-weight:700;display:inline-block}.rx-header h1{color:#0f172a;letter-spacing:-.5px;margin:0 0 6px;font-size:26px;font-weight:800}.rx-header p{color:#64748b;margin:0;font-size:14.5px}.rx-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rx-exchange-pill{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;display:inline-flex}.exchange-label{color:#166534;font-weight:600}.exchange-val{color:#15803d;font-weight:800}.rx-refresh-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #00000008}.rx-refresh-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.rx-refresh-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes rxSpin{to{transform:rotate(360deg)}}.add-rx-main-btn{color:#fff!important;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%)!important;border:none!important;border-radius:10px!important;padding:10px 20px!important;font-weight:700!important;transition:all .2s!important;box-shadow:0 4px 14px #0284c747!important}.add-rx-main-btn:hover{transform:translateY(-1.5px)!important;box-shadow:0 7px 20px #0284c761!important}.rx-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:24px;display:grid}.rx-kpi-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:10px;padding:16px 18px;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 5px #00000008}.rx-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.rx-kpi-card.active-filter{background:#fafbfc;box-shadow:0 0 0 2.5px #0284c7,0 8px 20px #0284c71f}.rx-kpi-card.total{border-top:3.5px solid #64748b}.rx-kpi-card.pending{border-top:3.5px solid #f59e0b}.rx-kpi-card.approved{border-top:3.5px solid #2563eb}.rx-kpi-card.dispensed{border-top:3.5px solid #10b981}.rx-kpi-card.cancelled{border-top:3.5px solid #ef4444}.kpi-icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.kpi-icon-wrap.slate{color:#475569;background:#f1f5f9}.kpi-icon-wrap.amber{color:#f59e0b;background:#fffbeb}.kpi-icon-wrap.blue{color:#2563eb;background:#eff6ff}.kpi-icon-wrap.green{color:#10b981;background:#ecfdf5}.kpi-icon-wrap.red{color:#ef4444;background:#fef2f2}.kpi-details{flex-direction:column;gap:2px;display:flex}.kpi-number{color:#0f172a;font-size:24px;font-weight:800;line-height:1.1}.kpi-title{color:#64748b;font-size:13px;font-weight:600}.kpi-pill{text-transform:uppercase;letter-spacing:.3px;border-radius:6px;align-items:center;gap:5px;width:fit-content;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.kpi-pill.slate{color:#475569;background:#f1f5f9}.kpi-pill.amber{color:#b45309;background:#fffbeb}.kpi-pill.blue{color:#1d4ed8;background:#eff6ff}.kpi-pill.green{color:#047857;background:#ecfdf5}.kpi-pill.red{color:#b91c1c;background:#fef2f2}.rx-live-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.rx-live-dot.amber{background:#f59e0b;animation:1.5s infinite rxPulse}@keyframes rxPulse{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.8;transform:scale(.9)}}.rx-toolbar-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:14px 18px;display:flex;box-shadow:0 2px 6px #00000005}.rx-search-wrapper{flex:1;align-items:center;min-width:260px;max-width:440px;display:flex;position:relative}.rx-search-icon{color:#94a3b8;pointer-events:none;align-items:center;display:flex;position:absolute;left:14px}.rx-search-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 38px 10px 42px;font-size:14px;transition:all .2s}.rx-search-input:focus{background:#fff;border-color:#0284c7;box-shadow:0 0 0 3px #0284c71f}.rx-search-clear{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:flex;position:absolute;right:12px}.rx-search-clear:hover{color:#0f172a;background:#cbd5e1}.rx-filters-group{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.rx-filter-item{align-items:center;gap:8px;display:flex}.rx-filter-label{color:#475569;white-space:nowrap;font-size:13px;font-weight:600}.rx-select-box{min-width:155px}.rx-clear-btn{color:#b91c1c;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:5px;padding:8px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.rx-clear-btn:hover{background:#fecaca}.rx-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000008}.rx-table-scroll{width:100%;overflow-x:auto}.rx-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.rx-data-table thead{background:#f8fafc;border-bottom:1.5px solid #e2e8f0}.rx-data-table th{text-transform:uppercase;color:#64748b;letter-spacing:.5px;white-space:nowrap;padding:14px 18px;font-size:12px;font-weight:700}.rx-data-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px}.rx-table-row:hover{background-color:#f8fafc}.rx-id-cell{white-space:nowrap}.rx-id-badge{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;font-weight:700;display:inline-block}.rx-patient-cell{align-items:center;gap:12px;display:flex}.rx-patient-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 5px #00000014}.rx-patient-meta{flex-direction:column;gap:2px;display:flex}.rx-patient-name{color:#0f172a;font-size:14px;font-weight:700}.rx-date-sub{color:#64748b;font-size:11.5px}.rx-doc-wrap{color:#1e293b;align-items:center;gap:6px;font-weight:600;display:inline-flex}.rx-doc-icon{color:#0284c7}.rx-diagnosis-tag{white-space:nowrap;text-overflow:ellipsis;color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;max-width:200px;padding:3px 8px;font-size:13px;display:inline-block;overflow:hidden}.rx-items-pill{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.rx-amount-stack{flex-direction:column;gap:2px;display:flex}.rx-primary-amount{color:#0f172a;font-size:13.5px;font-weight:700}.rx-muted{color:#94a3b8}.rx-status-pill{letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.rx-status-pill.pending{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.rx-status-pill.approved{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.rx-status-pill.dispensed{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.rx-status-pill.cancelled{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.rx-pulse-dot{background:#f59e0b;border-radius:50%;width:6px;height:6px;animation:1.2s infinite rxPulse}.rx-actions-row{justify-content:flex-end;align-items:center;gap:6px;display:flex}.rx-quick-action-btn.approve{cursor:pointer;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:5px 9px;font-size:11.5px;font-weight:700;transition:all .15s}.rx-quick-action-btn.approve:hover{color:#fff;background:#2563eb}.rx-icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.rx-icon-btn:hover.view{color:#0284c7;background:#f0f9ff;border-color:#bae6fd}.rx-icon-btn:hover.edit{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.rx-icon-btn:hover.cancel{color:#dc2626;background:#fef2f2;border-color:#fecaca}.rx-icon-btn:hover.print{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.rx-empty-table-cell{text-align:center;padding:48px 24px!important}.rx-empty-state{flex-direction:column;align-items:center;gap:10px;max-width:380px;margin:0 auto;display:flex}.rx-empty-icon{color:#94a3b8;background:#f1f5f9;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.rx-empty-state h3{color:#1e293b;margin:0;font-size:16px}.rx-empty-state p{color:#64748b;margin:0;font-size:13.5px;line-height:1.4}.rx-reset-filters-btn{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:8px;margin-top:6px;padding:7px 16px;font-size:13px;font-weight:600}.rx-table-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.rx-showing-indicator{color:#64748b;font-size:13.5px}.rx-showing-indicator strong{color:#0f172a}.rx-pagination-controls{align-items:center;gap:6px;display:flex}.rx-nav-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.rx-nav-btn:hover:not(:disabled){color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.rx-nav-btn:disabled{opacity:.45;cursor:not-allowed}.rx-page-numbers{align-items:center;gap:4px;display:flex}.rx-number-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.rx-number-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.rx-number-btn.active{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 2px 6px #0284c740}.rx-ellipsis{color:#94a3b8;padding:0 4px;font-size:13px}.rx-modal-body{flex-direction:column;gap:18px;min-width:580px;display:flex}.rx-form-grid-top{flex-direction:column;gap:14px;display:flex}.rx-grid-full{width:100%}.rx-catalog-wrap{width:100%;position:relative}.rx-catalog-dropdown{z-index:100;background:#fff;border:1px solid #cbd5e1;border-radius:8px;max-height:180px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #0000001f}.rx-catalog-option{color:#334155;cursor:pointer;border-bottom:1px solid #f1f5f9;padding:9px 12px;font-size:13px;transition:background .1s}.rx-catalog-option:hover{color:#0284c7;background:#f0f9ff}.rx-medicines-section-header{border-bottom:1.5px solid #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.section-title-wrap{color:#0284c7;align-items:center;gap:8px;display:flex}.section-title-wrap h3{color:#0f172a;margin:0;font-size:15px;font-weight:700}.items-count-tag{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700}.rx-med-search-container{position:relative}.rx-med-search-bar{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;transition:all .2s;display:flex}.rx-med-search-bar:focus-within{background:#fff;border-color:#0284c7;box-shadow:0 0 0 3px #0284c71f}.rx-med-search-bar svg{color:#94a3b8;flex-shrink:0}.rx-med-search-bar input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:13.5px}.rx-search-x-btn{cursor:pointer;color:#64748b;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:flex}.rx-med-dropdown-results{z-index:100;background:#fff;border:1px solid #cbd5e1;border-radius:10px;max-height:240px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #00000026}.rx-med-dropdown-item{cursor:pointer;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 14px;transition:background .15s;display:flex}.rx-med-dropdown-item:hover{background:#f0f9ff}.med-dropdown-left{flex-direction:column;gap:2px;display:flex}.med-drop-name{color:#0f172a;font-size:13.5px}.med-drop-code{color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px}.med-dropdown-right{align-items:center;gap:10px;display:flex}.med-stock-pill{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 7px;font-size:11.5px;font-weight:600}.med-price-pill{color:#15803d;font-size:13px;font-weight:700}.rx-dropdown-empty{text-align:center;color:#94a3b8;padding:16px;font-size:13px}.rx-med-cards-list{flex-direction:column;gap:12px;max-height:340px;display:flex;overflow-y:auto}.rx-item-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.rx-item-header{justify-content:space-between;align-items:center;display:flex}.rx-item-title-wrap{align-items:center;gap:8px;display:flex}.item-seq-num{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:700}.item-name-bold{color:#0f172a;font-size:14px;font-weight:700}.item-remove-btn{color:#b91c1c;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.item-remove-btn:hover{background:#fecaca}.rx-item-fields-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.item-instructions-wrap{grid-column:1/-1}.rx-item-summary-strip{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12.5px;display:flex}.discount-tag{color:#b91c1c;font-weight:600}.item-net-total{color:#0f172a;font-size:13.5px}.rx-meds-empty-notice{color:#94a3b8;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:24px;font-size:13px;display:flex}.rx-notes-wrap{margin-top:4px}.rx-overall-summary-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;grid-template-columns:1fr 1fr;gap:14px;padding:14px 18px;display:grid}.summary-col{flex-direction:column;gap:2px;display:flex}.summary-label{color:#166534;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.summary-amount{font-size:20px;font-weight:800}.summary-amount.usd{color:#15803d}.summary-amount.khr{color:#047857}.rx-modal-actions-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:12px;padding-top:14px;display:flex}.rx-view-container{flex-direction:column;gap:18px;display:flex}.rx-view-header-banner{border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;padding-bottom:16px;display:flex}.rx-view-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:18px;font-weight:800;display:flex;box-shadow:0 4px 12px #0000001a}.rx-view-header-info{flex-direction:column;flex:1;gap:3px;display:flex}.rx-view-header-info h3{color:#0f172a;margin:0;font-size:19px;font-weight:800}.rx-view-meta-row{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.rx-view-id{color:#0284c7;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700}.rx-view-info-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rx-info-block{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.rx-info-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.rx-info-val-row{color:#0f172a;align-items:center;gap:8px;font-size:14px;display:flex}.rx-info-icon{color:#0284c7;flex-shrink:0}.rx-view-meds-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.rx-meds-title-bar{color:#0284c7;background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding:12px 16px;display:flex}.rx-meds-title-bar h4{color:#0f172a;margin:0;font-size:13.5px;font-weight:700}.rx-med-table-wrap{width:100%;overflow-x:auto}.rx-med-items-table{border-collapse:collapse;width:100%;font-size:13px}.rx-med-items-table th{text-align:left;color:#64748b;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11.5px;font-weight:700}.rx-med-items-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:10px 14px}.item-final-price{color:#15803d}.item-instr-text{color:#64748b;font-style:italic}.rx-view-amounts-strip{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.amounts-left{flex-direction:column;gap:2px;display:flex}.amounts-label{color:#166534;text-transform:uppercase;font-size:11px;font-weight:700}.amounts-val{color:#15803d;font-size:19px;font-weight:800}.dispensed-by-badge{text-align:right;flex-direction:column;gap:2px;display:flex}.disp-label{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:600}.disp-name{color:#0f172a;font-size:13.5px}.rx-invoice-link-card{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9px;align-items:center;gap:10px;padding:10px 14px;display:flex}.invoice-link-text{flex-direction:column;gap:2px;display:flex}.invoice-link-text strong{color:#065f46;font-size:13px}.invoice-link-text span{color:#047857;font-size:12px}.rx-view-notes-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px}.notes-label{color:#64748b;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.rx-view-notes-box p{color:#334155;margin:0;font-size:13.5px;line-height:1.4}.rx-view-actions-bar{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding-top:14px;display:flex}.modal-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.modal-btn.approve{color:#fff;background:#2563eb}.modal-btn.approve:hover{background:#1d4ed8}.modal-btn.cancel{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.modal-btn.cancel:hover{background:#fecaca}.modal-btn.download{color:#fff;background:#10b981}.modal-btn.download:hover{background:#059669}.modal-btn.close{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.modal-btn.close:hover{color:#0f172a;background:#e2e8f0}@media (width<=900px){.rx-toolbar-card{flex-direction:column;align-items:stretch}.rx-search-wrapper{max-width:100%}.rx-filters-group{justify-content:space-between}.rx-modal-body{min-width:100%}}@media (width<=768px){.rx-header{flex-direction:column;align-items:flex-start;gap:14px}.rx-item-fields-grid,.rx-overall-summary-card,.rx-view-info-grid{grid-template-columns:1fr}}.cat-page{flex-direction:column;gap:20px;max-width:1440px;margin:0 auto;padding:24px;display:flex}.cat-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.cat-title{align-items:center;gap:14px;display:flex}.cat-title-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #667eea4d}.cat-title h2{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.45rem;font-weight:700}.cat-title p{color:#64748b;margin:2px 0 0;font-size:.86rem}.cat-kpis{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.cat-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:16px 20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000008}.cat-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000000f}.cat-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.cat-kpi-card.purple .cat-kpi-icon{color:#6366f1;background:#6366f11a}.cat-kpi-card.green .cat-kpi-icon{color:#10b981;background:#10b9811a}.cat-kpi-card.amber .cat-kpi-icon{color:#f59e0b;background:#f59e0b1a}.cat-kpi-card.blue .cat-kpi-icon{color:#3b82f6;background:#3b82f61a}.cat-kpi-info{flex-direction:column;display:flex}.cat-kpi-label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:.78rem;font-weight:600}.cat-kpi-value{color:#0f172a;font-size:1.45rem;font-weight:700;line-height:1.2}.cat-kpi-sub{color:#94a3b8;font-size:.72rem;font-weight:500;position:absolute;bottom:12px;right:14px}.cat-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cat-search-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:280px;max-width:440px;padding:8px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.cat-search-box:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.cat-search-icon{color:#94a3b8;flex-shrink:0}.cat-search-box input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:.88rem}.cat-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.cat-clear-btn:hover{color:#475569}.cat-status-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:3px;display:flex}.cat-status-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .15s}.cat-status-tab.active{color:#0f172a;background:#fff;box-shadow:0 1px 4px #00000014}.cat-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto;box-shadow:0 1px 3px #00000005}.cat-table{border-collapse:collapse;text-align:left;width:100%}.cat-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-size:.78rem;font-weight:700}.cat-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px;font-size:.88rem}.cat-table tbody tr:hover{background:#f8fafc}.cat-num-cell{color:#94a3b8;font-weight:600}.cat-name-group{align-items:center;gap:10px;display:flex}.cat-icon-badge{color:#6366f1;background:#6366f11a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.cat-name-text{color:#0f172a;font-weight:600}.cat-desc-text{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:320px;font-size:.84rem;display:-webkit-box;overflow:hidden}.cat-linked-pill{color:#2563eb;background:#eff6ff;border:1px solid #2563eb26;border-radius:999px;padding:3px 9px;font-size:.76rem;font-weight:600;display:inline-block}.cat-status-chip{border-radius:999px;padding:3px 9px;font-size:.74rem;font-weight:600;display:inline-block}.cat-status-chip.active{color:#15803d;background:#dcfce7}.cat-status-chip.inactive{color:#64748b;background:#f1f5f9}.cat-date-text{color:#64748b;font-size:.82rem}.cat-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.cat-action-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.cat-action-btn:hover{color:#1e293b;background:#f1f5f9}.cat-empty-row{text-align:center;color:#94a3b8;padding:48px 20px!important}.cat-empty-row h4{color:#1e293b;margin:10px 0 4px;font-size:1.05rem}.cat-empty-row p{margin:0 0 12px;font-size:.86rem}.cat-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.cat-page-info{color:#64748b;font-size:.84rem}.cat-page-buttons{align-items:center;gap:8px;display:flex}.cat-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.cat-page-btn:hover:not(:disabled){color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.cat-page-btn:disabled{opacity:.45;cursor:not-allowed}.cat-page-pills{align-items:center;gap:4px;display:flex}.cat-num-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.cat-num-btn.active{color:#fff;background:#667eea;border-color:#667eea}.cat-ellipsis{color:#94a3b8;padding:0 4px;font-size:.8rem}.cat-modal-form{flex-direction:column;gap:16px;min-width:440px;max-width:520px;display:flex}.cat-modal-footer{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.cat-view-container{flex-direction:column;gap:18px;min-width:420px;max-width:500px;display:flex}.cat-view-hero{border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;padding-bottom:12px;display:flex}.cat-view-icon{color:#6366f1;background:#6366f11a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.cat-view-hero-text h3{color:#0f172a;margin:0 0 4px;font-size:1.25rem}.cat-view-desc-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px}.cat-desc-label{text-transform:uppercase;color:#64748b;margin-bottom:4px;font-size:.72rem;font-weight:700;display:block}.cat-view-desc-card p{color:#334155;margin:0;font-size:.88rem;line-height:1.45}.cat-view-meta-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.cat-view-meta-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.meta-box-label{text-transform:uppercase;color:#64748b;font-size:.7rem;font-weight:700}.meta-box-val{color:#0f172a;font-size:.92rem;font-weight:700}.cat-view-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;margin-top:8px;padding-top:14px;display:flex}.cat-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.cat-spinner{border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite catSpin}@keyframes catSpin{to{transform:rotate(360deg)}}@media (width<=768px){.cat-page{padding:16px}.cat-modal-form,.cat-view-container{min-width:unset;width:100%}.cat-view-meta-grid{grid-template-columns:1fr}}.svc-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden}.svc-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000012}.svc-card--inactive{opacity:.65}.svc-card-pin{z-index:10;position:absolute;top:12px;right:12px}.svc-pin-trigger{color:#94a3b8;cursor:pointer;opacity:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.svc-card:hover .svc-pin-trigger{opacity:1}.svc-pin-trigger:hover{color:#334155;background:#f1f5f9}.svc-pin-overlay{z-index:98;position:fixed;inset:0}.svc-pin-menu{z-index:99;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:130px;position:absolute;top:38px;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.svc-pin-menu button{color:#475569;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:.82rem;font-weight:500;transition:all .1s;display:flex}.svc-pin-menu button:hover{color:#1e293b;background:#f1f5f9}.svc-pin-menu .svc-pin-del:hover{color:#dc2626;background:#fef2f2}.svc-card-top{justify-content:space-between;align-items:center;padding:16px 20px 0;display:flex}.svc-card-cat{color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:999px;padding:4px 12px;font-size:.72rem;font-weight:600;display:inline-block}.svc-card-status{border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:600}.svc-status-active{color:#16a34a;background:#dcfce7}.svc-status-inactive{color:#dc2626;background:#fef2f2}.svc-card-name{color:#1e293b;margin:14px 20px 6px;font-size:1.15rem;font-weight:700}.svc-card-desc{color:#64748b;margin:0 20px 14px;font-size:.85rem;line-height:1.4}.svc-card-price-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin:0 20px 16px;padding-bottom:14px;display:flex}.svc-card-price{color:#475569;align-items:center;gap:6px;display:flex}.svc-price-final{color:#1e293b;font-size:1.25rem;font-weight:800}.svc-price-orig{color:#94a3b8;font-size:.85rem;text-decoration:line-through}.svc-discount-badge{color:#d97706;background:#fef3c7;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.svc-card-items{margin:0 20px 16px}.svc-items-header{color:#64748b;text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:6px;margin-bottom:8px;font-size:.78rem;font-weight:600;display:flex}.svc-card-items ul{margin:0;padding:0;list-style:none}.svc-card-items li{color:#475569;align-items:center;gap:8px;padding:4px 0;font-size:.85rem;display:flex}.svc-check-icon{color:#10b981;flex-shrink:0}.svc-profit-pill{color:#059669;background:#10b9811a;border:1px solid #10b98140;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:.72rem;font-weight:600;display:inline-flex}.svc-page{flex-direction:column;gap:20px;max-width:1440px;margin:0 auto;padding:24px;display:flex}.svc-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.svc-title{align-items:center;gap:14px;display:flex}.svc-title-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #667eea4d}.svc-title h2{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.45rem;font-weight:700}.svc-title p{color:#64748b;margin:2px 0 0;font-size:.86rem}.svc-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.svc-currency-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:3px;display:flex}.svc-currency-toggle button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:all .15s}.svc-currency-toggle button.active{color:#0f172a;background:#fff;box-shadow:0 1px 4px #00000014}.svc-view-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:3px;display:flex}.svc-view-toggle button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.svc-view-toggle button.active{color:#667eea;background:#fff;box-shadow:0 1px 4px #00000014}.svc-kpis{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.svc-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:16px 20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000008}.svc-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000000f}.svc-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.svc-kpi-card.purple .svc-kpi-icon{color:#6366f1;background:#6366f11a}.svc-kpi-card.green .svc-kpi-icon{color:#10b981;background:#10b9811a}.svc-kpi-card.blue .svc-kpi-icon{color:#3b82f6;background:#3b82f61a}.svc-kpi-card.amber .svc-kpi-icon{color:#f59e0b;background:#f59e0b1a}.svc-kpi-info{flex-direction:column;display:flex}.svc-kpi-label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:.78rem;font-weight:600}.svc-kpi-value{color:#0f172a;font-size:1.45rem;font-weight:700;line-height:1.2}.svc-kpi-sub{color:#94a3b8;font-size:.72rem;font-weight:500;position:absolute;bottom:12px;right:14px}.svc-cat-tabs{scrollbar-width:thin;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.svc-cat-pill{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.svc-cat-pill:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.svc-cat-pill.active{color:#fff;background:#667eea;border-color:#667eea;box-shadow:0 2px 8px #667eea59}.svc-cat-pill .pill-count{background:#00000012;border-radius:999px;padding:1px 7px;font-size:.72rem;font-weight:700}.svc-cat-pill.active .pill-count{color:#fff;background:#ffffff40}.svc-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.svc-search-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:280px;max-width:480px;padding:8px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.svc-search-box:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.svc-search-icon{color:#94a3b8;flex-shrink:0}.svc-search-box input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:.88rem}.svc-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.svc-clear-btn:hover{color:#475569}.svc-filter-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.svc-select-wrapper{min-width:170px}.svc-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.svc-empty-state{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;padding:60px 20px;display:flex}.svc-empty-state h4{color:#1e293b;margin:8px 0 0;font-size:1.1rem}.svc-empty-state p{color:#64748b;margin:0 0 12px;font-size:.88rem}.svc-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto;box-shadow:0 1px 3px #00000005}.svc-table{border-collapse:collapse;text-align:left;width:100%}.svc-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-size:.78rem;font-weight:700}.svc-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px;font-size:.88rem}.svc-table tbody tr:hover{background:#f8fafc}.svc-cell-main{flex-direction:column;gap:2px;display:flex}.svc-cell-title{color:#0f172a;font-weight:600}.svc-cell-sub{color:#64748b;font-size:.78rem}.svc-table-cat{color:#2563eb;background:#eff6ff;border:1px solid #2563eb26;border-radius:999px;padding:3px 9px;font-size:.74rem;font-weight:600;display:inline-block}.svc-price-text{font-weight:600}.svc-price-text.muted{color:#64748b}.svc-price-text.strong{color:#0f172a}.svc-margin-cell{align-items:center;gap:8px;display:flex}.svc-margin-val{color:#059669;font-weight:600}.svc-table-margin{border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:.72rem;font-weight:700;display:inline-flex}.svc-table-margin.high{color:#059669;background:#10b9811f;border:1px solid #10b98140}.svc-table-margin.mid{color:#2563eb;background:#3b82f61a;border:1px solid #3b82f633}.svc-table-margin.low{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b33}.svc-status-badge{border-radius:999px;padding:3px 9px;font-size:.74rem;font-weight:600;display:inline-block}.svc-status-badge.active{color:#15803d;background:#dcfce7}.svc-status-badge.inactive{color:#64748b;background:#f1f5f9}.svc-table-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.svc-action-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.svc-action-btn:hover{color:#1e293b;background:#f1f5f9}.svc-action-btn.delete:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.svc-table-empty{text-align:center;color:#94a3b8;padding:40px!important}.svc-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.svc-page-info{color:#64748b;font-size:.84rem}.svc-page-buttons{align-items:center;gap:8px;display:flex}.svc-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.svc-page-btn:hover:not(:disabled){color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.svc-page-btn:disabled{opacity:.45;cursor:not-allowed}.svc-page-pills{align-items:center;gap:4px;display:flex}.svc-num-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.svc-num-btn.active{color:#fff;background:#667eea;border-color:#667eea}.svc-ellipsis{color:#94a3b8;padding:0 4px;font-size:.8rem}.svc-modal-form{flex-direction:column;gap:16px;min-width:480px;max-width:600px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.svc-profit-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:12px 14px;display:grid}.svc-preview-col{flex-direction:column;gap:2px;display:flex}.svc-preview-lbl{text-transform:uppercase;color:#64748b;letter-spacing:.04em;font-size:.72rem;font-weight:700}.svc-preview-val{font-size:.95rem;font-weight:700}.svc-preview-val.positive{color:#059669}.svc-preview-val.amber{color:#d97706}.svc-preview-val.negative{color:#dc2626}.svc-preview-rate{color:#475569;font-size:.82rem;font-weight:600}.svc-modal-footer{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.svc-view-detail{flex-direction:column;gap:18px;min-width:440px;max-width:540px;display:flex}.svc-view-header-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.svc-view-badge-group{align-items:center;gap:8px;display:flex}.svc-view-pricing-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.svc-price-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:3px;padding:12px 14px;display:flex}.svc-price-box.highlight{background:#10b98114;border-color:#10b98140}.svc-box-label{text-transform:uppercase;color:#64748b;letter-spacing:.03em;font-size:.72rem;font-weight:700}.svc-box-main{color:#0f172a;font-size:1.15rem;font-weight:700}.svc-box-main.muted{color:#64748b}.svc-box-main.success{color:#059669}.svc-box-sub{color:#94a3b8;font-size:.74rem;font-weight:500}.svc-view-items-section h4{color:#1e293b;margin:0 0 10px;font-size:.88rem;font-weight:600}.svc-view-items-section ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.svc-view-items-section li{color:#475569;align-items:center;gap:8px;font-size:.86rem;display:flex}.svc-view-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;margin-top:8px;padding-top:14px;display:flex}.svc-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.svc-spinner{border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite svcSpin}@keyframes svcSpin{to{transform:rotate(360deg)}}@media (width<=768px){.svc-page{padding:16px}.form-row,.svc-profit-preview,.svc-view-pricing-grid{grid-template-columns:1fr}.svc-modal-form,.svc-view-detail{min-width:unset;width:100%}}.artcat-page{flex-direction:column;gap:20px;max-width:1440px;margin:0 auto;padding:24px;display:flex}.artcat-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.artcat-title{align-items:center;gap:14px;display:flex}.artcat-title-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #667eea4d}.artcat-title h2{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.45rem;font-weight:700}.artcat-title p{color:#64748b;margin:2px 0 0;font-size:.86rem}.artcat-kpis{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.artcat-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:16px 20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000008}.artcat-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000000f}.artcat-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.artcat-kpi-card.purple .artcat-kpi-icon{color:#6366f1;background:#6366f11a}.artcat-kpi-card.green .artcat-kpi-icon{color:#10b981;background:#10b9811a}.artcat-kpi-card.amber .artcat-kpi-icon{color:#f59e0b;background:#f59e0b1a}.artcat-kpi-info{flex-direction:column;display:flex}.artcat-kpi-label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:.78rem;font-weight:600}.artcat-kpi-value{color:#0f172a;font-size:1.45rem;font-weight:700;line-height:1.2}.artcat-kpi-sub{color:#94a3b8;font-size:.72rem;font-weight:500;position:absolute;bottom:12px;right:14px}.artcat-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.artcat-search-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:280px;max-width:440px;padding:8px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.artcat-search-box:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.artcat-search-icon{color:#94a3b8;flex-shrink:0}.artcat-search-box input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:.88rem}.artcat-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px;display:flex}.artcat-status-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:3px;display:flex}.artcat-status-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .15s}.artcat-status-tab.active{color:#0f172a;background:#fff;box-shadow:0 1px 4px #00000014}.artcat-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto;box-shadow:0 1px 3px #00000005}.artcat-table{border-collapse:collapse;text-align:left;width:100%}.artcat-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-size:.78rem;font-weight:700}.artcat-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px;font-size:.88rem}.artcat-table tbody tr:hover{background:#f8fafc}.artcat-num-cell{color:#94a3b8;font-weight:600}.artcat-name-group{align-items:center;gap:10px;display:flex}.artcat-icon-badge{color:#6366f1;background:#6366f11a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.artcat-name-text{color:#0f172a;font-weight:600}.artcat-desc-text{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:360px;font-size:.84rem;display:-webkit-box;overflow:hidden}.artcat-status-chip{border-radius:999px;padding:3px 9px;font-size:.74rem;font-weight:600;display:inline-block}.artcat-status-chip.active{color:#15803d;background:#dcfce7}.artcat-status-chip.inactive{color:#64748b;background:#f1f5f9}.artcat-date-text{color:#64748b;font-size:.82rem}.artcat-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.artcat-action-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.artcat-action-btn:hover{color:#1e293b;background:#f1f5f9}.artcat-action-btn.delete:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.artcat-empty-row{text-align:center;color:#94a3b8;padding:48px 20px!important}.artcat-empty-row h4{color:#1e293b;margin:10px 0 4px;font-size:1.05rem}.artcat-empty-row p{margin:0 0 12px;font-size:.86rem}.artcat-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.artcat-page-info{color:#64748b;font-size:.84rem}.artcat-page-buttons{align-items:center;gap:8px;display:flex}.artcat-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.artcat-page-btn:hover:not(:disabled){color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.artcat-page-btn:disabled{opacity:.45;cursor:not-allowed}.artcat-page-pills{align-items:center;gap:4px;display:flex}.artcat-num-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.artcat-num-btn.active{color:#fff;background:#667eea;border-color:#667eea}.artcat-ellipsis{color:#94a3b8;padding:0 4px;font-size:.8rem}.artcat-modal-form{flex-direction:column;gap:16px;min-width:440px;max-width:520px;display:flex}.artcat-modal-footer{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.artcat-view-container{flex-direction:column;gap:18px;min-width:400px;max-width:500px;display:flex}.artcat-view-hero{border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;padding-bottom:12px;display:flex}.artcat-view-icon{color:#6366f1;background:#6366f11a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.artcat-view-hero-text h3{color:#0f172a;margin:0 0 4px;font-size:1.25rem}.artcat-view-desc-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px}.desc-label{text-transform:uppercase;color:#64748b;margin-bottom:4px;font-size:.72rem;font-weight:700;display:block}.artcat-view-desc-card p{color:#334155;margin:0;font-size:.88rem;line-height:1.45}.artcat-view-meta-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.artcat-view-meta-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.meta-label{text-transform:uppercase;color:#64748b;font-size:.7rem;font-weight:700}.artcat-view-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;margin-top:8px;padding-top:14px;display:flex}.artcat-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.artcat-spinner{border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite artcatSpin}@keyframes artcatSpin{to{transform:rotate(360deg)}}@media (width<=768px){.artcat-page{padding:16px}.artcat-modal-form,.artcat-view-container{min-width:unset;width:100%}}.ql-container{box-sizing:border-box;height:100%;margin:0;font-family:Helvetica,Arial,sans-serif;font-size:13px;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{height:1px;position:absolute;top:50%;left:-100000px;overflow-y:hidden}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word;outline:none;height:100%;padding:12px 15px;line-height:1.42;overflow-y:auto}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{padding-left:1.5em;list-style-type:none;position:relative}.ql-editor li>.ql-ui:before{text-align:right;white-space:nowrap;width:1.2em;margin-left:-1.5em;margin-right:.3em;display:inline-block}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0, decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3, decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6, decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9, decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{text-align:left;margin-left:.3em;margin-right:-1.5em}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{max-width:100%;display:block}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{text-align:inherit;direction:rtl}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);pointer-events:none;font-style:italic;position:absolute;left:15px;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{cursor:pointer;float:left;background:0 0;border:none;width:28px;height:24px;padding:3px 5px;display:inline-block}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{vertical-align:middle;display:inline-block}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2px}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1px}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-top:5px;margin-bottom:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-top:5px;margin-bottom:5px;padding:5px 10px}.ql-snow .ql-editor code{padding:2px 4px;font-size:85%}.ql-snow .ql-editor .ql-code-block-container{color:#f8f8f2;background-color:#23241f;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;float:left;vertical-align:middle;height:24px;font-size:14px;font-weight:500;display:inline-block;position:relative}.ql-snow .ql-picker-label{cursor:pointer;width:100%;height:100%;padding-left:8px;padding-right:2px;display:inline-block;position:relative}.ql-snow .ql-picker-label:before{line-height:22px;display:inline-block}.ql-snow .ql-picker-options{white-space:nowrap;background-color:#fff;min-width:100%;padding:4px 8px;display:none;position:absolute}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;padding-top:5px;padding-bottom:5px;display:block}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{z-index:1;margin-top:-1px;display:block;top:100%}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{width:24px;height:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{width:152px;padding:3px 5px}.ql-snow .ql-color-picker .ql-picker-item{float:left;border:1px solid #0000;width:16px;height:16px;margin:2px;padding:0}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{width:18px;margin-top:-9px;position:absolute;top:50%;right:0}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{top:5px;right:5px}.ql-toolbar.ql-snow{box-sizing:border-box;border:1px solid #ccc;padding:8px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{color:#444;white-space:nowrap;background-color:#fff;border:1px solid #ccc;padding:5px 12px;box-shadow:0 0 5px #ddd}.ql-snow .ql-tooltip:before{content:"Visit URL:";margin-right:8px;line-height:26px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;width:170px;height:26px;margin:0;padding:3px 5px;font-size:13px;display:none}.ql-snow .ql-tooltip a.ql-preview{text-overflow:ellipsis;vertical-align:top;max-width:200px;display:inline-block;overflow-x:hidden}.ql-snow .ql-tooltip a.ql-action:after{content:"Edit";border-right:1px solid #ccc;margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{content:"Save";border-right:0;padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.art-page{flex-direction:column;gap:20px;max-width:1440px;margin:0 auto;padding:24px;display:flex}.art-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.art-title{align-items:center;gap:14px;display:flex}.art-title-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #667eea4d}.art-title h2{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.45rem;font-weight:700}.art-title p{color:#64748b;margin:2px 0 0;font-size:.86rem}.art-kpis{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.art-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:16px 20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000008}.art-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000000f}.art-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.art-kpi-card.purple .art-kpi-icon{color:#6366f1;background:#6366f11a}.art-kpi-card.green .art-kpi-icon{color:#10b981;background:#10b9811a}.art-kpi-card.amber .art-kpi-icon{color:#f59e0b;background:#f59e0b1a}.art-kpi-card.blue .art-kpi-icon{color:#3b82f6;background:#3b82f61a}.art-kpi-info{flex-direction:column;display:flex}.art-kpi-label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:.78rem;font-weight:600}.art-kpi-value{color:#0f172a;font-size:1.45rem;font-weight:700;line-height:1.2}.art-kpi-sub{color:#94a3b8;font-size:.72rem;font-weight:500;position:absolute;bottom:12px;right:14px}.art-cat-tabs{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.art-cat-pill{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.art-cat-pill:hover{background:#f8fafc;border-color:#cbd5e1}.art-cat-pill.active{color:#fff;background:#667eea;border-color:#667eea;box-shadow:0 2px 8px #667eea59}.art-cat-pill .pill-count{background:#00000012;border-radius:999px;padding:1px 7px;font-size:.72rem;font-weight:700}.art-cat-pill.active .pill-count{color:#fff;background:#ffffff40}.art-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.art-search-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:280px;max-width:440px;padding:8px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.art-search-box:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.art-search-icon{color:#94a3b8;flex-shrink:0}.art-search-box input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:.88rem}.art-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px;display:flex}.art-status-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:3px;display:flex}.art-status-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .15s}.art-status-tab.active{color:#0f172a;background:#fff;box-shadow:0 1px 4px #00000014}.art-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto;box-shadow:0 1px 3px #00000005}.art-table{border-collapse:collapse;text-align:left;width:100%}.art-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-size:.78rem;font-weight:700}.art-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px;font-size:.88rem}.art-table tbody tr:hover{background:#f8fafc}.art-num-cell{color:#94a3b8;font-weight:600}.art-cell-title-wrap{align-items:center;gap:8px;display:flex}.art-title-text{color:#0f172a;max-width:400px;font-weight:600}.art-category-badge{color:#2563eb;background:#eff6ff;border:1px solid #2563eb26;border-radius:999px;padding:3px 9px;font-size:.76rem;font-weight:600;display:inline-block}.art-doc-text{color:#64748b;font-size:.84rem}.art-status-pill{border-radius:999px;padding:3px 9px;font-size:.74rem;font-weight:600;display:inline-block}.art-status-pill.active{color:#15803d;background:#dcfce7}.art-status-pill.inactive{color:#64748b;background:#f1f5f9}.art-date-text{color:#64748b;font-size:.82rem}.art-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.art-action-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.art-action-btn:hover{color:#1e293b;background:#f1f5f9}.art-action-btn.delete:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.art-empty-row{text-align:center;color:#94a3b8;padding:48px 20px!important}.art-empty-row h4{color:#1e293b;margin:10px 0 4px;font-size:1.05rem}.art-empty-row p{margin:0 0 12px;font-size:.86rem}.art-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.art-page-info{color:#64748b;font-size:.84rem}.art-page-buttons{align-items:center;gap:8px;display:flex}.art-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.art-page-btn:hover:not(:disabled){color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.art-page-btn:disabled{opacity:.45;cursor:not-allowed}.art-page-pills{align-items:center;gap:4px;display:flex}.art-num-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.art-num-btn.active{color:#fff;background:#667eea;border-color:#667eea}.art-ellipsis{color:#94a3b8;padding:0 4px;font-size:.8rem}.art-modal-form{flex-direction:column;gap:16px;min-width:580px;max-width:720px;display:flex}.art-editor-wrapper{flex-direction:column;gap:6px;display:flex}.art-editor-label{color:#475569;font-size:.78rem;font-weight:600}.art-editor-wrapper .quill{background:#fff;border-radius:8px}.art-editor-wrapper .ql-toolbar{border-color:#e2e8f0;border-top-left-radius:8px;border-top-right-radius:8px}.art-editor-wrapper .ql-container{border-color:#e2e8f0;border-bottom-right-radius:8px;border-bottom-left-radius:8px;min-height:200px;max-height:360px;overflow-y:auto}.art-modal-footer{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.art-view-container{flex-direction:column;gap:14px;min-width:480px;max-width:640px;max-height:75vh;display:flex;overflow-y:auto}.art-view-meta{align-items:center;gap:10px;display:flex}.art-view-author{color:#64748b;font-size:.82rem}.art-view-title{color:#0f172a;margin:0;font-size:1.35rem}.art-view-cover{object-fit:cover;border-radius:12px;width:100%;max-height:260px}.art-view-body{color:#334155;font-size:.92rem;line-height:1.6}.art-view-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding-top:14px;display:flex}.art-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.art-spinner{border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite artSpin}@keyframes artSpin{to{transform:rotate(360deg)}}@media (width<=768px){.art-page{padding:16px}.art-modal-form,.art-view-container{min-width:unset;width:100%}}.rpt-page{max-width:1440px;margin:0 auto;animation:.3s cubic-bezier(.16,1,.3,1) fadeInReports}@keyframes fadeInReports{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.rpt-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.rpt-title-wrap h1{color:#0f172a;letter-spacing:-.02em;align-items:center;gap:10px;margin:0 0 6px;font-size:26px;font-weight:800;display:flex}.rpt-title-icon{color:#4338ca;background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:inline-flex}.rpt-title-wrap p{color:#64748b;margin:0;font-size:14px}.rpt-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rpt-rate-pill{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:7px 12px;font-size:12.5px;display:inline-flex;box-shadow:0 1px 2px #00000005}.rpt-rate-pulse{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s infinite ratePulse;box-shadow:0 0 0 2px #10b98133}@keyframes ratePulse{0%{transform:scale(.95);box-shadow:0 0 #10b98180}70%{transform:scale(1);box-shadow:0 0 0 5px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.rpt-rate-text strong{color:#0f172a;font-weight:700}.rpt-currency-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:3px;display:flex}.rpt-currency-toggle button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:7px 12px;font-size:12.5px;font-weight:700;transition:all .15s}.rpt-currency-toggle button.active{color:#0f172a;background:#fff;box-shadow:0 2px 6px #00000014}.rpt-summary{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:24px;display:grid}.rpt-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:flex-start;gap:14px;padding:18px 20px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px -2px #0f172a0a}.rpt-summary-card:after{content:"";background:0 0;height:3px;transition:background .2s;position:absolute;top:0;left:0;right:0}.rpt-summary-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 10px 25px -5px #0f172a14}.rpt-summary-card:hover:after{background:linear-gradient(90deg,#4f46e5,#06b6d4)}.rpt-summary-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.rpt-summary-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.rpt-summary-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.rpt-summary-label{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.rpt-summary-trend{white-space:nowrap;border-radius:999px;align-items:center;gap:2px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.rpt-summary-value{letter-spacing:-.02em;margin-top:2px;font-size:22px;font-weight:800;line-height:1.2}.rpt-summary-subtext{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.rpt-summary-card--loading{animation:1.5s ease-in-out infinite pulseSkeleton}@keyframes pulseSkeleton{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.rpt-skeleton-icon{background:#f1f5f9;border-radius:12px;width:44px;height:44px}.rpt-skeleton-body{flex-direction:column;flex:1;gap:8px;display:flex}.rpt-skeleton-line{background:#f1f5f9;border-radius:4px;width:80%;height:14px}.rpt-skeleton-line--short{width:40%}.rpt-leaderboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:20px 24px;box-shadow:0 2px 8px -2px #0f172a0a}.rpt-leaderboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.rpt-leaderboard-title{align-items:center;gap:12px;display:flex}.rpt-leaderboard-icon{color:#d97706;background:#fef3c7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.rpt-leaderboard-title h3{color:#0f172a;margin:0 0 2px;font-size:16px;font-weight:700}.rpt-leaderboard-title p{color:#64748b;margin:0;font-size:13px}.rpt-leaderboard-total-tag{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:700}.rpt-leaderboard-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.rpt-doctor-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:all .18s;display:flex}.rpt-doctor-item:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0d}.rpt-doctor-avatar-wrap{flex-shrink:0;position:relative}.rpt-doctor-avatar{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#06b6d4 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 6px #4f46e533}.rpt-doctor-rank-badge{color:#fff;border:1.5px solid #fff;border-radius:6px;padding:1px 4px;font-size:9.5px;font-weight:800;position:absolute;top:-4px;right:-4px}.rpt-doctor-rank-badge.rank-1{background:#f59e0b}.rpt-doctor-rank-badge.rank-2{background:#64748b}.rpt-doctor-rank-badge.rank-3{background:#b45309}.rpt-doctor-rank-badge:not(.rank-1):not(.rank-2):not(.rank-3){background:#94a3b8}.rpt-doctor-details{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.rpt-doctor-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.rpt-doctor-bar-track{background:#e2e8f0;border-radius:999px;width:100%;height:5px;overflow:hidden}.rpt-doctor-bar-fill{background:linear-gradient(90deg,#4f46e5,#06b6d4);border-radius:999px;height:100%;transition:width .4s}.rpt-doctor-meta{justify-content:space-between;align-items:center;font-size:11px;display:flex}.rpt-doctor-count{color:#475569}.rpt-doctor-count strong{color:#0f172a}.rpt-doctor-pct{color:#94a3b8}.rpt-controls-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.rpt-category-pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rpt-pill{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .16s;display:inline-flex}.rpt-pill:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.rpt-pill--active{color:#fff;background:#0f172a;border-color:#0f172a}.rpt-pill--active:hover{color:#fff;background:#1e293b;border-color:#1e293b}.rpt-pill-dot{border-radius:50%;width:7px;height:7px}.rpt-search-box{align-items:center;min-width:280px;display:flex;position:relative}.rpt-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.rpt-search-box input{color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:8px 32px 8px 36px;font-family:inherit;font-size:13.5px;transition:all .2s}.rpt-search-box input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.rpt-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px;font-size:12px;position:absolute;right:10px}.rpt-search-clear:hover{color:#0f172a}.rpt-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:20px;display:grid}.rpt-group{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:20px 22px;display:flex;box-shadow:0 2px 8px -2px #0f172a0a}.rpt-group-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;display:flex}.rpt-group-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.rpt-group-title-box{justify-content:space-between;align-items:center;width:100%;display:flex}.rpt-group-title-box h3{color:#0f172a;margin:0;font-size:15.5px;font-weight:700}.rpt-group-badge{color:#64748b;background:#f1f5f9;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.rpt-group-list{flex-direction:column;gap:8px;display:flex}.rpt-item{background:#fafafa;border:1px solid #f8fafc;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;transition:all .16s;display:flex}.rpt-item:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0f172a0a}.rpt-item-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.rpt-item-title-row{align-items:center;gap:8px;display:flex}.rpt-item-name{color:#1e293b;font-size:13.5px;font-weight:700}.rpt-item-tag{color:#4338ca;text-transform:uppercase;letter-spacing:.3px;background:#eef2ff;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.rpt-item-desc{color:#64748b;font-size:12px;line-height:1.4}.rpt-item-actions{flex-shrink:0;gap:6px;display:flex}.rpt-item-btn{cursor:pointer;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.rpt-item-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.rpt-item-btn--view:hover{color:#4f46e5;background:#eef2ff;border-color:#4f46e5}.rpt-item-btn--download:hover{color:#10b981;background:#ecfdf5;border-color:#10b981}.rpt-no-results{text-align:center;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;grid-column:1/-1;align-items:center;gap:8px;padding:48px 24px;display:flex}.rpt-no-results h4{color:#0f172a;margin:4px 0 0;font-size:16px;font-weight:700}.rpt-no-results p{margin:0 0 10px;font-size:13.5px}.rpt-detail{flex-direction:column;gap:20px;min-width:min(580px,100vw - 64px);display:flex}.rpt-detail-meta{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:12px;padding:12px 16px;display:grid}.rpt-detail-meta-item{flex-direction:column;gap:2px;display:flex}.rpt-detail-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.rpt-detail-value{color:#0f172a;font-size:14px;font-weight:700}.rpt-detail-desc{color:#475569;padding:0 2px;font-size:13.5px;line-height:1.5}.rpt-detail-data{flex-direction:column;gap:10px;display:flex}.rpt-detail-data-title{color:#0f172a;margin-bottom:2px;font-size:13.5px;font-weight:700}.rpt-detail-bar-row{align-items:center;gap:12px;display:flex}.rpt-detail-bar-label{color:#334155;flex-shrink:0;min-width:140px;font-size:13px;font-weight:500}.rpt-detail-bar-track{background:#f1f5f9;border-radius:999px;flex:1;height:8px;overflow:hidden}.rpt-detail-bar-fill{background:linear-gradient(90deg,#4f46e5,#06b6d4);border-radius:999px;height:100%;transition:width .4s}.rpt-detail-bar-val{color:#0f172a;text-align:right;min-width:85px;font-size:12.5px;font-weight:700}.rpt-detail-total{color:#0f172a;border-top:1.5px solid #e2e8f0;margin-top:4px;padding-top:10px;font-size:15px;font-weight:800}.rpt-detail-summary-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.rpt-detail-summary-value{color:#0f172a;font-size:14px;font-weight:800}.rpt-table-responsive{border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.rpt-data-table{border-collapse:collapse;width:100%;font-size:13px}.rpt-data-table th{color:#475569;text-transform:uppercase;letter-spacing:.4px;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:700}.rpt-data-table td{color:#334155;border-top:1px solid #f1f5f9;padding:10px 14px}.rpt-margin-badge{color:#059669;background:#ecfdf5;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.rpt-modal-footer{justify-content:flex-end;align-items:center;gap:10px;width:100%;display:flex}.rpt-detail-empty{text-align:center;color:#94a3b8;padding:32px 16px;font-size:13.5px}@media (width<=1024px){.rpt-grid{grid-template-columns:1fr}}@media (width<=768px){.rpt-header{flex-direction:column;align-items:flex-start}.rpt-header-actions,.rpt-search-box{width:100%}.rpt-summary{grid-template-columns:repeat(2,1fr)}.rpt-detail-meta{grid-template-columns:1fr}.rpt-detail-bar-label{min-width:100px}}@media (width<=480px){.rpt-summary{grid-template-columns:1fr}}.set-page{max-width:1100px;animation:.3s ease-out fadeIn}.set-logout-button{background-color:#ef4444}.set-header{margin-bottom:28px}.set-header h1{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:26px;font-weight:800}.set-header p{color:#64748b;margin:0;font-size:14.5px}.set-layout{align-items:flex-start;gap:24px;display:flex}.set-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;flex-shrink:0;gap:4px;width:230px;padding:10px;display:flex;position:sticky;top:96px;box-shadow:0 4px 16px -2px #0f172a0a}.set-tab{color:#64748b;cursor:pointer;text-align:left;background:0 0;border:1.5px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:11px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex}.set-tab:hover{color:#0f172a;background:#f8fafc}.set-tab--active{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe;font-weight:700;box-shadow:0 2px 8px #4f46e514}.set-tab-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.set-content{flex:1;min-width:0}.set-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;animation:.25s ease-out fadeIn;overflow:hidden;box-shadow:0 4px 20px -2px #0f172a0d}.set-card-header{padding:24px 28px 0}.set-card-header h3{color:#0f172a;letter-spacing:-.01em;margin:0 0 4px;font-size:18px;font-weight:700}.set-card-header p{color:#64748b;margin:0 0 20px;font-size:13.5px}.set-form{flex-direction:column;gap:18px;padding:0 28px 24px;display:flex}.set-field{flex-direction:column;gap:6px;width:100%;display:flex}.set-label{color:#334155;letter-spacing:.01em;font-size:13px;font-weight:600}.set-input{color:#0f172a;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s}.set-input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.set-input:disabled{opacity:.5;cursor:not-allowed}select.set-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.set-row{gap:16px;display:flex}.set-row>*{flex:1}.set-avatar-section{align-items:center;gap:20px;padding-bottom:8px;display:flex}.set-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:20px;font-weight:700;display:flex}.set-upload-btn{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s}.set-upload-btn:hover{color:#4f46e5;border-color:#4f46e5}.set-upload-hint{color:#94a3b8;margin-top:4px;font-size:12px;display:block}.set-toggle{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:10px 14px;transition:all .2s;display:flex}.set-toggle:hover{background:#f1f5f9}.set-toggle input{display:none}.set-toggle-track{background:#cbd5e1;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s cubic-bezier(.4,0,.2,1);position:relative}.set-toggle input:checked+.set-toggle-track{background:#4f46e5}.set-toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000002e}.set-toggle input:checked+.set-toggle-track .set-toggle-thumb{transform:translate(20px)}.set-toggle-label{color:#0f172a;font-size:13.5px;font-weight:700;display:block}.set-toggle-desc{color:#64748b;margin-top:2px;font-size:12px;display:block}.set-card-footer{background:#fafafa;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:12px;padding:16px 28px;display:flex}.set-card-footer .btn{width:auto;padding:10px 20px;font-size:14px}.set-data-actions{gap:12px;padding-top:8px;display:flex}.set-data-btn{cursor:pointer;border-radius:10px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s}.set-data-btn--danger{color:#fff;background:#ef4444;border:none}.set-data-btn--danger:hover{background:#dc2626}.set-data-btn--danger-outline{color:#ef4444;background:#fff;border:1.5px solid #ef4444}.set-data-btn--danger-outline:hover{background:#ef44440d}.set-textarea{resize:vertical;min-height:72px;line-height:1.5}.set-hint{color:#9ca3af;margin-top:-2px;font-size:12px}.set-logo-preview{align-items:center;gap:12px;display:flex}.set-logo-preview img{border:1px solid #e5e7eb;border-radius:8px;max-height:48px;padding:4px}.set-invoice-brand{background:#f8fbff;border:1px solid #dbeafe;border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.set-invoice-brand-logo{background:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 2px 8px #1e40af1f}.set-invoice-brand-logo img{object-fit:contain;width:42px;height:42px}@media (width<=768px){.set-layout{flex-direction:column}.set-sidebar{flex-flow:wrap;gap:4px;width:100%;padding:6px;position:static}.set-tab{flex:1;justify-content:center;min-width:100px;padding:8px 10px;font-size:13px}.set-tab-icon{display:none}.set-row{flex-direction:column}.set-card-header,.set-form,.set-card-footer{padding-left:20px;padding-right:20px}}.wifi-config{flex-direction:column;gap:20px;padding:28px;display:flex}.wifi-config-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.wifi-config-header h3{color:#0f172a;letter-spacing:-.01em;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;display:flex}.wifi-config-header h3 svg{color:#4f46e5}.wifi-config-header p{color:#64748b;margin:4px 0 0;font-size:13.5px;line-height:1.45}.wifi-config-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.wifi-config-network-check{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;flex-wrap:wrap;gap:8px 18px;padding:14px 18px;font-size:13px;display:flex;box-shadow:0 1px 3px #0000000a}.wifi-config-network-check strong{width:100%;font-size:13.5px}.wifi-config-network-check code{color:inherit;background:#0000000d;border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.wifi-config-network-check--allowed{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.wifi-config-table-wrap{border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #00000005}.wifi-config-table{border-collapse:collapse;width:100%;font-size:13.5px}.wifi-config-table th{color:#475569;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11.5px;font-weight:700}.wifi-config-table td{color:#334155;vertical-align:middle;border-top:1px solid #f1f5f9;padding:14px 16px}.wifi-config-table tr:hover td{background:#fafafa}.wifi-config-table code{color:#4f46e5;background:#eef2ff;border-radius:6px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:600}.wifi-config-notes{color:#64748b;max-width:240px}.wifi-config-status{color:#64748b;background:#f1f5f9;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.wifi-config-status--active{color:#15803d;background:#dcfce7}.wifi-config-actions{justify-content:flex-end;gap:8px;display:flex}.wifi-config-actions button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.wifi-config-actions button:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.wifi-config-actions .wifi-config-delete:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.wifi-config-actions .wifi-config-delete{color:#dc2626;border-color:#fecaca}.wifi-config-empty{color:#64748b;text-align:center;border:1px dashed #cbd5e1;border-radius:10px;padding:32px 20px;font-size:14px}.wifi-config-form{flex-direction:column;gap:15px;min-width:min(460px,100vw - 64px);display:flex}.wifi-config-form label{color:#374151;flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.wifi-config-form label span{color:#94a3b8;font-size:11px;font-weight:500}.wifi-config-form input:not([type=checkbox]),.wifi-config-form textarea{color:#1f2937;width:100%;font:inherit;resize:vertical;border:1px solid #dbe2ea;border-radius:8px;outline:none;padding:10px 11px;font-size:14px}.wifi-config-form input:focus,.wifi-config-form textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.wifi-config-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.wifi-config-toggle{cursor:pointer;align-items:center;flex-direction:row!important}.wifi-config-toggle input{accent-color:#667eea;width:16px;height:16px}.wifi-config-form-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}@media (width<=640px){.wifi-config-header{flex-direction:column}.wifi-config-header-actions{width:100%}.wifi-config-add,.wifi-config-check{flex:1;justify-content:center}.wifi-config-table,.wifi-config-table tbody,.wifi-config-table tr,.wifi-config-table td{width:100%;display:block}.wifi-config-table thead{display:none}.wifi-config-table tr{border-top:1px solid #eef2f7;padding:8px 12px}.wifi-config-table td{text-align:right;border:0;justify-content:space-between;gap:16px;padding:7px 0;display:flex}.wifi-config-table td:before{content:attr(data-label);color:#94a3b8;text-align:left;text-transform:uppercase;font-size:11px;font-weight:700}.wifi-config-table td:first-child:before,.wifi-config-table td:last-child:before{display:none}.wifi-config-table td:first-child{justify-content:flex-start}.wifi-config-notes{max-width:none}.wifi-config-form{min-width:0}.wifi-config-form-row{grid-template-columns:1fr}}.fin-page{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;max-width:100%;animation:.25s ease-out finFadeIn;display:flex}@keyframes finFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fin-header{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;display:flex;box-shadow:0 1px 4px #0000000a}.fin-header-info{flex-direction:column;gap:4px;display:flex}.fin-header-tag{text-transform:uppercase;letter-spacing:.8px;color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;width:fit-content;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.fin-header-info h1{color:#0f172a;letter-spacing:-.4px;margin:2px 0 0;font-size:24px;font-weight:800}.fin-header-info p{color:#64748b;max-width:680px;margin:0;font-size:14px;line-height:1.45}.fin-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.fin-rate-pill{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:inline-flex;box-shadow:0 1px 2px #00000008}.rate-pill-dot{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #10b98133}.rate-label{color:#64748b;font-weight:600}.rate-val{color:#0f172a;font-weight:700}.fin-currency-switcher{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:4px;padding:3px 5px;display:inline-flex}.switcher-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;padding:0 4px;font-size:11px;font-weight:700}.curr-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.curr-btn:hover:not(.active){color:#0f172a;background:#fff9}.curr-btn.active{color:#2563eb;background:#fff;font-weight:700;box-shadow:0 1px 3px #00000014}.fin-refresh-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.fin-refresh-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#94a3b8}.fin-refresh-btn:disabled{opacity:.65;cursor:not-allowed}.spin-icon{animation:.8s linear infinite spin}.fin-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;width:100%;display:grid}.fin-kpi-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:flex-start;padding:18px 20px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000008}.fin-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 16px -4px #0000000f}.fin-kpi-card.kpi-card-selected{background:#fcfdfe;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26,0 8px 16px -4px #2563eb1a}.kpi-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.kpi-icon-wrap.kpi-emerald{color:#10b981;background:#ecfdf5}.kpi-icon-wrap.kpi-rose{color:#ef4444;background:#fef2f2}.kpi-icon-wrap.kpi-teal{color:#0d9488;background:#f0fdfa}.kpi-icon-wrap.kpi-blue{color:#2563eb;background:#eff6ff}.kpi-content{flex-direction:column;flex:1;gap:3px;margin-left:14px;display:flex}.kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:11.5px;font-weight:600}.kpi-value{color:#0f172a;font-size:21px;font-weight:800;line-height:1.2}.kpi-val-green{color:#10b981}.kpi-val-red{color:#ef4444}.kpi-val-teal{color:#0d9488}.kpi-dual-values{flex-direction:column;gap:1px;display:flex}.kpi-sub-value{color:#059669;font-size:12px;font-weight:600}.kpi-today-tag{color:#059669;margin-top:2px;font-size:11.5px;font-weight:600}.kpi-today-tag.expense-today{color:#dc2626}.kpi-status-tag{text-transform:uppercase;letter-spacing:.4px;border-radius:6px;align-self:flex-start;padding:2px 7px;font-size:10px;font-weight:700}.kpi-status-tag.emerald{color:#059669;background:#ecfdf5}.kpi-status-tag.rose{color:#b91c1c;background:#fef2f2}.kpi-status-tag.teal{color:#0f766e;background:#f0fdfa}.kpi-status-tag.slate{color:#475569;background:#f1f5f9}.fin-cashflow-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:10px;padding:16px 22px;display:flex;box-shadow:0 1px 3px #00000005}.cashflow-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.cashflow-title{color:#334155;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.cashflow-ratios{align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.ratio-income{color:#059669}.ratio-expense{color:#dc2626}.ratio-sep{color:#cbd5e1}.cashflow-bar-wrap{background:#f1f5f9;border-radius:999px;width:100%;height:10px;display:flex;overflow:hidden}.cashflow-fill-income{background:#10b981;height:100%;transition:width .4s}.cashflow-fill-expense{background:#ef4444;height:100%;transition:width .4s}.fin-monthly-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #00000008}.monthly-panel-header{flex-direction:column;gap:2px;display:flex}.monthly-title-row{color:#0f172a;align-items:center;gap:8px;display:flex}.monthly-title-row h3{margin:0;font-size:16px;font-weight:700}.monthly-sub{color:#64748b;font-size:12.5px}.fin-monthly-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.fin-monthly-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;transition:transform .15s,border-color .15s;display:flex}.fin-monthly-card:hover{border-color:#cbd5e1;transform:translateY(-2px)}.monthly-card-head{justify-content:space-between;align-items:center;display:flex}.fin-monthly-month{color:#1e293b;font-size:13px;font-weight:700}.monthly-profit-pill{border-radius:6px;padding:2px 7px;font-size:11px;font-weight:800}.monthly-profit-pill.pos{color:#059669;background:#ecfdf5}.monthly-profit-pill.neg{color:#dc2626;background:#fef2f2}.monthly-metrics-rows{flex-direction:column;gap:4px;display:flex}.monthly-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.monthly-label{color:#64748b;align-items:center;gap:4px;display:flex}.inc-icon{color:#10b981}.exp-icon{color:#ef4444}.monthly-income{color:#059669;font-weight:700}.monthly-expense{color:#dc2626;font-weight:700}.monthly-bar-track{background:#e2e8f0;border-radius:999px;width:100%;height:6px;display:flex;overflow:hidden}.monthly-bar-income{background:#10b981;height:100%}.monthly-bar-expense{background:#ef4444;height:100%}.fin-controls-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex;box-shadow:0 1px 3px #00000005}.fin-search-box{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:260px;max-width:440px;padding:0 14px;transition:all .15s;display:flex}.fin-search-box:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.fin-search-box .search-icon{color:#94a3b8;flex-shrink:0}.fin-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;padding:10px 0;font-family:inherit;font-size:14px}.fin-search-box input::placeholder{color:#94a3b8}.search-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.search-clear-btn:hover{color:#0f172a}.fin-filters-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-item{min-width:160px}.filter-item.currency-item{min-width:200px}.filter-item.page-size-select{min-width:120px}.fin-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;overflow-x:auto;box-shadow:0 1px 4px #00000008}.fin-table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}.fin-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.fin-table th{text-transform:uppercase;letter-spacing:.5px;color:#64748b;white-space:nowrap;padding:14px 18px;font-size:11.5px;font-weight:700}.fin-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px}.fin-row{transition:background .12s}.fin-row:hover{background:#f8fafc}.fin-row:last-child td{border-bottom:none}.tx-num-badge{color:#2563eb;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.tx-num-badge:hover{background:#eff6ff;border-color:#bfdbfe}.tx-num-badge .copy-icon{color:#94a3b8}.fin-date-cell{color:#475569;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.fin-type-pill{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.fin-type-pill--income{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.fin-type-pill--expense{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.category-tag{color:#475569;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.desc-cell{flex-direction:column;gap:1px;max-width:280px;display:flex}.desc-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.created-by-sub{color:#94a3b8;font-size:11px}.ref-pill{color:#64748b;background:#f8fafc;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.method-pill{color:#475569;align-items:center;gap:5px;font-size:12px;font-weight:500;display:inline-flex}.fin-amount-cell{white-space:nowrap;font-size:14.5px;font-weight:800}.fin-amount-income{color:#059669}.fin-amount-expense{color:#dc2626}.table-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.action-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.action-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.action-btn.view-btn:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.action-btn.edit-btn:hover{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.action-btn.delete-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.fin-table-loading,.fin-table-empty{text-align:center;padding:48px 24px!important}.table-loader{color:#64748b;flex-direction:column;align-items:center;gap:12px;font-size:14px;display:flex}.empty-state{color:#64748b;flex-direction:column;align-items:center;gap:8px;display:flex}.empty-icon{color:#cbd5e1;margin-bottom:4px}.empty-state h4{color:#1e293b;margin:0;font-size:16px;font-weight:700}.empty-state p{color:#64748b;margin:0;font-size:13.5px}.empty-reset-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;margin-top:8px;padding:6px 14px;font-family:inherit;font-size:12.5px;font-weight:600}.fin-pagination-bar{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.pagination-info{color:#64748b;font-size:13px}.pagination-controls{align-items:center;gap:6px;display:flex}.page-nav-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:4px;padding:7px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:all .12s;display:inline-flex}.page-nav-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.page-nav-btn:disabled{opacity:.4;cursor:not-allowed}.page-numbers{align-items:center;gap:4px;display:flex}.page-num-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-family:inherit;font-size:13px;font-weight:600;transition:all .12s;display:inline-flex}.page-num-btn:hover:not(.active){background:#f1f5f9}.page-num-btn.active{color:#fff;background:#2563eb;border-color:#2563eb}.page-ellipsis{color:#94a3b8;padding:0 4px;font-size:13px}.fin-form{flex-direction:column;gap:16px;display:flex}.type-toggle-group{flex-direction:column;gap:6px;display:flex}.type-toggle-label{text-transform:uppercase;letter-spacing:.3px;color:#475569;font-size:12px;font-weight:700}.type-toggle-pills{grid-template-columns:1fr 1fr;gap:10px;display:grid}.type-pill-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px;font-family:inherit;font-size:13.5px;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.type-pill-btn:hover{background:#f8fafc}.type-pill-btn.income.active{color:#059669;background:#ecfdf5;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.type-pill-btn.expense.active{color:#dc2626;background:#fef2f2;border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.fin-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.amount-preview-pill{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.amount-preview-pill strong{font-size:15px;font-weight:800}.dialog-footer-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:10px;padding-top:14px;display:flex}.fin-dossier{flex-direction:column;gap:20px;display:flex}.dossier-amount-banner{border-radius:14px;flex-direction:column;gap:12px;padding:20px 24px;display:flex}.dossier-amount-banner.income-banner{background:#ecfdf5;border:1px solid #a7f3d0}.dossier-amount-banner.expense-banner{background:#fef2f2;border:1px solid #fecaca}.dossier-banner-top{justify-content:space-between;align-items:center;display:flex}.dossier-num-badge{color:#334155;background:#fff;border:1px solid #00000014;border-radius:6px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:700}.dossier-main-amount{flex-direction:column;display:flex}.dossier-main-amount .amount-text{color:#0f172a;font-size:28px;font-weight:800}.income-banner .dossier-main-amount .amount-text{color:#059669}.expense-banner .dossier-main-amount .amount-text{color:#dc2626}.dossier-main-amount .amount-sub{color:#64748b;margin-top:2px;font-size:13px;font-weight:600}.dossier-meta-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.meta-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.meta-item.full-width-item{grid-column:1/-1}.meta-label{text-transform:uppercase;letter-spacing:.3px;color:#64748b;font-size:11px;font-weight:700}.meta-val{color:#0f172a;font-size:14px;font-weight:700}.meta-val.desc-full{font-size:13.5px;font-weight:500;line-height:1.45}.cat-manager-modal{flex-direction:column;gap:20px;display:flex}.cat-segmented-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;padding:5px;display:grid}.cat-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;font-family:inherit;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.cat-tab-btn:hover:not(.active){color:#0f172a;background:#fff9}.cat-tab-btn.active{color:#2563eb;background:#fff;box-shadow:0 1px 3px #00000014}.cat-inline-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.cat-inline-form h4{color:#0f172a;margin:0;font-size:13.5px;font-weight:700}.cat-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cat-form-actions{justify-content:flex-end;gap:8px;display:flex}.cat-list-section{flex-direction:column;gap:10px;display:flex}.cat-list-section h4{color:#0f172a;margin:0;font-size:13.5px;font-weight:700}.cat-cards-list{flex-direction:column;gap:8px;max-height:260px;padding-right:4px;display:flex;overflow-y:auto}.cat-card-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.cat-card-info{flex-direction:column;display:flex}.cat-name{color:#0f172a;font-size:13.5px;font-weight:700}.cat-desc{color:#64748b;font-size:12px}.cat-card-actions{align-items:center;gap:6px;display:flex}.cat-action-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.cat-action-btn.edit:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.cat-action-btn.delete:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.cat-empty-msg{text-align:center;color:#94a3b8;border:1px dashed #cbd5e1;border-radius:10px;padding:24px;font-size:13px}@media (width<=900px){.fin-header{flex-direction:column;align-items:flex-start}.fin-header-actions{justify-content:space-between;width:100%}.fin-controls-card{flex-direction:column;align-items:stretch}.fin-search-box{max-width:none}.fin-filters-row{width:100%}.filter-item{flex:1}}@media (width<=640px){.fin-kpi-grid,.fin-form-grid,.dossier-meta-grid,.cat-form-row,.type-toggle-pills{grid-template-columns:1fr}}.com-page{flex-direction:column;gap:20px;width:100%;padding:0;animation:.25s ease-out comFadeIn;display:flex}@keyframes comFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.com-top-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 2px 8px -2px #0f172a0a,0 1px 2px -1px #0f172a05}.com-title-area{align-items:center;gap:16px;display:flex}.com-title-row{align-items:center;gap:14px;display:flex}.com-title-icon-badge{color:#2563eb;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 2px 6px #2563eb26}.com-main-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.com-main-desc{color:#64748b;max-width:620px;margin:3px 0 0;font-size:13px;line-height:1.45}.com-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.com-rate-pill{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;display:flex}.com-rate-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s infinite comPulse;box-shadow:0 0 0 3px #10b98133}@keyframes comPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.com-rate-text strong{color:#0f172a;font-weight:600}.com-currency-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;padding:3px;display:flex}.com-curr-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 13px;font-size:12px;font-weight:600;transition:all .15s}.com-curr-btn:hover{color:#0f172a}.com-curr-btn.active{color:#2563eb;background:#fff;box-shadow:0 1px 3px #00000014}.com-spin{animation:.8s linear infinite comRotate}@keyframes comRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.com-tab-bar{justify-content:flex-start;width:100%;display:flex}.com-tabs-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;gap:6px;padding:5px;display:inline-flex}.com-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.com-tab-btn:hover{color:#0f172a;background:#f1f5f9}.com-tab-btn.active{color:#2563eb;background:#fff;box-shadow:0 2px 6px -1px #00000012}.com-tab-icon{align-items:center;display:flex}.com-tab-pill{color:#475569;background:#e2e8f0;border-radius:10px;justify-content:center;align-items:center;padding:2px 7px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.com-tab-btn.active .com-tab-pill{color:#1d4ed8;background:#dbeafe}.com-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.com-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:8px;padding:18px 20px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.com-kpi-card[role=button]{cursor:pointer}.com-kpi-card[role=button]:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 14px -2px #0f172a14}.com-kpi-card.is-selected{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.com-kpi-top{justify-content:space-between;align-items:center;display:flex}.com-kpi-title{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:12.5px;font-weight:600}.com-kpi-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.com-kpi-icon-wrap--primary{color:#2563eb;background:#eff6ff}.com-kpi-icon-wrap--success{color:#10b981;background:#ecfdf5}.com-kpi-icon-wrap--warning{color:#f59e0b;background:#fffbeb}.com-kpi-icon-wrap--neutral{color:#64748b;background:#f8fafc}.com-kpi-value{color:#0f172a;letter-spacing:-.03em;font-size:26px;font-weight:800;line-height:1.15}.com-kpi-sub{color:#64748b;justify-content:space-between;align-items:center;margin-top:2px;font-size:12px;display:flex}.com-kpi-gross{color:#94a3b8;font-size:11.5px;font-weight:500}.com-badge-sub{border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.com-badge-sub--success{color:#059669;background:#ecfdf5}.com-badge-sub--warning{color:#d97706;background:#fffbeb}.com-kpi-action-hint{color:#94a3b8;font-size:11px;font-style:italic}.com-filter-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:12px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0f172a0a}.com-filter-primary-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.com-search-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:260px;height:42px;padding:0 14px;transition:all .2s;display:flex}.com-search-box:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.com-search-icon{color:#94a3b8;flex-shrink:0}.com-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13.5px}.com-search-clear{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .15s;display:flex}.com-search-clear:hover{color:#0f172a;background:#cbd5e1}.com-status-pills{background:#f1f5f9;border-radius:10px;align-items:center;gap:6px;padding:3px;display:flex}.com-status-pill{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.com-status-pill:hover{color:#0f172a}.com-status-pill.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #00000014}.com-dot{border-radius:50%;width:7px;height:7px}.com-dot--warning{background:#f59e0b}.com-dot--success{background:#10b981}.com-filter-secondary-row{flex-wrap:wrap;align-items:center;gap:12px;padding-top:4px;display:flex}.com-filter-item{min-width:190px}.com-date-presets{align-items:center;gap:4px;display:flex}.com-preset-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 11px;font-size:12px;font-weight:500;transition:all .15s}.com-preset-btn:hover{background:#f8fafc;border-color:#cbd5e1}.com-preset-btn.active{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd;font-weight:600}.com-date-inputs{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;display:flex}.com-date-field{color:#0f172a;background:0 0;border:none;outline:none;font-family:inherit;font-size:12px}.com-date-sep{color:#94a3b8;font-size:12px}.com-btn-reset-filters{color:#64748b;cursor:pointer;background:#fff;border:1px dashed #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.com-btn-reset-filters:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.com-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.com-table-scroll{overflow-x:auto}.com-table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}.com-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.com-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:13px 18px;font-size:11.5px;font-weight:700}.com-th-actions{text-align:right}.com-row{border-bottom:1px solid #f1f5f9;transition:background-color .15s}.com-row:hover{background-color:#f8fafc}.com-row:last-child{border-bottom:none}.com-table td{vertical-align:middle;color:#334155;padding:13px 18px}.com-doctor-cell{align-items:center;gap:12px;display:flex}.com-avatar-circle{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12.5px;font-weight:700;display:flex;box-shadow:0 2px 5px #2563eb33}.com-cell-text{flex-direction:column;display:flex}.com-cell-main-name{color:#0f172a;font-weight:600}.com-cell-sub-id{color:#94a3b8;font-size:11.5px}.com-patient-cell{align-items:center;gap:10px;display:flex}.com-patient-icon{color:#64748b;flex-shrink:0}.com-service-cell{flex-direction:column;gap:4px;display:flex}.com-service-pill{color:#1e293b;font-weight:600;display:inline-block}.com-invoice-tag{color:#64748b;background:#f1f5f9;border-radius:6px;align-items:center;gap:4px;width:fit-content;padding:2px 7px;font-size:11.5px;display:inline-flex}.com-invoice-tag--none{color:#94a3b8;font-style:italic}.com-td-price{color:#475569;font-weight:500}.com-rate-tag{border-radius:6px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.com-rate-tag--pct{color:#2563eb;background:#eff6ff}.com-rate-tag--fixed{color:#9333ea;background:#fdf4ff}.com-commission-amount{color:#059669;font-size:15px;font-weight:700}.com-status-badge{letter-spacing:.02em;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.com-status-badge--paid{color:#047857;background:#ecfdf5;border:1px solid #10b98133}.com-status-badge--pending{color:#b45309;background:#fffbeb;border:1px solid #f59e0b33}.com-date-wrap{flex-direction:column;gap:2px;display:flex}.com-date-main{color:#334155;font-size:13px}.com-date-paid{color:#10b981;font-size:11px;font-weight:500}.com-td-actions{text-align:right}.com-action-btn-group{align-items:center;gap:6px;display:inline-flex}.com-btn-icon{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.com-btn-icon:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.com-btn-icon--danger:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.com-btn-pay{padding:4px 10px!important;font-size:12px!important}.com-empty-td{padding:60px 20px!important}.com-empty-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.com-empty-icon-wrap{color:#94a3b8;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:6px;display:flex}.com-empty-card h4{color:#0f172a;margin:0;font-size:16px;font-weight:700}.com-empty-card p{color:#64748b;max-width:400px;margin:0 0 12px;font-size:13.5px}.com-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}.com-pagination-info{color:#64748b;font-size:13px}.com-pagination-actions{align-items:center;gap:8px;display:flex}.com-page-size-selector{color:#64748b;align-items:center;gap:6px;margin-right:8px;font-size:12px;display:flex}.com-page-select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:4px 8px;font-size:12px}.com-page-nav-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.com-page-nav-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.com-page-nav-btn:disabled{opacity:.4;cursor:not-allowed}.com-page-numbers{align-items:center;gap:4px;display:flex}.com-page-num{color:#475569;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;width:32px;height:32px;font-size:13px;font-weight:600;transition:all .15s}.com-page-num:hover{color:#0f172a;background:#f1f5f9}.com-page-num.active{color:#fff;background:#2563eb;box-shadow:0 1px 4px #2563eb4d}.com-page-dots{color:#94a3b8;padding:0 4px;font-size:12px}.com-perf-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.com-section-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.com-section-desc{color:#64748b;margin:4px 0 0;font-size:13px}.com-perf-summary-pill{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.com-perf-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;display:grid}.com-perf-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0f172a0a}.com-perf-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px -4px #0f172a14}.com-perf-card-header{align-items:center;gap:12px;display:flex}.com-perf-avatar{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 6px #7c3aed40}.com-perf-info{flex:1}.com-perf-doctor-name{color:#0f172a;margin:0;font-size:15px;font-weight:700}.com-perf-doctor-id{color:#94a3b8;font-size:12px}.com-rank-badge{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:700}.com-perf-metric-row{background:#f8fafc;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;display:grid}.com-perf-metric{flex-direction:column;gap:2px;display:flex}.com-perf-metric.highlight .com-perf-metric-value{color:#059669}.com-perf-metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:600}.com-perf-metric-value{color:#0f172a;font-size:14.5px;font-weight:700}.com-perf-progress-section{flex-direction:column;gap:6px;display:flex}.com-perf-progress-label{color:#475569;justify-content:space-between;font-size:12px;font-weight:600;display:flex}.com-perf-progress-track{background:#fef3c7;border-radius:10px;width:100%;height:8px;overflow:hidden}.com-perf-progress-fill{background:#10b981;border-radius:10px;height:100%;transition:width .4s}.com-perf-progress-meta{justify-content:space-between;font-size:11.5px;display:flex}.com-meta-paid{color:#059669}.com-meta-pending{color:#d97706}.com-perf-card-footer{border-top:1px solid #f1f5f9;padding-top:12px}.com-btn-filter-doctor{color:#2563eb;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.com-btn-filter-doctor:hover{background:#eff6ff;border-color:#bfdbfe}.com-method-pill{color:#475569;font-size:12px;font-weight:500;display:inline-block}.com-modal-footer{justify-content:flex-end;gap:10px;width:100%;display:flex}.com-dialog-form{flex-direction:column;gap:16px;min-width:440px;padding-top:4px;display:flex}.com-form-group{flex-direction:column;gap:6px;display:flex}.com-field-label{color:#334155;font-size:13px;font-weight:600}.com-segment-toggle{gap:8px;display:flex}.com-segment-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.com-segment-btn:hover{background:#f8fafc}.com-segment-btn.active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.com-checkbox-group{padding-top:2px}.com-checkbox-label{color:#334155;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.com-checkbox-label input{cursor:pointer;width:16px;height:16px}.com-preview-calc-card{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.com-preview-header{color:#2563eb;align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.com-preview-body{flex-direction:column;gap:6px;font-size:13px;display:flex}.com-preview-row{color:#475569;justify-content:space-between;align-items:center;display:flex}.com-preview-row.highlight{color:#0f172a;border-top:1px dashed #cbd5e1;padding-top:4px}.com-green-text{color:#059669}.com-detail-dialog-body{flex-direction:column;gap:18px;min-width:480px;display:flex}.com-detail-banner{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.com-detail-banner-main{flex-direction:column;gap:2px;display:flex}.com-detail-banner-label{color:#2563eb;text-transform:uppercase;font-size:12px;font-weight:600}.com-detail-banner-amount{color:#0f172a;margin:0;font-size:26px;font-weight:800}.com-detail-banner-sub{color:#64748b;font-size:12px}.com-detail-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.com-detail-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.com-detail-item.full-width{grid-column:1/-1}.com-detail-label{color:#64748b;text-transform:uppercase;font-size:11.5px;font-weight:600}.com-detail-val{color:#0f172a;font-size:13.5px;font-weight:600}.com-detail-sub-val{color:#94a3b8;font-size:11.5px}.com-loading-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.com-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.8s linear infinite comRotate}.com-loading-card h3{color:#0f172a;margin:0 0 6px;font-size:17px;font-weight:700}.com-loading-card p{color:#64748b;margin:0;font-size:13.5px}@media (width<=1200px){.com-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.com-top-header{flex-direction:column;align-items:flex-start}.com-header-actions{justify-content:space-between;width:100%}.com-kpi-grid{grid-template-columns:1fr}.com-filter-primary-row,.com-filter-secondary-row{flex-direction:column;align-items:stretch}.com-search-box{width:100%}.com-status-pills{justify-content:space-between;width:100%}.com-filter-item{width:100%}.com-date-presets{width:100%;overflow-x:auto}.com-date-inputs{justify-content:space-between;width:100%}.com-dialog-form,.com-detail-dialog-body{min-width:auto}.com-detail-grid{grid-template-columns:1fr}}.pkg-page{color:#1f2937;flex-direction:column;gap:20px;max-width:1440px;margin:0 auto;padding:24px;display:flex}.pkg-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.pkg-title{align-items:center;gap:14px;display:flex}.pkg-title-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #667eea4d}.pkg-title h1{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.45rem;font-weight:700}.pkg-title p{color:#64748b;margin:2px 0 0;font-size:.86rem}.pkg-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pkg-currency-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:3px;display:flex}.pkg-currency-toggle button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:all .15s}.pkg-currency-toggle button.active{color:#0f172a;background:#fff;box-shadow:0 1px 4px #00000014}.pkg-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.pkg-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:16px 20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000008}.pkg-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000000f}.pkg-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pkg-stat-card.purple .pkg-stat-icon{color:#6366f1;background:#6366f11a}.pkg-stat-card.green .pkg-stat-icon{color:#10b981;background:#10b9811a}.pkg-stat-card.blue .pkg-stat-icon{color:#3b82f6;background:#3b82f61a}.pkg-stat-card.amber .pkg-stat-icon{color:#f59e0b;background:#f59e0b1a}.pkg-stat-info{flex-direction:column;display:flex}.pkg-stat-label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:.78rem;font-weight:600}.pkg-stat-value{color:#0f172a;font-size:1.45rem;font-weight:700;line-height:1.2}.pkg-stat-sub{color:#94a3b8;font-size:.72rem;font-weight:500;position:absolute;bottom:12px;right:14px}.pkg-stat:after{content:"";background:#667eea;width:4px;height:100%;position:absolute;top:0;left:0}.pkg-stat:nth-child(2):after{background:#10b981}.pkg-stat:nth-child(4):after{background:#f59e0b}.pkg-stat-value{color:#1f2937;font-size:22px;font-weight:700}.pkg-stat-label{color:#9ca3af;font-size:13px;font-weight:500}.pkg-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.pkg-search{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:240px;max-width:420px;padding:0 14px;transition:border-color .2s;display:flex}.pkg-search:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.pkg-search svg{color:#9ca3af;flex-shrink:0}.pkg-search input{color:#1f2937;background:0 0;border:none;outline:none;width:100%;padding:11px 0;font-family:inherit;font-size:14px}.pkg-search input::placeholder{color:#9ca3af}.pkg-filters{align-items:center;gap:10px;display:flex}.pkg-filters .select-wrapper{min-width:160px}.pkg-table-wrapper{background:#fff;border:1px solid #e9edf3;border-radius:16px;overflow-x:auto;box-shadow:0 10px 28px #1f29370b}.pkg-table{border-collapse:collapse;width:100%;font-size:14px}.pkg-table thead{background:#f7f9fc}.pkg-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;padding:15px 20px;font-size:12px;font-weight:600}.pkg-table td{color:#374151;white-space:nowrap;border-bottom:1px solid #eef1f5;padding:15px 20px}.pkg-table tbody tr{transition:background .12s}.pkg-table tbody tr:hover{background:#fafbff}.pkg-table tbody tr:last-child td{border-bottom:none}.pkg-package-cell{align-items:center;gap:10px;min-width:180px;display:flex}.pkg-package-mark{color:#5b5bd6;background:linear-gradient(135deg,#e8edff,#f3e8ff);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:inline-flex}.pkg-pkg-name{color:#1f2937;font-weight:600}.pkg-pkg-patient{color:#1f2937;font-weight:500}.pkg-doctor{color:#667085!important}.pkg-session-progress{min-width:110px}.pkg-session-progress-text{color:#98a2b3;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.pkg-session-progress-track{background:#e9edf7;border-radius:999px;width:100%;height:5px;overflow:hidden}.pkg-session-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#667eea,#8b9af2);height:100%;display:block}.pkg-sessions-count{color:#667eea;font-size:13px;font-weight:600}.pkg-amount{color:#1f2937;font-weight:700}.pkg-badge{text-transform:capitalize;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.pkg-badge--active{color:#10b981;background:#10b9811a}.pkg-badge--completed{color:#667eea;background:#667eea1a}.pkg-badge--cancelled{color:#6b7280;background:#6b72801a}.pkg-badge--pending{color:#f59e0b;background:#f59e0b1a}.pkg-actions{gap:6px;display:flex}.pkg-action-btn{color:#9ca3af;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.pkg-action-btn:hover{color:#667eea;background:#667eea0d;border-color:#667eea}.pkg-action-btn--success{color:#10b981;border-color:#10b981}.pkg-action-btn--success:hover{color:#059669;background:#10b98114;border-color:#059669}.pkg-empty{text-align:center;color:#9ca3af;font-size:14px;padding:40px 16px!important}.pkg-form{flex-direction:column;gap:16px;display:flex}.pkg-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pkg-sessions-section{flex-direction:column;gap:10px;display:flex}.pkg-sessions-section h4{color:#1f2937;margin:0;font-size:15px}.pkg-sessions-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.pkg-sessions-header p{color:#6b7280;margin:3px 0 0;font-size:13px}.pkg-session-add{color:#4f46e5;font:inherit;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;align-items:center;gap:6px;padding:8px 11px;font-size:13px;font-weight:600;display:inline-flex}.pkg-session-list{gap:10px;display:grid}.pkg-session-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:36px minmax(0,1fr) minmax(0,1fr) 34px;align-items:end;gap:12px;padding:12px;display:grid}.pkg-session-number{color:#4f46e5;background:#e0e7ff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:4px;font-size:13px;font-weight:700;display:inline-flex}.pkg-session-remove{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.pkg-session-remove:disabled{opacity:.4;cursor:not-allowed}.pkg-sessions-table-wrap{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.pkg-sessions-table{border-collapse:collapse;width:100%;font-size:13px}.pkg-sessions-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px 10px;font-size:11px;font-weight:600}.pkg-sessions-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:6px 10px}.pkg-sessions-table tbody tr:last-child td{border-bottom:none}.pkg-sessions-table .select-wrapper{min-width:unset}.pkg-sess-num{color:#667eea;text-align:center;font-weight:600}.pkg-form-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.pkg-detail{flex-direction:column;gap:20px;display:flex}.pkg-detail-header{align-items:center;gap:16px;display:flex}.pkg-detail-header h3{color:#1f2937;margin:0 0 6px;font-size:18px}.pkg-detail-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:18px;font-weight:700;display:flex}.pkg-detail-desc{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.pkg-detail-grid{background:#f9fafb;border-radius:12px;grid-template-columns:1fr 1fr;gap:18px;padding:16px 20px;display:grid}.pkg-detail-field{flex-direction:column;gap:4px;display:flex}.pkg-detail-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.pkg-detail-value{color:#1f2937;font-size:15px;font-weight:500}.pkg-progress-section{flex-direction:column;gap:8px;display:flex}.pkg-progress-header{color:#1f2937;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.pkg-progress-text{color:#6b7280;font-size:13px;font-weight:500}.pkg-progress-bar{background:#f3f4f6;border-radius:5px;width:100%;height:10px;overflow:hidden}.pkg-progress-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:5px;height:100%;transition:width .4s}.pkg-detail-items{flex-direction:column;gap:10px;display:flex}.pkg-detail-items h4{color:#1f2937;margin:0;font-size:15px}.pkg-detail-items-wrap{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.pkg-detail-items-table{border-collapse:collapse;width:100%;font-size:13px}.pkg-detail-items-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px 12px;font-size:11px;font-weight:600}.pkg-detail-items-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:10px 12px}.pkg-detail-items-table tbody tr:last-child td{border-bottom:none}.pkg-detail-inst{white-space:normal;word-break:break-word;color:#6b7280;max-width:160px;font-size:12px}.pkg-detail-actions{justify-content:flex-end;margin-top:4px;display:flex}.pkg-complete-form{flex-direction:column;gap:16px;display:flex}@media (width<=768px){.pkg-header{align-items:flex-start;margin-bottom:22px}.pkg-header .btn{width:auto;min-height:44px;padding:10px 14px}.pkg-stats{grid-template-columns:repeat(2,1fr)}.pkg-controls{flex-direction:column;align-items:stretch}.pkg-search{max-width:none}.pkg-filters{flex-direction:column}.pkg-filters .select-wrapper{width:100%;min-width:unset}.pkg-table-wrapper{box-shadow:none;background:0 0;border:0;overflow:visible}.pkg-table,.pkg-table tbody,.pkg-table tr,.pkg-table td{width:100%;display:block}.pkg-table thead{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.pkg-table tbody{gap:12px;display:grid}.pkg-table tbody tr{background:#fff;border:1px solid #e9edf3;border-radius:14px;overflow:hidden;box-shadow:0 6px 16px #1f29370a}.pkg-table tbody tr:hover{background:#fff}.pkg-table td{white-space:normal;text-align:right;justify-content:space-between;align-items:center;min-height:48px;padding:10px 14px;display:flex}.pkg-table td:first-child{background:#fafbff;padding:14px}.pkg-table td:before{color:#98a2b3;content:attr(data-label);letter-spacing:.06em;text-align:left;text-transform:uppercase;margin-right:14px;font-size:11px;font-weight:700}.pkg-table td:first-child:before{display:none}.pkg-package-cell{justify-content:flex-start;width:100%}.pkg-doctor{justify-content:flex-end}.pkg-session-progress{width:min(55%,220px)}.pkg-table td:last-child{min-height:58px}.pkg-actions{justify-content:flex-end}.pkg-empty{background:#fff;border-radius:14px;text-align:center!important;padding:36px 16px!important;display:block!important}.pkg-empty:before{display:none}.pkg-form-row{grid-template-columns:1fr}.pkg-session-card{grid-template-columns:30px minmax(0,1fr) 34px;gap:10px}.pkg-session-card .select-wrapper{grid-column:2/4}.pkg-session-remove{grid-area:1/3}.pkg-detail-grid{grid-template-columns:1fr}}.pkg-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.pkg-clear-btn:hover{color:#475569}.pkg-name-details{flex-direction:column;gap:2px;display:flex}.pkg-pkg-desc{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:.76rem;overflow:hidden}.pkg-doc-badge{color:#334155;font-weight:500}.pkg-unassigned{color:#94a3b8;font-size:.84rem;font-style:italic}.pkg-pct-badge{color:#667eea;font-size:.74rem;font-weight:700}.pkg-price-primary{color:#0f172a;font-size:.95rem;font-weight:700}.pkg-action-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.pkg-action-btn:hover{color:#1e293b;background:#f1f5f9}.pkg-action-btn.delete:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.pkg-action-btn.success:hover{color:#15803d;background:#dcfce7;border-color:#86efac}.pkg-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.pkg-page-info{color:#64748b;font-size:.84rem}.pkg-page-buttons{align-items:center;gap:8px;display:flex}.pkg-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.pkg-page-btn:hover:not(:disabled){color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.pkg-page-btn:disabled{opacity:.45;cursor:not-allowed}.pkg-page-pills{align-items:center;gap:4px;display:flex}.pkg-num-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.pkg-num-btn.active{color:#fff;background:#667eea;border-color:#667eea}.pkg-ellipsis{color:#94a3b8;padding:0 4px;font-size:.8rem}.pkg-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.pkg-spinner{border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite pkgSpin}@keyframes pkgSpin{to{transform:rotate(360deg)}}.staff-page{flex-direction:column;gap:20px;max-width:1440px;margin:0 auto;padding:24px;display:flex}.staff-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.staff-title{align-items:center;gap:14px;display:flex}.staff-title-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #667eea4d}.staff-title h2{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.45rem;font-weight:700}.staff-title p{color:#64748b;margin:2px 0 0;font-size:.86rem}.staff-main-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;width:fit-content;padding:3px;display:flex}.staff-main-tabs button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 18px;font-size:.84rem;font-weight:600;transition:all .15s}.staff-main-tabs button.active{color:#0f172a;background:#fff;box-shadow:0 1px 4px #00000014}.staff-kpis{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.staff-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:16px 20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000008}.staff-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000000f}.staff-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.staff-kpi-card.purple .staff-kpi-icon{color:#6366f1;background:#6366f11a}.staff-kpi-card.green .staff-kpi-icon{color:#10b981;background:#10b9811a}.staff-kpi-card.blue .staff-kpi-icon{color:#3b82f6;background:#3b82f61a}.staff-kpi-card.amber .staff-kpi-icon{color:#f59e0b;background:#f59e0b1a}.staff-kpi-info{flex-direction:column;display:flex}.staff-kpi-label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:.78rem;font-weight:600}.staff-kpi-value{color:#0f172a;font-size:1.45rem;font-weight:700;line-height:1.2}.staff-kpi-sub{color:#94a3b8;font-size:.72rem;font-weight:500;position:absolute;bottom:12px;right:14px}.staff-role-tabs{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.staff-role-tab{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .15s}.staff-role-tab:hover{background:#f8fafc;border-color:#cbd5e1}.staff-role-tab.active{color:#fff;background:#667eea;border-color:#667eea;box-shadow:0 2px 8px #667eea59}.staff-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.staff-search-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:280px;max-width:460px;padding:8px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.staff-search-box:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.staff-search-icon{color:#94a3b8;flex-shrink:0}.staff-search-box input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:.88rem}.staff-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.staff-clear-btn:hover{color:#475569}.staff-status-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:3px;display:flex}.staff-status-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .15s}.staff-status-tab.active{color:#0f172a;background:#fff;box-shadow:0 1px 4px #00000014}.staff-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto;box-shadow:0 1px 3px #00000005}.staff-table{border-collapse:collapse;text-align:left;width:100%}.staff-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-size:.78rem;font-weight:700}.staff-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px;font-size:.88rem}.staff-table tbody tr:hover{background:#f8fafc}.staff-num-cell{color:#94a3b8;font-weight:600}.staff-member-cell{align-items:center;gap:12px;display:flex}.staff-avatar-sm{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.staff-name-col{flex-direction:column;gap:2px;display:flex}.staff-name-text{color:#0f172a;font-weight:600}.staff-phone-sub{color:#64748b;align-items:center;gap:4px;font-size:.76rem;display:inline-flex}.staff-email-text{color:#475569;font-size:.86rem}.staff-id-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px 7px;font-family:monospace;font-size:.82rem}.staff-role-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:3px 10px;font-size:.74rem;font-weight:700;display:inline-block}.staff-dept-text{color:#64748b;font-size:.86rem}.staff-status-pill{border-radius:999px;padding:3px 9px;font-size:.74rem;font-weight:600;display:inline-block}.staff-status-pill.active{color:#15803d;background:#dcfce7}.staff-status-pill.inactive{color:#64748b;background:#f1f5f9}.staff-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.staff-action-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.staff-action-btn:hover{color:#1e293b;background:#f1f5f9}.staff-action-btn.lock:hover,.staff-action-btn.toggle.warn:hover{color:#d97706;background:#fef3c7;border-color:#fde68a}.staff-action-btn.toggle.success:hover{color:#15803d;background:#dcfce7;border-color:#86efac}.staff-action-btn.delete:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.staff-empty-row{text-align:center;color:#94a3b8;padding:48px 20px!important}.staff-empty-row h4{color:#1e293b;margin:10px 0 4px;font-size:1.05rem}.staff-empty-row p{margin:0 0 12px;font-size:.86rem}.staff-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.staff-page-info{color:#64748b;font-size:.84rem}.staff-page-buttons{align-items:center;gap:8px;display:flex}.staff-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.staff-page-btn:hover:not(:disabled){color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.staff-page-btn:disabled{opacity:.45;cursor:not-allowed}.staff-page-pills{align-items:center;gap:4px;display:flex}.staff-num-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.staff-num-btn.active{color:#fff;background:#667eea;border-color:#667eea}.staff-ellipsis{color:#94a3b8;padding:0 4px;font-size:.8rem}.staff-modal-form{flex-direction:column;gap:16px;min-width:480px;max-width:600px;display:flex}.staff-modal-footer{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.staff-view-container{flex-direction:column;gap:18px;min-width:440px;max-width:520px;display:flex}.staff-view-hero{border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;padding-bottom:14px;display:flex}.staff-view-avatar{border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.15rem;font-weight:800;display:flex}.staff-view-hero-text h3{color:#0f172a;margin:0 0 4px;font-size:1.25rem}.staff-view-badges{align-items:center;gap:6px;display:flex}.staff-view-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.staff-view-field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:3px;padding:10px 14px;display:flex}.field-label{text-transform:uppercase;color:#64748b;font-size:.72rem;font-weight:700}.field-val{color:#0f172a;font-size:.92rem;font-weight:600}.staff-view-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;margin-top:8px;padding-top:14px;display:flex}.staff-reset-form{flex-direction:column;gap:14px;min-width:380px;display:flex}.staff-reset-desc{color:#475569;margin:0;font-size:.88rem;line-height:1.45}.staff-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.staff-spinner{border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite stfSpin}@keyframes stfSpin{to{transform:rotate(360deg)}}@media (width<=768px){.staff-page{padding:16px}.staff-modal-form,.staff-view-container,.staff-reset-form{min-width:unset;width:100%}.staff-view-grid{grid-template-columns:1fr}}.rec-page{flex-direction:column;gap:20px;width:100%;padding:0;animation:.3s ease-out recFadeIn;display:flex}@keyframes recFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.rec-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 2px 8px -2px #0f172a0a}.rec-title-area{align-items:center;gap:14px;display:flex}.rec-title-badge{color:#0891b2;background:linear-gradient(135deg,#ecfeff 0%,#cffafe 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 2px 6px #0891b226}.rec-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.rec-subtitle{color:#64748b;margin:3px 0 0;font-size:13.5px}.rec-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rec-staff-pill{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:7px;padding:7px 14px;font-size:12.5px;display:flex}.rec-staff-dot{background:#0891b2;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #0891b233}.rec-spin{animation:.8s linear infinite recRotate}@keyframes recRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rec-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.rec-kpi-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:8px;padding:18px 20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0f172a0a}.rec-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 14px -2px #0f172a14}.rec-kpi-card.active{border-color:#0891b2;box-shadow:0 0 0 2px #0891b233}.rec-kpi-top{justify-content:space-between;align-items:center;display:flex}.rec-kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:12.5px;font-weight:600}.rec-kpi-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.rec-kpi-icon--blue{color:#2563eb;background:#eff6ff}.rec-kpi-icon--amber{color:#d97706;background:#fffbeb}.rec-kpi-icon--cyan{color:#0891b2;background:#ecfeff}.rec-kpi-icon--green{color:#059669;background:#ecfdf5}.rec-kpi-value{color:#0f172a;letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1.15}.rec-kpi-sub{color:#94a3b8;font-size:12px}.rec-layout-grid{grid-template-columns:2fr 1fr;align-items:flex-start;gap:20px;display:grid}.rec-main-col,.rec-side-col{flex-direction:column;gap:20px;display:flex}.rec-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 1px 3px #0f172a0a}.rec-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.rec-card-header h3{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.rec-badge-count{color:#0891b2;background:#ecfeff;border-radius:12px;padding:2px 8px;font-size:11.5px;font-weight:700}.rec-toolbar{flex-direction:column;gap:12px;display:flex}.rec-search-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:10px;height:42px;padding:0 14px;transition:all .2s;display:flex}.rec-search-box:focus-within{background:#fff;border-color:#0891b2;box-shadow:0 0 0 3px #0891b226}.rec-search-icon{color:#94a3b8;flex-shrink:0}.rec-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13.5px}.rec-search-clear{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.rec-status-pills{flex-wrap:wrap;gap:6px;display:flex}.rec-pill{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .15s}.rec-pill:hover{color:#0f172a;background:#f1f5f9}.rec-pill.active{color:#fff;background:#0891b2;border-color:#0891b2;box-shadow:0 1px 4px #0891b24d}.rec-queue-list{flex-direction:column;gap:10px;display:flex}.rec-queue-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:all .15s;display:flex}.rec-queue-item:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px -2px #0f172a0d}.rec-item-left{align-items:center;gap:14px;display:flex}.rec-time-badge{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-width:75px;padding:5px 10px;font-size:12.5px;font-weight:700;display:flex}.rec-patient-avatar{color:#fff;background:linear-gradient(135deg,#0891b2 0%,#0e7490 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:12.5px;font-weight:700;display:flex}.rec-item-info{flex-direction:column;gap:2px;display:flex}.rec-patient-name{color:#0f172a;margin:0;font-size:14.5px;font-weight:700}.rec-doctor-text{color:#64748b;font-size:12px}.rec-reason-text{color:#94a3b8;font-size:11.5px;font-style:italic}.rec-item-right{align-items:center;gap:12px;display:flex}.rec-status-tag{text-transform:uppercase;letter-spacing:.02em;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.rec-status-tag--scheduled{color:#2563eb;background:#eff6ff;border:1px solid #2563eb33}.rec-status-tag--confirmed{color:#d97706;background:#fffbeb;border:1px solid #d9770633}.rec-status-tag--in_progress{color:#0891b2;background:#ecfeff;border:1px solid #0891b233}.rec-status-tag--completed{color:#059669;background:#ecfdf5;border:1px solid #10b98133}.rec-status-tag--cancelled{color:#dc2626;background:#fef2f2;border:1px solid #dc262633}.rec-action-btns{align-items:center;gap:6px;display:flex}.rec-cancel-btn{color:#94a3b8;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.rec-cancel-btn:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.rec-empty-queue{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 20px;display:flex}.rec-empty-queue h4{color:#0f172a;margin:0;font-size:16px}.rec-empty-queue p{max-width:360px;margin:0;font-size:13px}.rec-doctor-list{flex-direction:column;gap:10px;display:flex}.rec-doctor-item{background:#f8fafc;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.rec-doctor-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.rec-doctor-info{flex-direction:column;flex:1;display:flex}.rec-doctor-name{color:#0f172a;font-size:13.5px;font-weight:600}.rec-doctor-spec{color:#94a3b8;font-size:11.5px}.rec-doc-status{border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700}.rec-doc-status.available{color:#059669;background:#ecfdf5}.rec-doc-status.busy{color:#dc2626;background:#fef2f2}.rec-patient-lookup-input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;height:38px;padding:0 12px;display:flex}.rec-patient-lookup-input input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:13px}.rec-patient-lookup-input button{color:#94a3b8;cursor:pointer;background:0 0;border:none}.rec-patient-lookup-results{flex-direction:column;gap:8px;display:flex}.rec-lookup-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.rec-lookup-left{flex-direction:column;display:flex}.rec-lookup-name{color:#0f172a;font-size:13px;font-weight:600}.rec-lookup-phone{color:#64748b;align-items:center;gap:4px;font-size:11.5px;display:flex}.rec-lookup-mrn{color:#334155;background:#e2e8f0;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px;font-weight:700}.rec-lookup-loading,.rec-lookup-empty{color:#94a3b8;text-align:center;padding:10px;font-size:12px}.rec-modal-footer{justify-content:flex-end;gap:10px;width:100%;display:flex}.rec-dialog-form{flex-direction:column;gap:14px;min-width:440px;display:flex}.rec-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rec-label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.rec-select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px;font-size:14px}.rec-loading-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.rec-spinner{border:3px solid #e2e8f0;border-top-color:#0891b2;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.8s linear infinite recRotate}.rec-loading-card h3{color:#0f172a;margin:0 0 6px;font-size:17px;font-weight:700}.rec-loading-card p{color:#64748b;margin:0;font-size:13.5px}@media (width<=1024px){.rec-kpi-grid{grid-template-columns:repeat(2,1fr)}.rec-layout-grid{grid-template-columns:1fr}}@media (width<=640px){.rec-header{flex-direction:column;align-items:flex-start}.rec-header-actions{justify-content:space-between;width:100%}.rec-kpi-grid{grid-template-columns:1fr}.rec-dialog-form{min-width:auto}.rec-form-row{grid-template-columns:1fr}}.cp-page{max-width:960px;margin:0 auto;padding:28px 32px}.cp-header{margin-bottom:28px}.cp-title{align-items:center;gap:14px;display:flex}.cp-title-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #667eea4d}.cp-title h2{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.45rem;font-weight:700}.cp-title p{color:#64748b;margin:2px 0 0;font-size:.86rem}.cp-layout{grid-template-columns:280px 1fr;align-items:start;gap:24px;display:grid}.cp-profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.cp-profile-hero{background:linear-gradient(135deg,#667eea,#764ba2);flex-direction:column;align-items:center;gap:12px;padding:28px 20px;display:flex}.cp-avatar{background:#fff3;border:3px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.cp-avatar span{color:#fff;letter-spacing:1px;font-size:20px;font-weight:700}.cp-profile-info{text-align:center}.cp-profile-info h3{color:#fff;margin:0;font-size:16px;font-weight:700}.cp-role-badge{color:#fff;letter-spacing:.5px;background:#ffffff40;border-radius:20px;margin-top:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.cp-profile-details{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.cp-detail-row{align-items:center;gap:12px;display:flex}.cp-detail-row>div{flex-direction:column;display:flex}.cp-detail-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.cp-detail-value{color:#1e293b;font-size:13px;font-weight:600}.cp-detail-value--active{color:#10b981}.cp-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:28px 24px}.cp-form-title{color:#1e293b;margin:0 0 4px;font-size:17px;font-weight:700}.cp-form-desc{color:#94a3b8;margin:0 0 20px;font-size:13px}.cp-form-fields{flex-direction:column;gap:16px;display:flex}.cp-password-hints{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:6px;margin-top:14px;padding:10px 14px;display:flex}.cp-hint-item{align-items:center;gap:8px;font-size:.8rem;font-weight:500;display:flex}.cp-hint-item.valid{color:#10b981}.cp-hint-item.invalid{color:#94a3b8}.cp-form-actions{justify-content:flex-end;margin-top:24px;display:flex}.cp-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.cp-btn:disabled{opacity:.6;cursor:not-allowed}.cp-btn--primary{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.cp-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}@media (width<=768px){.cp-page{padding:20px 16px}.cp-layout{grid-template-columns:1fr}}.att-page{flex-direction:column;gap:20px;max-width:1440px;margin:0 auto;padding:24px;display:flex}.att-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.att-title{align-items:center;gap:14px;display:flex}.att-title-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #667eea4d}.att-title h2{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.45rem;font-weight:700}.att-title p{color:#64748b;margin:2px 0 0;font-size:.86rem}.att-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:3px;display:flex}.att-tabs button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.att-tabs button.active{color:#0f172a;background:#fff;box-shadow:0 1px 4px #00000014}.att-kpis{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.att-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:16px 20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000008}.att-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000000f}.att-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.att-kpi-card.purple .att-kpi-icon{color:#6366f1;background:#6366f11a}.att-kpi-card.green .att-kpi-icon{color:#10b981;background:#10b9811a}.att-kpi-card.amber .att-kpi-icon{color:#f59e0b;background:#f59e0b1a}.att-kpi-card.blue .att-kpi-icon{color:#3b82f6;background:#3b82f61a}.att-kpi-info{flex-direction:column;display:flex}.att-kpi-label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:.78rem;font-weight:600}.att-kpi-value{color:#0f172a;font-size:1.45rem;font-weight:700;line-height:1.2}.att-kpi-sub{color:#94a3b8;font-size:.72rem;font-weight:500;position:absolute;bottom:12px;right:14px}.att-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:18px;padding:22px;display:flex;box-shadow:0 1px 3px #00000005}.att-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.att-card-header h3{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.att-card-header p{color:#64748b;margin:2px 0 0;font-size:.84rem}.att-date-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.att-date-presets{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:3px;display:flex}.att-preset-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 10px;font-size:.76rem;font-weight:600;transition:all .15s}.att-preset-btn:hover{color:#0f172a;background:#fff}.att-date-range{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;display:flex}.att-date-input{color:#1e293b;background:0 0;border:none;outline:none;font-family:inherit;font-size:.84rem}.att-date-sep{color:#94a3b8;font-size:.78rem;font-weight:600}.att-table-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.att-search-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:240px;max-width:380px;padding:7px 12px;transition:border-color .15s;display:flex}.att-search-box:focus-within{border-color:#667eea}.att-search-icon{color:#94a3b8;flex-shrink:0}.att-search-box input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:.86rem}.att-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px;display:flex}.att-status-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:3px;display:flex}.att-status-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 12px;font-size:.78rem;font-weight:600;transition:all .15s}.att-status-tab.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #00000014}.att-table-wrap{border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.att-table{border-collapse:collapse;text-align:left;width:100%}.att-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:.76rem;font-weight:700}.att-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:13px 16px;font-size:.86rem}.att-table tbody tr:hover{background:#f8fafc}.att-emp-cell{align-items:center;gap:8px;display:flex}.att-emp-name{color:#0f172a;font-weight:600}.att-emp-id{color:#64748b;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.76rem}.att-date-col{color:#1e293b;font-weight:500}.att-time-cell{font-family:monospace;font-size:.88rem}.att-time-in{color:#10b981;font-weight:600}.att-time-out{color:#2563eb;font-weight:600}.att-time-none{color:#cbd5e1}.att-duration-text{color:#64748b;font-size:.82rem}.att-chip{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:3px 10px;font-size:.74rem;font-weight:700;display:inline-block}.att-chip.present{color:#059669;background:#10b9811f}.att-chip.late{color:#d97706;background:#f59e0b1f}.att-chip.absent{color:#dc2626;background:#ef44441f}.att-chip.half{color:#7c3aed;background:#8b5cf61f}.att-chip.neutral{color:#64748b;background:#f1f5f9}.att-num{font-size:.92rem;font-weight:700}.att-num.green{color:#059669}.att-num.yellow{color:#d97706}.att-num.red{color:#dc2626}.att-num.purple{color:#7c3aed}.att-rate-cell{align-items:center;gap:10px;display:flex}.att-rate-bar-track{background:#f1f5f9;border-radius:999px;flex:1;height:8px;overflow:hidden}.att-rate-bar-fill{border-radius:999px;height:100%;transition:width .3s}.att-rate-pct{text-align:right;min-width:40px;font-size:.82rem;font-weight:700}.att-rate-pct.high{color:#059669}.att-rate-pct.mid{color:#d97706}.att-rate-pct.low{color:#dc2626}.att-qr-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.att-qr-title{align-items:flex-start;gap:12px;display:flex}.att-zap-icon{color:#667eea;flex-shrink:0;margin-top:3px}.att-qr-display-wrap{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;padding:30px 20px;display:flex}.att-qr-box{background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex;box-shadow:0 4px 16px #0000000f}.att-qr-img{width:220px;height:220px;display:block}.att-qr-caption{color:#64748b;font-size:.8rem;font-weight:600}.att-qr-guidelines h4{color:#1e293b;margin:0 0 8px;font-size:.92rem}.att-qr-guidelines ul{color:#475569;flex-direction:column;gap:8px;margin:0;padding:0;font-size:.86rem;list-style:none;display:flex}.att-scan-header h3{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.att-scan-header p{color:#64748b;margin:4px 0 0;font-size:.84rem}.att-scan-status-panel{margin:12px 0}.att-status-box{border-radius:12px;align-items:center;gap:14px;padding:14px 18px;display:flex}.att-status-box strong{font-size:.95rem;display:block}.att-status-box span{font-size:.82rem}.att-status-box.done{color:#059669;background:#10b9811a}.att-status-box.working{color:#2563eb;background:#3b82f61a}.att-status-box.pending{color:#d97706;background:#f59e0b1a}.att-scanner-area{flex-direction:column;align-items:center;gap:14px;display:flex}.att-qr-reader{border-radius:12px;width:100%;max-width:360px;overflow:hidden}.att-scan-actions{flex-wrap:wrap;gap:12px;display:flex}.att-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.att-page-info{color:#64748b;font-size:.84rem}.att-page-buttons{align-items:center;gap:8px;display:flex}.att-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.att-page-btn:hover:not(:disabled){color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.att-page-btn:disabled{opacity:.45;cursor:not-allowed}.att-page-pills{align-items:center;gap:4px;display:flex}.att-num-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.att-num-btn.active{color:#fff;background:#667eea;border-color:#667eea}.att-ellipsis{color:#94a3b8;padding:0 4px;font-size:.8rem}.att-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.att-spinner{border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite attSpin}@keyframes attSpin{to{transform:rotate(360deg)}}.att-empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:60px 20px;display:flex}.att-empty h4{color:#1e293b;margin:6px 0 2px;font-size:1.05rem}.att-empty p{margin:0;font-size:.86rem}@media (width<=768px){.att-page,.att-card{padding:16px}.att-qr-display-wrap{gap:20px}}.hist-page{flex-direction:column;gap:20px;width:100%;padding:0;animation:.3s ease-out histFadeIn;display:flex}@keyframes histFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hist-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 2px 8px -2px #0f172a0a}.hist-title-area{align-items:center;gap:14px;display:flex}.hist-title-badge{color:#7c3aed;background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 2px 6px #7c3aed26}.hist-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.hist-subtitle{color:#64748b;margin:3px 0 0;font-size:13.5px}.hist-header-actions{align-items:center;gap:12px;display:flex}.hist-counter-pill{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:7px;padding:7px 14px;font-size:12.5px;display:flex}.hist-counter-dot{background:#7c3aed;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #7c3aed33}.hist-spin{animation:.8s linear infinite histRotate}@keyframes histRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hist-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.hist-kpi-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:8px;padding:18px 20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0f172a0a}.hist-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 14px -2px #0f172a14}.hist-kpi-card.active{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed33}.hist-kpi-top{justify-content:space-between;align-items:center;display:flex}.hist-kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:12.5px;font-weight:600}.hist-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.hist-kpi-icon--purple{color:#7c3aed;background:#f5f3ff}.hist-kpi-icon--green{color:#059669;background:#ecfdf5}.hist-kpi-icon--blue{color:#2563eb;background:#eff6ff}.hist-kpi-icon--rose{color:#e11d48;background:#fff1f2}.hist-kpi-value{color:#0f172a;letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1.15}.hist-kpi-sub{color:#94a3b8;font-size:12px}.hist-toolbar-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:12px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0f172a0a}.hist-toolbar-primary{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hist-search-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:260px;height:42px;padding:0 14px;transition:all .2s;display:flex}.hist-search-box:focus-within{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}.hist-search-icon{color:#94a3b8;flex-shrink:0}.hist-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13.5px}.hist-search-clear{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.hist-status-pills{background:#f1f5f9;border-radius:10px;gap:6px;padding:3px;display:flex}.hist-status-pill{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 13px;font-size:12.5px;font-weight:600;transition:all .15s}.hist-status-pill:hover{color:#0f172a}.hist-status-pill.active{color:#7c3aed;background:#fff;box-shadow:0 1px 3px #00000014}.hist-toolbar-secondary{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hist-date-presets{gap:4px;display:flex}.hist-preset-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 11px;font-size:12px;font-weight:500;transition:all .15s}.hist-preset-btn:hover{background:#f8fafc;border-color:#cbd5e1}.hist-preset-btn.active{color:#7c3aed;background:#f5f3ff;border-color:#c4b5fd;font-weight:600}.hist-date-inputs{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;display:flex}.hist-date-field{color:#0f172a;background:0 0;border:none;outline:none;font-family:inherit;font-size:12px}.hist-date-sep{color:#94a3b8;font-size:12px}.hist-btn-reset{color:#64748b;cursor:pointer;background:#fff;border:1px dashed #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.hist-btn-reset:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.hist-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.hist-table-scroll{overflow-x:auto}.hist-table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}.hist-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.hist-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:13px 18px;font-size:11.5px;font-weight:700}.hist-th-actions{text-align:right}.hist-row{border-bottom:1px solid #f1f5f9;transition:background-color .15s}.hist-row:hover{background-color:#f8fafc}.hist-row:last-child{border-bottom:none}.hist-table td{vertical-align:middle;color:#334155;padding:13px 18px}.hist-td-record{color:#0f172a;font-weight:700}.hist-record-name{text-overflow:ellipsis;white-space:nowrap;max-width:200px;display:inline-block;overflow:hidden}.hist-entity-badge{color:#334155;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-block}.hist-action-tag{text-transform:uppercase;letter-spacing:.02em;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.hist-action-tag--created{color:#059669;background:#ecfdf5;border:1px solid #10b98133}.hist-action-tag--updated{color:#2563eb;background:#eff6ff;border:1px solid #2563eb33}.hist-action-tag--deleted{color:#e11d48;background:#fff1f2;border:1px solid #e11d4833}.hist-user-cell{align-items:center;gap:10px;display:flex}.hist-user-avatar{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.hist-user-name{color:#0f172a;font-weight:600}.hist-td-val{max-width:180px}.hist-val-snippet{text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:180px;padding:2px 6px;font-family:monospace;font-size:12px;display:inline-block;overflow:hidden}.hist-val-snippet--old{color:#991b1b;background:#fef2f2}.hist-val-snippet--new{color:#065f46;background:#ecfdf5}.hist-date-wrap{flex-direction:column;gap:2px;display:flex}.hist-date-main{color:#0f172a;align-items:center;gap:4px;font-size:12.5px;font-weight:500;display:flex}.hist-date-time{color:#94a3b8;align-items:center;gap:4px;font-size:11.5px;display:flex}.hist-td-actions{text-align:right}.hist-btn-icon{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.hist-btn-icon:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.hist-empty-td{padding:60px 20px!important}.hist-empty-card{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.hist-empty-card h4{color:#0f172a;margin:0;font-size:16px}.hist-empty-card p{margin:0;font-size:13px}.hist-pagination-bar{background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.hist-pagination-info{color:#64748b;font-size:13px}.hist-pagination-actions{align-items:center;gap:8px;display:flex}.hist-page-nav-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.hist-page-nav-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc}.hist-page-nav-btn:disabled{opacity:.4;cursor:not-allowed}.hist-page-counter{color:#475569;padding:0 4px;font-size:12.5px;font-weight:600}.hist-modal-footer{justify-content:flex-end;width:100%;display:flex}.hist-detail-dialog{flex-direction:column;gap:16px;min-width:480px;display:flex}.hist-detail-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.hist-detail-title{color:#0f172a;margin:2px 0 4px;font-size:18px;font-weight:700}.hist-detail-sub{color:#64748b;font-size:12.5px}.hist-detail-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hist-detail-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.hist-detail-item.full-width{grid-column:1/-1}.hist-detail-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:700}.hist-detail-val{color:#0f172a;font-size:13.5px;font-weight:600}.hist-diff-block{white-space:pre-wrap;word-break:break-all;border-radius:6px;max-height:180px;margin:4px 0 0;padding:8px 12px;font-family:monospace;font-size:12px;overflow-y:auto}.hist-diff-block--old{color:#991b1b;background:#fef2f2;border:1px solid #fee2e2}.hist-diff-block--new{color:#065f46;background:#ecfdf5;border:1px solid #d1fae5}.hist-loading-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.hist-spinner{border:3px solid #e2e8f0;border-top-color:#7c3aed;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.8s linear infinite histRotate}.hist-loading-card h3{color:#0f172a;margin:0 0 6px;font-size:17px;font-weight:700}.hist-loading-card p{color:#64748b;margin:0;font-size:13.5px}@media (width<=1024px){.hist-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.hist-header{flex-direction:column;align-items:flex-start}.hist-kpi-grid{grid-template-columns:1fr}.hist-toolbar-primary,.hist-status-pills{flex-direction:column;width:100%}.hist-detail-dialog{min-width:auto}.hist-detail-grid{grid-template-columns:1fr}}.ms-page{flex-direction:column;gap:20px;width:100%;padding:0;animation:.25s ease-out msFadeIn;display:flex}@keyframes msFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ms-top-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 2px 8px -2px #0f172a0a,0 1px 2px -1px #0f172a05}.ms-title-area{align-items:center;gap:14px;display:flex}.ms-title-icon-badge{color:#059669;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 2px 6px #05966926}.ms-main-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.ms-main-desc{color:#64748b;max-width:600px;margin:3px 0 0;font-size:13px;line-height:1.45}.ms-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ms-rate-pill{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;display:flex}.ms-rate-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s infinite msPulse;box-shadow:0 0 0 3px #10b98133}@keyframes msPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.ms-rate-text strong{color:#0f172a;font-weight:600}.ms-currency-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;padding:3px;display:flex}.ms-curr-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 13px;font-size:12px;font-weight:600;transition:all .15s}.ms-curr-btn:hover{color:#0f172a}.ms-curr-btn.active{color:#059669;background:#fff;box-shadow:0 1px 3px #00000014}.ms-spin{animation:.8s linear infinite msRotate}@keyframes msRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ms-tab-bar{justify-content:flex-start;width:100%;display:flex}.ms-tabs-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;gap:6px;padding:5px;display:inline-flex}.ms-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.ms-tab-btn:hover{color:#0f172a;background:#f1f5f9}.ms-tab-btn.active{color:#059669;background:#fff;box-shadow:0 2px 6px -1px #00000012}.ms-tab-icon{align-items:center;display:flex}.ms-tab-pill{color:#475569;background:#e2e8f0;border-radius:10px;justify-content:center;align-items:center;padding:2px 7px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.ms-tab-btn.active .ms-tab-pill{color:#047857;background:#d1fae5}.ms-kpi-container{flex-direction:column;gap:12px;display:flex}.ms-kpi-section-title{color:#64748b;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.ms-kpi-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.ms-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:8px;padding:18px 20px;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #0f172a0a}.ms-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 14px -2px #0f172a14}.ms-kpi-top{justify-content:space-between;align-items:center;display:flex}.ms-kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:12.5px;font-weight:600}.ms-kpi-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ms-kpi-icon-wrap--today{color:#2563eb;background:#eff6ff}.ms-kpi-icon-wrap--sales{color:#059669;background:#ecfdf5}.ms-kpi-icon-wrap--comm{color:#9333ea;background:#fdf4ff}.ms-kpi-icon-wrap--month{color:#d97706;background:#fffbeb}.ms-kpi-value{color:#0f172a;letter-spacing:-.03em;font-size:26px;font-weight:800;line-height:1.15}.ms-kpi-sub{color:#64748b;justify-content:space-between;align-items:center;margin-top:2px;font-size:12px;display:flex}.ms-kpi-tag{color:#475569;background:#f1f5f9;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.ms-filter-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:12px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0f172a0a}.ms-filter-primary-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.ms-search-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:260px;height:42px;padding:0 14px;transition:all .2s;display:flex}.ms-search-box:focus-within{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.ms-search-icon{color:#94a3b8;flex-shrink:0}.ms-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13.5px}.ms-search-clear{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .15s;display:flex}.ms-search-clear:hover{color:#0f172a;background:#cbd5e1}.ms-status-pills{background:#f1f5f9;border-radius:10px;align-items:center;gap:6px;padding:3px;display:flex}.ms-status-pill{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.ms-status-pill:hover{color:#0f172a}.ms-status-pill.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #00000014}.ms-dot{border-radius:50%;width:7px;height:7px}.ms-dot--success{background:#10b981}.ms-dot--danger{background:#ef4444}.ms-filter-secondary-row{flex-wrap:wrap;align-items:center;gap:12px;padding-top:4px;display:flex}.ms-filter-item{min-width:220px}.ms-date-presets{align-items:center;gap:4px;display:flex}.ms-preset-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 11px;font-size:12px;font-weight:500;transition:all .15s}.ms-preset-btn:hover{background:#f8fafc;border-color:#cbd5e1}.ms-preset-btn.active{color:#047857;background:#ecfdf5;border-color:#6ee7b7;font-weight:600}.ms-date-inputs{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;display:flex}.ms-date-field{color:#0f172a;background:0 0;border:none;outline:none;font-family:inherit;font-size:12px}.ms-date-sep{color:#94a3b8;font-size:12px}.ms-btn-reset-filters{color:#64748b;cursor:pointer;background:#fff;border:1px dashed #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.ms-btn-reset-filters:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.ms-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.ms-table-scroll{overflow-x:auto}.ms-table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}.ms-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.ms-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:13px 18px;font-size:11.5px;font-weight:700}.ms-th-actions{text-align:right}.ms-row{border-bottom:1px solid #f1f5f9;transition:background-color .15s}.ms-row:hover{background-color:#f8fafc}.ms-row:last-child{border-bottom:none}.ms-table td{vertical-align:middle;color:#334155;padding:13px 18px}.ms-invoice-badge{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-family:monospace;font-size:12px;font-weight:700;display:inline-flex}.ms-medicine-cell{align-items:center;gap:10px;display:flex}.ms-medicine-icon-wrap{color:#059669;background:#ecfdf5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ms-medicine-info{flex-direction:column;display:flex}.ms-medicine-name{color:#0f172a;font-weight:600}.ms-medicine-id{color:#94a3b8;font-size:11.5px}.ms-qty-badge{color:#334155;background:#f1f5f9;border-radius:6px;justify-content:center;align-items:center;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.ms-staff-cell{align-items:center;gap:10px;display:flex}.ms-staff-avatar{color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11.5px;font-weight:700;display:flex}.ms-staff-name{color:#0f172a;font-weight:600}.ms-td-price{color:#475569;font-weight:500}.ms-td-total{color:#0f172a;font-size:14.5px;font-weight:700}.ms-comm-rate{color:#9333ea;background:#fdf4ff;border-radius:6px;width:fit-content;padding:2px 7px;font-size:12px;font-weight:600}.ms-comm-amount{color:#059669;font-size:14.5px;font-weight:700}.ms-status-badge{letter-spacing:.02em;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.ms-status-badge--active{color:#047857;background:#ecfdf5;border:1px solid #10b98133}.ms-status-badge--cancelled{color:#b91c1c;background:#fef2f2;border:1px solid #ef444433}.ms-status-badge--refunded{color:#b45309;background:#fffbeb;border:1px solid #f59e0b33}.ms-td-actions{text-align:right}.ms-action-btn-group{align-items:center;gap:6px;display:inline-flex}.ms-btn-icon{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.ms-btn-icon:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.ms-btn-icon--danger:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.ms-empty-td{padding:60px 20px!important}.ms-empty-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.ms-empty-icon-wrap{color:#94a3b8;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:6px;display:flex}.ms-empty-card h4{color:#0f172a;margin:0;font-size:16px;font-weight:700}.ms-empty-card p{color:#64748b;max-width:400px;margin:0 0 12px;font-size:13.5px}.ms-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}.ms-pagination-info{color:#64748b;font-size:13px}.ms-pagination-actions{align-items:center;gap:8px;display:flex}.ms-page-size-selector{color:#64748b;align-items:center;gap:6px;margin-right:8px;font-size:12px;display:flex}.ms-page-select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:4px 8px;font-size:12px}.ms-page-nav-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.ms-page-nav-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.ms-page-nav-btn:disabled{opacity:.4;cursor:not-allowed}.ms-page-numbers{align-items:center;gap:4px;display:flex}.ms-page-num{color:#475569;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;width:32px;height:32px;font-size:13px;font-weight:600;transition:all .15s}.ms-page-num:hover{color:#0f172a;background:#f1f5f9}.ms-page-num.active{color:#fff;background:#059669;box-shadow:0 1px 4px #0596694d}.ms-page-dots{color:#94a3b8;padding:0 4px;font-size:12px}.ms-staff-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.ms-section-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.ms-section-desc{color:#64748b;margin:4px 0 0;font-size:13px}.ms-staff-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.ms-staff-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:14px;padding:18px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0f172a0a}.ms-staff-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 14px -2px #0f172a14}.ms-staff-card-top{align-items:center;gap:12px;display:flex}.ms-staff-card-avatar{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:700;display:flex}.ms-staff-card-info{flex:1}.ms-staff-card-name{color:#0f172a;margin:0;font-size:15px;font-weight:700}.ms-staff-card-phone{color:#64748b;align-items:center;gap:4px;margin-top:2px;font-size:12px;display:flex}.ms-staff-card-meta{color:#64748b;background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.ms-staff-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.ms-modal-footer{justify-content:flex-end;gap:10px;width:100%;display:flex}.ms-dialog-form{flex-direction:column;gap:16px;min-width:440px;padding-top:4px;display:flex}.ms-detail-dialog-body{flex-direction:column;gap:18px;min-width:480px;display:flex}.ms-detail-banner{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #a7f3d0;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ms-detail-banner-main{flex-direction:column;gap:2px;display:flex}.ms-detail-banner-label{color:#059669;text-transform:uppercase;font-size:12px;font-weight:600}.ms-detail-banner-amount{color:#0f172a;margin:0;font-size:26px;font-weight:800}.ms-detail-banner-sub{color:#64748b;font-size:12px}.ms-detail-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ms-detail-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.ms-detail-item.full-width{grid-column:1/-1}.ms-detail-label{color:#64748b;text-transform:uppercase;font-size:11.5px;font-weight:600}.ms-detail-val{color:#0f172a;font-size:13.5px;font-weight:600}.ms-detail-sub-val{color:#94a3b8;font-size:11.5px}.ms-green-text{color:#059669}.ms-loading-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.ms-spinner{border:3px solid #e2e8f0;border-top-color:#059669;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.8s linear infinite msRotate}.ms-loading-card h3{color:#0f172a;margin:0 0 6px;font-size:17px;font-weight:700}.ms-loading-card p{color:#64748b;margin:0;font-size:13.5px}@media (width<=1200px){.ms-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.ms-top-header{flex-direction:column;align-items:flex-start}.ms-header-actions{justify-content:space-between;width:100%}.ms-kpi-grid{grid-template-columns:1fr}.ms-filter-primary-row,.ms-filter-secondary-row{flex-direction:column;align-items:stretch}.ms-search-box{width:100%}.ms-status-pills{justify-content:space-between;width:100%}.ms-filter-item{width:100%}.ms-date-presets{width:100%;overflow-x:auto}.ms-date-inputs{justify-content:space-between;width:100%}.ms-dialog-form,.ms-detail-dialog-body{min-width:auto}.ms-detail-grid{grid-template-columns:1fr}}.portal-not-found{isolation:isolate;background:#f5f6fc;place-items:center;min-height:100vh;padding:32px;display:grid;position:relative;overflow:hidden}.portal-not-found--embedded{min-height:calc(100vh - 132px);padding:16px}.portal-not-found:before{z-index:-2;content:"";background-image:radial-gradient(#667eea29 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000);mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000)}.portal-not-found-orb{z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.portal-not-found-orb--one{background:#667eea1f;width:430px;height:430px;top:-180px;right:-80px}.portal-not-found-orb--two{background:#764ba21a;width:480px;height:480px;bottom:-230px;left:-100px}.portal-not-found-card{text-align:center;background:#ffffffe3;border:1px solid #667eea21;border-radius:24px;width:100%;max-width:590px;padding:clamp(30px,6vw,52px);animation:.45s both portalNotFoundIn;box-shadow:0 24px 60px #2a2f531f}.portal-not-found-visual{place-items:center;margin:0 auto 26px;display:grid;position:relative}.portal-not-found-code{color:#1a1a2e;letter-spacing:-.11em;align-items:center;font-family:Arial,sans-serif;font-size:clamp(5.6rem,14vw,8.4rem);font-weight:800;line-height:.75;display:flex}.portal-not-found-zero{aspect-ratio:1;color:#667eea;background:#eef0ff;border:.09em solid #667eea;border-radius:50%;place-items:center;width:.73em;margin:0 .065em;display:grid;box-shadow:inset 0 0 0 .035em #764ba21f}.portal-not-found-zero svg{stroke-width:2.6px;width:.38em;height:.38em}.portal-not-found-line{background:linear-gradient(90deg,#667eea,#9b79c8);border-radius:99px;width:138px;height:4px;margin-top:17px}.portal-not-found-eyebrow{color:#667eea;letter-spacing:.13em;text-transform:uppercase;margin:0 0 10px;font-size:.72rem;font-weight:800}.portal-not-found-card h1{color:#1a1a2e;letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.12}.portal-not-found-description{color:#667085;max-width:440px;margin:16px auto 0;font-size:.98rem;line-height:1.7}.portal-not-found-actions{justify-content:center;gap:12px;margin-top:28px;display:flex}.portal-not-found-button{min-height:46px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.87rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.portal-not-found-button:hover{transform:translateY(-2px)}.portal-not-found-button:focus-visible{outline-offset:3px;outline:3px solid #667eea4d}.portal-not-found-button--primary{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 18px #667eea40}.portal-not-found-button--primary:hover{box-shadow:0 12px 24px #667eea57}.portal-not-found-button--secondary{color:#596074;background:#fff;border-color:#dce0ee}.portal-not-found-button--secondary:hover{background:#f7f8fc}@keyframes portalNotFoundIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=540px){.portal-not-found{padding:18px}.portal-not-found--embedded{min-height:calc(100vh - 100px);padding:0}.portal-not-found-card{border-radius:18px;padding:32px 22px}.portal-not-found-actions{flex-direction:column}.portal-not-found-button{width:100%}}@media (prefers-reduced-motion:reduce){.portal-not-found-card{animation:none}}