.common-header{background:#065f46;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(16,185,129,.3);padding:12px 10px;box-shadow:0 4px 20px #0000001a;position:fixed;top:0;left:0;right:0;width:100%;z-index:1000}.header-content{max-width:1800px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:16px}.back-button-header{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:16px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:14px}.back-button-header:hover{background:#fff3;border-color:#ffffff4d}.header-logo{width:48px;height:48px;object-fit:contain}.dashboard-title{font-size:24px;font-weight:700;color:#fff;margin:0}.header-user-avatar{flex-shrink:0;border:2px solid rgba(255,255,255,.35)!important}.header-right{display:flex;align-items:center;gap:24px;position:relative;z-index:1001}.header-user-profile{display:flex;align-items:center;gap:12px;min-width:0}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:0;text-align:right}.user-name{font-size:16px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.user-role{font-size:12px;color:#fffc;text-transform:capitalize}.logout-btn{padding:8px 20px;background:#10b981;color:#fff;border:none;border-radius:20px;font-weight:600;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background:#34d399;transform:translateY(-1px);box-shadow:0 4px 12px #10b98180}@media (max-width: 768px){.common-header{padding:12px 10px}.dashboard-title{font-size:18px}.header-user-profile{gap:8px}.header-user-avatar.ant-avatar{width:32px!important;height:32px!important;line-height:32px!important}.user-name{font-size:14px;max-width:120px}.header-right{gap:12px}.logout-btn{padding:6px 16px;font-size:14px}}.app-side-nav{--side-nav-header-color: #065F46;--side-nav-header-border: rgba(16, 185, 129, .3);--side-nav-top: 72px;--side-nav-width: 280px;--side-nav-width-collapsed: 58px;position:fixed;top:var(--side-nav-top);left:0;z-index:999;width:var(--side-nav-width);height:calc(100vh - var(--side-nav-top));transition:width .28s cubic-bezier(.4,0,.2,1)}.app-side-nav--collapsed{width:var(--side-nav-width-collapsed)}.app-side-nav__glass{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0 20px 20px 0;background:var(--side-nav-header-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-right:1px solid var(--side-nav-header-border);box-shadow:4px 0 20px #0000001a,inset 0 1px #ffffff0f}.app-side-nav__glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 40%,rgba(0,0,0,.04) 100%);pointer-events:none}.app-side-nav__inner{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;padding:16px 12px 12px;overflow:hidden}.app-side-nav--collapsed .app-side-nav__inner{padding-left:8px;padding-right:8px}.app-side-nav__nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.app-side-nav__nav::-webkit-scrollbar{width:6px}.app-side-nav__nav::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:6px}.app-side-nav__section{margin-bottom:20px}.app-side-nav__section-title{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff7a;padding:8px 12px 10px;margin:0}.app-side-nav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.app-side-nav__link{width:100%;display:flex;align-items:flex-start;gap:12px;padding:10px 12px;margin:0;border:none;border-radius:14px;background:#ffffff0a;border:1px solid transparent;cursor:pointer;text-align:left;color:#ffffffeb;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.app-side-nav__link:hover{background:#ffffff1a;border-color:#ffffff1f;box-shadow:0 4px 16px #00000014}.app-side-nav__link--active{background:#ffffff29;border-color:#34d39973;box-shadow:0 0 0 1px #10b98140,inset 0 1px #ffffff26}.app-side-nav__link--active .app-side-nav__icon{color:#6ee7b7;filter:drop-shadow(0 0 8px rgba(52,211,153,.45))}.app-side-nav__icon-wrap{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.app-side-nav__link--active .app-side-nav__icon-wrap{background:#10b98140;border-color:#34d39959}.app-side-nav__icon{font-size:17px;color:#fffffff2}.app-side-nav__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding-top:2px}.app-side-nav__title{font-size:14px;font-weight:600;line-height:1.3;color:#fff}.app-side-nav__desc{font-size:11px;line-height:1.35;color:#ffffff8c;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-side-nav--collapsed .app-side-nav__link{justify-content:center;padding:5px 4px}.app-side-nav--collapsed .app-side-nav__icon-wrap{width:30px;height:30px;border-radius:9px}.app-side-nav--collapsed .app-side-nav__icon{font-size:15px}.app-side-nav__collapse{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#ffffffe6;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.app-side-nav__collapse:hover{background:#ffffff24;border-color:#34d39959;color:#fff}.app-side-nav--collapsed .app-side-nav__collapse span:not(.anticon){display:none}.app-side-nav--collapsed .app-side-nav__collapse{width:100%;padding:7px 6px}.app-side-nav--collapsed .app-side-nav__collapse .anticon{font-size:14px}.app-side-nav__tooltip .ant-tooltip-inner{padding:10px 12px;text-align:left}.app-side-nav__tooltip-title{font-size:13px;font-weight:600;line-height:1.35;color:#fff}.app-side-nav__tooltip-desc{margin-top:4px;font-size:11px;line-height:1.4;color:#ffffffd1;max-width:220px}.layout-container{--layout-header-height: 72px;--layout-side-width: 280px;--layout-side-width-collapsed: 58px;min-height:100vh}.layout-main{margin-left:var(--layout-side-width);margin-top:var(--layout-header-height);min-height:calc(100vh - var(--layout-header-height));transition:margin-left .28s cubic-bezier(.4,0,.2,1)}.layout-container--nav-collapsed .layout-main{margin-left:var(--layout-side-width-collapsed)}.layout-content{min-height:calc(100vh - var(--layout-header-height));padding:10px;box-sizing:border-box}.ant-notification{z-index:9999;top:90px!important}.ant-notification-notice{background:#fff!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;padding:16px 20px!important;min-width:320px!important;max-width:400px!important;border-left:4px solid transparent!important;transition:all .3s ease!important}.ant-notification-notice:hover{box-shadow:0 6px 16px #0003!important}.ant-notification-notice-content{display:flex!important;align-items:flex-start!important}.ant-notification-notice-icon{margin-right:16px!important;margin-top:0!important;flex-shrink:0!important}.clinical-notification-icon{font-size:20px!important;line-height:1!important}.ant-notification-notice-message{margin-bottom:4px!important;font-size:15px!important;font-weight:600!important;color:#1a1a1a!important}.ant-notification-notice-description{font-size:14px!important;color:#666!important}.clinical-notification-success{border-left-color:#10b981!important}.clinical-notification-icon-success{color:#10b981!important}.clinical-notification-success .ant-notification-notice-message{color:#065f46!important}.clinical-notification-success .ant-notification-notice-description{color:#047857!important}.clinical-notification-error{border-left-color:#ef4444!important}.clinical-notification-icon-error{color:#ef4444!important}.clinical-notification-error .ant-notification-notice-message{color:#991b1b!important}.clinical-notification-error .ant-notification-notice-description{color:#dc2626!important}.clinical-notification-warning{border-left-color:#f59e0b!important}.clinical-notification-icon-warning{color:#f59e0b!important}.clinical-notification-warning .ant-notification-notice-message{color:#92400e!important}.clinical-notification-warning .ant-notification-notice-description{color:#d97706!important}.clinical-notification-info{border-left-color:#10b981!important}.clinical-notification-icon-info{color:#10b981!important}.clinical-notification-info .ant-notification-notice-message{color:#1e40af!important}.clinical-notification-info .ant-notification-notice-description{color:#2563eb!important}.ant-notification-notice-close{color:#999!important;top:16px!important;right:16px!important}.ant-notification-notice-close:hover{color:#333!important}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.ant-notification-notice{animation:slideInRight .3s ease-out!important}@media (max-width: 768px){.ant-notification-notice{min-width:280px!important;max-width:calc(100vw - 40px)!important;padding:14px 18px!important}}.futuristic-login-page{min-height:100vh;width:100%;position:relative;background:#f8f9fa;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px}.animated-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 20s ease-in-out infinite}.orb-1{width:600px;height:600px;background:linear-gradient(135deg,#a7f3d0,#86efac);top:-200px;left:-200px;animation-delay:0s}.orb-2{width:500px;height:500px;background:linear-gradient(135deg,#bfdbfe,#93c5fd);bottom:-150px;right:-150px;animation-delay:5s}.orb-3{width:400px;height:400px;background:linear-gradient(135deg,#ddd6fe,#c4b5fd);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.grid-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(167,243,208,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(167,243,208,.15) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;opacity:.2}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.login-main-container{width:100%;max-width:1400px;background:#fffc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:32px;border:1px solid rgba(255,255,255,.5);box-shadow:0 25px 70px #00000014,inset 0 1px #ffffffe6;position:relative;z-index:1;overflow:hidden;display:flex;min-height:700px}.login-main-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(167,243,208,.6),transparent)}.branding-section{flex:1;background:linear-gradient(135deg,#a7f3d033,#bfdbfe33);position:relative;display:flex;align-items:center;justify-content:center;padding:60px;overflow:hidden}.branding-section:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(167,243,208,.25) 0%,transparent 50%)}.branding-content{position:relative;z-index:1;text-align:center;width:100%;max-width:500px}.logo-container{position:relative;display:inline-block;margin-bottom:32px;animation:logoFloat 6s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(167,243,208,.5) 0%,transparent 70%);border-radius:50%;filter:blur(40px);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.iesh-logo{width:160px;height:160px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 10px 30px rgba(167,243,208,.4))}.brand-title{font-size:48px;font-weight:700;background:linear-gradient(135deg,#86efac,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;letter-spacing:2px}.brand-subtitle{font-size:16px;color:#6b7280cc;margin:0 0 48px;font-weight:400}.illustration-container{position:relative;height:200px;margin-top:40px}.floating-elements{position:relative;width:100%;height:100%}.float-element{position:absolute;width:60px;height:60px;background:#a7f3d04d;border:2px solid rgba(167,243,208,.5);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#86efac;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.float-1{top:20%;left:20%;animation:floatElement 8s ease-in-out infinite}.float-2{top:50%;right:20%;animation:floatElement 10s ease-in-out infinite 2s}.float-3{bottom:10%;left:50%;animation:floatElement 12s ease-in-out infinite 4s}@keyframes floatElement{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(20px,-20px) rotate(5deg)}50%{transform:translate(-15px,15px) rotate(-5deg)}75%{transform:translate(10px,10px) rotate(3deg)}}.form-section{flex:1;padding:60px 80px;display:flex;align-items:center;justify-content:center;background:#ffffff80;position:relative}.form-container{width:100%;max-width:420px}.form-header{text-align:center;margin-bottom:48px}.form-title{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 8px;letter-spacing:-.5px}.form-subtitle{font-size:15px;color:#6b7280cc;margin:0}.futuristic-login-form{width:100%}.futuristic-login-form .ant-form-item{margin-bottom:24px}.input-wrapper{position:relative}.input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);z-index:1;color:#6b728099;font-size:18px;transition:color .3s ease}.futuristic-input{height:52px;border-radius:16px;border:2px solid rgba(209,213,219,.5);background:#fffc!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1f2937;font-size:15px;padding:0 18px 0 50px;transition:all .3s cubic-bezier(.4,0,.2,1)}.futuristic-input::placeholder{color:#9ca3afb3}.futuristic-input:hover{border-color:#a7f3d099;background:#ffffffe6!important}.futuristic-input:focus,.futuristic-input-focused{border-color:#86efac;background:#fffffff2!important;box-shadow:0 0 0 4px #a7f3d033,0 8px 24px #a7f3d026;outline:none}.futuristic-input:focus+.input-icon,.futuristic-input-focused+.input-icon{color:#86efac}.futuristic-input .ant-input{background:transparent!important;border:none;color:#1f2937!important;font-size:15px}.futuristic-input .ant-input::placeholder{color:#9ca3afb3!important}.futuristic-input .ant-input:focus{color:#1f2937!important;background:transparent!important}.futuristic-input input{color:#1f2937!important;background:transparent!important}.futuristic-input input::placeholder{color:#9ca3afb3!important}.futuristic-input input:focus{color:#1f2937!important;background:transparent!important}.futuristic-input .ant-input-password,.futuristic-input .ant-input-password input{background:transparent!important}.futuristic-input .ant-input-password-icon{color:#6b728099;transition:color .3s ease}.futuristic-input .ant-input-password-icon:hover{color:#86efac}.futuristic-login-btn{width:100%;height:52px;border-radius:16px;font-weight:600;font-size:16px;background:linear-gradient(135deg,#86efac,#6ee7b7);border:none;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #a7f3d066,inset 0 1px #ffffff4d;margin-top:8px}.futuristic-login-btn span{position:relative;z-index:1}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.futuristic-login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #a7f3d080,inset 0 1px #fff6;background:linear-gradient(135deg,#6ee7b7,#5eead4)}.futuristic-login-btn:hover .btn-shine{left:100%}.futuristic-login-btn:active{transform:translateY(0)}.futuristic-login-btn.ant-btn-loading{background:linear-gradient(135deg,#86efac,#6ee7b7)}@media (max-width: 1024px){.login-main-container{flex-direction:column;min-height:auto}.branding-section{min-height:400px;padding:40px 10px}.form-section{padding:40px 10px}.iesh-logo{width:120px;height:120px}.brand-title{font-size:36px}}@media (max-width: 768px){.futuristic-login-page{padding:10px}.login-main-container{border-radius:24px;min-height:auto}.branding-section{min-height:300px;padding:30px 20px}.form-section{padding:30px 20px}.form-title{font-size:28px}.brand-title{font-size:32px}.iesh-logo{width:100px;height:100px}.illustration-container{height:150px}.float-element{width:50px;height:50px;font-size:20px}}.circular-login-page{min-height:100vh;width:100%;position:relative;background:linear-gradient(135deg,#e0f2fe,#f0fdfa,#e0f7fa);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px}.circular-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.circle{position:absolute;border-radius:50%;background:#14b8a614;filter:blur(60px)}.circle-1{width:500px;height:500px;top:-150px;left:-150px;background:#14b8a61f}.circle-2{width:400px;height:400px;top:20%;right:-100px;background:#14b8a61a}.circle-3{width:350px;height:350px;bottom:-100px;left:10%;background:#14b8a617}.circle-4{width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%);background:#14b8a60f}.circle-5{width:250px;height:250px;bottom:10%;right:15%;background:#14b8a614}.circular-main-container{width:100%;max-width:1200px;background:#fff;border-radius:32px;box-shadow:0 25px 70px #00000014;position:relative;z-index:1;overflow:hidden}.circular-content-wrapper{display:flex;min-height:650px}.illustration-section-circular{flex:1;background:linear-gradient(135deg,#e0f2fe,#f0fdfa);position:relative;display:flex;align-items:center;justify-content:center;padding:60px;overflow:hidden}.illustration-wrapper{position:relative;width:100%;max-width:500px;height:500px;display:flex;align-items:center;justify-content:center;z-index:1}.login-illustration{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(20,184,166,.15))}.illustration-section-circular:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#14b8a60d;top:-100px;right:-100px;filter:blur(40px)}.illustration-section-circular:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:#14b8a60f;bottom:-80px;left:-80px;filter:blur(40px)}.form-section-circular{flex:1;padding:60px 80px;display:flex;flex-direction:column;justify-content:center;background:#fff}.centered-logo-circular{display:flex;justify-content:center;align-items:center;margin-bottom:40px}.logo-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#14b8a61a,#14b8a60d);display:flex;align-items:center;justify-content:center;padding:16px;box-shadow:0 8px 20px #14b8a626}.iesh-logo-img{width:100%;height:100%;object-fit:contain}.auth-tabs-circular{display:flex;justify-content:center;gap:40px;margin-bottom:48px;border-bottom:2px solid #F1F5F9;position:relative}.tab-circular{background:none;border:none;padding:0 0 16px;font-size:18px;font-weight:600;color:#94a3b8;cursor:pointer;position:relative;text-decoration:none;transition:all .3s ease}.tab-circular:hover{color:#64748b}.tab-circular.active{color:#1e293b}.tab-circular.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:60px;height:3px;background:#14b8a6;border-radius:3px 3px 0 0}.login-form-circular{max-width:400px;margin:0 auto;width:100%}.login-form-circular .ant-form-item{margin-bottom:20px}.login-form-circular .ant-form-item-label>label{font-size:14px;font-weight:500;color:#1e293b}.circular-input{height:44px;border-radius:22px;border:1px solid #E2E8F0;font-size:14px;padding:0 18px;transition:all .3s ease}.circular-input:hover{border-color:#14b8a6}.circular-input:focus,.circular-input-focused{border-color:#14b8a6;box-shadow:0 0 0 4px #14b8a61a}.circular-select{height:44px;border-radius:22px}.circular-select .ant-select-selector{height:44px!important;border-radius:22px!important;border:1px solid #E2E8F0!important;padding:0 18px!important}.circular-select .ant-select-selector:hover{border-color:#14b8a6!important}.circular-select.ant-select-focused .ant-select-selector{border-color:#14b8a6!important;box-shadow:0 0 0 4px #14b8a61a!important}.input-icon-circular{color:#94a3b8;font-size:16px}.form-footer-circular{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:16px}.forgot-link-circular{color:#94a3b8;text-decoration:none;font-size:14px;transition:color .2s ease;white-space:nowrap}.forgot-link-circular:hover{color:#14b8a6}.login-btn-circular{height:44px;border-radius:22px;font-weight:600;font-size:14px;background:#14b8a6;border-color:#14b8a6;padding:0 36px;transition:all .3s ease;box-shadow:0 4px 15px #14b8a64d}.login-btn-circular:hover{background:#0d9488;border-color:#0d9488;transform:translateY(-2px);box-shadow:0 6px 20px #14b8a666}.login-btn-circular:active{transform:translateY(0)}@media (max-width: 1024px){.circular-content-wrapper{flex-direction:column}.form-section-circular{padding:40px 10px}.illustration-section-circular{min-height:400px;padding:40px 10px}.illustration-wrapper{max-width:400px;height:400px}}@media (max-width: 768px){.form-section-circular{padding:30px 10px}.auth-tabs-circular{gap:24px;margin-bottom:32px}.form-footer-circular{flex-direction:column;gap:16px;align-items:stretch}.login-btn-circular{width:100%}.forgot-link-circular{text-align:center}.illustration-section-circular{min-height:300px;padding:20px}.illustration-wrapper{max-width:300px;height:300px}.logo-circle{width:100px;height:100px;padding:14px}}.success-message strong{color:#059669}.auth-page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#047857);position:relative;overflow:hidden;padding:24px}.auth-page-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:48px;width:100%;max-width:440px;position:relative;z-index:1}.auth-header{text-align:center;margin-bottom:32px}.auth-title{font-size:30px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.auth-subtitle{font-size:16px;color:#6b7280;margin:8px 0 0}.auth-form{margin-top:24px}.auth-form .ant-form-item-label>label{font-weight:500;color:#1a1a1a}.auth-form .ant-input-affix-wrapper,.auth-form .ant-input{border-radius:8px;border-color:#d1d5db}.auth-form .ant-input-affix-wrapper:hover,.auth-form .ant-input:hover{border-color:#10b981}.auth-form .ant-input-affix-wrapper-focused,.auth-form .ant-input-affix-wrapper:focus,.auth-form .ant-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.auth-button{height:44px;border-radius:8px;font-weight:600;background:#10b981;border-color:#10b981}.auth-button:hover{background:#059669;border-color:#059669}.success-message{padding:16px;background:#10b9811a;border:1px solid #10B981;border-radius:8px;color:#10b981;font-size:14px;margin-bottom:24px;text-align:center}.success-message p{margin:0}.auth-footer{margin-top:24px;text-align:center}.auth-footer-text{color:#6b7280;font-size:14px}.auth-link{color:#10b981;text-decoration:none;font-size:14px;transition:color .2s ease}.auth-link:hover{color:#059669;text-decoration:underline}@media (max-width: 480px){.auth-card{padding:32px 24px;margin:16px}.auth-title{font-size:24px}}.dashboard-container{min-height:100vh;background:#fff;padding:0}.dashboard-content{max-width:1800px;margin:0 auto;padding:24px 0}.welcome-section{margin-bottom:40px;text-align:center}.welcome-title{font-size:32px;font-weight:700;color:#1e293b;margin:0 0 8px}.welcome-subtitle{font-size:16px;color:#64748b;margin:0}.menu-cards-container{display:flex;flex-direction:column;gap:40px}.menu-category{display:flex;flex-direction:column;gap:20px}.category-title{font-size:18px;font-weight:700;color:#1e293b;margin:0;text-transform:uppercase;letter-spacing:.5px}.menu-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.menu-card{background:#ffffff40;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:32px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff9,inset 0 -1px #fff3;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:200px}.menu-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#fff0);pointer-events:none;border-radius:24px}.menu-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-color);transform:scaleX(0);transition:transform .3s ease;z-index:1}.menu-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #00000026,inset 0 1px #fffc,inset 0 -1px #ffffff4d,0 0 0 1px #ffffff4d;background:#ffffff59;backdrop-filter:blur(50px) saturate(200%);-webkit-backdrop-filter:blur(50px) saturate(200%);border-color:#fff6}.menu-card:hover:before{transform:scaleX(1)}.card-icon{font-size:48px;margin-bottom:16px;transition:transform .3s ease;position:relative;z-index:2;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.menu-card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.card-content{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.card-title{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 8px}.card-description{font-size:14px;color:#64748b;margin:0}.card-arrow{position:absolute;bottom:20px;right:20px;font-size:20px;color:var(--card-color);opacity:0;transform:translate(-10px);transition:all .3s ease;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.menu-card:hover .card-arrow{opacity:1;transform:translate(0)}@media (max-width: 1024px){.menu-cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}}@media (max-width: 768px){.dashboard-header{padding:16px 20px}.header-content{flex-direction:column;gap:16px;align-items:flex-start}.header-right{width:100%;justify-content:space-between}.dashboard-content{padding:24px 0}.welcome-title{font-size:24px}.menu-cards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.menu-card{padding:24px;min-height:180px}.card-icon{font-size:40px}}@media (max-width: 480px){.menu-cards-grid{grid-template-columns:1fr}}.breadcrumb-nav-container{background:#ffffff26;backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:blur(60px) saturate(200%);border:1px solid rgba(255,255,255,.25);border-radius:16px;box-shadow:0 4px 20px #00000014,inset 0 1px #ffffffb3,inset 0 -1px #ffffff4d;padding:16px 10px;margin-bottom:24px}.breadcrumb-nav-content{display:flex;align-items:center;gap:12px}.breadcrumb-item{display:flex;align-items:center;color:#64748b;font-size:14px;font-weight:500;transition:color .3s ease}.breadcrumb-item.clickable{cursor:pointer}.breadcrumb-item.clickable:hover{color:#10b981}.breadcrumb-item.active{color:#10b981;font-weight:600}.breadcrumb-icon-wrapper{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #10b98133}.breadcrumb-icon{color:#fff;font-size:16px}.breadcrumb-text{display:inline-block}.breadcrumb-separator{color:#cbd5e1;font-size:18px;font-weight:300;margin:0 4px;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.breadcrumb-nav-container{padding:12px 10px}.breadcrumb-nav-content{gap:8px}.breadcrumb-item{font-size:12px}.breadcrumb-icon-wrapper{width:28px;height:28px}.breadcrumb-icon{font-size:14px}.breadcrumb-separator{font-size:16px;margin:0 2px}}.dashboard-detail-container{min-height:100vh;background:#fff;padding:0}.dashboard-detail-content{max-width:1800px;margin:0 auto;padding:24px 0}.loading-container{display:flex;justify-content:center;align-items:center;min-height:80vh}.stats-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px}.stat-card{background:#ffffff26;backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:blur(60px) saturate(200%);border:1px solid rgba(255,255,255,.25);border-radius:24px;padding:24px;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffffb3,inset 0 -1px #ffffff4d,0 0 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:20px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff3,#ffffff1a,#ffffff0d 60%,#fff0);pointer-events:none;border-radius:24px;z-index:1}.stat-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none;border-radius:50%;z-index:0}.stat-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 60px #0000002e,inset 0 1px #ffffffe6,inset 0 -1px #fff6,0 0 0 1px #ffffff4d;background:#ffffff40;backdrop-filter:blur(80px) saturate(220%);-webkit-backdrop-filter:blur(80px) saturate(220%);border-color:#fff6}.stat-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;position:relative;z-index:2}.stat-card-daily .stat-icon{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#10b981}.stat-card-weekly .stat-icon{background:linear-gradient(135deg,#05966933,#0596691a);color:#059669}.stat-card-monthly .stat-icon{background:linear-gradient(135deg,#04785733,#0478571a);color:#047857}.stat-card-yearly .stat-icon{background:linear-gradient(135deg,#065f4633,#065f461a);color:#065f46}.stat-content{flex:1;position:relative;z-index:2}.stat-label{font-size:14px;color:#64748b;margin:0 0 8px;font-weight:500}.stat-value{font-size:32px;font-weight:700;color:#1e293b;margin:0}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:40px}.chart-card{background:#ffffff26;backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:blur(60px) saturate(200%);border:1px solid rgba(255,255,255,.25);border-radius:24px;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffffb3,inset 0 -1px #ffffff4d,0 0 0 1px #ffffff1a;overflow:hidden;position:relative;transition:all .3s ease}.chart-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff26,#ffffff14,#fff0);pointer-events:none;border-radius:24px;z-index:0}.chart-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000026,inset 0 1px #fffc,inset 0 -1px #fff6;background:#ffffff38;backdrop-filter:blur(80px) saturate(220%);-webkit-backdrop-filter:blur(80px) saturate(220%)}.chart-card .ant-card-head{background:transparent;border-bottom:1px solid rgba(255,255,255,.2);padding:20px 24px;position:relative;z-index:2}.chart-card .ant-card-head-title{font-size:18px;font-weight:700;color:#1e293b}.chart-card .ant-card-body{padding:24px;position:relative;z-index:2}.table-card{background:#ffffff26;backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:blur(60px) saturate(200%);border:1px solid rgba(255,255,255,.25);border-radius:24px;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffffb3,inset 0 -1px #ffffff4d,0 0 0 1px #ffffff1a;overflow:hidden;position:relative;transition:all .3s ease}.table-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff26,#ffffff14,#fff0);pointer-events:none;border-radius:24px;z-index:0}.table-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026,inset 0 1px #fffc,inset 0 -1px #fff6;background:#ffffff38;backdrop-filter:blur(80px) saturate(220%);-webkit-backdrop-filter:blur(80px) saturate(220%)}.table-card .ant-card-head{background:transparent;border-bottom:1px solid rgba(255,255,255,.2);padding:20px 24px;position:relative;z-index:2}.table-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#1e293b}.table-title .anticon{font-size:20px;color:#10b981}.table-card .ant-card-body{padding:24px;position:relative;z-index:2}.table-card .ant-table{background:transparent}.table-card .ant-table-thead>tr>th{background:#ffffff4d;border-bottom:1px solid rgba(255,255,255,.2);color:#1e293b;font-weight:600}.table-card .ant-table-tbody>tr>td{border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff1a}.table-card .ant-table-tbody>tr:hover>td{background:#fff3}@media (max-width: 1024px){.charts-section{grid-template-columns:1fr}.stats-cards-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.dashboard-detail-header{padding:16px 20px}.dashboard-detail-content{padding:24px 0}.stats-cards-grid{grid-template-columns:1fr}.chart-card .ant-card-body{padding:16px}}.branch-container{min-height:100vh;background:#fff;padding:0}.branch-content{max-width:1800px;margin:0 auto;padding:24px 0}.branch-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.branch-title{font-size:28px;font-weight:700;color:#1e293b;margin:0}.branch-table-card{background:#ffffff26;backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:blur(60px) saturate(200%);border:1px solid rgba(255,255,255,.25);border-radius:24px;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffffb3,inset 0 -1px #ffffff4d,0 0 0 1px #ffffff1a;overflow:hidden}.branch-table-card .ant-card-body{padding:24px}.branch-table-card .ant-table{background:transparent}.branch-table-card .ant-table-thead>tr>th{background:#ffffff4d;border-bottom:1px solid rgba(255,255,255,.2);color:#1e293b;font-weight:600}.branch-table-card .ant-table-tbody>tr>td{border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff1a}.branch-table-card .ant-table-tbody>tr:hover>td{background:#fff3}@media (max-width: 768px){.branch-content{padding:24px 0}.branch-header-section{flex-direction:column;align-items:flex-start;gap:16px}.branch-title{font-size:24px}}.branch-create-edit-container{min-height:100vh;background:#fff;padding:0}.branch-create-edit-content{max-width:1800px;margin:0 auto;padding:24px 0}.branch-form-card{background:#ffffff26;backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:blur(60px) saturate(200%);border:1px solid rgba(255,255,255,.25);border-radius:24px;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffffb3,inset 0 -1px #ffffff4d,0 0 0 1px #ffffff1a}.branch-form-card .ant-card-head{background:transparent;border-bottom:1px solid rgba(255,255,255,.2);padding:20px 24px}.branch-form-card .ant-card-head-title{font-size:20px;font-weight:700;color:#1e293b}.branch-form-card .ant-card-body{padding:24px}@media (max-width: 768px){.branch-create-edit-content{padding:24px 0}}.user-management-container{min-height:100vh;background:#fff;padding:0}.user-management-content{max-width:1800px;margin:0 auto;padding:24px 0}.user-management-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.user-management-title{font-size:28px;font-weight:700;color:#1e293b;margin:0}.user-management-filter-card{background:#ffffff26;backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:blur(60px) saturate(200%);border:1px solid rgba(255,255,255,.25);border-radius:24px;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffffb3,inset 0 -1px #ffffff4d,0 0 0 1px #ffffff1a;overflow:hidden}.user-management-filter-card .ant-card-body{padding:20px}.user-management-table-card{background:#ffffff26;backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:blur(60px) saturate(200%);border:1px solid rgba(255,255,255,.25);border-radius:24px;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffffb3,inset 0 -1px #ffffff4d,0 0 0 1px #ffffff1a;overflow:hidden}.user-management-table-card .ant-card-body{padding:24px}.user-management-table-card .ant-table{background:transparent}.user-management-table-card .ant-table-thead>tr>th{background:#ffffff4d;border-bottom:1px solid rgba(255,255,255,.2);color:#1e293b;font-weight:600}.user-management-table-card .ant-table-tbody>tr>td{border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff1a}.user-management-table-card .ant-table-tbody>tr:hover>td{background:#fff3}.staff-view-modal .ant-modal-content{background:linear-gradient(135deg,#ecfdf5,#d1fae5,#a7f3d0 60%,#6ee7b7);border-radius:0;padding:0;height:100vh;max-height:100vh;overflow-y:auto;position:relative}.staff-view-modal .ant-modal-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(5,150,105,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.staff-view-modal .ant-modal-close{color:#fff;top:20px;right:20px;font-size:24px;z-index:1000;background:#fff3;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.staff-view-modal .ant-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.staff-view-container{min-height:100vh;background:linear-gradient(135deg,#ecfdf5,#d1fae5,#a7f3d0 60%,#6ee7b7);position:relative;overflow:hidden}.staff-view-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(5,150,105,.1) 0%,transparent 50%);pointer-events:none}.staff-view-header{background:linear-gradient(135deg,#10b98126,#05966926);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:40px 10px;border-bottom:2px solid rgba(16,185,129,.3);position:relative;z-index:1}.staff-view-header-content{display:flex;align-items:center;gap:30px;max-width:1400px;margin:0 auto}.staff-avatar-section{position:relative}.staff-view-avatar{border:4px solid rgba(16,185,129,.3)!important;box-shadow:0 20px 60px #10b9814d,0 0 0 4px #10b9811a,inset 0 1px #fff6;background:linear-gradient(135deg,#10b981,#059669)!important}.avatar-glow-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.4) 0%,transparent 70%);animation:avatarPulse 2s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes avatarPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.1)}}.staff-header-info{flex:1}.staff-name{font-size:42px;font-weight:700;color:#065f46;margin:0 0 16px;text-shadow:0 2px 10px rgba(255,255,255,.5);letter-spacing:1px}.staff-role-badge{display:flex;gap:12px;align-items:center}.role-tag-large{font-size:16px!important;padding:8px 20px!important;border-radius:20px!important;font-weight:700!important;box-shadow:0 4px 12px #0003}.status-tag{font-size:14px!important;padding:6px 16px!important;border-radius:16px!important;font-weight:600!important}.staff-view-body{padding:40px 10px;max-width:1400px;margin:0 auto;position:relative;z-index:1}.info-card{background:#fffffff2!important;border-radius:20px!important;border:none!important;box-shadow:0 10px 40px #0003,inset 0 1px #fffc;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#059669,#047857,#065f46);background-size:200% 100%;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.info-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0000004d,inset 0 1px #ffffffe6}.personal-card:before{background:linear-gradient(90deg,#10b981,#059669)}.employment-card:before{background:linear-gradient(90deg,#059669,#047857)}.emergency-card:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.salary-card:before{background:linear-gradient(90deg,#10b981,#059669)}.remarks-card:before{background:linear-gradient(90deg,#047857,#065f46)}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.card-icon{font-size:24px;color:#10b981}.personal-card .card-icon{color:#10b981}.employment-card .card-icon{color:#059669}.emergency-card .card-icon{color:#ef4444}.salary-card .card-icon{color:#047857}.remarks-card .card-icon{color:#065f46}.card-title{font-size:20px;font-weight:700;color:#1e293b;margin:0}.card-divider{margin:16px 0!important;border-color:#10b98133!important}.info-descriptions{background:transparent!important}.info-descriptions .ant-descriptions-item-label{background:linear-gradient(135deg,#10b9811a,#0596691a)!important;font-weight:600!important;color:#4b5563!important;padding:12px 16px!important;border-right:2px solid rgba(16,185,129,.2)!important}.info-descriptions .ant-descriptions-item-content{background:#ffffff80!important;padding:12px 16px!important;color:#1e293b!important;font-weight:500!important}.info-item{border-bottom:1px solid rgba(16,185,129,.1)!important}.info-item:last-child{border-bottom:none!important}.info-value{display:flex;align-items:center;font-size:15px}.remarks-content{padding:20px;background:linear-gradient(135deg,#10b9811a,#0596691a);border-radius:12px;border-left:4px solid #10B981;font-size:15px;line-height:1.8;color:#1e293b;min-height:100px}.staff-history-view-modal .ant-modal-content{background:linear-gradient(135deg,#ecfdf5,#d1fae5,#a7f3d0 60%,#6ee7b7);border-radius:0;padding:0;height:100vh;max-height:100vh;overflow-y:auto;position:relative}.staff-history-view-modal .ant-modal-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(5,150,105,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.staff-history-view-modal .ant-modal-header{background:linear-gradient(135deg,#10b981,#059669,#047857);border-bottom:2px solid rgba(255,255,255,.2);padding:20px 40px}.staff-history-view-modal .ant-modal-title{color:#fff;font-size:24px;font-weight:700}.staff-history-view-modal .ant-modal-close{color:#fff;top:20px;right:20px;font-size:24px;z-index:1000;background:#fff3;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.staff-history-view-modal .ant-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.staff-history-view-modal .ant-modal-body{padding:20px;max-width:100%;position:relative;z-index:1}.staff-history-view-modal .ant-table-wrapper{background:#fffffff2;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #10b98126;border:1px solid rgba(16,185,129,.2);padding:20px}.staff-history-view-modal .ant-table{background:transparent}.staff-history-view-modal .ant-table-thead>tr>th{background:linear-gradient(135deg,#10b98126,#05966926);border-bottom:1px solid rgba(16,185,129,.3);color:#1e293b;font-weight:600;padding:10px 12px;font-size:12px;text-transform:uppercase;letter-spacing:.3px}.staff-history-view-modal .ant-table-tbody>tr>td{border-bottom:1px solid rgba(16,185,129,.08);padding:10px 12px;background:#fff9}.staff-history-view-modal .ant-table-tbody>tr:hover>td{background:#10b98114}.staff-history-view-modal .ant-table-tbody>tr:last-child>td{border-bottom:none}.staff-history-view-modal .ant-tag{border-radius:8px;padding:4px 10px;font-weight:600;font-size:11px;border:none;margin:0}.history-type-tag{font-weight:600!important;font-size:11px!important}.status-tag-enhanced{font-weight:600!important;font-size:11px!important;text-transform:uppercase}.staff-history-view-modal .ant-table-tbody>tr:nth-child(2n)>td{background:#10b98108}@media (max-width: 768px){.user-management-content{padding:24px 0}.user-management-header-section{flex-direction:column;align-items:flex-start;gap:16px}.user-management-title{font-size:24px}.staff-view-header{padding:24px 10px}.staff-view-header-content{flex-direction:column;text-align:center;gap:20px}.staff-name{font-size:28px}.staff-view-body{padding:24px 10px}.staff-view-modal .ant-modal-close{top:10px;right:10px}.staff-history-view-modal .ant-modal-body{padding:20px}.staff-history-view-modal .ant-modal-header{padding:16px 20px}}.user-management-create-edit-container{min-height:100vh;background:#fff;padding:0}.user-management-create-edit-content{max-width:1800px;margin:0 auto;padding:24px 0}.user-management-form-card{background:#ffffff26;backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:blur(60px) saturate(200%);border:1px solid rgba(255,255,255,.25);border-radius:24px;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffffb3,inset 0 -1px #ffffff4d,0 0 0 1px #ffffff1a}.user-management-form-card .ant-card-head{background:transparent;border-bottom:1px solid rgba(255,255,255,.2);padding:20px 24px}.user-management-form-card .ant-card-head-title{font-size:20px;font-weight:700;color:#1e293b}.user-management-form-card .ant-card-body{padding:24px}.futuristic-profile-section{display:flex;align-items:center;gap:20px;padding:20px;background:linear-gradient(135deg,#10b9810d,#3b82f60d);border-radius:16px;border:1px solid rgba(16,185,129,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.futuristic-profile-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(16,185,129,.6),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.3}50%{opacity:1}}.profile-avatar-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.futuristic-avatar{border:3px solid transparent!important;background:linear-gradient(135deg,#10b981,#059669)!important;background-clip:padding-box!important;box-shadow:0 8px 32px #10b9814d,0 0 0 3px #10b9811a,inset 0 1px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.futuristic-avatar:hover{transform:scale(1.05);box-shadow:0 12px 40px #10b98166,0 0 0 4px #10b98133,inset 0 1px #fff6}.avatar-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;pointer-events:none;z-index:0}.avatar-glow{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.4) 0%,transparent 70%);animation:pulse-glow 2s ease-in-out infinite;filter:blur(10px)}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.profile-upload-wrapper{flex:1;display:flex;flex-direction:column;gap:12px}.futuristic-upload .ant-upload{width:100%!important;height:auto!important}.upload-button-futuristic{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #10b9814d,inset 0 1px #fff3;position:relative;overflow:hidden}.upload-button-futuristic:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.upload-button-futuristic:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166,inset 0 1px #ffffff4d;background:linear-gradient(135deg,#059669,#047857)}.upload-button-futuristic:hover:before{left:100%}.upload-icon{font-size:18px;transition:transform .3s ease}.upload-button-futuristic:hover .upload-icon{transform:translateY(-2px)}.upload-text{font-size:14px;letter-spacing:.5px}.upload-progress{display:flex;flex-direction:column;gap:8px;padding:12px;background:#10b9811a;border-radius:8px;border:1px solid rgba(16,185,129,.2)}.upload-progress span{font-size:12px;color:#10b981;font-weight:600;text-align:center}.progress-bar{width:100%;height:4px;background:#10b98133;border-radius:2px;overflow:hidden;position:relative}.progress-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#10b981,#059669);animation:progress-animation 1.5s ease-in-out infinite}@keyframes progress-animation{0%{left:-100%}to{left:100%}}.futuristic-upload .ant-upload-list{display:none}.form-section-header{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:10px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid rgba(16,185,129,.2)}.form-section-header .section-icon.anticon,.form-section-header .section-icon{font-size:20px;color:#10b981;flex-shrink:0;display:inline-flex!important;align-items:center;justify-content:center;line-height:0;width:22px;height:22px;transform:translateY(-2px)}.form-section-header .section-icon svg{display:block;width:1em;height:1em}.form-section-header .section-title{font-size:18px;font-weight:600;color:#1e293b;margin:0;padding:0;line-height:1;display:inline-flex;align-items:center}.form-input,.form-select,.form-datepicker,.form-textarea{border-radius:8px;border:1px solid rgba(16,185,129,.2);transition:all .3s ease}.form-input:hover,.form-select:hover,.form-datepicker:hover{border-color:#10b98166}.form-input:focus,.form-input-focused,.form-select:focus .ant-select-selector,.form-datepicker:focus,.form-textarea:focus{border-color:#10b981!important;box-shadow:0 0 0 2px #10b9811a!important}.form-textarea{border-radius:8px;resize:vertical}.form-input-number,.form-input-number .ant-input-number-input{border-radius:8px}.form-input-employee-id-readonly.ant-input-disabled,.form-input-employee-id-readonly.ant-input[disabled]{border-color:#eab308!important;box-shadow:0 0 0 1px #eab30859!important;background:#fefce8!important;color:#1e293b!important;opacity:1!important;-webkit-text-fill-color:#1e293b!important;cursor:not-allowed}.form-input-employee-id-readonly.ant-input-disabled:hover{border-color:#ca8a04!important}.user-management-form-card .ant-form-item-has-error .form-input-employee-id-readonly.ant-input-disabled{border-color:#eab308!important}.submit-button{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;border-radius:8px!important;height:48px!important;font-weight:600!important;font-size:16px!important;box-shadow:0 4px 16px #10b9814d!important;transition:all .3s ease!important}@media (max-width: 768px){.user-management-create-edit-content{padding:24px 0}.futuristic-profile-section{flex-direction:column;align-items:center;text-align:center}.profile-upload-wrapper{width:100%}.form-section-header{margin-bottom:16px}.section-title{font-size:16px}}.patient-management-container{min-height:100vh;background:#fff;padding:0}.patient-management-content{max-width:1800px;margin:0 auto;padding:24px 0}.patient-management-breadcrumb-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}.patient-management-breadcrumb-row .breadcrumb-nav-container{flex:1;min-width:min(100%,220px);margin-bottom:0}.patient-management-breadcrumb-actions{flex-shrink:0}.patient-management-title{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 12px;letter-spacing:-.02em}.patient-management-filter-card{background:#ffffff26;backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:blur(60px) saturate(200%);border:1px solid rgba(255,255,255,.25);border-radius:24px;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffffb3,inset 0 -1px #ffffff4d,0 0 0 1px #ffffff1a;overflow:hidden}.patient-management-container .patient-management-filter-card{border-radius:16px;box-shadow:0 6px 24px #0000001a,inset 0 1px #ffffffa6,inset 0 -1px #ffffff40,0 0 0 1px #ffffff14}.patient-management-container .patient-management-filter-card.glass-filter-card{border-radius:14px!important;box-shadow:0 3px 16px #10b9810f,0 8px 28px #0f172a0d,inset 0 1px #fffc,inset 0 -1px #10b98114!important}.glass-filter-card{position:relative;background:linear-gradient(135deg,#ffffff6b,#ffffff2e 45%,#10b9810f)!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.45)!important;border-radius:20px!important;box-shadow:0 4px 24px #10b98114,0 12px 40px #0f172a0f,inset 0 1px #ffffffd9,inset 0 -1px #10b9811f}.glass-filter-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#10b98159,#3b82f626,#10b98133);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.65}.patient-management-filter-card .ant-card-body{padding:0;position:relative;z-index:1}.patient-management-filter-header{padding:20px 24px 16px;position:relative}.patient-management-filter-header-accent{height:2px;margin-top:16px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(16,185,129,.65) 20%,rgba(59,130,246,.35) 50%,rgba(16,185,129,.65) 80%,transparent);box-shadow:0 0 12px #10b98159}.patient-management-filter-title-row{display:flex;align-items:center;gap:12px}.patient-management-filter-title-icon{font-size:22px;color:#059669;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(16,185,129,.35))}.patient-management-filter-title{margin:0;font-size:20px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(105deg,#0f172a,#059669 55%,#047857);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(16,185,129,.15)}.patient-management-filter-fields{padding:8px 24px 24px;background:#ffffff40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.35)}.patient-management-container .patient-management-filter-header{padding:12px 16px 10px}.patient-management-container .patient-management-filter-title-icon{font-size:17px;filter:drop-shadow(0 0 6px rgba(16,185,129,.3))}.patient-management-container .patient-management-filter-title{font-size:15px;letter-spacing:.03em}.patient-management-container .patient-management-filter-fields{padding:6px 16px 16px;border-top:1px solid rgba(255,255,255,.3)}.glass-filter-card .patient-management-filter-fields .ant-input-affix-wrapper{background:#ffffff8c!important;border:1px solid rgba(16,185,129,.2)!important;border-radius:10px!important;box-shadow:inset 0 1px 2px #fff9}.glass-filter-card .patient-management-filter-fields .ant-input-affix-wrapper .ant-input{background:transparent!important;border:none!important;box-shadow:none!important}.glass-filter-card .patient-management-filter-fields .ant-input-affix-wrapper:hover,.glass-filter-card .patient-management-filter-fields .ant-input-affix-wrapper-focused{border-color:#10b98173!important;box-shadow:0 0 0 2px #10b9811f}.glass-filter-card .patient-management-filter-fields .ant-select .ant-select-selector{background:#ffffff8c!important;border:1px solid rgba(16,185,129,.2)!important;border-radius:10px!important;box-shadow:inset 0 1px 2px #fff9}.glass-filter-card .patient-management-filter-fields .ant-select:hover .ant-select-selector,.glass-filter-card .patient-management-filter-fields .ant-select-focused .ant-select-selector{border-color:#10b98173!important;box-shadow:0 0 0 2px #10b9811f}.patient-management-filter-actions{margin-top:20px;padding-top:16px;border-top:1px solid rgba(16,185,129,.12);text-align:right}.patient-management-filter-clear-btn{border-radius:10px!important;border:1px solid rgba(16,185,129,.35)!important;background:#fff9!important;font-weight:600;color:#047857!important}.patient-management-filter-clear-btn:hover{border-color:#10b981!important;color:#059669!important;background:#10b9811a!important}.patient-management-table-card{background:#ffffff26;backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:blur(60px) saturate(200%);border:1px solid rgba(255,255,255,.25);border-radius:24px;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffffb3,inset 0 -1px #ffffff4d,0 0 0 1px #ffffff1a;overflow:hidden}.patient-management-table-card .ant-card-body{padding:24px}.patient-management-table-card .ant-table{background:transparent}.patient-management-table-card .ant-table-thead>tr>th{background:#ffffff4d;border-bottom:1px solid rgba(255,255,255,.2);color:#1e293b;font-weight:600}.patient-management-table-card .ant-table-tbody>tr>td{border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff1a}.patient-management-table-card .ant-table-tbody>tr:hover>td{background:#fff3}.patient-management-container .patient-management-table-card .ant-table-thead>tr>th.ant-table-cell{padding-top:10px!important;padding-bottom:10px!important}.patient-management-container .patient-management-table-card .ant-table-tbody>tr>td.ant-table-cell{padding-top:8px!important;padding-bottom:8px!important}@media (max-width: 768px){.patient-management-content{padding:24px 0}.patient-management-breadcrumb-row{flex-direction:column;align-items:stretch}.patient-management-breadcrumb-row .breadcrumb-nav-container{min-width:0}.patient-management-breadcrumb-actions{display:flex;justify-content:flex-end}.patient-management-title{font-size:18px}}.patient-management-create-edit-container{min-height:100vh;background:#fff;padding:0}.patient-management-create-edit-content{max-width:1800px;margin:0 auto;padding:24px 0}.patient-management-form-card{background:#ffffff26;backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:blur(60px) saturate(200%);border:1px solid rgba(255,255,255,.25);border-radius:24px;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffffb3,inset 0 -1px #ffffff4d,0 0 0 1px #ffffff1a}.patient-management-form-card .ant-card-head{background:transparent;border-bottom:1px solid rgba(255,255,255,.2);padding:20px 24px}.patient-management-form-card .ant-card-head-title{font-size:20px;font-weight:700;color:#1e293b}.patient-management-form-card .ant-card-body{padding:24px}@media (max-width: 768px){.patient-management-create-edit-content{padding:24px 0}}.procedures-table-wrapper{padding:8px 0}.main-procedures-table{background:#fff;border-radius:12px;overflow:hidden}.main-procedures-table .ant-table{background:#fff}.main-procedures-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:700;font-size:15px;padding:16px;border:none;text-align:left}.main-procedures-table .ant-table-thead>tr>th:first-child{border-top-left-radius:12px}.main-procedures-table .ant-table-thead>tr>th:last-child{border-top-right-radius:12px}.table-header-cell{display:flex;align-items:center;font-weight:700}.main-procedures-table .ant-table-tbody>tr>td{padding:20px 16px;border-bottom:1px solid rgba(16,185,129,.1);background:#fff;vertical-align:top}.main-procedures-table .ant-table-tbody>tr:hover>td{background:#10b98108}.main-procedures-table .ant-table-tbody>tr:last-child>td{border-bottom:none}.date-cell{display:flex;flex-direction:column;gap:4px}.date-value{font-size:15px;font-weight:700;color:#1e293b}.date-time{font-size:12px;color:#64748b;font-weight:500}.employee-info{background:#f9fafb;border-radius:6px;padding:8px;margin-top:12px;border-top:1px solid #E5E7EB}.employee-info>div:first-child{display:flex;align-items:center;gap:6px;margin-bottom:4px}.employee-info>div:first-child span{font-weight:600;color:#1f2937;font-size:13px}.employee-info>div:last-child{color:#6b7280;font-size:12px;margin-left:20px}.procedures-cell{padding:0}.nested-table{margin:0;border-radius:8px;overflow:hidden}.procedures-nested-table .ant-table{background:#10b98105;border:1px solid rgba(16,185,129,.15)}.procedures-nested-table .ant-table-thead>tr>th{background:#10b9811a;color:#065f46;font-weight:600;font-size:13px;padding:12px;border-bottom:2px solid rgba(16,185,129,.2)}.procedures-nested-table .ant-table-tbody>tr>td{padding:14px 12px;border-bottom:1px solid rgba(16,185,129,.08);background:#fff}.procedures-nested-table .ant-table-tbody>tr:hover>td{background:#10b9810d}.procedures-nested-table .ant-table-tbody>tr:last-child>td{border-bottom:none}.nested-table-header{display:flex;align-items:center;font-weight:600}.procedure-name-cell{display:flex;align-items:center;color:#1e293b;font-size:14px}.products-nested-table{margin:0}.products-nested-table .ant-table{background:#10b98108;border:1px solid rgba(16,185,129,.1)}.products-nested-table .ant-table-thead>tr>th{background:#10b98114;color:#047857;font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid rgba(16,185,129,.15)}.products-nested-table .ant-table-tbody>tr>td{padding:10px;border-bottom:1px solid rgba(16,185,129,.05);background:#fff;font-size:13px}.products-nested-table .ant-table-tbody>tr:hover>td{background:#10b9810a}.product-name-cell{display:flex;align-items:center;color:#1e293b;font-size:13px}.product-desc-cell{color:#475569;font-size:13px;line-height:1.5}.remarks-cell{padding:0}.remarks-content{background:#3b82f60d;border-left:3px solid #10B981;padding:10px 12px;border-radius:6px;color:#475569;font-size:13px;line-height:1.6;word-wrap:break-word}.feedback-cell{padding:0}.feedback-content{background:#10b9810d;border-left:3px solid #10B981;padding:10px 12px;border-radius:6px;color:#475569;font-size:13px;line-height:1.6;word-wrap:break-word}.main-procedures-table .ant-spin-nested-loading{min-height:200px}.main-procedures-table .ant-empty{padding:40px 20px}@media (max-width: 1200px){.main-procedures-table .ant-table-thead>tr>th,.main-procedures-table .ant-table-tbody>tr>td{padding:12px 10px;font-size:13px}.procedures-nested-table .ant-table-thead>tr>th,.procedures-nested-table .ant-table-tbody>tr>td{padding:10px 8px;font-size:12px}}.procedure-modal .ant-modal-content{border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000001f}.procedure-modal-title{font-size:20px;font-weight:600;color:#1f2937;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.procedure-card{border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #E5E7EB}.procedure-card-title{display:flex;align-items:center;font-size:18px;font-weight:600;color:#1f2937}.form-label{font-weight:500;color:#374151;font-size:14px}.required-asterisk{color:#ef4444;margin-left:2px}.procedure-input,.procedure-select{border-radius:8px;border:1.5px solid #D1D5DB;transition:all .3s ease}.procedure-input:hover,.procedure-select:hover{border-color:#10b981}.procedure-input:focus,.procedure-select:focus,.procedure-input.ant-input-focused,.procedure-select.ant-select-focused .ant-select-selector{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811a!important}.procedure-item-wrapper{background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;padding:20px;margin-bottom:20px;transition:all .3s ease}.procedure-item-wrapper:hover{box-shadow:0 4px 12px #00000014;border-color:#10b981}.procedure-item-header{margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #E5E7EB}.procedure-item-number{font-size:16px;font-weight:600;color:#10b981;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.product-item-wrapper{background:#fff;border:1px solid #E5E7EB;border-radius:8px;padding:16px;margin-bottom:12px;transition:all .3s ease}.product-item-wrapper:hover{border-color:#10b981;box-shadow:0 2px 8px #10b9811a}.add-button{border:2px dashed #10B981;color:#10b981;background:#10b9810d;border-radius:8px;height:40px;font-weight:500;transition:all .3s ease}.add-button:hover{background:#10b9811a;border-color:#059669;color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98133}.remove-button{border:1.5px solid #EF4444;color:#ef4444;background:#ef44440d;border-radius:8px;height:40px;font-weight:500;transition:all .3s ease}.remove-button:hover{background:#ef44441a;border-color:#dc2626;color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444433}.submit-button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;height:44px;font-weight:600;font-size:15px;padding:0 32px;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.submit-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.cancel-button{border:1.5px solid #D1D5DB;color:#6b7280;background:#fff;border-radius:8px;height:44px;font-weight:500;font-size:15px;padding:0 32px;transition:all .3s ease}.cancel-button:hover{border-color:#9ca3af;color:#374151;background:#f9fafb;transform:translateY(-1px)}.form-actions{display:flex;justify-content:flex-end;align-items:center;padding-top:16px;border-top:1px solid #E5E7EB}.procedure-divider{margin:24px 0;border-color:#e5e7eb}.procedure-select .ant-select-selector{border-radius:8px!important;border:1.5px solid #D1D5DB!important;height:40px!important;display:flex;align-items:center}.procedure-select .ant-select-selection-item{line-height:38px!important}.procedure-select.ant-select-focused .ant-select-selector{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811a!important}.procedure-input.ant-picker{border-radius:8px;border:1.5px solid #D1D5DB;height:40px}.procedure-input.ant-picker:hover{border-color:#10b981}.procedure-input.ant-picker-focused{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811a!important}@media (max-width: 768px){.procedure-modal{width:95%!important;margin:10px auto}.procedure-item-wrapper{padding:16px}.form-actions{flex-direction:column;gap:12px}.submit-button,.cancel-button{width:100%}}.ant-spin-nested-loading>div>.ant-spin{max-height:none}.call-history-modal .ant-modal-content{background:linear-gradient(135deg,#fffffff2,#fffffffa);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:24px;box-shadow:0 20px 60px #00000026,0 8px 24px #0000001a,inset 0 1px #fffc;border:1px solid rgba(255,255,255,.3);overflow:hidden}.call-history-modal .ant-modal-header{background:linear-gradient(135deg,#10b9811a,#3b82f61a);border-bottom:1px solid rgba(16,185,129,.2);padding:16px 20px;border-radius:24px 24px 0 0}.call-history-modal-title{display:flex;flex-direction:column;gap:4px}.title-content{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:#1e293b}.title-icon{font-size:22px;color:#10b981;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-subtitle{font-size:12px;color:#64748b;font-weight:400;margin-left:32px}.call-history-modal .ant-modal-body{padding:20px;background:#f8fafc}.call-history-content{display:flex;flex-direction:column;gap:12px}.call-history-filter-card{background:linear-gradient(135deg,#ffffffe6,#fffffff2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(16,185,129,.2);border-radius:12px;box-shadow:0 4px 16px #10b9811a,inset 0 1px #fffc;transition:all .3s ease}.call-history-filter-card .ant-card-body{padding:12px 16px!important}.call-history-filter-card:hover{box-shadow:0 8px 24px #10b98126,inset 0 1px #ffffffe6;transform:translateY(-1px)}.filter-section{display:flex;align-items:center;gap:12px}.filter-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#1e293b;white-space:nowrap}.filter-icon{color:#10b981;font-size:16px}.call-history-select{flex:1;max-width:400px}.call-history-select .ant-select-selector{border:2px solid rgba(16,185,129,.2)!important;border-radius:10px!important;background:#fffc!important;transition:all .3s ease!important;height:40px!important;padding:0 12px!important}.call-history-select .ant-select-selector:hover{border-color:#10b98166!important;box-shadow:0 0 0 3px #10b9811a!important}.call-history-select.ant-select-focused .ant-select-selector{border-color:#10b981!important;box-shadow:0 0 0 3px #10b98126!important}.select-option-content{display:flex;align-items:center}.call-history-table-card{background:linear-gradient(135deg,#fffffff2,#fffffffa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.8);border-radius:16px;box-shadow:0 4px 16px #00000014,inset 0 1px #ffffffe6;overflow:hidden}.call-history-table-card .ant-card-body{padding:0}.call-history-table,.call-history-table .ant-table{background:transparent}.call-history-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#10b9810d,#3b82f60d)!important;border-bottom:2px solid rgba(16,185,129,.2)!important;padding:12px 16px!important;font-weight:600!important;color:#1e293b!important;font-size:13px!important;text-transform:uppercase;letter-spacing:.5px}.call-history-table-header{display:flex;align-items:center;gap:8px}.table-header-icon{color:#10b981;font-size:16px}.call-history-table-row{transition:all .2s ease;border-bottom:1px solid rgba(226,232,240,.6)!important}.call-history-table-row:hover{background:linear-gradient(90deg,#10b98108,#3b82f608)!important;transform:translate(4px);box-shadow:-4px 0 12px #10b9811a}.call-history-table .ant-table-tbody>tr>td{padding:12px 16px!important;border-bottom:1px solid rgba(226,232,240,.4)!important;vertical-align:middle!important}.call-history-user-cell{display:flex;align-items:center}.call-history-user-cell .ant-avatar{margin-right:8px!important;width:28px!important;height:28px!important;line-height:28px!important}.user-name-text{font-weight:500;color:#1e293b;font-size:13px}.role-tag{padding:4px 12px;border-radius:16px;font-weight:600;font-size:11px;text-transform:capitalize;border:none;box-shadow:0 2px 6px #0000001a;transition:all .3s ease}.role-doctor,.role-telecaller{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.role-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.call-history-date-cell{display:flex;flex-direction:column;gap:2px}.date-main{font-weight:600;color:#1e293b;font-size:13px}.date-time{font-size:11px;color:#64748b;font-weight:400}.call-history-remark-cell{max-width:100%}.remark-content{color:#475569;font-size:13px;line-height:1.5;word-wrap:break-word;padding:8px 12px;background:#f1f5f999;border-radius:6px;border-left:3px solid #10B981;transition:all .2s ease}.remark-content:hover{background:#f1f5f9e6;border-left-color:#059669}.call-history-empty{padding:40px 20px}.empty-content{display:flex;flex-direction:column;align-items:center;gap:12px}.empty-icon{font-size:48px;color:#cbd5e1;margin-bottom:4px}.empty-content p{font-size:18px;font-weight:600;color:#475569;margin:0}.empty-content span{font-size:14px;color:#94a3b8}@media (max-width: 768px){.call-history-modal{width:95%!important}.call-history-modal .ant-modal-body{padding:20px}.filter-section{flex-direction:column;align-items:stretch}.call-history-select{max-width:100%}.call-history-table .ant-table-thead>tr>th,.call-history-table .ant-table-tbody>tr>td{padding:12px 16px!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.call-history-content{animation:fadeIn .4s ease-out}.upload-container{width:100%}.upload-wrapper{cursor:pointer;border:2px dashed #d9d9d9;border-radius:10px;padding:12px 16px;text-align:center;color:#8c8c8c;background-color:#fafafa;transition:all .3s ease;min-width:200px;white-space:nowrap}.upload-wrapper:hover{border-color:#10b981;background-color:#f0fdf4}.upload-wrapper .dropzone{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.upload-wrapper img{margin-bottom:4px;width:32px;height:32px}.upload-text-primary{font-weight:500;color:#10b981;font-size:13px}.upload-wrapper p{margin:4px 0;font-size:12px}.upload-thumbs-container{display:flex;cursor:default;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;margin-top:16px}.upload-thumb{display:inline-flex;border-radius:2px;border:1px solid #eaeaea;margin-bottom:8px;margin-right:8px;width:100px;height:100px;padding:4px;box-sizing:border-box}.upload-thumb-inner{display:flex;min-width:0;overflow:hidden;margin:auto;height:inherit}.upload-thumb-inner img{display:block;width:100%;height:100%;object-fit:cover}.writing-pad-modal .ant-modal-content{background:#fff;border-radius:0;height:100vh;display:flex;flex-direction:column;padding:0!important;margin:0!important}.writing-pad-modal .ant-modal-body{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:0!important;height:100%;min-height:0}.writing-pad-modal .ant-modal-body>.writing-pad-container{display:flex;flex-direction:column;height:100%;flex:1;overflow:hidden;min-height:0;width:100%}.writing-pad-modal .ant-modal-header{background:linear-gradient(135deg,#10b981,#059669);border-bottom:2px solid rgba(255,255,255,.2);padding:8px 16px;border-radius:0;flex-shrink:0;min-height:40px}.writing-pad-modal .ant-modal-title{color:#fff;font-size:16px;font-weight:600;width:100%;line-height:1.4}.writing-pad-modal .ant-modal-title>div{width:100%}.writing-pad-modal .ant-modal-header .ant-btn{transition:all .3s ease;height:36px;font-size:13px}.writing-pad-modal .ant-modal-header .ant-btn:hover:not(:disabled){background:#ffffff4d!important;border-color:#ffffff80!important;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.writing-pad-modal .ant-modal-header .ant-btn:disabled{opacity:.4;cursor:not-allowed;background:#ffffff1a!important}.writing-pad-modal .ant-modal-header .ant-btn-primary{background:#ffffffe6!important;border-color:#ffffffe6!important}.writing-pad-modal .ant-modal-header .ant-btn-primary:hover{background:#fff!important;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.writing-pad-modal .ant-modal-header .ant-btn-dangerous{background:#ef44444d!important;border-color:#ef444480!important}.writing-pad-modal .ant-modal-header .ant-btn-dangerous:hover{background:#ef444480!important;border-color:#ef4444b3!important}.writing-pad-modal .ant-modal-header .ant-slider{margin:0}.writing-pad-modal .ant-modal-header .ant-slider .ant-slider-track{background:#ffffff80}.writing-pad-modal .ant-modal-header .ant-slider .ant-slider-handle{border-color:#10b981;background:#10b981}.writing-pad-modal .ant-modal-header .ant-slider .ant-slider-rail{background:#ffffff4d}.writing-pad-modal .ant-modal-close{color:#fff;top:16px;right:16px}.writing-pad-modal .ant-modal-close:hover{color:#fffc}.writing-pad-container{display:flex;flex-direction:column;height:100%;flex:1;overflow:hidden;min-height:0}.writing-pad-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#f9fafb;border-bottom:1px solid #E5E7EB;flex-shrink:0;min-height:60px;gap:16px}.writing-pad-canvas-wrapper{flex:1 1 auto;display:flex;justify-content:center;align-items:center;background:#f3f4f6;padding:20px;overflow:hidden;width:100%;height:100%;position:relative;box-sizing:border-box;min-width:0;min-height:0;flex-basis:0;height:calc(100vh - 100px);max-height:calc(100vh - 100px)}.writing-pad-canvas-wrapper canvas{box-shadow:0 4px 12px #0000001a;background:#fff;border-radius:8px;cursor:crosshair!important;touch-action:none!important;-webkit-tap-highlight-color:transparent!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;pointer-events:auto;display:block}.writing-pad-canvas-wrapper .signature-canvas{border:2px solid #E5E7EB;border-radius:8px;background:#fff;box-shadow:0 4px 12px #0000001a;touch-action:none!important;-webkit-tap-highlight-color:transparent!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;cursor:crosshair!important;pointer-events:auto;display:block;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important}.writing-pad-canvas-wrapper .signature-canvas:hover,.writing-pad-canvas-wrapper .signature-canvas:active,.writing-pad-canvas-wrapper .signature-canvas:focus{cursor:crosshair!important;outline:none!important}@media (max-width: 768px){.writing-pad-modal{width:100%!important}.writing-pad-container{height:100%}.writing-pad-modal .ant-modal-header{padding:12px 16px}.writing-pad-modal .ant-modal-title>div{flex-direction:column;gap:12px;align-items:flex-start}.writing-pad-modal .ant-modal-title>div>div:last-child{width:100%;flex-wrap:wrap;gap:8px}.writing-pad-modal .ant-modal-header .ant-btn{font-size:12px;height:32px;padding:0 12px}.writing-pad-canvas-wrapper{padding:10px}}.xpen-warning-icon{transition:all .3s ease;display:inline-block;position:relative}.xpen-detect-info{padding:6px 10px;border-radius:6px;transition:all .3s ease;border:1px solid transparent}.xpen-detect-info:hover{background:#ef444414;border-color:#ef444433;transform:translateY(-1px);box-shadow:0 2px 8px #ef444426}.xpen-detect-info:hover .xpen-warning-icon{color:#dc2626!important;transform:scale(1.1);filter:drop-shadow(0 2px 6px rgba(239,68,68,.6))}.xpen-detect-info:hover span{color:#ef4444!important;font-weight:600}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.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;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9: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 .ql-video{display:block;max-width:100%}.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{direction:rtl;text-align:inherit}.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-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;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{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.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{display:inline-block;vertical-align:middle}.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:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.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:1}.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-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.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{display:block;margin-top:-1px;top:100%;z-index:1}.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{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.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-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.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:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";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{border-right:0px;content:"Save";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}.patient-history-container{min-height:100vh;background:#fff;padding:0}.patient-history-content{max-width:1800px;margin:0 auto;padding:24px 0}.patient-history-card{background:#ffffff26;backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:blur(60px) saturate(200%);border:1px solid rgba(255,255,255,.25);border-radius:24px;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffffb3,inset 0 -1px #ffffff4d,0 0 0 1px #ffffff1a;margin-bottom:24px}.patient-history-card .ant-card-head{background:transparent;border-bottom:1px solid rgba(255,255,255,.2);padding:20px 24px}.patient-history-card .ant-card-head-title{font-size:20px;font-weight:700;color:#1e293b}.patient-history-card .ant-card-body{padding:24px}.section-title{display:flex;align-items:center;font-size:20px;font-weight:700;color:#1e293b}.patient-profile-card{margin-top:0;margin-bottom:24px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.2);border-radius:24px;box-shadow:0 8px 32px #0000001a,0 4px 16px #00000014,inset 0 1px #fff9,inset 0 -1px #fff3,0 0 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:cardFadeIn .6s ease-out}.patient-profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);opacity:.6}.patient-profile-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 70%);opacity:0;transition:opacity .6s ease;pointer-events:none}.patient-profile-card:hover{transform:translateY(-2px);box-shadow:0 12px 48px #00000026,0 6px 24px #0000001f,inset 0 1px #ffffffb3,inset 0 -1px #ffffff4d,0 0 0 1px #ffffff26;border-color:#10b9814d}.patient-profile-card:hover:after{opacity:1}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.patient-profile-card .ant-card-body{padding:32px;position:relative;z-index:1}.patient-photo-section{display:flex;justify-content:center;align-items:center}.patient-avatar{border:4px solid rgba(16,185,129,.3);box-shadow:0 8px 24px #10b98140,0 4px 12px #10b98126,inset 0 1px #ffffff4d;transition:all .4s cubic-bezier(.4,0,.2,1);animation:avatarPulse 2s ease-in-out infinite}.patient-avatar:hover{transform:scale(1.05);box-shadow:0 12px 32px #10b98159,0 6px 16px #10b98133,inset 0 1px #fff6;border-color:#10b98180}@keyframes avatarPulse{0%,to{box-shadow:0 8px 24px #10b98140,0 4px 12px #10b98126,inset 0 1px #ffffff4d}50%{box-shadow:0 8px 24px #10b9814d,0 4px 12px #10b98133,inset 0 1px #ffffff59}}.patient-header-info{padding:12px 0}.patient-actions-section{display:flex;flex-direction:column;gap:8px;padding:12px 0;align-items:stretch;height:100%;justify-content:center}.patient-actions-center{align-items:center}.patient-actions-section .ant-btn{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.patient-actions-section .ant-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.patient-actions-section .ant-btn:hover:before{width:300px;height:300px}.patient-actions-section .ant-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}@media (max-width: 768px){.patient-actions-section{margin-top:16px}.patient-actions-center{align-items:stretch}}.upload-section-inline{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:20px;box-shadow:0 4px 16px #00000014,0 2px 8px #0000000f,inset 0 1px #ffffff80,inset 0 -1px #ffffff1a;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.upload-section-inline:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.upload-section-inline:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000001f,0 3px 12px #00000014,inset 0 1px #fff9,inset 0 -1px #ffffff26;border-color:#10b9814d}.upload-section-inline:hover:before{left:100%}.upload-section-inline .ant-form-item-label{padding-bottom:4px}.upload-section-inline .ant-form-item-label>label{font-size:13px;font-weight:500;color:#475569}@media (max-width: 768px){.upload-section-inline{padding:12px 16px}}.patient-name{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 12px;letter-spacing:.5px;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShimmer 3s ease-in-out infinite;position:relative}@keyframes textShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.patient-meta{font-size:15px;color:#64748b;margin-bottom:8px;display:flex;align-items:center;gap:8px}.meta-separator{color:#cbd5e1;margin:0 4px}.patient-address{font-size:14px;color:#475569;margin-bottom:12px;line-height:1.6}.patient-contact{font-size:14px;color:#475569;display:flex;align-items:center;gap:8px;margin-bottom:12px}.patient-id-tag{margin-top:8px}.upload-section-card{margin-top:24px}.upload-form-inline{display:flex;align-items:flex-end;gap:16px}.upload-form-inline .ant-form-item{margin-bottom:0}.upload-form-inline .form-label{font-weight:600;color:#475569;font-size:14px}.upload-input{border-radius:8px;min-width:300px}.upload-button-wrapper{display:inline-block}.upload-button{background:#10b981;border-color:#10b981;color:#fff;border-radius:8px;height:40px;padding:0 24px;font-weight:600}.upload-button:hover{background:#059669;border-color:#059669;color:#fff}.files-grid-card{background:#ffffff26;backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:blur(60px) saturate(200%);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffffb3,inset 0 -1px #ffffff4d,0 0 0 1px #ffffff1a}.file-card{background:#ffffff1f;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 4px 16px #0000001a,0 2px 8px #00000014,inset 0 1px #fff9,inset 0 -1px #fff3;transition:all .3s ease;overflow:hidden;height:100%;display:flex;flex-direction:column}.file-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026,0 4px 12px #0000001a,inset 0 1px #ffffffb3,inset 0 -1px #ffffff4d;border-color:#10b9814d}.file-card .ant-card-body{padding:0;flex:1;display:flex;flex-direction:column}.file-card-content{padding:12px;flex:1;display:flex;flex-direction:column}.file-image-wrapper{width:100%;height:140px;border-radius:10px;overflow:hidden;margin-bottom:10px;background:#ffffff14;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 2px 4px #0000000f}.file-preview-image{width:100%;height:100%;object-fit:cover;border-radius:10px}.file-name{font-size:13px;font-weight:600;color:#1e293b;margin-bottom:6px;word-break:break-word;line-height:1.4;min-height:36px}.file-date{font-size:11px;color:#64748b}.file-card .ant-card-actions{background:#ffffff14;border-top:1px solid rgba(255,255,255,.15);padding:6px 0;margin-top:auto}.file-card .ant-card-actions>li{margin:0}.file-delete-btn{width:100%;border-radius:0}.empty-state{text-align:center;padding:60px 20px;color:#94a3b8;font-size:16px;background:#ffffff0d;border-radius:12px}.history-wrapper-card{margin-top:24px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.2);border-radius:24px;box-shadow:0 8px 32px #0000001a,0 4px 16px #00000014,inset 0 1px #fff9,inset 0 -1px #fff3,0 0 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:cardFadeIn .6s ease-out .2s both}.history-wrapper-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);opacity:.6}.history-wrapper-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 70%);opacity:0;transition:opacity .6s ease;pointer-events:none}.history-wrapper-card:hover{transform:translateY(-2px);box-shadow:0 12px 48px #00000026,0 6px 24px #0000001f,inset 0 1px #ffffffb3,inset 0 -1px #ffffff4d,0 0 0 1px #ffffff26;border-color:#10b9814d}.history-wrapper-card:hover:after{opacity:1}.medical-history-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:24px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:12px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 2px 8px #0000000f,inset 0 1px #ffffff4d;animation:slideDown .5s ease-out .3s both}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.history-header-title{font-size:24px;font-weight:700;color:#1e293b;display:flex;align-items:center;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShimmer 3s ease-in-out infinite}.medical-history-inner-card{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 6px 24px #0000001a,0 3px 12px #00000014,inset 0 1px #ffffff80,inset 0 -1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:cardFadeIn .6s ease-out .4s both}.medical-history-inner-card .ant-card-body{padding:24px}.medical-history-layout{display:flex;gap:24px;min-height:900px;align-items:stretch}.history-cards-container{display:flex;flex-direction:column;gap:12px;margin-top:16px}.history-panel-header{font-size:16px;font-weight:600;color:#1e293b;padding:12px 16px;background:#ffffff1a;border-radius:12px;margin-bottom:16px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.15)}.details-panel-header{font-size:16px;font-weight:600;color:#1e293b;padding:12px 16px;background:#ffffff1a;border-radius:12px;margin-bottom:20px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.15)}.history-list-panel{width:380px;flex-shrink:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(25px) saturate(150%);-webkit-backdrop-filter:blur(25px) saturate(150%);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:16px;min-height:900px;box-shadow:0 4px 16px #00000014,0 2px 8px #0000000f,inset 0 1px #fff6,inset 0 -1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1);animation:slideInLeft .6s ease-out .5s both}.history-list-panel{width:380px;flex-shrink:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(25px) saturate(150%);-webkit-backdrop-filter:blur(25px) saturate(150%);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:16px;min-height:900px;box-shadow:0 4px 16px #00000014,0 2px 8px #0000000f,inset 0 1px #fff6,inset 0 -1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1);animation:slideInLeft .6s ease-out .5s both;display:flex;flex-direction:column}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.history-list-panel .history-list-card:first-of-type{margin-top:0}.history-list-card{background:linear-gradient(135deg,#ffffff26,#ffffff14);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.2);border-radius:14px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);margin-bottom:12px;box-shadow:0 3px 12px #00000014,0 1px 4px #0000000d,inset 0 1px #ffffff4d,inset 0 -1px #ffffff1a;position:relative;overflow:hidden;animation:cardFadeIn .5s ease-out both}.history-list-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.history-list-card:hover{transform:translate(6px) translateY(-2px);background:linear-gradient(135deg,#fff3,#ffffff1f);border-color:#10b98166;box-shadow:0 6px 20px #10b98133,0 3px 10px #10b98126,inset 0 1px #fff6,inset 0 -1px #ffffff26}.history-list-card:hover:before{left:100%}.history-list-card.active{background:linear-gradient(135deg,#10b98126,#10b98114);border-color:#10b98180;box-shadow:0 6px 24px #10b98140,0 3px 12px #10b98133,inset 0 1px #fff6,inset 0 -1px #ffffff26;transform:translate(4px);animation:activePulse 2s ease-in-out infinite}@keyframes activePulse{0%,to{box-shadow:0 6px 24px #10b98140,0 3px 12px #10b98133,inset 0 1px #fff6,inset 0 -1px #ffffff26}50%{box-shadow:0 6px 24px #10b9814d,0 3px 12px #10b98140,inset 0 1px #ffffff73,inset 0 -1px #fff3}}.history-list-card .ant-card-body{padding:16px}.history-card-content{position:relative}.history-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;position:relative}.history-card-date-section{flex:1}.history-card-date-main{font-size:16px;font-weight:700;color:#1e293b;line-height:1.2}.history-card-time{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b;font-weight:500;margin-left:auto;margin-right:24px}.time-icon{font-size:12px;color:#10b981}.history-card-doctor-section{display:flex;align-items:center;gap:12px;margin-top:12px}.history-card-doctor-avatar{flex-shrink:0}.history-card-doctor-info{flex:1;min-width:0}.history-card-doctor-name{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-card-visit-type{font-size:12px;color:#64748b;font-weight:500}.history-card-status{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.status-green{background:#10b981;box-shadow:0 0 8px #10b98166}.status-dot.status-red{background:#ef4444;box-shadow:0 0 8px #ef444466}.status-dot.status-blue{background:#10b981;box-shadow:0 0 8px #3b82f666}.status-text{font-size:12px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.history-card-arrow{position:absolute;top:16px;right:16px;color:#cbd5e1;font-size:14px;transition:all .3s ease}.history-list-card:hover .history-card-arrow{color:#10b981;transform:translate(2px)}.history-list-card.active .history-card-arrow{color:#10b981}.history-details-panel{flex:1;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(25px) saturate(150%);-webkit-backdrop-filter:blur(25px) saturate(150%);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:20px;min-height:900px;box-shadow:0 4px 16px #00000014,0 2px 8px #0000000f,inset 0 1px #fff6,inset 0 -1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1);animation:slideInRight .6s ease-out .5s both}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.visit-details-content{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.visit-header-compact{background:linear-gradient(135deg,#10b98114,#10b98108);border-radius:14px;padding:16px 20px;margin-bottom:20px;border:1px solid rgba(16,185,129,.15);animation:slideInFromTop .5s cubic-bezier(.4,0,.2,1);transition:all .3s ease}.visit-header-compact:hover{border-color:#10b98140;box-shadow:0 4px 12px #10b9811a}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.visit-header-main{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%}.visit-date-time-compact{display:flex;align-items:center;gap:12px;white-space:nowrap;flex-shrink:0}.header-icon{font-size:20px;color:#10b981;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.visit-date-compact{display:flex;flex-direction:column;gap:4px}.visit-date-day{font-size:24px;font-weight:700;color:#1e293b;line-height:1}.visit-date-month{font-size:13px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.visit-date-time{font-size:12px;color:#10b981;font-weight:500;display:flex;align-items:center;margin-top:4px}.visit-type-tag-futuristic{position:relative;padding:8px 20px;border-radius:25px;background:linear-gradient(135deg,#10b981,#059669,#047857);border:1px solid rgba(59,130,246,.3);box-shadow:0 4px 15px #3b82f64d,0 0 20px #3b82f633,inset 0 1px #fff3;white-space:nowrap;flex-shrink:0;overflow:hidden;animation:futuristicPulse 2s ease-in-out infinite,scaleIn .3s ease .2s both;transition:all .3s cubic-bezier(.4,0,.2,1)}.visit-type-tag-futuristic:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #3b82f666,0 0 30px #3b82f64d,inset 0 1px #ffffff4d}.visit-type-text{position:relative;z-index:2;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.visit-type-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;animation:glowPulse 3s ease-in-out infinite;pointer-events:none}@keyframes futuristicPulse{0%,to{box-shadow:0 4px 15px #3b82f64d,0 0 20px #3b82f633,inset 0 1px #fff3}50%{box-shadow:0 4px 20px #3b82f666,0 0 30px #3b82f64d,inset 0 1px #ffffff4d}}@keyframes glowPulse{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.visit-header-right{display:flex;align-items:center;gap:20px;flex-shrink:0}.doctor-info-compact-right{display:flex;align-items:center;gap:14px;animation:slideInFromLeft .5s cubic-bezier(.4,0,.2,1) .2s both}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}.doctor-avatar-compact{flex-shrink:0;animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55) .3s both}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translateY(-20px)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.doctor-details-compact{flex:1;min-width:0}.doctor-name-compact{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:8px;display:flex;align-items:center;gap:8px}.doctor-icon{color:#10b981;font-size:16px}.doctor-contact-compact{display:flex;flex-wrap:wrap;gap:16px}.contact-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b;font-weight:500;transition:all .2s ease}.contact-item:hover{color:#10b981}.contact-icon{color:#10b981;font-size:14px;transition:transform .2s ease}.contact-item:hover .contact-icon{transform:scale(1.1)}.section-subtitle{font-size:16px;font-weight:600;color:#1e293b;margin:20px 0 14px;display:flex;align-items:center}.section-subtitle:first-child{margin-top:0}.visit-remarks-section{margin-bottom:20px;padding:16px;background:#ffffff14;border-radius:12px;border-left:3px solid #10B981;animation:fadeIn .4s ease .3s both}.remarks-content{font-size:14px;color:#334155;line-height:1.6;margin-top:12px}.doctor-notes-section{padding:16px;background:#ffffff1a;border-radius:12px;border-left:4px solid #10B981;animation:fadeIn .4s ease .4s both}.notes-content{font-size:14px;color:#334155;line-height:1.8;word-break:break-word;margin-top:12px}.doctor-notes-editor{background:#fffffff2;border-radius:12px;padding:0;min-height:300px;border:1px solid rgba(16,185,129,.2);box-shadow:0 2px 8px #0000000f;overflow:hidden}.doctor-notes-editor .ql-container{min-height:250px;font-size:14px;border:none;background:transparent;font-family:inherit}.doctor-notes-editor .ql-toolbar{border:none;border-bottom:1px solid rgba(16,185,129,.2);background:#fffc;border-radius:12px 12px 0 0;padding:12px}.doctor-notes-editor .ql-toolbar .ql-stroke{stroke:#10b981}.doctor-notes-editor .ql-toolbar .ql-fill{fill:#10b981}.doctor-notes-editor .ql-toolbar button:hover,.doctor-notes-editor .ql-toolbar button.ql-active{color:#10b981}.doctor-notes-editor .ql-editor{min-height:250px;color:#1e293b;padding:16px;font-size:14px;line-height:1.6}.doctor-notes-editor .ql-editor.ql-blank:before{color:#94a3b8;font-style:italic}.notes-display{background:#ffffff0d;border-radius:12px;padding:16px;min-height:100px;border:1px solid rgba(255,255,255,.1);color:#1e293b;line-height:1.8;word-break:break-word}.writing-pad-notes-display{display:flex;justify-content:center;align-items:center;padding:20px;background:#fff;border-radius:8px;min-height:400px;max-height:600px;overflow:auto}.writing-pad-notes-display img{max-width:100%;max-height:500px;object-fit:contain;box-shadow:0 4px 12px #0000001a;border-radius:8px}.notes-display p{margin-bottom:12px}.notes-display p:last-child{margin-bottom:0}.no-notes-text{color:#94a3b8;font-style:italic;text-align:center;padding:20px}.no-selection-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:500px;color:#94a3b8;text-align:center}.no-selection-message p{font-size:16px;margin:0}.history-list-panel::-webkit-scrollbar{width:6px}.history-list-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.history-list-panel::-webkit-scrollbar-thumb{background:#10b9814d;border-radius:3px}.history-list-panel::-webkit-scrollbar-thumb:hover{background:#10b98180}@media (max-width: 1200px){.medical-history-layout{flex-direction:column}.history-list-panel{width:100%;min-height:600px}.history-details-panel{min-height:600px}.visit-header-main{flex-direction:column;align-items:flex-start;gap:16px}.visit-header-right{width:100%;flex-direction:column;align-items:flex-start;gap:12px}.doctor-info-compact-right{width:100%}.doctor-contact-compact{flex-direction:column;gap:8px}}@media (max-width: 768px){.patient-history-content{padding:24px 0}.patient-name{font-size:24px}.upload-form-inline{flex-direction:column;align-items:stretch}.upload-input{min-width:100%}.file-image-wrapper{height:150px}.history-list-panel,.history-details-panel{min-height:500px}.visit-header-compact{padding:14px 16px}.visit-date-day{font-size:20px}.visit-date-month{font-size:12px}.doctor-info-compact-center{flex-direction:column;align-items:center;gap:12px}.doctor-avatar-compact{align-self:center}.doctor-contact-compact{width:100%}}.patient-visits-container{min-height:100vh;background:#fff;padding:0}.patient-visits-content{max-width:1800px;margin:0 auto;padding:24px 0}.patient-visits-breadcrumb-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}.patient-visits-breadcrumb-row .breadcrumb-nav-container{flex:1;min-width:min(100%,220px);margin-bottom:0}.patient-visits-breadcrumb-actions{flex-shrink:0}.glass-filter-card .patient-management-filter-fields .patient-visits-filter-range-picker.ant-picker{background:#ffffff8c!important;border:1px solid rgba(16,185,129,.2)!important;border-radius:10px!important;box-shadow:inset 0 1px 2px #fff9;padding:4px 11px}.glass-filter-card .patient-management-filter-fields .patient-visits-filter-range-picker.ant-picker:hover,.glass-filter-card .patient-management-filter-fields .patient-visits-filter-range-picker.ant-picker-focused{border-color:#10b98173!important;box-shadow:0 0 0 2px #10b9811f}.glass-filter-card .patient-management-filter-fields .patient-visits-filter-range-picker .ant-picker-input>input{font-size:14px}.glass-filter-card .patient-management-filter-fields .patient-visits-filter-range-picker.ant-picker-middle,.glass-filter-card .patient-management-filter-fields .patient-visits-filter-range-picker.ant-picker{min-height:32px}.patient-visits-title{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 12px;letter-spacing:-.02em}.patient-visits-container .patient-management-filter-card{border-radius:16px;box-shadow:0 6px 24px #0000001a,inset 0 1px #ffffffa6,inset 0 -1px #ffffff40,0 0 0 1px #ffffff14}.patient-visits-container .patient-management-filter-card.glass-filter-card{border-radius:14px!important;box-shadow:0 3px 16px #10b9810f,0 8px 28px #0f172a0d,inset 0 1px #fffc,inset 0 -1px #10b98114!important}.patient-visits-container .patient-management-filter-header{padding:12px 16px 10px}.patient-visits-container .patient-management-filter-title-icon{font-size:17px;filter:drop-shadow(0 0 6px rgba(16,185,129,.3))}.patient-visits-container .patient-management-filter-title{font-size:15px;letter-spacing:.03em}.patient-visits-container .patient-management-filter-fields{padding:6px 16px 16px;border-top:1px solid rgba(255,255,255,.3)}.patient-visits-table-card{background:#ffffff26;backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:blur(60px) saturate(200%);border:1px solid rgba(255,255,255,.25);border-radius:24px;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffffb3,inset 0 -1px #ffffff4d,0 0 0 1px #ffffff1a;overflow:hidden}.patient-visits-table-card .ant-card-body{padding:24px}.patient-visits-table-card .ant-table{background:transparent}.patient-visits-table-card .ant-table-thead>tr>th{background:#ffffff4d;border-bottom:1px solid rgba(255,255,255,.2);color:#1e293b;font-weight:600}.patient-visits-table-card .ant-table-tbody>tr>td{border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff1a}.patient-visits-table-card .ant-table-tbody>tr:hover>td{background:#fff3}.visit-details-modal .ant-modal-content{background:linear-gradient(135deg,#fffffff2,#ffffffe6);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:24px;border:1px solid rgba(16,185,129,.2);box-shadow:0 20px 60px #00000026,0 0 40px #10b9811a,inset 0 1px #fffc;overflow:hidden}.visit-details-modal .ant-modal-header{background:transparent;border-bottom:1px solid rgba(16,185,129,.2);padding:20px 24px}.visit-details-modal .ant-modal-body{padding:0}.visit-details-modal-content{padding:32px;animation:fadeInUp .4s ease}.visit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;background:linear-gradient(135deg,#10b98114,#10b98108);border-radius:16px;border:1px solid rgba(16,185,129,.15);margin-bottom:24px;animation:slideInFromTop .5s ease}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.visit-modal-header-left{display:flex;align-items:center;gap:16px}.header-icon-large{font-size:32px;color:#10b981;animation:pulse 2s ease-in-out infinite}.visit-date-info{display:flex;flex-direction:column;gap:4px}.visit-date-large{font-size:36px;font-weight:700;color:#1e293b;line-height:1}.visit-month-year{font-size:14px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:1px}.visit-time-large{font-size:13px;color:#10b981;font-weight:500;display:flex;align-items:center;margin-top:4px}.visit-modal-header-right{display:flex;align-items:center;gap:12px}.visit-type-tag-futuristic-modal{position:relative;padding:8px 20px;border-radius:25px;background:linear-gradient(135deg,#10b981,#059669,#047857);border:1px solid rgba(59,130,246,.3);box-shadow:0 4px 15px #3b82f64d,0 0 20px #3b82f633,inset 0 1px #fff3;overflow:hidden;animation:futuristicPulse 2s ease-in-out infinite}.visit-status-tag-modal{padding:6px 16px;border-radius:20px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.visit-info-section{margin-bottom:32px;animation:fadeIn .5s ease}.visit-info-section:last-child{margin-bottom:0}.section-title{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 20px;display:flex;align-items:center;gap:10px}.section-icon{font-size:20px;color:#10b981}.info-card-futuristic{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(16,185,129,.2);border-radius:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.info-card-futuristic:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#059669,#10b981);background-size:200% 100%;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.info-card-futuristic:hover{transform:translateY(-4px);border-color:#10b98166;box-shadow:0 8px 24px #10b98126,0 0 20px #10b9811a}.info-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:8px}.info-value{font-size:16px;color:#1e293b;font-weight:600;display:flex;align-items:center}.remarks-card-futuristic{background:linear-gradient(135deg,#3b82f614,#3b82f608);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);border-left:4px solid #10B981;border-radius:16px;padding:20px;font-size:14px;color:#334155;line-height:1.8;min-height:60px;transition:all .3s ease}.remarks-card-futuristic:hover{border-color:#3b82f64d;box-shadow:0 4px 16px #3b82f61a}.doctor-notes-card-futuristic{background:linear-gradient(135deg,#10b98114,#10b98108);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(16,185,129,.2);border-left:4px solid #10B981;border-radius:16px;padding:20px;font-size:14px;color:#334155;line-height:1.8;min-height:80px;transition:all .3s ease}.doctor-notes-card-futuristic:hover{border-color:#10b9814d;box-shadow:0 4px 16px #10b9811a}.doctor-notes-card-futuristic p{margin-bottom:12px}.doctor-notes-card-futuristic p:last-child{margin-bottom:0}.status-select.status-scheduled .ant-select-selector{background:linear-gradient(135deg,#e9d5ff,#ddd6fe)!important;border-color:#a855f7!important;box-shadow:0 2px 8px #a855f733!important}.status-select.status-scheduled .ant-select-selection-item{color:#6b21a8!important;font-weight:600!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:8px 16px!important}.status-select.status-rescheduled .ant-select-selector{background:linear-gradient(135deg,#fed7aa,#fdba74)!important;border-color:#f97316!important;box-shadow:0 2px 8px #f9731633!important}.status-select.status-rescheduled .ant-select-selection-item{color:#9a3412!important;font-weight:600!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:8px 16px!important}.status-badge-readonly{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:3px 10px;border-radius:8px;font-size:12px;font-weight:600;line-height:1.25;min-width:118px;transition:all .3s ease}.status-badge-readonly .anticon{font-size:12px}.status-badge-readonly.status-scheduled{background:linear-gradient(135deg,#e9d5ff,#ddd6fe);border:1px solid #A855F7;color:#6b21a8;box-shadow:0 1px 4px #a855f72e}.status-badge-readonly.status-queue{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #F59E0B;color:#92400e;box-shadow:0 1px 4px #f59e0b2e}.status-badge-readonly.status-rescheduled{background:linear-gradient(135deg,#fed7aa,#fdba74);border:1px solid #F97316;color:#9a3412;box-shadow:0 1px 4px #f973162e}.status-badge-readonly.status-completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10B981;color:#065f46;box-shadow:0 1px 4px #10b9812e}.status-badge-readonly.status-no-show{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #EF4444;color:#991b1b;box-shadow:0 1px 4px #ef44442e}.status-badge-readonly.status-cancelled{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #6B7280;color:#374151;box-shadow:0 1px 4px #6b72802e}.status-scheduled-icon{color:#a855f7}.status-rescheduled-icon{color:#f97316}@media (max-width: 768px){.patient-visits-content{padding:24px 0}.patient-visits-breadcrumb-row{flex-direction:column;align-items:stretch}.patient-visits-breadcrumb-row .breadcrumb-nav-container{min-width:0}.patient-visits-breadcrumb-actions{display:flex;justify-content:flex-end}.patient-visits-title{font-size:18px}.glass-filter-card .patient-management-filter-fields .patient-visits-filter-range-picker.ant-picker{width:100%!important}.visit-details-modal .ant-modal{width:95%!important;max-width:95%!important}.visit-modal-header{flex-direction:column;align-items:flex-start;gap:16px}.visit-modal-header-right{width:100%;flex-direction:column;align-items:flex-start}.visit-date-large{font-size:28px}}.patient-visits-create-edit-container{min-height:100vh;background:#fff;padding:0}.patient-visits-create-edit-content{max-width:1800px;margin:0 auto;padding:24px 0}.patient-visits-create-breadcrumb-row{display:flex;align-items:stretch;gap:16px;margin-bottom:24px;flex-wrap:wrap}.patient-visits-create-breadcrumb-left{flex:1;min-width:200px}.patient-visits-create-breadcrumb-row .breadcrumb-nav-container{margin-bottom:0}.patient-visits-create-branch-glass{border-radius:20px!important;overflow:hidden;align-self:center;flex-shrink:0}.patient-visits-create-branch-inner{padding:10px 14px!important;border-top:none!important}.patient-visits-create-branch-select{min-width:220px;max-width:320px}.patient-visits-create-branch-glass .ant-card-body{padding:0}.patient-visits-form-card{background:#ffffff26;backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:blur(60px) saturate(200%);border:1px solid rgba(255,255,255,.25);border-radius:24px;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffffb3,inset 0 -1px #ffffff4d,0 0 0 1px #ffffff1a}.patient-visits-form-card .ant-card-head{background:transparent;border-bottom:1px solid rgba(255,255,255,.2);padding:20px 24px}.patient-visits-form-card .ant-card-head-title{font-size:20px;font-weight:700;color:#1e293b}.patient-visits-form-card .ant-card-body{padding:24px}.patient-visits-next-visit-label{color:#a16207!important;font-weight:600}.patient-visits-form-card .patient-visits-next-visit-input.ant-input-number{width:100%;border-color:#eab308!important;box-shadow:0 0 0 1px #eab30859!important;background:#fefce8!important}.patient-visits-form-card .patient-visits-next-visit-input.ant-input-number:hover{border-color:#ca8a04!important}.patient-visits-form-card .patient-visits-next-visit-input.ant-input-number-focused,.patient-visits-form-card .patient-visits-next-visit-input.ant-input-number:focus-within{border-color:#ca8a04!important;box-shadow:0 0 0 2px #eab30840!important}.patient-visits-form-card .patient-visits-next-visit-input .ant-input-number-input{background:transparent!important;color:#1e293b!important}.patient-visits-form-card .patient-visits-next-visit-input .ant-input-number-handler-wrap{border-inline-start-color:#eab30873!important;background:#fffbeb!important}.patient-visits-form-card .patient-visits-next-visit-input .ant-input-number-handler{border-block-end-color:#eab30840!important;color:#a16207!important}.patient-visits-form-card .patient-visits-next-visit-input .ant-input-number-handler:hover{color:#ca8a04!important}@media (max-width: 768px){.patient-visits-create-edit-content{padding:24px 0}.patient-visits-create-breadcrumb-row{flex-direction:column;align-items:stretch}.patient-visits-create-branch-glass{align-self:stretch;max-width:none}.patient-visits-create-branch-select{min-width:0;max-width:none;width:100%!important}}.patient-queue-container{min-height:100vh;background:#fff;padding:0}.patient-queue-content{max-width:1800px;margin:0 auto;padding:24px 0}.patient-queue-title{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 24px}.queue-summary-card{background:var(--bg-color);border-radius:16px;padding:24px;color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a;height:100%;min-height:120px;display:flex;align-items:center;cursor:pointer;position:relative;overflow:hidden}.queue-summary-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff1a;opacity:0;transition:opacity .4s ease;pointer-events:none}.queue-summary-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 32px #0003}.queue-summary-card:hover:before{opacity:1}.queue-summary-card:hover .queue-card-icon{transform:scale(1.1) rotate(5deg);background:#ffffff59}.queue-summary-card:hover .queue-card-time{transform:scale(1.15);box-shadow:0 4px 12px #0003}.queue-card-content{display:flex;align-items:center;width:100%;gap:16px}.queue-card-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;flex-shrink:0;background:var(--icon-bg);transition:all .4s cubic-bezier(.4,0,.2,1)}.queue-card-icon svg{font-size:28px;color:#fff;transition:transform .4s cubic-bezier(.4,0,.2,1)}.queue-card-info{flex:1;overflow:hidden;min-width:0;transition:transform .4s cubic-bezier(.4,0,.2,1)}.queue-summary-card:hover .queue-card-info{transform:translate(4px)}.queue-card-category{font-size:16px;font-weight:600;color:#fff;margin:0 0 6px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-card-name{font-size:13px;color:#ffffffd9;margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-card-time{display:flex;align-items:center;justify-content:center;width:56px;height:56px;font-size:20px;font-weight:700;color:#1e293b;background:#fff;border-radius:50%;flex-shrink:0;box-shadow:0 2px 6px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1)}.patient-queue-table-card{background:#fff;border:1px solid #E5E7EB;border-radius:16px;box-shadow:0 2px 8px #00000014;overflow:hidden}.patient-queue-table-card .ant-card-body{padding:24px}.patient-queue-table-card .ant-table{background:transparent}.patient-queue-table-card .ant-table-thead>tr>th{background:#f9fafb;border-bottom:2px solid #E5E7EB;color:#1e293b;font-weight:600;font-size:14px;padding:16px}.patient-queue-table-card .ant-table-tbody>tr>td{border-bottom:1px solid #F3F4F6;background:#fff;padding:16px;color:#374151}.patient-queue-table-card .ant-table-tbody>tr:hover>td{background:#f9fafb}.patient-queue-table-card .ant-table-tbody>tr:last-child>td{border-bottom:none}.status-select-wrapper{display:flex;justify-content:center;align-items:center}.status-select{min-width:160px;transition:all .3s cubic-bezier(.4,0,.2,1)}.status-select .ant-select-selector{border:2px solid transparent!important;border-radius:12px!important;background:transparent!important;padding:0!important;height:auto!important;transition:all .3s ease!important}.status-select .ant-select-selection-item{padding:0!important;line-height:1!important;height:auto!important}.status-select.status-queue .ant-select-selector{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;border-color:#f59e0b!important;box-shadow:0 2px 8px #f59e0b33!important}.status-select.status-queue .ant-select-selection-item{color:#92400e!important;font-weight:600!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:8px 16px!important}.status-select.status-completed .ant-select-selector{background:linear-gradient(135deg,#d1fae5,#a7f3d0)!important;border-color:#10b981!important;box-shadow:0 2px 8px #10b98133!important}.status-select.status-completed .ant-select-selection-item{color:#065f46!important;font-weight:600!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:8px 16px!important}.status-select.status-no-show .ant-select-selector{background:linear-gradient(135deg,#fee2e2,#fecaca)!important;border-color:#ef4444!important;box-shadow:0 2px 8px #ef444433!important}.status-select.status-no-show .ant-select-selection-item{color:#991b1b!important;font-weight:600!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:8px 16px!important}.status-select.status-cancelled .ant-select-selector{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)!important;border-color:#6b7280!important;box-shadow:0 2px 8px #6b728033!important}.status-select.status-cancelled .ant-select-selection-item{color:#374151!important;font-weight:600!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:8px 16px!important}.status-select:hover .ant-select-selector{transform:translateY(-2px);box-shadow:0 4px 12px #00000026!important}.status-select.ant-select-focused .ant-select-selector{box-shadow:0 0 0 3px #10b9811a!important}.status-dropdown{border-radius:12px!important;box-shadow:0 8px 24px #00000026!important;border:1px solid rgba(226,232,240,.8)!important;overflow:hidden;padding:8px!important}.status-dropdown .ant-select-item{border-radius:8px!important;margin-bottom:4px!important;padding:0!important;transition:all .2s ease!important}.status-dropdown .ant-select-item:hover{background:#f1f5f9cc!important;transform:translate(4px)}.status-dropdown .ant-select-item-option-selected{background:#10b9811a!important}.status-option{display:flex;align-items:center;gap:10px;padding:10px 14px;font-weight:500;color:#1e293b}.status-option-icon{font-size:16px;transition:transform .2s ease}.status-option:hover .status-option-icon{transform:scale(1.1)}.status-queue-icon{color:#f59e0b}.status-completed-icon{color:#10b981}.status-no-show-icon{color:#ef4444}.status-cancelled-icon{color:#6b7280}@keyframes statusPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.status-select.ant-select-open .ant-select-selector{animation:statusPulse .3s ease}@media (max-width: 1200px){.queue-card-time{width:48px;height:48px;font-size:18px}.queue-card-icon{width:48px;height:48px}.queue-card-icon svg{font-size:24px}}@media (max-width: 768px){.patient-queue-content{padding:24px 0}.patient-queue-title{font-size:24px}.queue-card-content{flex-wrap:wrap;gap:12px}.queue-card-info{flex:1 1 100%;min-width:0}.queue-card-time{margin-left:auto}}.staff-request-management-container{min-height:100vh;background:#f9fafb;padding:24px 0}.staff-request-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.staff-request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.staff-request-title{font-size:24px;font-weight:700;color:#1e293b;margin:0}.filter-card{background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px}.filter-row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.filter-item{display:flex;flex-direction:column;gap:8px}.filter-item label{font-size:14px;font-weight:500;color:#374151}.staff-request-card .ant-table{background:transparent}.staff-request-card .ant-table-thead>tr>th{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:2px solid #E5E7EB;color:#1e293b;font-weight:600;font-size:14px;padding:16px;position:relative}.staff-request-card .ant-table-thead>tr>th:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#10B981,transparent);opacity:.3}.staff-request-card .ant-table-tbody>tr{transition:all .3s ease;border-radius:8px;margin-bottom:8px}.staff-request-card .ant-table-tbody>tr>td{border-bottom:1px solid #F3F4F6;background:#fff;padding:18px 16px;color:#374151;transition:all .2s ease;position:relative}.staff-request-card .ant-table-tbody>tr>td:first-child{border-left:3px solid transparent;padding-left:13px}.staff-request-card .ant-table-tbody>tr:hover>td{background:linear-gradient(90deg,#f0fdf4,#fff);box-shadow:0 2px 8px #10b9811a;transform:translateY(-1px)}.staff-request-card .ant-table-tbody>tr:hover>td:first-child{border-left-color:#10b981}.staff-request-card .ant-table-tbody>tr:last-child>td{border-bottom:1px solid #F3F4F6}.staff-request-card .ant-table-tbody>tr:nth-child(2n)>td{background:#fafbfc}.staff-request-card .ant-table-tbody>tr:nth-child(2n):hover>td{background:linear-gradient(90deg,#f0fdf4,#fafbfc)}.staff-request-card .ant-table-tbody>tr>td .ant-tag{font-weight:500;padding:4px 12px;border-radius:6px;box-shadow:0 1px 3px #0000001a}.staff-request-card .ant-table-tbody>tr>td .ant-btn-link{padding:4px 8px;border-radius:4px;transition:all .2s ease}.staff-request-card .ant-table-tbody>tr>td .ant-btn-link:hover{background:#10b9811a;transform:translate(2px)}@media (max-width: 768px){.staff-request-management-container{padding:16px 0}.staff-request-header{flex-direction:column;align-items:flex-start;gap:16px}.filter-row{flex-direction:column;align-items:stretch}.filter-item{width:100%}}.staff-request-create-edit-container{min-height:100vh;background:linear-gradient(135deg,#f0fdf4,#ecfdf5,#d1fae5);padding:0}.staff-request-create-edit-content{max-width:1200px;margin:0 auto;padding:24px 0}.staff-request-public-container{min-height:100vh;background:#f9fafb;padding:24px 10px;display:flex;align-items:flex-start;justify-content:center}.staff-request-public-content{width:100%;max-width:800px;margin:0 auto}.staff-request-form-card{background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.staff-request-form-card .ant-card-body{padding:24px}.form-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:0}.form-header-left{display:flex;align-items:center;gap:20px}.form-icon-wrapper{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #10b9814d;position:relative;overflow:hidden}.form-icon-wrapper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-header-icon{font-size:32px;color:#fff;position:relative;z-index:1}.form-title{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 4px;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-subtitle{font-size:14px;color:#64748b;margin:0;font-weight:400}.back-button{border-radius:12px;height:40px;padding:0 20px;border:1px solid rgba(16,185,129,.3);color:#10b981;transition:all .3s ease}.back-button:hover{background:#10b9811a;border-color:#10b981;transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.form-section-main{background:transparent;border-radius:0;padding:0;border:none;margin-bottom:28px;box-shadow:none}.section-title-wrapper{margin-bottom:20px;text-align:left;padding-bottom:12px;border-bottom:2px solid #E5E7EB}.section-title-main{font-size:18px;font-weight:600;color:#111827;margin:0;letter-spacing:-.01em}.section-title-underline{display:none}.form-item-custom{margin-bottom:6px!important}.form-item-custom .ant-form-item-label{padding-bottom:6px}.form-item-custom .ant-form-item-label>label{font-size:13px;font-weight:500;color:#374151;height:auto}@keyframes inputFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.form-item-custom .ant-input,.form-item-custom .ant-select-selector,.form-item-custom .ant-picker,.form-item-custom .ant-input-number{border:1px solid #A7F3D0;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;height:40px;background:#f0fdf4!important;animation:inputFadeIn .3s ease-in-out}.form-item-custom .ant-select .ant-select-selector{background:#f0fdf4!important;border:1px solid #A7F3D0!important;animation:inputFadeIn .3s ease-in-out;min-height:40px}.form-item-custom .ant-select .ant-select-selector .ant-select-selection-item,.form-item-custom .ant-select .ant-select-selector .ant-select-selection-placeholder{color:#111827;line-height:38px;display:flex;align-items:center}.form-item-custom .ant-select .ant-select-arrow{color:#10b981;top:50%!important;transform:translateY(-50%)!important;right:11px;margin-top:0;display:flex;align-items:center;justify-content:center;height:auto}.form-item-custom .ant-select-lg .ant-select-arrow{top:50%!important;transform:translateY(-50%)!important;right:11px}.form-item-custom .ant-select-selection-search{line-height:38px}.form-item-custom .ant-select-selection-search-input{height:38px;line-height:38px}.form-item-custom .ant-input:hover,.form-item-custom .ant-select:hover .ant-select-selector,.form-item-custom .ant-picker:hover{border-color:#6ee7b7;background:#ecfdf5;transform:translateY(-1px);box-shadow:0 2px 4px #10b9811a}.form-item-custom .ant-select:hover .ant-select-selector{background:#ecfdf5!important;border-color:#6ee7b7!important;transform:translateY(-1px);box-shadow:0 2px 4px #10b9811a}.form-item-custom .ant-input:focus,.form-item-custom .ant-input-focused,.form-item-custom .ant-select-focused .ant-select-selector,.form-item-custom .ant-picker-focused{border-color:#10b981;background:#fff;box-shadow:0 0 0 3px #10b98126,0 2px 8px #10b98133;transform:translateY(-1px)}.form-item-custom .ant-select-focused .ant-select-selector{background:#fff!important;border-color:#10b981!important;box-shadow:0 0 0 3px #10b98126,0 2px 8px #10b98133!important;transform:translateY(-1px)}.form-item-custom .ant-select-dropdown{z-index:1050;border-radius:6px;box-shadow:0 4px 12px #00000026;border:1px solid #E5E7EB;padding:4px}.form-item-custom .ant-select-dropdown .ant-select-item{cursor:pointer}.form-item-custom .ant-select-open .ant-select-selector{border-color:#10b981!important}.form-item-custom .ant-select-dropdown .ant-select-item{padding:8px 12px;transition:all .2s ease;border-radius:4px;margin:2px 0;cursor:pointer;pointer-events:auto}.form-item-custom .ant-select-dropdown .ant-select-item:hover{background:#ecfdf5}.form-item-custom .ant-select-dropdown .ant-select-item-option-selected{background:#d1fae5!important;font-weight:500;color:#047857}.form-item-custom .ant-select-dropdown .ant-select-item-option-active{background:#ecfdf5}.form-item-custom .ant-select-dropdown .ant-select-item-option{pointer-events:auto!important;-webkit-user-select:none;user-select:none}.form-item-custom .ant-input::placeholder,.form-item-custom .ant-picker-input input::placeholder{color:#9ca3af}.form-item-custom textarea.ant-input{border:1px solid #A7F3D0;border-radius:6px;background:#f0fdf4;resize:vertical;min-height:100px;height:auto;padding:8px 12px;animation:inputFadeIn .3s ease-in-out}.form-item-custom textarea.ant-input:hover{border-color:#6ee7b7;background:#ecfdf5;transform:translateY(-1px);box-shadow:0 2px 4px #10b9811a}.form-item-custom textarea.ant-input:focus{border-color:#10b981;background:#fff;box-shadow:0 0 0 3px #10b98126,0 2px 8px #10b98133;transform:translateY(-1px)}.form-actions-wrapper{display:flex;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #E5E7EB}.submit-button-main{min-width:160px;height:40px;font-size:14px;font-weight:500;border-radius:6px;background:#10b981;border-color:#10b981;transition:all .15s ease}.submit-button-main:hover:not(:disabled){background:#059669;border-color:#059669}.submit-button-main:disabled{background:#d1d5db;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.6}.form-label{font-weight:600;color:#374151;font-size:14px;display:flex;align-items:center}.futuristic-input,.futuristic-select,.futuristic-datepicker{border-radius:12px!important;border:2px solid rgba(16,185,129,.2)!important;transition:all .3s ease!important;background:#fffc!important}.futuristic-input:hover,.futuristic-select:hover,.futuristic-datepicker:hover{border-color:#10b98166!important;box-shadow:0 2px 8px #10b9811a!important}.futuristic-input:focus,.futuristic-select:focus,.futuristic-datepicker:focus,.futuristic-input.ant-input-focused,.futuristic-select.ant-select-focused .ant-select-selector,.futuristic-datepicker.ant-picker-focused{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811a!important;background:#fff!important}.futuristic-textarea{border-radius:12px!important;border:2px solid rgba(16,185,129,.2)!important;transition:all .3s ease!important;background:#fffc!important;resize:vertical}.futuristic-textarea:hover{border-color:#10b98166!important;box-shadow:0 2px 8px #10b9811a!important}.futuristic-textarea:focus,.futuristic-textarea.ant-input-focused{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811a!important;background:#fff!important}.option-content{display:flex;align-items:center;justify-content:space-between}.option-label{font-weight:500;color:#1e293b}.option-meta{font-size:12px;color:#64748b;margin-left:8px}.form-actions{margin-top:32px;margin-bottom:0;display:flex;gap:12px;justify-content:flex-end}.submit-button{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;border-radius:12px!important;height:48px!important;padding:0 32px!important;font-weight:600!important;font-size:16px!important;box-shadow:0 4px 16px #10b9814d!important;transition:all .3s ease!important}.submit-button:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #10b98166!important;background:linear-gradient(135deg,#059669,#047857)!important}.cancel-button{border-radius:12px!important;height:48px!important;padding:0 32px!important;border:2px solid rgba(16,185,129,.3)!important;color:#10b981!important;font-weight:500!important;transition:all .3s ease!important}.cancel-button:hover{background:#10b9811a!important;border-color:#10b981!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #10b98133!important}.staff-request-form .ant-form-item-label>label{font-weight:600;color:#374151}.staff-request-form .ant-form-item{margin-bottom:24px}.staff-request-form .ant-input,.staff-request-form .ant-select-selector,.staff-request-form .ant-picker{border-radius:12px}.futuristic-input-number{border-radius:12px!important;border:2px solid rgba(16,185,129,.2)!important;transition:all .3s ease!important;background:#fffc!important}.futuristic-input-number:hover{border-color:#10b98166!important;box-shadow:0 2px 8px #10b9811a!important}.futuristic-input-number:focus,.futuristic-input-number.ant-input-number-focused{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811a!important;background:#fff!important}.futuristic-input-number .ant-input-number-input{border-radius:12px}.futuristic-datepicker.ant-picker-range{border-radius:12px!important}.futuristic-datepicker.ant-picker-range .ant-picker-input>input{border-radius:12px}@media (max-width: 768px){.staff-request-public-container{padding:16px 10px}.staff-request-public-content{padding:0}.staff-request-create-edit-content{padding:24px 0}.form-header-section{flex-direction:column;align-items:flex-start;gap:16px}.form-header-left{width:100%}.form-icon-wrapper{width:56px;height:56px}.form-header-icon{font-size:28px}.form-title{font-size:24px}.form-actions{flex-direction:column}.submit-button,.cancel-button{width:100%}.staff-request-form-card .ant-card-body{padding:20px 16px}.form-section{padding:16px}.section-header{margin-bottom:16px}.section-title{font-size:16px}.section-title-centered{font-size:20px;padding:10px 0}.section-header-centered{padding:0 8px;margin-bottom:24px}.staff-request-form .ant-form-item-label>label{font-size:13px}}@media (max-width: 480px){.staff-request-public-container{padding:12px 10px}.staff-request-form-card .ant-card-body{padding:20px 12px}.form-title{font-size:20px}.form-subtitle{font-size:12px}.form-section-main{padding:20px 12px;margin-bottom:16px}.section-title-main{font-size:18px}.section-title-underline{width:40px;height:2px}.form-item-custom .ant-form-item-label>label{font-size:12px}.form-icon-wrapper{width:48px;height:48px}.form-header-icon{font-size:24px}}.employee-confirm-modal .ant-modal-content{border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000001f}.employee-confirm-modal .ant-modal-header{display:none}.employee-confirm-modal .ant-modal-body,.employee-confirm-content{padding:0}.employee-confirm-header{background:linear-gradient(135deg,#10b981,#059669);padding:32px 24px;text-align:center;color:#fff}.employee-confirm-icon-wrapper{width:80px;height:80px;margin:0 auto 20px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.3)}.employee-confirm-icon{font-size:40px;color:#fff}.employee-confirm-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 8px}.employee-confirm-subtitle{font-size:14px;color:#ffffffe6;margin:0}.employee-details-card{padding:24px;background:#f9fafb}.employee-avatar-section{display:flex;align-items:center;gap:20px;margin-bottom:20px}.employee-avatar{border:3px solid #10B981;box-shadow:0 4px 12px #10b9814d}.employee-name-section{flex:1}.employee-full-name{font-size:22px;font-weight:700;color:#1f2937;margin:0 0 8px}.employee-id-badge{display:inline-flex;align-items:center;padding:6px 12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:20px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #10b9814d}.employee-descriptions{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d}.employee-descriptions .ant-descriptions-item-label{font-weight:600;color:#374151;width:120px;padding:12px 16px;background:#10b9810d;border-radius:8px}.employee-descriptions .ant-descriptions-item-content{padding:12px 16px;color:#1f2937;font-weight:500}.desc-label{display:flex;align-items:center;font-weight:600}.role-badge{display:inline-block;padding:4px 12px;background:#10b9811a;color:#10b981;border-radius:12px;font-weight:600;font-size:13px;text-transform:capitalize}.employee-confirm-actions{display:flex;gap:12px;padding:24px;background:#fff;border-top:1px solid #E5E7EB;justify-content:flex-end}.cancel-confirm-button{border-radius:8px;height:44px;padding:0 24px;border:2px solid #D1D5DB;color:#6b7280;font-weight:500}.cancel-confirm-button:hover{border-color:#9ca3af;color:#374151}.confirm-button{border-radius:8px;height:44px;padding:0 32px;font-weight:600;box-shadow:0 4px 12px #10b9814d}.confirm-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.employee-search-group{display:flex!important;align-items:stretch!important;width:100%}.employee-search-group .employee-id-input{flex:1;border-radius:6px 0 0 6px!important;border-right:none!important;border:1px solid #A7F3D0;transition:all .3s cubic-bezier(.4,0,.2,1);height:40px;background:#f0fdf4;animation:inputFadeIn .3s ease-in-out}.employee-search-group .employee-id-input:focus,.employee-search-group .employee-id-input:hover{border-right:none!important;border-color:#6ee7b7;background:#ecfdf5;z-index:1;transform:translateY(-1px);box-shadow:0 2px 4px #10b9811a}.employee-search-group .employee-id-input:focus{border-color:#10b981;background:#fff;box-shadow:0 0 0 3px #10b98126,0 2px 8px #10b98133;transform:translateY(-1px)}.employee-search-group .employee-search-button{border-radius:0 6px 6px 0!important;background:#10b981!important;border-color:#10b981!important;height:40px;padding:0 20px;display:flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0;margin-left:0!important;font-weight:500;font-size:14px;transition:all .15s ease}.employee-search-group .employee-search-button:hover:not(:disabled){background:#059669!important;border-color:#059669!important}.employee-search-group .employee-search-button:disabled{opacity:.6;cursor:not-allowed}.employee-search-group .ant-input-group-addon{display:none}.submit-button:disabled{opacity:.5;cursor:not-allowed;background:#9ca3af!important;border-color:#9ca3af!important}.request-success-modal .ant-modal-content{border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000001f}.request-success-modal .ant-modal-header{display:none}.request-success-modal .ant-modal-body,.request-success-content{padding:0}.request-success-header{background:linear-gradient(135deg,#10b981,#059669);padding:32px 24px;text-align:center;color:#fff}.request-success-icon-wrapper{width:80px;height:80px;margin:0 auto 20px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.3);animation:successPulse 2s ease-in-out infinite}@keyframes successPulse{0%,to{transform:scale(1);box-shadow:0 0 #fff6}50%{transform:scale(1.05);box-shadow:0 0 0 10px #fff0}}.request-success-icon{font-size:40px;color:#fff}.request-success-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 8px}.request-success-subtitle{font-size:14px;color:#ffffffe6;margin:0}.request-details-card{padding:24px;background:#f9fafb}.request-id-section{text-align:center;margin-bottom:20px}.request-id-badge{display:inline-flex;align-items:center;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:24px;font-size:16px;font-weight:700;box-shadow:0 4px 12px #10b9814d}.request-success-descriptions{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d}.request-success-descriptions .ant-descriptions-item-label{font-weight:600;color:#374151;width:140px;padding:12px 16px;background:#10b9810d;border-radius:8px}.request-success-descriptions .ant-descriptions-item-content{padding:12px 16px;color:#1f2937;font-weight:500}.request-type-badge{display:inline-block;padding:4px 12px;background:#10b9811a;color:#10b981;border-radius:12px;font-weight:600;font-size:13px}.status-badge{display:inline-block;padding:6px 14px;border-radius:16px;font-weight:600;font-size:13px}.status-badge.pending{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.description-content{background:#10b9810d;border-left:3px solid #10B981;padding:10px 12px;border-radius:6px;color:#475569;font-size:14px;line-height:1.6;word-wrap:break-word}.request-success-actions{padding:24px;background:#fff;border-top:1px solid #E5E7EB}.success-close-button{border-radius:8px;height:44px;font-weight:600;box-shadow:0 4px 12px #10b9814d}.success-close-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166;background:#059669!important;border-color:#059669!important}@media (max-width: 768px){.employee-confirm-modal,.request-success-modal{width:95%!important;margin:10px auto}.employee-avatar-section{flex-direction:column;text-align:center}.employee-confirm-actions{flex-direction:column}.cancel-confirm-button,.confirm-button{width:100%}.request-success-header{padding:24px 16px}.request-success-icon-wrapper{width:60px;height:60px}.request-success-icon{font-size:30px}.request-success-title{font-size:20px}.request-details-card{padding:16px}}.work-in-progress-container{display:flex;align-items:center;justify-content:center;min-height:60vh;width:100%;padding:24px 0;background:#f9fafb}.work-in-progress-content{text-align:center;max-width:600px;width:100%;animation:fadeInUp .6s ease-out}.wip-illustration{margin-bottom:32px;display:flex;justify-content:center;align-items:center;min-height:300px;width:100%}.wip-image{max-width:100%;width:auto;height:auto;max-height:400px;min-width:300px;min-height:200px;object-fit:contain;display:block!important;visibility:visible;filter:drop-shadow(0 4px 12px rgba(16,185,129,.15));animation:fadeInUp .6s ease-out}.wip-image[alt]{color:transparent}@keyframes progressPulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wip-text-content{padding:0 20px}.wip-title{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 16px;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.wip-message{font-size:16px;color:#6b7280;line-height:1.6;margin:0 0 32px;font-weight:400}.wip-home-button{min-width:180px;height:44px;font-size:15px;font-weight:600;border-radius:8px;background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 4px 12px #10b9814d;transition:all .3s ease}.wip-home-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166;background:linear-gradient(135deg,#059669,#047857)}@media (max-width: 768px){.work-in-progress-container{min-height:50vh;padding:30px 0}.wip-illustration{margin-bottom:24px}.wip-image{max-width:100%;max-height:300px}.wip-title{font-size:24px;margin-bottom:12px}.wip-message{font-size:14px;margin-bottom:24px}.wip-home-button{min-width:160px;height:40px;font-size:14px}.wip-text-content{padding:0 10px}}@media (max-width: 480px){.work-in-progress-container{min-height:40vh;padding:20px 0}.wip-title{font-size:20px}.wip-message{font-size:13px;margin-bottom:20px}.wip-home-button{min-width:140px;height:38px;font-size:13px}}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#065f460d;border-radius:4px}::-webkit-scrollbar-thumb{background:#065f4633;border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#065f4659}*{scrollbar-width:thin;scrollbar-color:rgba(6,95,70,.2) rgba(6,95,70,.05)}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#1a1a1a}#root{width:100%;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ant-table-wrapper .ant-table-thead>tr>th.ant-table-cell{padding-top:12px!important;padding-bottom:12px!important}.ant-table-wrapper .ant-table-tbody>tr>td.ant-table-cell{padding-top:10px!important;padding-bottom:10px!important}