:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html,#root{background:#fff!important;background-image:none!important}body,html{scrollbar-color:#e5e7eb #fff;scrollbar-width:thin}body::-webkit-scrollbar,html::-webkit-scrollbar{width:8px;background:#fff}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:8px}body::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background:#d1d5db}body.no-scroll{overflow:hidden!important;height:100vh;touch-action:none;padding-right:var(--scrollbar-width, 0px)}[data-lenis-prevent]{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}a{font-weight:500;color:#b2587e;text-decoration:inherit}a:hover{color:#b2587e}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,#root{height:100%;width:100%;margin:0;padding:0;-webkit-text-size-adjust:100%}.page,.signup-page{min-height:100vh;width:100vw;background:linear-gradient(135deg,#fff1f2,#fdf2f8,#fff7ed);display:flex;justify-content:center;align-items:center;padding:0;box-sizing:border-box;overflow:visible}.card{width:100%;max-width:980px;margin:12px auto;display:flex;flex-direction:row;align-items:stretch;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px #0206171f;border:1px solid rgba(0,0,0,.04);background:#fff}.left{flex:0 0 42%;min-width:220px;padding:32px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:18px;color:#364153;background:linear-gradient(180deg,#fb7185cc,#ec4899cc)}.left h1{font-size:32px;margin-bottom:24px;color:#fff}.left ul{list-style:none;padding:0;margin:0}.left li{display:flex;gap:14px;margin-bottom:28px;align-items:center}.tick-icon{width:34px;height:34px;flex:0 0 34px;display:inline-flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;padding:4px}.tick-icon circle,.tick-icon path{stroke:#fff}.right{flex:1 1 58%;padding:60px 72px;box-sizing:border-box;max-height:calc(100vh - 48px);overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start}.field input{width:100%;padding:12px 12px 12px 42px;border-radius:8px;border:1px solid #ddd;background:#fff!important;color:#364153!important;caret-color:#ec4899}.field input::placeholder{color:#717182!important;opacity:1}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #fff inset!important;box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#364153!important}.row input[type=checkbox]{-webkit-appearance:none;appearance:none;width:16px;height:16px;border:1px solid #d1d5db;border-radius:3px;background:#fff;display:inline-block;vertical-align:middle;margin-right:8px;position:relative}.row input[type=checkbox]:checked{background:linear-gradient(90deg,#f472b6cc,#fb7185cc);border:1px solid rgba(0,0,0,.08)}.row input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:6px;height:10px;border:2px solid #fff;border-left:0;border-top:0;transform:rotate(45deg)}.tabs span{display:flex!important;align-items:center!important;gap:10px}@media(max-width:1200px)and (min-width:901px){.card{max-width:940px;width:94vw;border-radius:16px;box-shadow:0 18px 40px #0206171a}.left,.right{padding:24px 18px}}@media(max-width:900px){html,body,.page{height:100vh;width:100vw;margin:0;padding:0}.card{flex-direction:column!important;width:100vw!important;min-width:0!important;max-width:100vw!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important}.left{display:none!important}.right{width:100%!important;max-width:100vw!important;padding:32px 8px!important;border-radius:12px!important;box-shadow:none!important;min-width:0!important;max-height:none!important;overflow:visible!important}.logo{left:12px!important;top:4px!important;width:48px!important;height:auto!important;position:absolute!important;z-index:10}.tabs{justify-content:center;gap:10px;margin-bottom:12px}.field input,button{font-size:15px}.tick-icon{width:28px;height:28px}}@media(max-width:420px){.right{padding-top:18px!important;padding-bottom:18px!important}.logo{top:2px!important;left:4px!important;width:40px!important}.tabs,.row,.center,.support{font-size:12px}.field input{font-size:13px;padding:10px}button{font-size:14px;height:44px;border-radius:10px}.tick-icon{width:22px;height:22px}}.card *,.left *,.right *{max-width:100%;word-break:break-word}button:focus,input:focus,textarea:focus{outline:3px solid rgba(236,72,153,.12);outline-offset:2px}.step-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:16px}.step-wrapper>span:nth-child(2){display:flex;align-items:center;justify-content:center;line-height:0;margin-top:24px}.step-wrapper svg{display:block;width:20px;height:20px}html,body{height:100%;width:100%;margin:0;padding:0}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}.signup-page{min-height:100vh;width:100vw;zoom:.9;margin-left:75px;background:linear-gradient(135deg,#fff1f2,#fdf2f8,#fff7ed);display:flex;justify-content:center;align-items:center;padding:0;overflow:hidden}.signup-card,.card{width:1024px;height:650px;max-width:100%;background:#fefefe;display:flex;margin:0 auto;border-radius:22px;overflow:hidden;border:1px solid #f1f1f1;box-shadow:0 30px 80px #0000002e;transform:scale(.85);transform-origin:center}.left-panel{width:461px;background:linear-gradient(180deg,#ffe1ec,#fff6fa);padding:32px;display:flex;flex-direction:column;gap:22px}.left-image1{width:32px;height:32px;border-radius:8px;object-fit:contain;margin-bottom:18px;margin-top:4px}.left-image2{width:70%;height:100px;border-radius:12px;object-fit:cover;margin-bottom:12px}.right-panel{width:563px;padding:42px;display:flex;flex-direction:column;color:#364153;height:100%;box-sizing:border-box;justify-content:flex-start;zoom:.9}.right-panel{height:100%;min-height:100%;display:flex;flex-direction:column;justify-content:space-between}.step-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:24px}.progress-track{width:min(500px,70%);max-width:100%;height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden}.signup-progress-fill{width:40%;height:100%;background:linear-gradient(90deg,#ff2f7d,#ff5fa2)}.step{font-size:13px;color:#6b7280;white-space:nowrap}.tabs{display:flex;gap:18px;margin-bottom:26px;align-items:center}.tab{font-size:14px;color:#9aa0a6;cursor:pointer}.tab.active{color:#ff2f7d;font-weight:600;border-bottom:2px solid #ff2f7d;padding-bottom:4px}h2{font-size:26px;margin-bottom:6px;color:#0f172a}.subtitle{font-size:14px;color:#6b7280;margin-bottom:22px}.form{display:flex;flex-direction:column}.form label{font-size:14px;margin-bottom:6px}.form input{height:44px;padding:0 14px;border-radius:10px;border:1px solid #d1d5db;font-size:14px;margin-bottom:6px}.form input:focus{outline:none;border-color:#ff2f7d}.form small{font-size:12px;color:#6b7280;margin-bottom:14px}.form button{margin-top:12px;height:48px;border-radius:12px;border:none;background:linear-gradient(90deg,#ff2f7d,#ff5fa2);color:#fff;font-size:16px;font-weight:600;cursor:pointer}.form button:hover{opacity:.9}.signin{margin-top:18px;text-align:center;font-size:14px}.signin span{color:#ff2f7d;font-weight:600;cursor:pointer}.security{margin-top:auto;background:#fff3f7;padding:14px 16px;border-radius:12px}.security-row{display:flex;align-items:center;gap:8px}.security-text{font-size:13px;color:#364153;line-height:1.4}@media(max-width:900px){.signup-card{flex-direction:column;width:95%}.left-panel,.right-panel{width:100%}}@media(max-width:1200px)and (min-width:901px){.signup-page{margin-left:20px}.signup-card{transform:scale(.92);width:940px;height:620px}.left-panel{width:380px;padding:24px}.right-panel{width:calc(100% - 380px);padding:32px}.progress-track{width:min(360px,70%)}}@media(max-width:900px){html,body,.signup-page{height:100vh;width:100%}.signup-page{margin-left:0;padding:12px;overflow:auto;align-items:center;justify-content:center;background-repeat:no-repeat}.signup-card{width:100%;max-width:520px;box-sizing:border-box;margin:0 auto;height:auto;border-radius:12px;transform:none!important;box-shadow:0 8px 30px #00000014;border:1px solid #f1f1f1;background:#fff;display:flex;flex-direction:column;overflow:hidden}.left-panel{width:100%;padding:12px 16px;display:flex;flex-direction:row;align-items:center;gap:12px;justify-content:flex-start;background:linear-gradient(180deg,#ffe1ec,#fff6fa);border-radius:0}.left-image1{width:56px;height:56px;margin:0;flex:0 0 auto}.left-image2{display:none}.right-panel{width:100%;padding:16px;box-sizing:border-box;background:transparent;border-top-left-radius:0;border-top-right-radius:0}.step-wrapper{justify-content:center;width:100%;gap:10px;margin:12px 0}.progress-track{width:min(320px,85%);height:6px;margin:0 auto}.tabs{justify-content:center;gap:10px;margin-bottom:12px}.form{width:100%;padding-bottom:16px}.form input,.form button{width:100%;box-sizing:border-box}svg{max-width:100%;height:auto;display:inline-block}}@media(max-width:420px){.signup-page{padding:0}.left-panel{padding:8px 12px;gap:8px}h2{font-size:20px}.subtitle,.step,.tab,.security-text{font-size:12px}.progress-track{width:min(220px,85%);height:6px}.form input{font-size:13px;padding:0 10px}.form button{font-size:14px;height:44px;border-radius:10px}.left-image1{width:48px;height:48px}.left-image2{display:none}}body{font-family:Arial,Helvetica,sans-serif}.professional-details-container{min-height:100vh;width:100vw;background:linear-gradient(135deg,#fce4ec,#e3f2fd);display:flex;align-items:center;justify-content:center;padding:40px 0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.content-wrapper{display:flex;background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026;overflow:hidden;max-width:800px;min-height:5px;width:90%;margin:auto;transform:scale(.9);transform-origin:center}.tooltip{margin-left:6px;cursor:pointer;border-radius:50%;background:#eee;padding:0 6px;font-weight:700;color:#e60076;border:1px solid #E60076}.left-section{flex:0 0 360px;background:linear-gradient(180deg,#fce4ec,#fff3e0);padding:32px 24px;display:flex;flex-direction:column;justify-content:center}.logo-section{margin-bottom:32px}.logo-text{font-size:28px;font-weight:300;color:#333;letter-spacing:.5px;line-height:1}.logo-subtext{font-size:9px;font-weight:600;color:#666;letter-spacing:2px;margin-top:2px}.image-container{flex:1;display:flex;align-items:center;justify-content:center}.professional-image{width:100%;max-width:312px;height:400px;object-fit:cover;border-radius:16px;box-shadow:0 8px 24px #0000001f}.right-section{flex:1;padding:32px 24px;display:flex;flex-direction:column;justify-content:center}.progress-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.progress-fill{height:100%;width:66%;background:linear-gradient(90deg,#f06292,#ec407a);border-radius:2px}.step-indicator{display:flex;align-items:center;gap:6px}.step-text{font-size:13px;color:#666;font-weight:500}.form-content{flex:1;display:flex;flex-direction:column}.form-title{font-size:32px;font-weight:600;color:#1a1a1a;margin:0 0 8px;line-height:1.2}.form-subtitle{font-size:14px;color:#666;margin:0 0 32px;line-height:1.5}.form-fields{flex:1}.name-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;max-width:420px;margin-left:auto;margin-right:auto}.form-group{margin-bottom:20px}.form-label{display:block;font-size:13px;font-weight:500;color:#333;margin-bottom:8px}.form-input,.form-select{width:100%;padding:12px 16px;font-size:14px;color:#333;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;outline:none;transition:all .2s ease;font-family:inherit}.form-input:focus,.form-select:focus{background:#fff;border-color:#ec407a;box-shadow:0 0 0 3px #ec407a1a}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;cursor:pointer}.form-select option{color:#333}.form-helper-text{font-size:12px;color:#999;margin-top:6px;line-height:1.4}.action-buttons{display:flex;gap:12px;margin-top:24px}.back-button{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;color:#666;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit}.back-button:hover{background:#f8f9fa;border-color:#d0d0d0}.continue-button{flex:1;padding:12px 24px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#f06292,#ec407a);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;box-shadow:0 4px 12px #ec407a40}.continue-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ec407a4d}.continue-button:active{transform:translateY(0)}@media(max-width:968px){.content-wrapper{flex-direction:column}.left-section{flex:none;padding:24px}.professional-image{max-width:280px;height:350px}.right-section{padding:32px 24px}.form-title{font-size:28px}}@media(max-width:640px){.name-row{grid-template-columns:1fr}.action-buttons{flex-direction:column}.back-button{width:100%;justify-content:center}}.org-logo-img{width:80px;height:auto;display:block;margin-bottom:8px}.no-scroll{overflow:hidden!important;height:100vh!important;touch-action:none}@media(max-width:900px){.left-section{display:none!important}.right-section{width:100%!important;max-width:100vw!important;padding:32px 8px!important;border-radius:16px!important;min-width:0!important}.content-wrapper{flex-direction:column!important;width:100vw!important;min-width:0!important;max-width:100vw!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important}}@media(max-width:420px){.right-section{padding:16px 4px!important}}*{box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.verify-page{min-height:100vh;background:linear-gradient(135deg,#fff5f8,#fff);display:flex;align-items:center;justify-content:center}.verify-card{position:relative;width:1100px;height:720px;background:#fff;border-radius:22px;box-shadow:0 25px 60px #0000001f;display:flex;overflow-y:auto;overflow-x:hidden;transform:scale(.7);transform-origin:center}.verify-card{position:relative}.fr-verify-left{width:42%;padding:40px 32px;background:linear-gradient(180deg,#fce7f3,#ffe4e6,#ffedd4);display:flex;flex-direction:column;align-items:center}.logo{width:160px;margin-bottom:30px}.verify-image{width:90%;max-width:340px;height:420px;object-fit:cover;border-radius:18px;margin-top:60px;box-shadow:0 8px 24px #0000001a}.verify-right{width:58%;padding:40px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}.verify-right>*{flex-shrink:0}.card-top{width:100%;height:32px;display:flex;align-items:center;gap:16px;justify-content:flex-end;margin-top:95px;margin-bottom:10px}.step-wrapper{display:flex;align-items:center;gap:16px;width:100%;max-width:none}.progress-track{flex:1;height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden;min-width:200px}.progress-fill{height:100%;width:100%;background:linear-gradient(90deg,#f06292,#ec407a);border-radius:999px;transition:width .3s ease}*/ .step{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#6b7280;white-space:nowrap;flex-shrink:0}.step svg{width:16px;height:16px}.verify-right h2{font-size:32px;font-weight:700;margin-bottom:16px;margin-top:0}.fr-info-box{width:100%;background:#fdf2f8;border:1px solid #f9a8d4;border-radius:12px;padding:16px;margin-bottom:16px;display:flex;align-items:flex-start;gap:12px}.code-info strong{color:#111827;display:block;margin-bottom:4px;font-size:14px;font-weight:600}.code-info p{font-size:14px;color:#6b7280;margin:0;line-height:1.4}.otp-label{font-size:16px;color:#374151;margin-bottom:12px;font-weight:500}.otp-row{display:flex;gap:12px;margin-bottom:16px}.otp-input{width:48px;height:48px;font-size:24px;text-align:center;border-radius:8px;border:1px solid #e5e7eb;background:#fff}.otp-input:focus{border-color:#ec4899}.error{font-size:14px;color:#dc2626;margin:6px 0}.resend{font-size:14px;color:#e60076;margin-bottom:16px}.resend span{color:#ec4899;font-weight:500}.resend button{background:none;border:none;color:#ec4899;cursor:pointer;font-size:14px;padding:0}.verify-actions-box{display:flex;gap:12px;margin:16px 0;width:100%}.back-btn{padding:12px 24px;border-radius:12px;border:1px solid #D1D5DB;background:#fff;font-size:16px;color:#374151;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px}.fgb-verify-btn{flex:1;padding:12px 24px;border-radius:12px;border:none;background:#e60076;color:#fff;font-size:16px;font-weight:600;margin-bottom:5px;cursor:pointer}.fgb-verify-btn:disabled{opacity:.5;cursor:not-allowed}.fgb-verify-btn:not(:disabled):hover{background:#d1477a}.fr-spam-note{border:1.265px solid #E5E7EB;padding:5px;border-radius:8px;font-size:13px;color:#6b7280;margin-left:60px;margin-bottom:80px;background:#f9fafb}@media(max-width:900px){.fr-verify-left{display:none!important}.verify-right{width:100%!important;max-width:100vw!important;padding:24px 8px!important;border-radius:16px!important;min-width:0!important;gap:16px!important}.verify-card{flex-direction:column!important;width:100vw!important;min-width:0!important;max-width:100vw!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important;position:static!important;transform:none!important;height:auto!important}}.pendingapprovalscreen-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#fff1f2,#fdf2f8,#fff7ed);display:flex;justify-content:center;align-items:center;padding:0;font-family:Inter,sans-serif;z-index:0}.pendingapproval-card-wrapper{display:flex;width:100%;max-width:980px;margin:-10px auto 0;background:#fff;border-radius:24px;box-shadow:0 25px 60px #00000026;overflow:hidden;transform:scale(.7);transform-origin:center}.pendingapproval-image-container{width:45%;background:linear-gradient(135deg,#fce7f3,#ffe4e6,#ffedd4);padding:32px;display:flex;flex-direction:column;gap:20px}.pendingapproval-logo-section{text-align:center;margin-bottom:18px}.pendingapproval-logo-img{width:80px;height:auto;display:block;margin-bottom:18px;margin-left:0}.pendingapproval-logo-text{font-size:26px;font-weight:700;color:#333}.pendingapproval-logo-subtext{font-size:12px;letter-spacing:2px;color:#999}.pendingapproval-image{width:100%;border-radius:16px;object-fit:cover}.pendingapproval-details-container{width:55%;padding:48px}.pendingapproval-right-section{display:flex;flex-direction:column;align-items:center;text-align:center}.pendingapproval-icon-container{margin-bottom:12px}.pendingapproval-icon-circle{width:72px;height:72px;border-radius:50%;background:#fde4ec;display:flex;align-items:center;justify-content:center}.pendingapproval-status-badge{margin-top:12px;background:#fde4ec;padding:6px 14px;border-radius:20px}.pendingapproval-status-text{color:#222;font-size:13px;font-weight:600}.pendingapproval-main-heading{margin-top:20px;font-size:26px;font-weight:700;color:#222}.pendingapproval-main-subtext{margin-top:8px;color:#666;font-size:14px}.pendingapproval-info-cards{margin-top:32px;width:100%;display:flex;flex-direction:column;gap:16px}.pendingapproval-info-card{display:flex;gap:14px;background:#fafafa;border-radius:16px;padding:16px;text-align:left}.pendingapproval-info-card-pink{background:#fff1f5}.pendingapproval-card-icon{flex-shrink:0}.pendingapproval-card-title{font-weight:600;font-size:14px;color:#333}.pendingapproval-card-text{font-size:13px;color:#666;margin-top:4px}.pendingapproval-card-list{margin:6px 0 0 16px;padding:0;font-size:13px;color:#666}.pendingapproval-card-list li{margin-bottom:4px}.pendingapproval-return-button{margin-top:28px;width:100%;padding:14px;border-radius:12px;border:none;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(90deg,#f6339a,#ff2056);cursor:pointer;box-shadow:0 4px 12px #f6339a26;transition:opacity .2s}.pendingapproval-return-button:hover{opacity:.9}.pendingapproval-support-text{margin-top:20px;font-size:12px;color:#777}.pendingapproval-support-link{color:#ec407a;text-decoration:none;font-weight:500}@media(max-width:900px){.pendingapproval-card-wrapper{flex-direction:column}.pendingapproval-image-container,.pendingapproval-details-container{width:100%}}@media(max-width:900px){.pendingapproval-image-container{display:none!important}.pendingapproval-details-container{width:100%!important;max-width:100vw!important;padding:32px 8px!important;border-radius:16px!important;min-width:0!important}.pendingapproval-card-wrapper{flex-direction:column!important;width:100vw!important;min-width:0!important;max-width:100vw!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important;transform:none!important}}@media(max-width:420px){.pendingapproval-details-container{padding:16px 4px!important}}html,body,#root{height:100%;width:100%;margin:0;padding:0;background:linear-gradient(135deg,#fff,#ffe3ef)!important;min-height:100vh;min-width:100vw;box-sizing:border-box}.forgot-bg{min-height:100vh;min-width:100vw;height:100vh;width:100vw;background:linear-gradient(141deg,#fff1f2 4.15%,#fdf2f8,#fff7ed 95.85%);display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:fixed;top:0;left:0;z-index:0}.forgot-container{display:flex;width:900px;min-height:500px;background:#fff;border-radius:24px;box-shadow:0 8px 32px #00000014;overflow:hidden;position:relative;z-index:1;transform:scale(.87);transform-origin:center}.forgot-left{background:linear-gradient(180deg,#fb7185cc,#ec4899cc);color:#fff;width:45%;padding:40px 32px 32px;display:flex;flex-direction:column;position:relative}.forgot-logo img{width:80px;margin-bottom:32px}.forgot-back-btn{background:none;border:none;color:#fff;font-size:1rem;margin-bottom:32px;cursor:pointer;text-align:left;padding:0}.forgot-left h2{font-size:2rem;font-weight:700;margin-bottom:32px;line-height:1.2;color:#fff}.forgot-features{list-style:none;padding:0;margin:0}.forgot-features li{display:flex;align-items:center;font-size:1.05rem;margin-bottom:22px;font-weight:500}.forgot-right{width:55%;padding:48px 40px 32px;display:flex;flex-direction:column;justify-content:center}.forgot-tabs{display:flex;gap:24px;margin-bottom:24px}.forgot-right h3{font-size:1.6rem;font-weight:700;margin-bottom:8px;color:#222}.forgot-desc{color:#757575;margin-bottom:28px;font-size:1.05rem}.forgot-label{font-weight:600;color:#666060;margin-bottom:8px;display:block}.forgot-input-row{display:flex;align-items:center;background:transparent!important;border-radius:8px;border:1.5px solid #e0e0e0;padding:0 12px;margin-bottom:6px;height:48px}.forgot-input-row input{border:none;outline:none;background:transparent!important;box-shadow:none!important;font-size:1.08rem;flex:1;color:#222}.forgot-helper{color:#bdbdbd;font-size:.98rem;margin-bottom:22px;margin-left:2px}.forgot-send-btn{width:100%;background:linear-gradient(90deg,#ff6ba3,#ffb6d5);color:#fff;font-weight:700;font-size:1.1rem;border:none;border-radius:12px;padding:14px 0;margin-bottom:18px;margin-top:8px;box-shadow:0 2px 8px #ff6ba31a;cursor:pointer;transition:background .2s}.forgot-send-btn:hover{background:linear-gradient(90deg,#ff4e8e,#ffb6d5)}.forgot-signin-row{text-align:center;color:#757575;font-size:1rem;margin-bottom:10px}.forgot-signin-row a{color:#e60076;text-decoration:none;font-weight:600;margin-left:4px}.forgot-support{text-align:center;color:#bdbdbd;font-size:.98rem}.forgot-support a{color:#e60076;text-decoration:none;margin-left:2px;font-weight:500}@media(max-width:900px){.forgot-left{display:none!important}.forgot-right{width:100%!important;max-width:100vw!important;padding:24px 8px!important;border-radius:16px!important;min-width:0!important}.forgot-container{flex-direction:column!important;width:100vw!important;min-width:0!important;max-width:100vw!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important}}@media(max-width:420px){.forgot-right{padding:12px 4px!important}}.verify-bg{min-height:100vh;min-width:100vw;background:linear-gradient(141deg,#fff1f2,#fdf2f8,#fff7ed);display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:fixed;top:0;left:0;z-index:0}.verify-center-wrap{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:auto}.verify-container{width:1100px;max-width:98vw;min-width:320px;height:auto;min-height:420px;display:flex;border-radius:24px;background:#fff;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;position:relative;z-index:1;transform:scale(.7);transform-origin:center}.verify-left{flex:0 0 500px;width:500px;background:linear-gradient(180deg,#fb7185cc,#ec4899cc);color:#fff;padding:56px 32px 40px;display:flex;flex-direction:column;justify-content:flex-start;border-top-left-radius:24px;border-bottom-left-radius:24px}.verify-logo img{width:80px;margin-bottom:32px}.verify-back-btn{background:none;border:none;color:#fff;font-size:1.15rem;margin-bottom:32px;cursor:pointer;text-align:left;padding:0}.verify-left h2{font-size:2.4rem;font-weight:700;margin-bottom:32px;line-height:1.2;color:#fff}.verify-features{list-style:none;padding:0;margin:0}.verify-features li{display:flex;align-items:center;font-size:1.15rem;margin-bottom:24px;font-weight:500}.verify-right{flex:1 1 0;width:698px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:48px 48px 40px;gap:24px;background:#fff;border-top-right-radius:24px;border-bottom-right-radius:24px}.verify-tabs{display:flex;gap:24px;margin-bottom:24px}.verify-right h3{font-size:2rem;font-weight:700;margin-bottom:8px;color:#222}.verify-desc{color:#757575;margin-bottom:18px;font-size:1.15rem}.otp-row{display:flex;gap:16px;margin-bottom:8px}.otp-input{width:56px;height:56px;border-radius:12px;border:1.5px solid #e0e0e0;background:#f6f6f6;font-size:2rem;text-align:center;color:#222;outline:none;transition:border .2s}.otp-input:focus{border:1.5px solid #e60076;background:#fff}.otp-helper{color:#bdbdbd;font-size:1rem;margin-bottom:8px;margin-left:2px}.verify-resend{color:#757575;font-size:1rem;margin-bottom:8px}.resend-link{color:#e60076;font-weight:600;cursor:pointer;margin-left:4px}.verify-tip{background:#e9f3ff;color:#222;border-radius:10px;padding:12px 16px;font-size:1rem;margin-bottom:18px;display:flex;align-items:flex-start;gap:8px}.verify-btn{width:100%;background:linear-gradient(90deg,#ff6ba3,#ffb6d5);color:#fff;font-weight:700;font-size:1.1rem;border:none;border-radius:12px;padding:14px 0;margin-bottom:18px;margin-top:8px;box-shadow:0 2px 8px #ff6ba31a;cursor:pointer;transition:background .2s}.verify-btn:hover{background:linear-gradient(90deg,#ff4e8e,#ffb6d5)}.verify-back-row{text-align:center;color:#757575;font-size:1rem;margin-top:8px;margin-bottom:0;width:100%}.go-back-link{color:#e60076;text-decoration:none;font-weight:600;margin-left:4px;cursor:pointer}@media(max-width:1200px){.verify-container{width:98vw;height:auto;min-height:0}.verify-left,.verify-right{width:100%;border-radius:0;padding:24px;gap:24px}.verify-right{padding-right:24px}}@media(max-width:900px){.verify-container{flex-direction:column;width:98vw;min-width:0;max-width:98vw}.verify-left,.verify-right{border-radius:0;padding:32px 16px;width:100%}.verify-right{padding-top:32px}}@media(max-width:900px){.verify-left{display:none!important}.verify-right{width:100%!important;max-width:100vw!important;padding:32px 8px!important;border-radius:16px!important;min-width:0!important}.verify-container{flex-direction:column!important;width:100vw!important;min-width:0!important;max-width:100vw!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important}}@media(max-width:420px){.verify-right{padding:16px 4px!important}}html,body,#root{height:100%;width:100%;margin:0;padding:0;background:linear-gradient(141deg,#fff1f2,#fdf2f8,#fff7ed)!important;min-height:100vh;min-width:100vw;box-sizing:border-box;overflow:auto}.reset-bg{min-height:100vh;min-width:100vw;background:linear-gradient(141deg,#fff1f2,#fdf2f8,#fff7ed);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.reset-container{display:flex;width:1000px;min-height:540px;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;position:relative;z-index:1;transform:scale(.6);transform-origin:center}.reset-left{background:linear-gradient(180deg,#fb7185cc,#ec4899cc);color:#fff;width:370px;padding:56px 32px 40px;display:flex;flex-direction:column;position:relative;border-top-left-radius:24px;border-bottom-left-radius:24px}.reset-logo img{width:80px;margin-bottom:32px}.reset-back-btn{background:none;border:none;color:#fff;font-size:1rem;margin-bottom:32px;cursor:pointer;text-align:left;padding:0}.reset-left h2{font-size:2rem;font-weight:700;margin-bottom:32px;line-height:1.2;color:#fff}.reset-features{list-style:none;padding:0;margin:0}.reset-features li{display:flex;align-items:center;font-size:1.05rem;margin-bottom:22px;font-weight:500}.reset-right{flex:1 1 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:48px 48px 40px;gap:18px;background:#fff;border-top-right-radius:24px;border-bottom-right-radius:24px}.reset-tabs{display:flex;gap:24px;margin-bottom:24px}.tab{font-size:1.05rem;color:#bdbdbd;font-weight:500;cursor:pointer;padding-bottom:4px;border-bottom:2px solid transparent;display:flex;align-items:center;gap:6px}.tab.active{color:#e60076;border-bottom:2px solid #e60076}.reset-right h3{font-size:2rem;font-weight:700;margin-bottom:8px;color:#222}.reset-desc{color:#757575;margin-bottom:18px;font-size:1.15rem}.reset-label{font-weight:600;color:#222;margin-bottom:8px;display:block}.reset-input-row{display:flex;align-items:center;background:transparent;border-radius:8px;border:1.5px solid #e0e0e0;padding:0 12px;margin-bottom:6px;height:48px;width:100%}.input-icon{margin-right:8px;color:#bdbdbd;display:flex;align-items:center}.input-icon-eye{margin-left:8px;color:#bdbdbd;display:flex;align-items:center;cursor:pointer}.reset-input-row input{border:none;outline:none;background:transparent;font-size:1.08rem;flex:1;color:#222}.reset-password-rules{background:#f6f8fa;border:1px solid #e0e0e0;border-radius:12px;padding:16px 20px;margin-bottom:16px;font-size:1rem;color:#222;width:100%}.reset-password-rules strong{display:block;margin-bottom:8px;font-size:1.05rem}.reset-password-rules ul{margin:0;padding-left:18px}.reset-password-rules li{margin-bottom:6px;color:#757575;font-size:1rem;list-style:none}.reset-btn{width:100%;background:linear-gradient(90deg,#ff6ba3,#ffb6d5);color:#fff;font-weight:700;font-size:1.1rem;border:none;border-radius:12px;padding:14px 0;margin-bottom:18px;margin-top:8px;box-shadow:0 2px 8px #ff6ba31a;cursor:pointer;transition:background .2s}.reset-btn:hover{background:linear-gradient(90deg,#ff4e8e,#ffb6d5)}.reset-support{text-align:center;color:#bdbdbd;font-size:.98rem;width:100%}.reset-support a{color:#e60076;text-decoration:none;margin-left:2px;font-weight:500}@media(max-width:900px){.reset-container{flex-direction:column;width:98vw;min-width:0;max-width:98vw}.reset-left,.reset-right{border-radius:0;padding:32px 16px;width:100%}.reset-right{padding-top:32px}}.fixed-lotus-logo{position:fixed;top:32px;left:40px;z-index:1000}.fixed-lotus-logo img{width:80px;height:auto}@media(max-width:900px){.reset-left{display:none!important}.reset-right{width:100%!important;max-width:100vw!important;padding:32px 8px!important;border-radius:16px!important;min-width:0!important}.reset-container{flex-direction:column!important;width:100vw!important;min-width:0!important;max-width:100vw!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important}}@media(max-width:420px){.reset-right{padding:16px 4px!important}}html,body,#root{height:100%;width:100%;margin:0;padding:0;background:linear-gradient(141deg,#fff1f2,#fdf2f8,#fff7ed)!important;min-height:100vh;min-width:100vw;box-sizing:border-box}.success-bg{min-height:100vh;min-width:100vw;background:linear-gradient(141deg,#fff1f2,#fdf2f8,#fff7ed);display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:fixed;top:0;left:0;z-index:0}.success-container{display:flex;width:1000px;min-height:540px;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;position:relative;z-index:1;transform:scale(.83);transform-origin:center}.success-left{background:linear-gradient(135deg,#ff6ba3,#ffb6d5);color:#fff;width:430.066px;height:579.994px;padding:56px 32px 40px;display:flex;flex-direction:column;position:relative;border-top-left-radius:24px;border-bottom-left-radius:24px;box-sizing:border-box}.success-logo img{width:80px;margin-bottom:32px}.success-logo-fixed{position:fixed;top:32px;left:40px;z-index:10}.success-logo-fixed img{width:80px;height:auto}.success-back-btn{background:none;border:none;color:#fff;font-size:1rem;margin-bottom:32px;cursor:pointer;text-align:left;padding:0}.success-left h2{font-size:2rem;font-weight:700;margin-bottom:32px;line-height:1.2;color:#fff}.success-features{list-style:none;padding:0;margin:0}.success-features li{display:flex;align-items:center;font-size:1.05rem;margin-bottom:22px;font-weight:500}.circle-check{display:inline-flex;align-items:center;justify-content:center;background:#ffffff2e;border-radius:50%;width:32px;height:32px;margin-right:16px}.success-right{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 48px 40px;gap:18px;background:#fff;border-top-right-radius:24px;border-bottom-right-radius:24px}.success-icon{margin-bottom:16px}.success-right h3{font-size:2rem;font-weight:700;margin-bottom:8px;color:#222;text-align:center}.success-desc{color:#757575;margin-bottom:18px;font-size:1.15rem;text-align:center;max-width:350px}.success-status{width:100%;max-width:350px;background:#e6faea;color:#15803d;border-radius:10px;padding:16px 20px;margin-bottom:16px;font-size:1.08rem;display:flex;align-items:center;gap:12px;box-sizing:border-box;border:1px solid #bbf7d0}.success-status-icon{font-size:1.5rem;font-weight:700;margin-right:8px}.success-status-sub{color:#15803d;font-size:.98rem;font-weight:400}.success-btn{width:100%;max-width:650px;color:#fff;font-weight:700;font-size:1.1rem;border:none;border-radius:14px;padding:14px 0;margin-bottom:18px;margin-top:8px;background:linear-gradient(180deg,#f472b6cc,#fb7185cc);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;cursor:pointer;transition:background .2s}.success-btn:hover{background:linear-gradient(90deg,#ff4e8e,#ffb6d5)}@media(max-width:900px){.success-container{flex-direction:column;width:98vw;min-width:0;max-width:98vw}.success-left,.success-right{border-radius:0;padding:32px 16px;width:100%}.success-right{padding-top:32px}}.success-secure-container{display:flex;width:500px;padding:17.249px 17.249px 1.265px;flex-direction:column;align-items:center;justify-content:center;border-radius:14px;border:1.265px solid #DCFCE7;background:#f0fdf4;box-sizing:border-box;margin-bottom:18px;text-align:center;min-height:70px}@media(max-width:900px){.success-left{display:none!important}.success-right{width:100%!important;max-width:100vw!important;padding:32px 8px!important;border-radius:16px!important;min-width:0!important}.success-container{flex-direction:column!important;width:100vw!important;min-width:0!important;max-width:100vw!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important}}@media(max-width:420px){.success-right{padding:16px 4px!important}}.patient-verification-page{height:100vh;width:100vw;background:linear-gradient(135deg,#fff1f2,#fdf2f8,#fff7ed);display:flex;align-items:center;justify-content:center;font-family:Inter,Arial,sans-serif;overflow:hidden;transform:scale(.9);transform-origin:center}.patient-verification-card{display:flex;background:#fff;border-radius:28px;box-shadow:0 20px 60px #0000001a;overflow:hidden;width:900px;height:540px;max-width:95vw;max-height:95vh;min-width:0;min-height:0;position:relative}.pv-left{width:420px;background:linear-gradient(135deg,#fce7f3,#ffe4e6,#ffedd4);display:flex;flex-direction:column;align-items:flex-start;padding:24px 24px 20px;position:relative}.pv-logo{width:90px;margin-bottom:28px}.pv-image-wrapper{width:100%;flex:1;display:flex;align-items:center;justify-content:center}.pv-image{width:100%;max-width:420px;aspect-ratio:1/1;border-radius:18px;object-fit:cover;background:#e0e7ef;box-shadow:0 8px 24px #0000001a}.pv-right{flex:1;padding:32px 28px 20px;display:flex;flex-direction:column;align-items:center;position:relative;text-align:center}.pv-step{position:absolute;top:24px;right:40px;font-size:15px;color:#15171c;font-weight:500;display:flex;align-items:center;gap:6px}.pv-icon-box{margin:24px 0 0;display:flex;align-items:center;justify-content:center}.pv-icon{background:#fce4ec;border-radius:12px;padding:12px;display:flex;align-items:center;justify-content:center}.pv-title{font-size:2rem;font-weight:700;color:#18181b;margin:24px 0 8px;text-align:center}.pv-desc{font-size:1.08rem;color:#374151;margin-bottom:22px;text-align:center}.pv-otp-label{font-size:1rem;color:#6b7280;margin-bottom:10px;text-align:center}.pv-otp-row{display:flex;gap:14px;justify-content:center;margin-bottom:18px}.pv-otp-input{width:48px;height:48px;border-radius:10px;border:1.5px solid #e5e7eb;text-align:center;font-size:1.5rem;background:#f8fafc;color:#18181b;transition:border-color .2s}.pv-otp-input:focus{outline:none;border-color:#ec4899;background:#fff0fa}.pv-resend{font-size:1rem;color:#6b7280;margin-bottom:24px;display:flex;align-items:center;gap:6px}.pv-clock{font-size:1.1rem}.pv-verify-btn{width:100%;max-width:420px;padding:14px 0;background:linear-gradient(90deg,#f6339a,#ff2056);color:#fff;font-size:1.15rem;font-weight:600;border:none;border-radius:14px;opacity:.5;margin-bottom:14px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;cursor:pointer;transition:background .2s,opacity .2s}.pv-verify-btn:hover{opacity:1}.pv-back-btn{background:none;border:none;color:#6b7280;font-size:1rem;margin:0 auto 18px;display:flex;align-items:center;gap:6px;cursor:pointer;justify-content:center}.pv-note{width:100%;background:#f9fafb;border-radius:14px;border:1.265px solid #E5E7EB;padding:12px 16px;font-size:.98rem;color:#64748b;text-align:center;margin-top:18px}.pac-title{font-size:2rem;font-weight:700;color:#18181b;margin:24px 0 8px;text-align:center;width:100%}.pac-desc{font-size:1.08rem;color:#374151;margin-bottom:22px;text-align:center;width:100%}.pac-info-box{display:flex;flex-direction:column;align-items:flex-start;width:483px;min-height:94px;background:linear-gradient(135deg,#f1f5ff 0% 100%);border-radius:14px;border:1.265px solid #DBEAFE;padding:17px;font-size:1rem;color:#1e293b;margin-bottom:22px;box-shadow:0 2px 8px #1e293b0a;gap:8px}.pac-info-box b{font-weight:600;font-size:1.05rem;margin-bottom:4px}.pac-right{flex:1;padding:48px 40px 32px;display:flex;flex-direction:column;align-items:center;position:relative;text-align:center}.pac-help-box{width:100%;background:#fdf2f8;border-radius:10px;padding:16px 18px;font-size:1rem;color:#1e293b;margin-bottom:18px;text-align:center;box-shadow:0 2px 8px #ec48990a;display:flex;flex-direction:column;align-items:center}.pac-help-row{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:.98rem;justify-content:center}@media(max-width:900px){.pv-left{display:none!important}.pv-right{width:100%!important;max-width:100vw!important;padding:24px 8px!important;border-radius:16px!important;min-width:0!important;max-height:90vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.patient-verification-card{flex-direction:column!important;width:100vw!important;min-width:0!important;max-width:100vw!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important;max-height:90vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}}@media(max-width:600px){.pv-right{padding:16px 4px!important}}.pv-progress-bar-wrapper{width:60%;padding:0 0 24px;background:transparent;position:absolute;top:unset;left:10%;z-index:2}.pv-progress-bar-bg{width:100%;height:7px;background:#f3f4f6;border-radius:8px;overflow:hidden;position:relative}.pv-progress-bar-fill{height:100%;background:linear-gradient(90deg,#f6339a,#ff2056);border-radius:8px;transition:width .4s}.patient-verification-card{position:relative}html,body{height:100%;width:100%;margin:0;padding:0;overflow:hidden!important}.pac-page{min-height:100vh;width:100vw;background:linear-gradient(135deg,#fce4ec,#fdf6fa);display:flex;align-items:center;justify-content:center;font-family:Inter,Arial,sans-serif;overflow:hidden}.pac-card{display:flex;background:#fff;border-radius:24px;box-shadow:0 30px 80px #0000002e;overflow:hidden;width:1100px;max-width:100%;margin:0 auto;border:1px solid #f1f1f1;transform:scale(.75);transform-origin:center}.pac-left{width:420px;background:linear-gradient(135deg,#fce7f3,#ffe4e6,#ffedd4);display:flex;flex-direction:column;align-items:flex-start;padding:36px 32px 32px;position:relative}.pac-logo{width:90px;margin-bottom:28px}.pac-image-wrapper{width:100%;flex:1;display:flex;align-items:center;justify-content:center}.pac-image{width:100%;max-width:440px;aspect-ratio:1/1;border-radius:18px;object-fit:cover;background:#e0e7ef;box-shadow:0 8px 24px #0000001a}.pac-right{flex:1;padding:48px 40px 32px;display:flex;flex-direction:column;align-items:center;position:relative}.pac-progress-bar{width:100%;height:6px;background:#f3f4f6;border-radius:3px;margin-bottom:18px;overflow:hidden}.pac-progress-fill{height:100%;background:linear-gradient(90deg,#ec4899,#fbbf24);border-radius:3px;transition:width .3s}.pac-step{position:absolute;top:24px;right:40px;font-size:15px;color:#6b7280;font-weight:500;display:flex;align-items:center;gap:6px}.pac-check-icon{margin:32px 0 0;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #ec48991a;border-radius:50%}.pac-title{font-size:2rem;font-weight:700;color:#18181b;margin:24px 0 8px;text-align:center}.pac-desc{font-size:1.08rem;color:#374151;margin-bottom:22px;text-align:center}.pac-info-box{width:100%;background:#e0eaff;border-radius:10px;padding:16px 18px;font-size:1rem;color:#1e293b;margin-bottom:22px;text-align:left;box-shadow:0 2px 8px #1e293b0a}.pac-dashboard-btn{width:100%;max-width:420px;padding:14px 0;background:linear-gradient(90deg,#f6339a,#ff2056);color:#fff;font-size:1.15rem;font-weight:600;border:none;border-radius:14px;opacity:.5;margin-bottom:18px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;cursor:pointer;transition:background .2s,opacity .2s}.pac-dashboard-btn:hover{background:linear-gradient(90deg,#fbbf24,#ec4899)}.pac-help-box{width:100%;background:#fdf2f8;border-radius:10px;padding:16px 18px;font-size:1rem;color:#1e293b;margin-bottom:18px;text-align:left;box-shadow:0 2px 8px #ec48990a}.pac-help-title{font-weight:600;margin-bottom:8px}.pac-help-row{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:.98rem}.pac-help-icon{font-size:1.1rem;color:#ec4899}.pac-footer{width:100%;text-align:center;font-size:.98rem;color:#64748b;margin-top:8px;display:flex;justify-content:center;align-items:center;gap:18px}.pac-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin:0 4px 0 8px}.pac-dot-green{background:#22c55e}.pac-dot-blue{background:#3b82f6}@media(max-width:900px){.pac-left{display:none!important}.pac-right{width:100%!important;max-width:100vw!important;padding:24px 8px!important;border-radius:16px!important;min-width:0!important;max-height:90vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.pac-card{flex-direction:column!important;width:100vw!important;min-width:0!important;max-width:100vw!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important;max-height:90vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;transform:none!important}}@media(max-width:600px){.pac-right{padding:16px 4px!important}}.page{min-height:100vh;width:100vw;background:linear-gradient(135deg,#fff1f2,#fdf2f8,#fff7ed);display:flex;justify-content:center;align-items:center;padding:0;overflow:hidden}.card{width:1024px;max-width:100%;background:#fefefe;display:flex;margin:-40px auto 0;border-radius:22px;overflow:hidden;border:1px solid #f1f1f1;box-shadow:0 30px 80px #0000002e}.left-panel{width:461px;background:linear-gradient(180deg,#ffe1ec,#fff6fa);padding:32px;display:block;position:relative}.left-image1{width:59.493px;height:39.991px;object-fit:contain;position:absolute;top:24px;left:24px;z-index:3}.left-image2{width:396.812px;height:439.984px;border-radius:12px;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;z-index:1;max-width:calc(100% - 64px);max-height:calc(100% - 64px)}.left li{display:flex;gap:14px;margin-bottom:22px;line-height:1.5}.right{flex:1;padding:60px 72px}.field input{width:100%;padding:12px 12px 12px 42px;border-radius:8px;border:1px solid #ddd;background:#fff!important;color:#717182!important}.field input::placeholder{color:#717182!important;opacity:.5!important}input::placeholder,textarea::placeholder,select::placeholder,input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder,input::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder,input:-ms-input-placeholder,textarea:-ms-input-placeholder,select:-ms-input-placeholder{color:#9ca3af!important;opacity:.6!important}input,textarea,select{-webkit-text-fill-color:initial!important}.field input,input,textarea,select{background:#fff!important;color:#717182!important;-webkit-text-fill-color:#364153!important;caret-color:#ec4899;border:1px solid #d1d5db}input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #ffffff inset!important;box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#364153!important}.icon{position:absolute;left:12px;top:50%;transform:translateY(-50%)}.center{text-align:center;color:gray}.step-wrapper-1 svg{display:block;width:20px;height:20px}.support{margin-top:40px;font-size:12px;color:gray;text-align:center;white-space:nowrap}.page{min-height:100vh;background:#fff4f6;display:flex;justify-content:center;align-items:center;padding:16px 0;box-sizing:border-box;overflow-y:visible}body{overflow-x:hidden}.logo{position:absolute;top:30px;left:40px;width:71.408px;height:47.994px}.card{width:100%;max-width:920px;background:#fff;border-radius:24px;display:flex;overflow:visible;box-shadow:0 25px 50px -12px #00000040}.left{background:linear-gradient(180deg,#fb7185cc,#ec4899cc);color:#fff!important;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:48px 40px 40px;border-top-left-radius:24px;border-bottom-left-radius:24px;min-width:340px}.left-wave-wrapper{position:absolute;left:0;right:0;bottom:-1px;height:120px;pointer-events:none;z-index:0;overflow:visible}.left-wave-wrapper .left-wave{position:absolute;left:0;right:0;bottom:0;width:100%;height:120px;display:block}.left-wave-wrapper .left-gradient-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#fb7185cc,#ec4899cc);z-index:1;border-top-left-radius:24px;border-bottom-left-radius:24px}.left h1{color:#fff;font-family:Arial;font-size:34px!important;font-style:normal;font-weight:700;line-height:40px;margin-bottom:48px;letter-spacing:-.5px;text-align:left;max-width:254px;height:40px;margin-top:8px;margin-left:20px}.left ul{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:22px;align-items:flex-start}.left li{display:flex;align-items:flex-start;gap:10px;color:#fffffff2;font-family:Arial;font-size:17px!important;font-style:normal;font-weight:300;line-height:22px;margin-bottom:2;justify-content:flex-start}.left li svg{width:28px;height:23px;flex-shrink:0;margin-top:0;fill:none!important}.left li svg path{stroke:#fffffff2;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.left li svg,.left li .circle-check{flex-shrink:0;margin-top:2px}.circle-check{width:36px;height:36px;border-radius:50%;background:#ffffff1f;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:0}.circle-check img{width:18px;height:18px;display:block;filter:none}.left .bottom-wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:auto;pointer-events:none;z-index:1;transform:translateY(6%)}.left .bottom-wave{display:none!important}.left:after{display:none!important}.left>*{position:relative;z-index:3}.left li{gap:-20px;align-items:flex-start}.left li svg circle{fill:#fff!important;opacity:.12!important;stroke:#fff!important;stroke-width:1.6!important;filter:drop-shadow(0 2px 6px rgba(0,0,0,.06))}.left li svg path{stroke:#fff!important;stroke-width:1.8!important;stroke-linecap:round;stroke-linejoin:round}.right{flex:1;padding:32px 24px;overflow:visible;zoom:.9;max-width:500px;margin:0 auto}.tabs{display:flex;gap:24px;margin-bottom:28px}.tabs span{color:#9ca3af;cursor:pointer}.tabs .active{color:#ec4899;border-bottom:2px solid #ec4899;padding-bottom:4px}.right h2{margin-bottom:8px}.right p{color:gray;margin-bottom:24px}.field{position:relative;margin-bottom:18px}.field input{width:100%;padding:19px 12px 19px 60px;border-radius:8px;border:1px solid #ddd;font-size:16px}.icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1f;box-shadow:0 2px 6px #0000000a}.row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:24px}.row a{color:#ec4899;text-decoration:none}button{width:100%;padding:14px;background:linear-gradient(90deg,#f472b6cc,#fb7185cc);color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer}.or{display:flex;align-items:center;gap:12px;margin:28px 0}.or hr{flex:1;height:1px;border:none;background:#e5e7eb}.center{text-align:center;color:gray;margin-top:24px}.center span{color:#ec4899;cursor:pointer}.support{margin-top:40px;font-size:12px;color:gray;text-align:center;white-space:normal}.support a{color:#ec4899;margin-left:4px;text-decoration:none}.support a:hover{text-decoration:underline}html,body{height:100%;margin:0;padding:0}@media(max-height:700px){.left{padding:18px 16px}.right{padding:14px 12px}.left h1{font-size:22px;margin-bottom:20px}.left li{font-size:16px;margin-bottom:12px}.field input{padding:10px 12px 10px 42px}button{padding:12px;font-size:14px}.support{font-size:11px}}@media(max-width:1100px){.card{flex-direction:column;width:98vw;min-width:0;zoom:1}.left,.right{width:100%;padding:24px 8px}}@media(max-width:900px){.card{flex-direction:column;width:100vw;max-width:10vw;min-width:0}.left,.right{width:100%;padding:20px 8px}}.row input[type=checkbox],input[type=checkbox]{-webkit-appearance:checkbox!important;appearance:auto!important;width:18px;height:18px;margin-right:8px;vertical-align:middle;accent-color:#ec4899}body{margin:0}*{box-sizing:border-box;font-family:Arial,sans-serif}.page{min-height:100vh;width:100vw;background:linear-gradient(135deg,#fff1f2,#fdf2f8,#fff7ed);display:flex;justify-content:center;align-items:center;padding:0}.card{width:1024px;background:#fff;display:flex;border-radius:24px;overflow:hidden;box-shadow:0 25px 60px #00000026;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.left-panel{width:460px;background:linear-gradient(180deg,#ffe4ee,#fff3f7);position:relative;padding:30px}.left-logo{width:70px}.left-image{width:396px;height:300px;object-fit:cover;border-radius:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.right-panel{flex:1;padding:50px 70px 40px;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.progress-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}label span{color:#ec4899;margin-left:2px;font-weight:600}.progress-bar{width:220px;height:6px;background:#f1f1f1;border-radius:6px}.progress-bar span{display:block;width:50%;height:100%;background:#ec4899;border-radius:6px}.step-text{color:#364153!important;font-size:14px;display:flex;align-items:center}.user{color:#ec4899;font-size:14px;display:flex;align-items:center}h2{margin-bottom:6px;font-size:24px;color:#374151}p{color:gray;margin-bottom:24px;font-size:16px}h4{margin:22px 0 10px;color:#374151;color:#364153;font-family:Arial;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:.35px;text-transform:uppercase}input,select{width:100%;padding:12px 14px;border-radius:8px;border:1px solid #ddd;margin-bottom:14px}input,select,textarea{background:#fff!important;color:#374151!important;-webkit-text-fill-color:#374151!important}input::placeholder,select::placeholder,textarea::placeholder{color:#717182!important;opacity:1}input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #ffffff inset!important;box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#374151!important}.two-col{display:flex;gap:12px}.info-box{background:#eef4ff;color:#2563eb;padding:10px 12px;border-radius:8px;font-size:12px;margin-bottom:12px}.button-row{display:flex;justify-content:space-between;margin-top:16px;gap:12px}.back-btn{width:85px;height:43px;padding:12px 18px;border-radius:14px;margin-right:auto;border:1px solid #ddd;background:#fff;cursor:pointer;color:#0a0a0a!important}.continue-btn{width:200px;padding:12px 10px;border-radius:14px;border:none;background:linear-gradient(90deg,#f6339a,#ff2056);color:#fff;cursor:pointer}.right-panel>*:last-child{margin-bottom:0}.small{font-size:12px!important}@media(max-width:900px){.left-panel{display:none!important}.right-panel{width:100%!important;max-width:100vw!important;padding:24px 8px!important;border-radius:16px!important;min-width:0!important;max-height:90vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.card{flex-direction:column!important;width:100vw!important;min-width:0!important;max-width:100vw!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important;max-height:90vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}}@media(max-width:420px){.right-panel{padding:12px 4px!important}}body,.lb-dashboard{background:#fafbfc;min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#0f172a;margin:0;padding:0}.lb-dashboard{padding:48px 0;min-height:100vh}.lb-hero{text-align:center;margin-bottom:26px}.lb-title{font-size:35px;font-weight:700;margin:0;color:#111827;letter-spacing:.2px}.lb-sub{margin:6px 0 0;color:#6b7280;font-size:16px}.lb-section{border-radius:28px;margin:32px auto;padding:38px 0;box-shadow:0 8px 40px #7f8cff1a,0 1.5px 8px #7f8cff0f;width:min(900px,96vw);max-width:96vw;background:#f4f6ff}.billing-wrap{background:#fff4ec!important;box-shadow:inset 0 1px #ffffff80,0 6px 24px #0f172a0a}.billing-wrap .section-heading{color:#0f172a}.billing-wrap .section-sub{color:#334155}.billing-wrap .card-content,.billing-wrap .card-content h3,.billing-wrap .card-content p{color:#0f172a}.billing-wrap .card-content p{color:#334155}.billing-wrap .btn-pill{background:#fff;color:#0f172a;box-shadow:0 2px 8px #0f172a0f}.billing-wrap .module-card,.billing-wrap .billing-card{box-shadow:0 8px 36px #0f172a0f}html,body,#root,.lb-dashboard{overflow-x:hidden!important;overflow-y:auto!important;height:auto!important;position:static!important}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fffffff2;background:#ffffff14}.card-badge{font-size:11px;padding:6px 10px;border-radius:999px;background:#ffffff1f;color:#fffffff2;font-weight:700}.card-content h3{margin:0 0 6px;font-size:18px;color:#fff;font-weight:700}.card-content p{margin:0;color:#fffffff2;font-size:13px;line-height:1.4}.btn{margin-top:14px;background:#ffffff2e;color:#fff;border:0;padding:9px 14px;border-radius:10px;font-weight:700;cursor:pointer;width:fit-content}.btn-white{background:#fffffff2;color:#111827}.btn-light{background:#ffffff1f;color:#fff}.card-1{background:#7f8cff;position:relative}.card-1 .card-content{background:#7f8cffeb}.card-2{background:#d87ca0;position:relative}.card-2 .card-content{background:#d87ca0eb}.card-3{background:#51ab8c;position:relative}.card-3 .card-content{background:#51ab8ceb}.card-4{background:#db8c5b;position:relative}.card-4 .card-content{background:#db8c5beb}.card-5{background:#5b9bd5;position:relative}.card-5 .card-content{background:#5b9bd5eb}.btn-pill:focus{outline:none;box-shadow:none}.btn-pill:hover{transform:scale(1.06)}.card-1-btn{color:#7f8cff}.card-2-btn{color:#d87ca0}.card-3-btn{color:#51ab8c}.card-4-btn{color:#db8c5b}.card-5-btn{color:#5b9bd5}.card-badge.active{background:#ffffff2e;color:#fff;text-transform:uppercase}.card-badge.inactive{background:#ffffff2e;color:#fff;opacity:.6;text-transform:uppercase}.card-image{display:flex;align-items:stretch;justify-content:stretch;background:none!important;padding:0}@media(max-width:1100px){.lb-section,.lb-section-inner{width:99vw}}@media(max-width:900px){.lb-section,.lb-section-inner{width:100vw}.card-content{padding:20px 12px}.card-image{min-width:120px}}@media(max-width:600px){.lb-section-inner{width:100vw}.module-card,.billing-card{flex-direction:column}.card-content,.card-image{width:100%}.card-image{min-height:120px}}.lb-section{border-radius:28px;margin:32px auto;padding:38px 0;box-shadow:0 8px 40px #7f8cff1a,0 1.5px 8px #7f8cff0f;width:min(900px,96vw);background:#f4f6ff}.module-card,.billing-card{display:flex;flex-direction:row;align-items:stretch;border-radius:22px;overflow:hidden;min-height:160px;box-shadow:0 6px 32px #7f8cff21,0 1.5px 8px #7f8cff0f;margin:0;background:transparent;position:relative}.card-content{flex:1 1 55%;padding:32px 28px;min-width:0;display:flex;flex-direction:column;justify-content:center;background:transparent;z-index:2}.card-image{flex:0 0 45%;min-width:140px;min-height:140px;background-size:cover;background-position:center;background-repeat:no-repeat;filter:brightness(.92);position:relative}.btn-pill{background:#fff;color:#d87ca0;border:none;padding:10px 24px;border-radius:9999px;font-weight:600;font-size:15px;margin-top:18px;box-shadow:none;transition:transform .18s cubic-bezier(.4,2,.6,1),background .2s,color .2s;outline:none;cursor:pointer;width:auto;max-width:100%;height:auto;text-align:center}.card-image img{width:100%;height:100%;object-fit:cover;border:none;border-radius:0;display:block}@media(max-width:1024px){.lb-section{width:min(940px,98vw)}.card-content{padding:24px 20px}.card-image{min-width:130px;min-height:140px}.card-content h3{font-size:18px}.card-content p{font-size:14px}.btn-pill{padding:10px 20px;font-size:15px}}@media(max-width:600px){.lb-section{width:100vw;margin:16px 0;border-radius:20px;padding:22px 0}.lb-section-inner{width:100vw;padding:0 12px}.module-card,.billing-card{flex-direction:column;min-height:auto;border-radius:18px}.card-content,.card-image{width:100%;flex-basis:auto}.card-content{padding:16px;align-items:flex-start}.card-image{min-height:180px}.card-content h3{font-size:16px;color:#111827}.card-content p{font-size:14px;color:#0f172ad9}.btn-pill{width:100%;padding:12px 16px;font-size:15px;box-sizing:border-box}.card-icon img{width:20px;height:20px}.card-meta{gap:8px;align-items:center}}.stacked-cards{display:flex;flex-direction:column;gap:20px}.lb-section-inner{box-sizing:border-box;padding:0 12px;width:calc(100% - 24px);max-width:100%}.module-card,.billing-card{flex-wrap:wrap;gap:0}.card-content{flex:1 1 60%;min-width:0;padding:24px 18px}.card-image{flex:0 0 40%;min-width:110px;max-width:45%}@media(max-width:1024px){.lb-section{width:98vw;margin:24px auto}.lb-section-inner{width:calc(100% - 24px);padding:0 12px}.card-content{padding:20px 14px;flex:1 1 62%}.card-image{flex:0 0 36%;min-width:100px;max-width:40%}.card-image img{width:100%;height:100%;object-fit:cover;display:block}}@media(max-width:900px){.lb-section{width:100vw;margin:16px 0}.lb-section-inner{width:100%;padding:0 12px}.module-card,.billing-card{flex-direction:row;flex-wrap:wrap}.card-image{flex:0 0 34%;min-width:92px;max-width:38%}.card-content{flex:1 1 66%;padding:16px 12px}}@media(max-width:600px){.module-card,.billing-card{flex-direction:column;gap:12px}.card-image{flex-basis:100%;max-width:100%;min-height:140px}.card-content{flex-basis:100%;padding:14px}.btn-pill{width:100%;box-sizing:border-box}}.featured-wrap .btn-pill.card-1-btn{color:#7f8cff;background:#fff;box-shadow:0 2px 8px #7f8cff14}.featured-wrap .btn-pill.card-2-btn{color:#d87ca0;background:#fff;box-shadow:0 2px 8px #d87ca014}.billing-wrap .btn-pill.card-3-btn{color:#51ab8c;background:#fff;box-shadow:0 2px 8px #51ab8c14}.billing-wrap .btn-pill.card-4-btn{color:#db8c5b;background:#fff;box-shadow:0 2px 8px #db8c5b14}.billing-wrap .btn-pill.card-5-btn{color:#5b9bd5;background:#fff;box-shadow:0 2px 8px #5b9bd514}.module-card.inactive,.billing-card.inactive{opacity:.7;box-shadow:0 2px 12px #0f172a0a}.module-card.inactive .btn-pill,.billing-card.inactive .btn-pill{opacity:.65;transform:none;pointer-events:none}.module-card.inactive .card-content,.billing-card.inactive .card-content{color:#0f172a99}.module-card.inactive .card-content h3,.billing-card.inactive .card-content h3{color:#0f172aa6}.module-card.inactive .card-badge,.billing-card.inactive .card-badge{opacity:.6}.billing-wrap .section-heading,.billing-wrap .section-sub,.featured-wrap .section-heading,.featured-wrap .section-sub{margin-left:24px}.module-card,.billing-card{margin:1px 12px 1px 28px;box-sizing:border-box;min-height:270px!important}.app-header{position:sticky;top:0;z-index:1000;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(229,231,235,.8);box-shadow:0 1px 3px #0000001a;height:64px}.app-header__wrapper{display:flex;align-items:center;justify-content:space-between;max-width:98vw;height:64px}.app-logo{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:0;border-radius:0;background:none}.app-logo__text{font-size:22px;font-weight:600;font-family:Segoe UI;color:#d87ca0;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}.app-logo__underline{width:200px;height:1px;background:linear-gradient(90deg,#d87ca0,#1a237e);margin-top:2px;opacity:.7;border-radius:22369600px;width:140px;max-width:40vw}.app-header__controls{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:0}.country-selector{position:relative}.country-selector__dropdown{appearance:none;background:#fff;border:2px solid #e5e7eb;border-radius:calc(var(--spacing-xs) * .8);padding:calc(var(--spacing-xs) * .53) calc(var(--spacing-xs) * 1.07) calc(var(--spacing-xs) * .53) calc(var(--spacing-xs) * .8);font-size:calc(var(--base-font-size) * .93);font-weight:500;color:#374151;cursor:pointer;min-width:140px;transition:all .2s ease}.country-selector__dropdown:hover{border-color:#3b82f6;box-shadow:0 4px 8px #3b82f626}.user-profile{width:calc(var(--spacing-lg) * 1.2);height:calc(var(--spacing-lg) * 1.2);border-radius:22369600px;background:linear-gradient(135deg,#d87ca0,#b2587e);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000001a,0 1px 2px #ffffff1a inset}.user-profile:hover{transform:translateY(-2px);box-shadow:0 4px 12px #b2587e}.user-profile:active{transform:translateY(0)}.user-profile__initials{color:#fff;font-size:calc(var(--base-font-size) * .93);font-weight:600;text-shadow:0 1px 2px #B2587E}.menu-toggle{background:none;border:none;cursor:pointer;padding:12px;border-radius:12px;transition:all .2s ease;display:flex;flex-direction:column;gap:4px;width:44px;height:44px;align-items:center;justify-content:center;margin-left:-4px;margin-right:-40px}.menu-toggle__line{width:20px;height:2px;background:#374151;border-radius:2px;transition:all .3s ease}.menu-toggle:hover{background:#3b82f61a}.menu-toggle:hover .menu-toggle__line{background:#3b82f6}.menu-toggle.active .menu-toggle__line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active .menu-toggle__line:nth-child(2){opacity:0}.menu-toggle.active .menu-toggle__line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:768px){.app-header__wrapper{padding:0 var(--spacing-sm)}.app-logo__text{font-size:calc(var(--base-font-size) * 1.2)}.country-selector__dropdown{min-width:120px;font-size:calc(var(--base-font-size) * .87);padding:calc(var(--spacing-xs) * .53) calc(var(--spacing-xs) * .8) calc(var(--spacing-xs) * .53) calc(var(--spacing-xs) * .53)}.user-profile{width:calc(var(--spacing-lg) * .7);height:calc(var(--spacing-lg) * .7)}}@media(max-width:480px){.app-header__wrapper{padding:0 calc(var(--spacing-xs) * .53)}.app-logo__text{font-size:calc(var(--base-font-size) * 1.07)}.country-selector__dropdown{min-width:100px}.user-profile{width:calc(var(--spacing-lg) * .6);height:calc(var(--spacing-lg) * .6)}}.system-admin-logo{height:24px!important;width:auto!important;margin-right:10px!important;margin-left:35px!important;object-fit:contain}.org-logo-header{width:38px!important;height:38px!important;margin-right:10px!important;object-fit:contain;border-radius:8px;background:#fff}.user-profile{width:38px!important;height:38px!important;font-size:15px!important}.client-selector__dropdown{min-width:90px!important;max-width:120px!important;font-size:12px!important;padding:4px 8px!important;border-radius:7px!important;box-shadow:none!important;color:#222!important;outline:none!important;appearance:none!important;height:32px!important;line-height:1.2!important}.client-selector__dropdown:hover,.client-selector__dropdown:focus{border:1px solid #bdbdbd!important;box-shadow:none!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:var(--spacing-md);border-radius:calc(var(--spacing-xs) * .53);box-shadow:0 4px 16px #0003;text-align:center;max-width:400px;width:100%}.modal-actions{display:flex;justify-content:space-around;margin-top:var(--spacing-md)}.btn-confirm{background:#4caf50;color:#fff;border:none;padding:calc(var(--spacing-xs) * .53) calc(var(--spacing-md) * .53);border-radius:calc(var(--spacing-xs) * .27);cursor:pointer}.btn-cancel{background:#f44336;color:#fff;border:none;padding:calc(var(--spacing-xs) * .53) calc(var(--spacing-md) * .53);border-radius:calc(var(--spacing-xs) * .27);cursor:pointer}.header-modal-overlay{position:fixed;inset:0;z-index:2000;background:#00000073;display:flex;align-items:center;justify-content:center;min-height:100vh}.header-modal{background:#fff;border-radius:calc(var(--spacing-xs) * .8);box-shadow:0 8px 32px #0000002e;padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md) var(--spacing-md);max-width:370px;width:90vw;text-align:center;animation:headerModalFadeIn .2s;margin:0;position:relative;top:0;left:0;transform:none}@keyframes headerModalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-modal h3{margin-top:0;margin-bottom:var(--spacing-md);font-size:calc(var(--base-font-size) * 1.07);font-weight:700;color:#1f2937}.header-modal p{margin-bottom:var(--spacing-md);color:#374151;font-size:var(--base-font-size)}.header-modal-actions{display:flex;gap:calc(var(--spacing-xs) * .8);justify-content:center}.header-btn-confirm{background:#22c55e;color:#fff;border:none;border-radius:7px;padding:7px 22px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #22c55e1a;transition:background .18s,transform .15s,box-shadow .18s;letter-spacing:.3px}.header-btn-confirm:hover{background:#16a34a;transform:translateY(-2px) scale(1.06);box-shadow:0 4px 16px #22c55e2e}.header-btn-cancel{background:#ef4444;color:#fff;border:none;border-radius:7px;padding:7px 22px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #ef44441a;transition:background .18s,transform .15s,box-shadow .18s;letter-spacing:.3px}.header-btn-cancel:hover{background:#b91c1c;transform:translateY(-2px) scale(1.06);box-shadow:0 4px 16px #ef44442e}.client-selector__button,.client-selector__dropdown-item{border:none;border-radius:10px;min-width:180px;max-width:220px;padding:7px 16px 4px 12px;cursor:pointer;outline:none;text-align:left;font-size:15px;color:#1a237e;box-shadow:none;display:flex;flex-direction:column;align-items:flex-start;font-family:Segoe UI;font-weight:400;line-height:1.2}.client-selector__button{background:none!important}.client-selector__button-main,.client-selector__dropdown-item-main{display:flex;align-items:center;gap:6px}.client-selector__client-name,.client-selector__dropdown-item .client-selector__client-name{font-weight:400;color:#1a237e;font-size:15px;font-family:Segoe UI,Arial,sans-serif;text-transform:none}.client-selector__asterisk,.client-selector__dropdown-item .client-selector__asterisk{color:#1a237e;font-size:13px;margin-left:2px;vertical-align:super;font-style:normal;font-weight:400}.client-selector__workspace,.client-selector__dropdown-item .client-selector__workspace{font-size:13px;color:#86868b;margin-top:-2px;margin-left:1px;font-weight:400;font-family:Segoe UI,Arial,sans-serif}.client-selector__chevron{margin-left:8px;font-size:15px;color:#888}.client-selector__dropdown-list{position:absolute;top:100%;left:0;min-width:180px;border:none;border-radius:10px;box-shadow:0 4px 16px #00000014;z-index:100;margin-top:4px;padding:4px 0;list-style:none;background:#fff}.client-selector__dropdown-item.selected,.client-selector__dropdown-item:hover{background:#f0f7ff}.app-header,.app-header__wrapper{width:100%;max-width:100vw;box-sizing:border-box}.app-header__wrapper{max-width:min(1200px,96vw);margin:0 auto;padding:0 20px}@media(max-width:1024px){.app-header__wrapper{padding:0 16px}.app-logo__text{font-size:20px}.app-header__center{justify-content:center;align-items:center}.app-header__left,.app-header__controls{flex:1 1 auto;min-width:0}}@media(max-width:600px){.app-header{height:60px;padding:0}.app-header__wrapper{display:flex;align-items:center;gap:8px;padding:0 16px;justify-content:space-between}.app-header__left{display:none!important}.app-header__controls{order:1;flex:0 0 auto;padding-right:0;margin-right:8px}.client-info,.user-profile{display:none!important}.org-logo-header{width:32px!important;height:32px!important;margin:0!important;display:block!important}.app-header__center{flex:1;order:2;justify-content:flex-start;padding:0}.app-logo{align-items:flex-start}.app-logo__text{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-logo__underline{display:none}.menu-toggle{order:3;margin-left:auto;padding:8px;width:40px;height:40px;margin-right:-10px}}.app-header *,.app-header__wrapper *{box-sizing:border-box;overflow-wrap:break-word}@media(max-width:420px){.app-header__wrapper{padding:0 10px;align-items:center;gap:8px}.app-header__left{display:flex;align-items:center;gap:8px;margin-left:6px}.system-admin-logo{height:24px!important;margin-left:0!important;margin-right:8px!important}.app-logo__text{font-size:14px;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-logo__underline{display:none}.app-header__controls{gap:6px;align-items:center;justify-content:flex-end}.client-selector__client-name,.client-selector__workspace{display:none!important}.org-logo-header{width:30px!important;height:30px!important;margin-right:6px!important}.user-profile{width:36px!important;height:36px!important;margin-right:6px!important}.menu-toggle{width:40px;height:40px;padding:8px;margin-right:0}}@media(max-width:320px){.app-logo__text{display:none}.system-admin-logo{height:22px!important}.org-logo-header{width:28px!important;height:28px!important}.user-profile{width:34px!important;height:34px!important}}.app-header__left{flex:0 0 auto;display:flex;align-items:center;padding-left:12px}.app-header__center{flex:1 1 auto;display:flex;justify-content:center;align-items:center;padding:8px 6px}.app-header__controls{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding-right:12px}.app-logo__underline{width:140px;max-width:40vw}.client-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-right:6px;min-width:0}.system-admin-logo{height:28px;width:auto;object-fit:contain;margin-right:8px;margin-left:0}.org-logo-header{width:32px;height:32px;object-fit:contain;border-radius:8px;background:#fff}.user-profile{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:9999px}@media(max-width:420px){.app-header{height:auto;padding:6px 0}.app-header__wrapper{padding:6px 10px;align-items:center;gap:8px}.app-header__left{order:1;padding-left:6px}.app-header__center{order:2;padding:0}.app-header__controls{order:3;padding-right:6px;gap:6px}.app-logo__text{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:56vw}.app-logo__underline,.client-info{display:none}.system-admin-logo{height:24px}.org-logo-header{width:28px;height:28px;margin-right:4px}.user-profile{width:34px;height:34px;margin-right:4px}.menu-toggle{width:40px;height:40px;padding:8px}}@media(max-width:320px){.app-logo__text{display:none}.system-admin-logo{height:22px}}.app-header,.app-header__wrapper,.app-header *{box-sizing:border-box;overflow-wrap:break-word}.sidebar-overlay{position:fixed;inset:0;background:#00000040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1150;opacity:0;pointer-events:none;transition:opacity .4s ease}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.sidebar{width:320px;min-width:280px;max-width:100vw;background:#fff;color:#1f2937;height:100vh;position:fixed;right:0;top:0;z-index:1200;box-shadow:-4px 0 24px #0000001a;display:flex;flex-direction:column;border-left:1px solid #e5e7eb;transform:translate(100%);opacity:0;visibility:hidden;transition:transform .4s cubic-bezier(.32,.72,0,1),opacity .4s ease,visibility 0s linear .4s;will-change:transform,opacity}.sidebar.open{transform:translate(0);opacity:1;visibility:visible;transition:transform .4s cubic-bezier(.32,.72,0,1),opacity .4s ease,visibility 0s linear 0s}.sidebar-close-btn{position:absolute;top:12px;right:16px;width:36px;height:36px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;transition:all .2s ease;z-index:10}.sidebar-close-btn:hover{background:#fee2e2;border-color:#fecaca;color:#ef4444}.sidebar-profile{display:flex;align-items:center;padding:24px 20px;background:#f8fafc;border-bottom:1px solid #e5e7eb;gap:16px}.sidebar-profile-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#d87ca0,#b2587e);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff;box-shadow:0 2px 6px #0288d140;flex-shrink:0}.sidebar-profile-info{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar-profile-name{font-weight:600;font-size:16px;color:#1f2937}.sidebar-profile-role{font-size:14px;color:#6b7280;font-weight:500}.sidebar-content{flex:1;overflow-y:auto;padding:16px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sidebar-section{background:none;border:none;box-shadow:none}.sidebar-submenu{list-style:none;padding:0;margin:0}.sidebar-submenu li{margin:0}.sidebar-submenu a{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;box-sizing:border-box;text-decoration:none;color:#374151;font-size:14px;font-weight:500;border-radius:8px;transition:all .2s ease}.sidebar-submenu a:hover{background:#f3f4f6;color:#3b82f6}.sidebar-submenu a.active{background:#eff6ff;color:#3b82f6;font-weight:600}.sidebar-footer{margin-top:auto;padding:20px;background:#f8fafc;border-top:1px solid #e5e7eb}.sidebar-logout-btn{width:100%;background:#fff;color:#6b7280;padding:12px;font-weight:500;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;border-radius:10px;border:1px solid #e5e7eb}.sidebar-logout-btn:hover{background:#fef2f2;color:#b2587e;border-color:#fecaca}.sidebar-mobile-client-info{display:none;padding:16px 20px;background:#f0f7ff;border-bottom:1px solid #e5e7eb}.sidebar-mobile-client-name{font-size:15px;font-weight:600;color:#1a237e;margin-bottom:2px}.sidebar-mobile-workspace{font-size:13px;color:#6b7280}@media(max-width:768px){.sidebar{width:85vw}.sidebar-mobile-client-info{display:block}}@media(max-width:480px){.sidebar{width:100vw}}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar-overlay{transition:none}}.footer{display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#fff;color:#d87ca0;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;height:40px;min-height:40px;box-sizing:border-box;width:100%;max-width:100vw}.footer-left{flex:1;text-align:left;color:#d87ca0;white-space:nowrap}.footer-center{display:flex;align-items:center;gap:0;flex:1;justify-content:center}.footer-center .footer-link,.footer-center .footer-link[href$="privacy-policy.html"],.footer-center .footer-link[href$="terms-of-use.html"]{color:#8d97a6!important}.footer-link{background:none;border:none;color:#d87ca0;cursor:pointer;font-family:inherit;font-size:14px;text-decoration:none;padding:0 8px;transition:color .3s}.footer-link:hover{color:#015a8c;text-decoration:underline}.footer-dot{color:#8d97a6;margin:0 4px;font-size:18px;-webkit-user-select:none;user-select:none}.footer-right{flex:1;text-align:right}.footer-appname{color:#d87ca0;font-weight:400;text-decoration:none;font-size:15px;letter-spacing:.01em;transition:color .3s}.footer-appname:hover{color:#015a8c;text-decoration:underline}.about-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.about-modal{background:#fff;border-radius:12px;padding:20px;max-width:500px;width:90%;box-shadow:0 10px 30px #0000004d;font-family:Roboto,sans-serif;position:relative;animation:fadeIn .3s ease}.about-modal-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;transition:color .3s ease}.about-modal-close:hover{color:#333}.about-modal h2{margin-top:0;color:#333;font-size:24px;font-weight:500}.about-modal p{margin:10px 0;color:#555;font-size:16px;line-height:1.5}.about-modal a{color:#d87ca0;text-decoration:none;transition:color .3s ease}.about-modal a:hover{color:#015a8c}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.footer{width:100%;max-width:100vw;box-sizing:border-box;padding:8px 16px}@media(max-width:900px){.footer{padding:8px 12px}.footer-left,.footer-center,.footer-right{flex:1 1 100%;text-align:center;margin:4px 0}.footer{flex-direction:column;gap:6px;align-items:center;height:auto;min-height:auto}.footer-center{justify-content:center;gap:8px}}@media(max-width:600px){.footer{padding:10px 12px}.footer-link,.footer-appname{font-size:13px}.footer-dot{display:none}.footer-left{order:1}.footer-center{order:2}.footer-right{order:3}}.footer *{box-sizing:border-box;word-break:break-word}html body{background:#fafbfc}.sysadmin-dashboard-container{margin:10px 0 0;padding:2rem;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;border:none;position:relative;overflow:hidden;zoom:.7;transform-origin:top left}.sysadmin-dashboard-title{display:flex;align-items:center;font-size:1.8rem;color:#383737;font-weight:500;margin-bottom:2rem;gap:.75rem;position:relative;z-index:2}.sysadmin-dashboard-title-icon{background:#fff3;padding:12px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sysadmin-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;position:relative;z-index:2}.sysadmin-dashboard-card{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:16px;padding:2rem 1.5rem;text-align:left;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.8);cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.sysadmin-dashboard-card-bar-org{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#38bdf8,#0ea5e9);border-radius:16px 16px 0 0}.sysadmin-dashboard-card-bar-client{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#a78bfa,#8b5cf6);border-radius:16px 16px 0 0}.sysadmin-dashboard-card-bar-role{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:16px 16px 0 0}.sysadmin-dashboard-card-bar-user{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#34d399,#10b981);border-radius:16px 16px 0 0}.sysadmin-dashboard-card-bar-branch{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#a78bfa,#8b5cf6);border-radius:16px 16px 0 0}.sysadmin-dashboard-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.sysadmin-dashboard-card-header-icon-org{background:linear-gradient(145deg,#e0f2fe,#b3e5fc);padding:12px;border-radius:12px;display:flex;align-items:center;justify-content:center}.sysadmin-dashboard-card-header-icon-client{background:linear-gradient(145deg,#f3e8ff,#e9d5ff);padding:12px;border-radius:12px;display:flex;align-items:center;justify-content:center}.sysadmin-dashboard-card-header-icon-role{background:linear-gradient(145deg,#fef3c7,#fde68a);padding:12px;border-radius:12px;display:flex;align-items:center;justify-content:center}.sysadmin-dashboard-card-header-icon-user{background:linear-gradient(145deg,#d1fae5,#a7f3d0);padding:12px;border-radius:12px;display:flex;align-items:center;justify-content:center}.sysadmin-dashboard-card-header-status-org{background:#38bdf81a;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:600;color:#0369a1}.sysadmin-dashboard-card-header-status-client{background:#a78bfa1a;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:600;color:#7c3aed}.sysadmin-dashboard-card-header-status-role{background:#fbbf241a;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:600;color:#d97706}.sysadmin-dashboard-card-header-status-user{background:#34d3991a;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:600;color:#059669}.sysadmin-dashboard-card-header-status-branch{color:#7c3aed;background:#f5f3ff;border-radius:12px;font-weight:600;font-size:13px;padding:2px 14px;margin-left:8px}.sysadmin-dashboard-card-label{font-size:.95rem;color:#64748b;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.sysadmin-dashboard-card-value{font-size:2.5rem;font-weight:700;color:#0f172a;line-height:1;margin-bottom:12px}.sysadmin-dashboard-card-link-org{display:flex;align-items:center;gap:8px;color:#38bdf8;font-size:.85rem;font-weight:600}.sysadmin-dashboard-card-link-client{display:flex;align-items:center;gap:8px;color:#a78bfa;font-size:.85rem;font-weight:600}.sysadmin-dashboard-card-link-role{display:flex;align-items:center;gap:8px;color:#fbbf24;font-size:.85rem;font-weight:600}.sysadmin-dashboard-card-link-user{display:flex;align-items:center;gap:8px;color:#34d399;font-size:.85rem;font-weight:600}.sysadmin-dashboard-card-link-branch{color:#7c3aed;font-weight:600;display:flex;align-items:center;gap:4px}.sysadmin-dashboard-loading,.sysadmin-dashboard-error{text-align:center;padding:3rem 0;position:relative;z-index:2}.sysadmin-dashboard-loading-text{color:#ffffffe6;margin-top:1rem;font-size:1.1rem;font-weight:500}.sysadmin-dashboard-error-box{background:#ffffff1a;padding:2rem;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sysadmin-dashboard-error-icon{font-size:2rem;color:#fff9;margin-bottom:1rem}.sysadmin-dashboard-error-title{font-size:1.1rem;font-weight:500}.sysadmin-dashboard-error-desc{font-size:.9rem;opacity:.7;margin-top:.5rem}:root{--primary-pink: #D87CA0;--primary-pink-dark: #C56A8F;--primary-pink-gradient: linear-gradient(180deg, #D87CA0 0%, #C56A8F 100%);--primary-blue-light: #e9f7ff;--primary-blue-muted: #bfe9ff;--shadow-blue-rgba: rgba(2,136,209,.12);--shadow-blue-rgba-2: rgba(2,136,209,.08);--text-muted: #4b6b86;--card-bg: #fff;--page-bg: #f9fbfd}body,.client-list,.client-list *{font-family:Arial,sans-serif!important}.client-list{max-width:98vw;margin:0 auto;font-family:Segoe UI,sans-serif;background-color:var(--page-bg);font-size:13px!important}.client-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.client-list-header h2{font-size:1.3rem;font-weight:700;color:var(--primary-blue);margin:0}.header-title{display:flex;align-items:center;gap:.75rem;font-weight:700}.client-list-action-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.add-branch-btn{background:var(--primary-blue);color:#fff;border:none;border-radius:32px;font-size:1rem;font-weight:600;padding:10px 22px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;box-shadow:0 6px 14px var(--shadow-blue-rgba)}.add-branch-btn-lotus:hover{transform:translateY(-2px);background:#0277bd;box-shadow:0 8px 18px #0288d129}.add-branch-btn,.add-branch-btn-lotus{width:auto!important;min-width:unset!important;max-width:320px;display:inline-block;text-align:center}.client-list-filter-bar{margin:12px 0 16px;padding:14px;background:var(--card-bg);border-radius:10px;box-shadow:0 6px 18px #0d38560a;display:flex;justify-content:center}.client-list-filter-row{width:100%;max-width:1200px;display:flex;gap:12px;align-items:center}.filter-input,.filter-select{flex:1 1 0;min-width:140px;max-width:320px;padding:10px 14px;border-radius:10px;border:1px solid #e6eef6;background:#fbfeff;font-size:.95em;color:#274a63;box-shadow:0 1px 2px #0288d10a inset;outline:none}.filter-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg fill='%235e6e7a' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:34px}.filter-actions{display:flex;gap:8px;align-items:center;margin-left:auto}.clear-btn{background:#fff;color:var(--primary-blue);border:1px solid #dbeffb;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:600;box-shadow:0 1px 4px #0288d10a}.apply-btn{background:var(--primary-blue);color:#fff;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;font-weight:700;box-shadow:0 6px 14px var(--shadow-blue-rgba)}.client-list-table-container{background:var(--card-bg);border-radius:16px;box-shadow:0 4px 16px var(--shadow-blue-rgba);overflow-x:auto;margin-bottom:0}.client-list-table-container table{width:100%;table-layout:auto;border-collapse:collapse;font-size:.85em}.client-list-table-container th{vertical-align:middle;text-align:left;padding:6px 12px;font-size:.95em;background:var(--primary-blue-light);color:var(--primary-blue);font-weight:700;border-bottom:2px solid var(--primary-blue-muted);border-right:1px solid var(--primary-blue-muted);white-space:nowrap}.client-list-table-container thead tr:first-child th{background:var(--primary-blue-deep)!important;color:#fff!important;text-transform:uppercase;letter-spacing:.06em;font-size:.9em;padding:12px 10px!important;border-bottom:none!important;border-right:1px solid rgba(255,255,255,.08);text-align:left}.client-list-table-container thead tr:first-child th:first-child{border-top-left-radius:12px}.client-list-table-container thead tr:first-child th:last-child{border-top-right-radius:12px}.client-list-table-container thead tr:nth-child(2) th{background:#f6fbff;border-bottom:1px solid #d9eefb;padding:8px;color:var(--text-muted);height:32px}.client-list-table-container td{background:var(--page-bg);color:#333;padding:10px 12px;font-size:.85em;border-bottom:1px solid #eef3f6;text-align:center;border-right:1px solid #eef3f6;vertical-align:middle;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.client-list-table-container td:last-child{text-align:center;padding:12px}.cl-action-buttons{display:flex;gap:6px;justify-content:center;align-items:center}.cl-action-btn{background:#bbdefb;border:none;cursor:pointer;font-size:1em;width:34px;height:34px;border-radius:6px;transition:background .2s,color .2s;margin:0 2px;box-shadow:0 1px 2px var(--shadow-blue-rgba);display:flex;align-items:center;justify-content:center}.zoomable-img{width:32px!important;height:32px!important;object-fit:contain;border-radius:6px;cursor:zoom-in;transition:transform .2s ease;background:#fff;box-shadow:0 1px 4px #0288d112}.zoomable-img:hover{transform:scale(2);position:relative;z-index:999}.status-badge{display:inline-block;padding:6px 8px;border-radius:12px;font-weight:600;font-size:.9em;min-width:50px;text-align:center}.status-active{background:#e8f5e9;color:#256029;border:1px solid #b9e4c9}.status-inactive{background:#fff8e1;color:#a67c00;border:1px solid #ffe082}.clm-pagination-container{position:relative;margin:0 auto;width:100%;display:flex;justify-content:center;box-sizing:border-box;z-index:1}.clm-pagination-inner{width:100%;max-width:100%;margin:0;padding:8px 18px 8px 8px;display:flex;justify-content:space-between;align-items:center;gap:0;background:transparent;border-radius:12px;box-sizing:border-box;min-height:44px}.clm-pagination-info{min-width:0;color:#6b7280;font-size:12px;flex:1;text-align:left;padding-left:2px;letter-spacing:.01em;margin-top:2px}.clm-pagination-controls{display:flex;align-items:center;gap:6px;background:transparent;border-radius:10px;padding:0;box-shadow:none;flex:none}.clm-page-size-select{border:1px solid #e3e8f0;border-radius:8px;padding:4px 10px;font-size:13px;background:#fff;color:#222;font-weight:400;outline:none;margin-right:8px;height:32px}.clm-pagination-buttons{display:flex;align-items:center;gap:4px}.clm-pagination-btn{border:none;background:#6b7280;color:#fff;border-radius:6px;padding:4px 10px;font-size:1em;font-weight:600;margin:0 1px;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;box-shadow:0 1px 4px #0288d114;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.clm-pagination-btn:disabled{background:#f1f8fe;color:#b0bec5;cursor:not-allowed;box-shadow:none}.clm-pagination-btn.active,.clm-pagination-btn.page-number.active{background:#d87ca0;color:#fff;font-weight:700}.clm-pagination-btn.first,.clm-pagination-btn.prev,.clm-pagination-btn.next,.clm-pagination-btn.last{background:var(--primary-blue);color:#fff;font-weight:700;box-shadow:0 6px 14px #0288d12e;border:none}.clm-pagination-btn:hover:not(:disabled):not(.active){background:#bbdefb;color:#1976d2}.cl-toast{position:fixed;right:20px;bottom:20px;z-index:9999;border-radius:6px;box-shadow:0 4px 12px #00000026;padding:10px 14px;display:flex;align-items:center;min-width:220px;max-width:420px;color:#fff;font-family:Arial,sans-serif}.cl-toast.success{background:#43a047}.cl-toast.error{background:#e53935}.cl-toast .cl-toast-content{display:flex;align-items:center;gap:10px;flex:1 1 auto;color:#fff}.cl-toast .cl-toast-icon{font-weight:700;font-size:16px;line-height:1}.cl-toast .cl-toast-message{font-size:14px;line-height:1.2;word-break:break-word;color:#fff}.cl-toast .cl-toast-close{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0 6px}.cl-toast-close:hover{color:#c8e6c9}@media(max-width:900px){.client-list-filter-row{gap:8px}.filter-input,.filter-select{min-width:110px;padding:8px 10px;font-size:.9em}.client-list-table-container{border-radius:12px}.clm-modal-card{max-width:98vw;min-width:0;padding:6px 12px}.clm-modal-row{flex-direction:column;gap:6px}}@media(max-width:700px){.add-branch-btn{padding:8px 14px;font-size:.95rem}.clm-pagination-btn{padding:4px 8px;min-width:32px;min-height:32px}.clm-pagination-inner{flex-direction:column;gap:16px;padding:10px 6px;max-width:98vw}}@media(max-width:600px){.client-list-filter-row{flex-direction:column;align-items:stretch}.client-list-table-container th,.client-list-table-container td{font-size:.78em;padding:6px}.filter-actions{justify-content:flex-end}.cl-toast{right:8px;bottom:8px;padding:12px 16px;min-width:180px;font-size:.95em}}.draggable-header{cursor:grab;-webkit-user-select:none;user-select:none;text-align:left;padding-left:12px}.draggable-header .drag-handle{display:inline-block;margin-right:8px;color:#fffc;font-weight:700}.draggable-header.drag-over{outline:3px dashed rgba(255,255,255,.18);border-radius:6px}.logo-thumb{width:36px;height:36px;object-fit:contain;border-radius:6px;cursor:zoom-in;box-shadow:0 1px 3px #0288d10f}.cl-action-btn{width:34px;height:34px;padding:6px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:transparent;border:none;box-shadow:none}.cl-action-btn svg{display:block;width:16px;height:16px}.cl-action-view svg{fill:var(--primary-blue);opacity:.95}.cl-action-edit svg{fill:#f59e0b;opacity:.95}.status-badge{padding:6px 10px;border-radius:14px;font-weight:700;font-size:.85em;min-width:60px;display:inline-block;text-align:center}.status-active{background:#e6f9f0;color:#0f8a56;border:1px solid rgba(15,138,86,.12)}.status-inactive{background:#fff0f3;color:#d64557;border:1px solid rgba(214,69,87,.08)}.client-list-table-container thead tr:first-child th{text-transform:uppercase;letter-spacing:.06em}.cell-tooltip.truncated{display:inline-block;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.clm-pagination-btn.active,.clm-pagination-btn.first,.clm-pagination-btn.prev,.clm-pagination-btn.next,.clm-pagination-btn.last{background:var(--primary-blue);color:#fff}.status-badge-client{display:inline-block;padding:6px 12px;border-radius:16px;font-weight:500;font-size:11px;min-width:56px;text-align:center;box-sizing:border-box;vertical-align:middle;line-height:1;box-shadow:0 4px 10px #0288d10d}.status-badge-client{display:inline-block;padding:6px 12px;border-radius:16px;font-weight:600;font-size:11px;min-width:56px;text-align:center;box-sizing:border-box;vertical-align:middle;line-height:1;box-shadow:0 4px 10px #0288d10d}.status-active-client{background:#d1f4e0;color:#0f9d58;border:1px solid rgba(15,138,86,.12);text-shadow:rgba(255,255,255,.5) 0 1px 0;padding:6px 12px;border-radius:16px}.status-inactive-client{background:#fee;color:#dc2626;border:1px solid rgba(214,69,87,.08);padding:6px 12px;border-radius:16px}.clm-pagination-btn.prev,.clm-pagination-btn.next{background:#fff!important;color:#6b7280!important;border:1.5px solid #e3e8f0!important;min-width:32px;min-height:32px;font-size:1em;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:background .18s,color .18s}.clm-pagination-btn.prev:disabled,.clm-pagination-btn.next:disabled{opacity:.5;cursor:not-allowed}.clm-pagination-btn.page-number{background:#d87ca0!important;color:#fff!important;border:1.5px solid #D87CA0!important;min-width:32px;min-height:32px;font-size:1em;font-weight:600;display:inline-flex;align-items:center;justify-content:center;margin:0 4px;border-radius:6px}.client-list-tabs{display:flex;gap:12px;margin-bottom:18px}.client-list-tab{border:none;background:#f3f4f6;color:#374151;font-weight:500;font-size:1rem;border-radius:999px;padding:8px 24px;cursor:pointer;transition:background .18s,color .18s;outline:none}.client-list-tab.active{background:#d87ca0;color:#fff;font-weight:600}.cl-action-btn{background:none!important;border:none;box-shadow:none;padding:0 4px;cursor:pointer;outline:none;border-radius:6px;width:34px;height:34px;display:flex;align-items:center;justify-content:center}.userlist-confirm-modal{background:#fff;border-radius:14px;box-shadow:0 8px 32px #0288d11a;max-width:420px;min-width:320px;width:100%;padding:0;font-family:Segoe UI,Arial,sans-serif;position:relative}.userlist-confirm-overlay{position:fixed;inset:0;z-index:3000;background:#0288d114;display:flex;align-items:center;justify-content:center}.add-branch-btn,.add-branch-btn-lotus,.add-roles-btn{background:var(--primary-pink)!important;color:#fff!important;border:none;border-radius:10px;font-size:1rem;font-weight:600;padding:10px 24px;cursor:pointer;transition:background .18s,box-shadow .18s;box-shadow:0 6px 14px #d87ca01f}.add-branch-btn:hover,.add-branch-btn-lotus:hover,.add-roles-btn:hover{background:var(--primary-pink-gradient)!important;color:#fff!important;box-shadow:0 8px 18px #c56a8f29}.client-list-table-container thead tr:first-child th,.role-table-wrapper thead tr:first-child th{background:var(--primary-pink-gradient)!important;color:#fff!important;text-transform:uppercase;letter-spacing:.06em;font-size:.9em;padding:12px 10px!important;border-bottom:none!important;border-right:1px solid rgba(255,255,255,.08);text-align:left}.client-list-header h2,.role-list-header h2,.header-title,.role-matrix-header h2,.client-modal-label,.role-form-group label,.filter-group label,.section-title-client{color:var(--primary-pink)!important}.mobile-list-header{display:none}@media(max-width:900px){.desktop-only-filters{display:none!important}.mobile-only-search{display:block;width:100%;margin-bottom:12px}.mobile-only-search input{padding:12px 16px;font-size:1rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #eef3f6;width:100%;box-sizing:border-box}.client-list-header{flex-direction:column;align-items:flex-start;gap:12px}.client-list-action-bar{justify-content:flex-start!important;width:100%}.client-list-filter-bar{padding:12px;background:transparent;box-shadow:none}.mobile-list-header{display:block;padding:12px 16px 8px;font-weight:700;color:var(--primary-pink);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;background:transparent}.client-list-table-container{background:transparent;box-shadow:none;border-radius:0}.client-list-table-container table,.client-list-table-container tbody,.client-list-table-container tr{display:block;width:100%}.client-list-table-container thead{display:none}.client-list-table-container tbody{display:flex;flex-direction:column;gap:12px}.client-list-table-container tr{background:#fff;margin-bottom:0;border-radius:12px;box-shadow:0 4px 12px #0000000f;border:1px solid #eef3f6;overflow:hidden;position:relative}.client-list-table-container td{text-align:right;padding:12px 16px;position:relative;border-bottom:1px solid #f3f4f6;border-right:none;display:flex;justify-content:space-between;align-items:center;min-height:auto;width:100%;box-sizing:border-box}.client-list-table-container td[data-label=Name]{background-color:#fcfdfe;font-weight:700;color:var(--primary-pink);font-size:1.05rem;border-bottom:1px solid #eee;padding:16px;cursor:pointer;position:relative;justify-content:space-between;width:100%;text-align:left;display:flex!important}.client-list-table-container td[data-label=Name]:after{content:"";display:inline-block;width:10px;height:10px;border-right:2px solid #ccc;border-bottom:2px solid #ccc;transform:rotate(45deg);transition:transform .2s ease;margin-left:10px}.mobile-row-expanded td[data-label=Name]:after{transform:rotate(-135deg);margin-top:4px;border-color:var(--primary-pink)}.mobile-row-expanded td[data-label=Name]{color:var(--primary-blue);border-bottom-color:var(--primary-pink)}.client-list-table-container td:not([data-label=Name]){display:none;background:#fff;font-size:.95rem}.mobile-row-expanded td:not([data-label=Name]){display:flex;animation:fadeIn .3s ease}.client-list-table-container td[data-label=Actions]{justify-content:center;background:#f8fafc!important;padding:12px;border-top:1px solid #eee}.client-list-table-container td td:last-child{border-bottom:none}.client-list-table-container td:not([data-label=Name]):before{content:attr(data-label);font-weight:600;color:#6b7280;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;margin-right:auto;text-align:left;flex-shrink:0;width:45%}.logo-thumb{width:40px;height:40px}.action-icons,.cl-action-buttons{display:flex;justify-content:center;gap:16px;width:100%}.client-table-empty{text-align:center!important;justify-content:center!important;display:flex!important}}@media(max-width:600px){.clm-pagination-inner{flex-direction:column;gap:12px;align-items:center}.clm-pagination-info{text-align:center;margin-bottom:4px}.clm-pagination-controls{flex-wrap:wrap;justify-content:center}.clm-page-size-select{margin-bottom:8px}}.client-modal-overlay{position:fixed;inset:0;z-index:2000;background:#0000002e;display:flex;align-items:center;justify-content:center;min-height:100vh;animation:fadeIn .2s}body,.client-modal,.client-modal *{font-family:Arial,sans-serif!important}.client-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000002e;padding:0;min-width:420px;max-width:600px;width:100%;font-family:Segoe UI,Arial,sans-serif;position:relative;transform:scale(.65);transform-origin:center center}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 32px 0;border-radius:12px 12px 0 0;background:#fff}.modal-header h3{margin:0;font-size:1.55rem;font-weight:700;color:#1976d2;letter-spacing:.1px}.modal-close{background:none;border:none;font-size:1.5rem;color:#888;cursor:pointer;margin-left:12px;margin-top:2px}.modal-divider{border-bottom:1.5px dashed #b6d6f6;margin:18px 0 0}.section-title-client{color:#d87ca0!important;font-size:13px;font-weight:700;margin:28px 0 10px;letter-spacing:.2px}.client-modal-form{padding:0 32px;margin-top:18px}.client-modal-row{display:flex;gap:18px;margin-bottom:18px}.client-modal-col{flex:1;display:flex;flex-direction:column;gap:8px}.client-modal-card{background:#f0f9ff;border-radius:16px;padding:28px 24px;margin-bottom:18px;display:flex;gap:18px;align-items:flex-start}.client-modal-label{font-size:11px;font-weight:400;font-style:normal;line-height:16.5px;letter-spacing:.5px;color:#64748b;margin-bottom:4px;letter-spacing:.1px}.client-modal-input,.client-modal-select,.client-modal-textarea{padding:10px 14px;border:1.5px solid #e3e8f0;border-radius:8px;font-size:1rem;background:#fafdff;color:#222;transition:border-color .18s}.client-modal-input:disabled,.client-modal-select:disabled,.client-modal-textarea:disabled{background:#f3f4f6;color:#b0b8c9}.logo-upload-row{display:flex;align-items:center;gap:18px;margin-bottom:18px}.logo-preview-thumbnail{width:64px;height:64px;object-fit:contain;border-radius:8px;border:1.5px solid #e3e8f0;background:#fff;margin-left:28px}.change-logo-btn{margin-top:12px;font-size:11px;color:#64748b;background:#fff;border:1.5px solid #d1d5db;border-radius:10px;padding:6px 16px;cursor:pointer;transition:background .15s,border .15s;display:inline-flex;align-items:center;gap:6px;font-weight:500;box-sizing:border-box;white-space:nowrap;margin-right:10px}.client-modal-actions-row{display:flex;justify-content:flex-end;gap:12px;padding:28px 32px 24px;border-top:1px solid #e3e8f0;margin-top:32px}.client-modal-btn{padding:10px 28px;border-radius:8px;font-size:1.08rem;font-weight:600;border:none;cursor:pointer;background:#1976d2;color:#fff;transition:background .18s}.client-modal-btn[type=button]{background:#f3f4f6;color:#4b5563;border:1px solid #b6d6f6}.client-modal-btn[type=button]:hover{background:#e3f2fd}.client-modal-btn[type=submit]:hover{background:#125ea2}.client-modal-error{color:#e74c3c;font-size:.95em;margin-top:4px}@media(max-width:600px){.client-modal{min-width:0;max-width:98vw;padding:0}.modal-header,.client-modal-form,.client-modal-actions-row{padding-left:12px;padding-right:12px}.client-modal-row{flex-direction:column;gap:8px}}.required-asterisk{color:#dc2626;margin-left:2px;font-weight:400}@media(max-width:768px){.client-modal{transform:none!important;min-width:0;width:95%!important;max-height:90vh;overflow-y:auto;margin:10px auto}.client-modal-overlay{align-items:flex-start;padding-top:20px;padding-bottom:20px}.modal-header{padding:20px 20px 0}.modal-header h3{font-size:1.25rem}.client-modal-form{padding:0 16px}.client-modal-card{flex-direction:column;padding:16px;align-items:stretch}.logo-preview-thumbnail{margin-left:0;align-self:center;width:80px;height:80px}.client-modal-col[style*="min-width: 120"]{align-items:center!important;margin-bottom:16px}.client-modal-row{flex-direction:column;gap:12px;margin-bottom:12px}.client-modal-actions-row{padding:20px 16px;flex-direction:column-reverse;gap:12px}.client-modal-actions-row>div{justify-content:stretch!important;display:flex}.client-modal-btn{width:100%;text-align:center;padding:12px}}.role-list{max-width:98vw;margin:0 auto;font-family:Segoe UI,sans-serif;background:#fff;padding:32px 0 24px;min-height:100vh}.role-list-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:1rem;background:none;border:none;box-shadow:none;gap:24px;color:#d87ca0}.role-list-header h2{font-size:1.3rem;font-weight:700;color:#1565c0}.header-title{font-weight:700;text-align:left;margin-bottom:4px;padding-top:2px;margin-left:12px;width:auto;display:block;color:#1565c0;font-size:1.3rem}.header-icon{font-size:1.2rem}.role-list-action-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:18px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #1565c00f;padding:18px 18px 10px}.role-add-btn{background:linear-gradient(90deg,#42a5f5,#66bb6a);color:#fff;border:none;margin-left:8px;margin-right:0;border-radius:24px;font-size:1.05em;font-weight:600;padding:10px 24px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.role-add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #1565c02e}.permissions-btn{background:#4b5563;color:#fff;border:none;border-radius:24px;font-size:1.05em;font-weight:600;padding:10px 24px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-left:8px;margin-right:0}.permissions-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #1565c02e}.role-table-wrapper{margin-top:0;border-radius:16px;box-shadow:0 4px 24px #1565c01a;overflow-x:auto}.role-table-wrapper table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.85em;border-radius:16px;overflow:hidden}.role-table-wrapper th{vertical-align:middle;text-align:center;height:36px;padding:14px 10px;font-size:1em;background:#e3f2fd;color:#1976d2;font-weight:700;border-bottom:2px solid #bbdefb;border-right:1px solid #bbdefb;white-space:nowrap}.role-table-wrapper thead tr:first-child th{border-bottom:none;padding-bottom:0}.role-table-wrapper thead tr:nth-child(2) th{background:#e3f2fd;border-bottom:2px solid #bbdefb;padding-top:0;padding-bottom:6px;height:32px}.header-filter{width:100%;min-width:180px;max-width:260px;font-size:1em;border-radius:8px;border:1.5px solid #d1d5db;padding:8px 12px;background:#f8fafc;margin-right:0}select.header-filter{appearance:none;background-image:url("data:image/svg+xml,%3Csvg fill='gray' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px;padding-right:16px}.role-table-wrapper td{background:#fff;color:#333;padding:14px 10px;font-size:1em;border-bottom:1px solid #e0e0e0;text-align:left;border-right:1px solid #e0e0e0;vertical-align:middle;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.role-table-wrapper td:last-child{text-align:center;vertical-align:middle;padding:12px}.role-action-buttons{display:flex;gap:2px;justify-content:center;align-items:stretch;height:100%}.role-action-btn{border-radius:50%;width:32px;height:32px;font-size:1.1em;margin:0 2px;background:#e3f2fd;color:#1976d2;border:none;transition:background .2s,color .2s}.role-action-btn:hover{background:#bbdefb;color:#1565c0}.role-add-btn,.permissions-btn{margin-left:8px;margin-right:0;padding:10px 24px;border-radius:24px;font-size:1.05em;font-weight:600;box-shadow:0 2px 8px #1565c01a}.role-add-btn{background:linear-gradient(90deg,#42a5f5,#66bb6a);color:#fff}.permissions-btn{background:#4b5563;color:#fff}.role-add-btn:hover,.permissions-btn:hover{opacity:.92;box-shadow:0 4px 16px #1565c02e}.role-pagination-container{position:relative;margin:18px auto 0;width:100%;display:flex;justify-content:center;pointer-events:auto;box-sizing:border-box;z-index:1}.role-pagination-inner{width:100%;max-width:100%;margin:0;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #1565c014;box-sizing:border-box}.role-pagination-info{min-width:0}.role-pagination-controls{display:flex;align-items:center;gap:10px;background:#f9fbfd;border-radius:10px;padding:6px 12px;box-shadow:0 2px 8px #1565c00a}.role-page-size-label{font-size:.97em;color:#1976d2;font-weight:500;margin-right:4px}.role-page-size-select{border:1.5px solid #bbdefb;border-radius:6px;padding:4px 12px;font-size:1em;background:#fff;color:#1976d2;font-weight:600;outline:none;transition:border .2s;margin-right:8px}.role-page-size-select:focus{border-color:#1976d2}.role-pagination-buttons{display:flex;align-items:center;gap:2px}.role-pagination-btn{border:none;background:#e3f2fd;color:#1976d2;border-radius:6px;padding:6px 12px;font-size:1em;font-weight:600;margin:0 1px;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;box-shadow:0 1px 4px #1565c012;outline:none;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.role-pagination-btn:disabled{background:#f1f8fe;color:#b0bec5;cursor:not-allowed;box-shadow:none}.role-pagination-btn.active,.role-pagination-btn.page-number.active{background:linear-gradient(90deg,#42a5f5,#66bb6a);color:#fff;font-weight:700;box-shadow:0 2px 8px #43a0471a;border:none}.role-pagination-btn:hover:not(:disabled):not(.active){background:#bbdefb;color:#1976d2}.role-pagination-pages{display:flex;align-items:center;gap:2px}.role-toast{position:fixed;right:12px;bottom:calc(var(--footer-height) + 12px);background:#43a047;color:#fff;border-radius:10px;box-shadow:0 6px 22px #43a04747;padding:10px 16px;z-index:1101;display:flex;align-items:center;min-width:200px;font-size:1rem;font-weight:600;animation:fadeIn .2s ease-in}.role-toast-content{display:flex;align-items:center;gap:14px;flex:1}.role-toast-icon{font-size:1.3em;font-weight:700}.role-toast-message{font-size:1rem;font-weight:600}.role-toast-close{background:none;border:none;color:#fff;font-size:1.3em;margin-left:16px;cursor:pointer;font-weight:700;transition:color .2s}.role-toast-close:hover{color:#c8e6c9}.role-toast.success{background:#43a047}.role-toast.error{background:#e53935}.role-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1100;background:#0f172a29;-webkit-backdrop-filter:blur(6px) saturate(110%) brightness(.98);backdrop-filter:blur(6px) saturate(110%) brightness(.98);transition:background .18s ease,backdrop-filter .18s ease;-webkit-transition:background .18s ease,-webkit-backdrop-filter .18s ease}.role-modal{background:#fff;border-radius:16px;padding:16px 18px 10px;width:100%;max-width:850px;min-width:400px;box-shadow:0 8px 32px #1565c02e;animation:fadeIn .2s ease-in-out;position:relative;display:flex;flex-direction:column}.role-modal.view-modal{max-width:550px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;padding-bottom:0;background:#fff;z-index:2}.modal-header h3{font-size:1.35rem;font-weight:700;color:#1976d2;margin:0;display:flex;align-items:center;gap:8px}.modal-icon{font-size:1.2em;margin-right:4px;display:flex;align-items:center}.modal-close{background:none;border:none;font-size:1.7rem;color:#888;cursor:pointer;padding:0 4px;transition:color .2s}.modal-close:hover{color:#1976d2}.role-modal-divider{border-top:1px solid #e0e0e0;margin:8px 0 10px;background:#fff}.role-section{padding:0;border:none}.role-form-row{display:flex;flex-wrap:nowrap;gap:18px;margin-bottom:10px}.role-form-group{flex:1 1 0;display:flex;flex-direction:column;min-width:0;max-width:100%}.role-form-group label{font-weight:600;margin-bottom:4px;color:#1976d2;font-size:.98em;letter-spacing:.01em}.role-form-group input,.role-form-group select{padding:6px 10px;border:1px solid #cfd8dc;border-radius:6px;background:#f5faff;font-size:.97em;color:#333;margin-bottom:0;transition:border .2s,background .2s;width:100%;min-width:0;max-width:320px;box-sizing:border-box;height:32px}.role-form-group input[type=file]{padding:2px 0;background:none;border:none;height:auto}.role-form-group div[style*="color: red"]{margin-top:2px;font-size:.92em;font-weight:500}.role-modal-actions-row{display:flex;justify-content:flex-end;gap:6px;margin-top:6px}.role-modal-btn{padding:4px 14px;border-radius:4px;font-weight:600;font-size:.97em;border:none;cursor:pointer;transition:background .2s,color .2s;box-shadow:0 1px 4px #1565c01a;background:#e3f2fd;color:#1976d2}.role-modal-btn:hover{opacity:.92;background:#bbdefb;color:#1976d2}.role-modal-btn.gradient{background:linear-gradient(90deg,#42a5f5,#66bb6a);color:#fff}.role-modal-btn.gradient:hover{background:linear-gradient(90deg,#1976d2,#43a047);color:#fff}.batch-container{display:flex;flex-direction:column;gap:12px;background:#f9fafb;border-radius:8px;padding:16px;max-height:350px;overflow-x:hidden}.batch-container::-webkit-scrollbar{width:6px}.batch-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.batch-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.batch-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.batch-row{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s;display:flex;gap:1rem;align-items:flex-end}.batch-actions{display:flex;gap:8px}.batch-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.batch-btn.add{background:#e8f5e9;color:#43a047}.batch-btn.remove{background:#ffebee;color:#d32f2f}.batch-btn:hover{transform:translateY(-2px)}.batch-btn:disabled{opacity:.5;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#d32f2f;font-size:.875rem;margin:0 0 1rem}.error-icon{font-size:1.1rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-spinner{width:3rem;height:3rem;border:3px solid #e5e7eb;border-top:3px solid #1565c0;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:1rem;height:1rem;border-width:2px}@media(max-width:900px){.role-list-container{max-width:98vw;padding:12px}.role-table-wrapper{border-radius:10px}.role-modal{max-width:98vw!important;min-width:0;padding:6px 2px!important}.role-form-row{flex-direction:column;gap:6px;margin-bottom:6px}.role-form-group{min-width:100%}}@media(max-width:700px){.role-pagination-inner{flex-direction:column;gap:16px;padding:10px 6px;min-width:0;max-width:98vw}.role-pagination-info{padding:6px 10px;font-size:.98em}.role-pagination-controls{padding:6px;gap:6px}.role-pagination-btn{padding:4px 8px;min-width:28px;min-height:28px;font-size:.95em}}@media(max-width:600px){.role-toast{right:8px;bottom:8px;padding:12px 16px;min-width:180px;font-size:.95em}.role-table-wrapper th,.role-table-wrapper td{font-size:.78em;padding:2px}.header-title,.header-filter{font-size:.78em}}.role-modal-btn:disabled{background:#e0e0e0!important;color:#b0bec5!important;cursor:not-allowed!important;opacity:.7;box-shadow:none;border:none}.modal-multiselect{min-height:70px;max-height:120px;background:#f5faff;border-radius:6px;border:1px solid #cfd8dc;font-size:.97em;color:#333;padding:6px 10px;width:100%;box-sizing:border-box}.multi-dropdown{position:absolute;top:100%;left:0;z-index:10;background:#fff;border:1.5px solid #cfd8dc;border-radius:0 0 8px 8px;width:100%;max-height:180px;box-shadow:0 4px 16px #1565c01a;font-size:.89em!important;color:#1976d2;font-family:Segoe UI,sans-serif;padding:0}.multi-option{padding:8px 14px;cursor:pointer;font-size:.89em!important;color:#1976d2;background:#fff;border-bottom:1px solid #f1f5f9;transition:background .15s,color .15s;font-family:Segoe UI,sans-serif}.multi-option.selected{background:#e3f2fd;font-weight:600;color:#1565c0}.multi-option:hover{background:#f1f5f9;color:#1565c0}.multi-select{min-width:0;width:100%;background:#f5faff;border:1.5px solid #cfd8dc;border-radius:6px;padding:0 10px;font-size:.97em;color:#1976d2;min-height:32px;display:flex;align-items:flex-start;box-sizing:border-box;margin-top:0;overflow-x:hidden;overflow-y:visible;font-family:Segoe UI,sans-serif;transition:border .2s}.multi-input{display:flex;flex-wrap:wrap;align-items:center;min-height:32px;gap:4px;width:100%;overflow-x:hidden;overflow-y:visible;padding:2px 0}.multi-chip{background:#e3e8f0;border-radius:12px;padding:2px 8px;margin:2px 2px 2px 0;display:flex;align-items:center;font-size:.95em;color:#1976d2;font-family:Segoe UI,sans-serif;white-space:nowrap}.multi-chip-x{margin-left:8px;cursor:pointer;color:#888;font-weight:700;font-size:1.1em;display:inline-block;line-height:1;padding-left:2px}.multi-placeholder{color:#aaa;margin-left:2px;font-size:.97em;white-space:nowrap}.multi-arrow{margin-left:auto;color:#888;font-size:1.1em;padding-left:8px;flex-shrink:0}.ar-modal-overlay{position:fixed;inset:0;z-index:1200;background:#21212114;display:flex;align-items:center;justify-content:center}.ar-modal{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f;width:650px;max-width:98vw;display:flex;flex-direction:column;overflow:hidden;padding:0}.ar-modal .react-multi-select__dropdown{min-width:100%!important;width:100%!important;left:0!important;right:0!important;box-sizing:border-box;z-index:9999}.ar-modal-header{align-self:stretch;padding:32px 32px 2px;border-bottom:1.26px #E5E7EB solid;display:flex;justify-content:space-between;align-items:flex-start}.react-multi-select__menu{z-index:9999!important;position:absolute!important;top:100%!important;left:0!important;width:100%!important}.ar-modal-header-titles{width:100%;display:flex;flex-direction:column;gap:8px}.ar-modal-title{color:#d87ca0;font-size:22px;font-family:Arial,sans-serif;font-weight:700;line-height:33px}.ar-modal-desc{color:#6b7280;font-size:13px;font-family:Arial,sans-serif;font-weight:400;line-height:19.5px}.ar-modal-close{background:none;border:none;font-size:2rem;color:#9ca3af;border-radius:10px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.ar-modal-close:hover{background:#f3f4f6}.ar-modal-form{display:flex;flex-direction:column;gap:32px;padding:32px 32px 0}.ar-modal-roles-list{display:flex;flex-direction:column;gap:12px}.ar-modal-section{display:flex;flex-direction:column;gap:20px}.ar-modal-section-label{color:#9ca3af;font-size:11px;font-family:Arial,sans-serif;font-weight:700;text-transform:uppercase;line-height:16.5px;letter-spacing:.6px}.ar-modal-context-row{display:flex;gap:32px}.ar-modal-field{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1 1 0}.ar-modal-field label{color:#4b5563;font-size:12px;font-family:Arial,sans-serif;font-weight:400;line-height:18px;display:flex;align-items:center;gap:4px}.ar-modal-required{color:#dc2626;font-size:12px;font-weight:400}.ar-modal-select{background:#fff;border-radius:10px;border:1.26px solid #E5E7EB;font-size:13px;font-family:Arial,sans-serif;font-weight:400;line-height:19.5px;padding:10px 14px;outline:none;width:100%;min-width:180px;max-width:300px;color:#1f2933;appearance:none}.ar-modal-select:focus{border-color:#d87ca0}.ar-modal-role-row{display:flex;gap:12px;align-items:center}.ar-modal-input{background:#fff;border-radius:10px;border:1.26px solid #E5E7EB;font-size:13px;font-family:Arial,sans-serif;font-weight:400;padding:10px 14px;outline:none;width:100%;min-width:120px;color:#1f2933;transition:border .15s}.ar-modal-input:focus{border-color:#d87ca0}.ar-modal-role-actions{display:flex;gap:8px}.ar-modal-add-btn,.ar-modal-remove-btn{width:28px;height:28px;border-radius:50%;border:none;font-size:1.3rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.ar-modal-add-btn{background:#e598ba;color:#fff}.ar-modal-add-btn:hover{background:#b2587e}.ar-modal-remove-btn{background:#f2b4d1;color:#fff}.ar-modal-remove-btn:hover{background:#f87171}.ar-modal-footer{width:100%;background:#f3f4f6;border-bottom-right-radius:12px;border-bottom-left-radius:12px;border-top:1.26px #E5E7EB solid;padding:0 24px 0 0;height:91px;display:flex;justify-content:flex-end;align-items:center;gap:12px;box-shadow:none}.ar-modal-cancel{background:#fff;border-radius:10px;border:1.26px solid #E5E7EB;font-size:13px;font-family:Arial,sans-serif;font-weight:400;color:#4b5563;width:82px;height:42px;cursor:pointer;transition:background .15s;position:relative}.ar-modal-cancel:hover{background:#f3f4f6}.ar-modal-save{background:#d87ca0;color:#fff;border-radius:10px;border:none;font-size:13px;font-family:Arial,sans-serif;font-weight:400;width:104px;height:40px;box-shadow:0 1px 2px -1px #0000001a;cursor:pointer;transition:background .15s;position:relative}.ar-modal-save:hover{background:#0277bd}.ar-modal-error{color:#e53935;font-size:14px;font-family:Arial,sans-serif;font-weight:500;margin:8px 0 0;text-align:center}.ar-modal-warning{color:#ff9800;font-size:14px;font-family:Arial,sans-serif;font-weight:500;margin:8px 0 0;text-align:center}.ar-modal-module-select{width:100%;min-width:120px;border-radius:8px;border:2px solid #3b82f6;font-size:15px;font-family:Arial,sans-serif;padding:8px 14px;color:#374151;background:#f8fafc;outline:none;box-sizing:border-box;margin-bottom:0;appearance:none;position:relative;transition:border .2s}.ar-modal-module-select:focus{border-color:#2563eb}.ar-modal-module-select option[disabled]{color:#9ca3af}.react-multi-select{background:#e3f2fd!important;border-radius:8px!important;border:none!important;min-height:42px!important;box-shadow:none!important}.react-multi-select__control{background:transparent!important;border:none!important;box-shadow:none!important}.module-multiselect,.module-multiselect .dropdown-container{min-width:220px!important;width:100%!important;max-width:100%}.module-multiselect .dropdown-content,.react-multi-select__menu,.react-multi-select__dropdown{font-size:13px!important;min-width:180px!important;box-shadow:0 4px 16px #1565c01a;border-radius:8px!important;padding:0!important}.module-multiselect .dropdown-content,.react-multi-select__menu,.react-multi-select__dropdown{padding:0!important;margin:0!important;border-radius:0 0 8px 8px!important;box-shadow:0 4px 16px #1565c01a;top:100%!important}.module-multiselect .dropdown-content .item,.react-multi-select__option{padding:0 10px!important;margin:0!important;min-height:24px!important;line-height:1.1!important;border-bottom:none!important;box-shadow:none!important;background:#fff!important;display:flex!important;align-items:center!important;gap:0!important}.module-multiselect .dropdown-content .item label,.react-multi-select__option label{margin:0!important;padding:0!important;gap:0!important}.module-multiselect .dropdown-content>*,.react-multi-select__menu>*{margin:0!important;padding:0!important}.module-multiselect .dropdown-content,.react-multi-select__menu,.react-multi-select__dropdown{margin-top:0!important;margin-bottom:0!important}.module-multiselect .dropdown-content .item:hover,.react-multi-select__option:hover{background:#f7fafc!important}.react-multi-select__menu,.react-multi-select__dropdown,.module-multiselect .dropdown-content{position:absolute!important;z-index:99999!important;left:0!important;right:0!important;min-width:220px!important;width:100%!important;max-width:98vw!important;max-height:260px!important;overflow-y:auto!important}.react-multi-select__menu,.react-multi-select__dropdown{position:absolute!important;z-index:9999!important;left:0!important;right:0!important;width:100%!important;min-width:220px!important;max-width:100%!important;max-height:180px!important;overflow-y:auto!important;box-shadow:0 8px 32px #1565c02e!important}.react-multi-select__option{padding:0 10px!important;margin:0!important;min-height:32px!important;line-height:1.2!important;border-bottom:none!important;box-shadow:none!important;background:#fff!important;display:flex!important;align-items:center!important;gap:0!important}.react-multi-select__option label{margin:0!important;padding:0!important;gap:0!important}.ar-modal,.role-modal,.ar-modal-form,.ar-modal-roles-list{overflow:visible!important;max-height:none!important}.react-multi-select__menu,.react-multi-select__dropdown,.module-multiselect .dropdown-content{max-height:200px!important;overflow-y:auto!important}.add-roles-btn{background:#d87ca0!important;color:#fff!important;border:none;border-radius:10px;font-size:13px;font-family:Arial,sans-serif;font-weight:400;min-width:120px;height:40px;padding:0 24px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px -1px #0000001a;margin-top:8px;transition:background .2s}.add-roles-btn:hover{background:linear-gradient(180deg,#d87ca0,#c56a8f)!important}.addusermodal-overlay{position:fixed;inset:0;z-index:3000;background:#0288d114;display:flex;align-items:center;justify-content:center}.zoomed{zoom:.75;transform:scale(.75);transform-origin:center center}.addusermodal-container{background:#fff;border-radius:14px;box-shadow:0 8px 32px #0288d11f;max-width:480px;min-width:340px;width:100%;padding:0;font-family:Segoe UI,Arial,sans-serif;position:relative}.addusermodal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px 0;border-radius:14px 14px 0 0;background:#fff}.addusermodal-header h3{margin:0;font-size:1.35rem;font-weight:700;color:#222}.addusermodal-desc{font-size:15px;color:#64748b;margin:8px 32px 18px}.addusermodal-form{padding:0;margin:0}.userlist-user-form{background:#fff;border-radius:12px;border:1.5px solid #e3e8f0;padding:24px 18px 18px;margin-bottom:0;box-shadow:none;position:relative}.userlist-user-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.userlist-user-form-header h4{margin:0;font-weight:600;font-size:1.08rem;color:#222}.userlist-set-default{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b;font-weight:400}.userlist-user-form-fields-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-bottom:18px}.userlist-field-item{display:flex;flex-direction:column;gap:6px}.userlist-field-item label{font-size:12px;color:#64748b;font-weight:500;margin-bottom:2px}.userlist-field-item input,.userlist-field-item select{padding:10px 14px;border:1.5px solid #e3e8f0;border-radius:8px;font-size:1rem;background:#fff;color:#222;transition:border-color .18s;width:100%;min-width:0;box-sizing:border-box}.userlist-field-item input:focus,.userlist-field-item select:focus{border-color:#d87ca0;outline:none}.userlist-field-error{color:#e74c3c;font-size:.95em;margin-top:2px}.addusermodal-container.zoomed{transform:scale(.8)!important;transform-origin:center center}.inner-scroll{max-height:70vh;padding-right:2px}.userlist-switch-label{position:relative;display:inline-flex;align-items:center;cursor:pointer}.userlist-switch-toggle-checkbox{width:0;height:0;opacity:0;position:absolute}.userlist-switch-toggle-slider{width:38px;height:22px;background:#e3e8f0;border-radius:12px;position:relative;transition:background .2s;margin-left:8px;display:inline-block}.userlist-switch-toggle-checkbox:checked+.userlist-switch-toggle-slider{background:#d87ca0}.userlist-switch-toggle-slider:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:left .2s}.userlist-switch-toggle-checkbox:checked+.userlist-switch-toggle-slider:after{left:19px}.userlist-duplicate-row{display:flex;align-items:center;gap:8px;font-size:15px;color:#64748b;margin-top:12px}.userlist-duplicate-btn{background:none;border:none;color:#64748b;font-size:15px;display:flex;align-items:center;gap:6px;cursor:pointer;padding:0}.userlist-duplicate-btn:hover .userlist-duplicate-icon{color:#d87ca0}.userlist-duplicate-icon{font-size:1.15em}.addusermodal-add-another-row{width:100%;margin-top:18px;margin-bottom:0;padding:0}.addusermodal-add-another{width:100%;background:#fdf5f9!important;color:#d87ca0!important;border:1.265px solid #F9D5E5;border-radius:10px;padding:10px 0;font-size:12px;font-weight:400;cursor:pointer;transition:background .18s;display:flex;align-items:center;justify-content:center;gap:8px}.addusermodal-actions{display:flex;justify-content:center;gap:24px;padding:24px 32px;border-top:1px solid #e3e8f0;margin-top:18px}.addusermodal-btn-close{position:absolute;top:24px;right:32px;width:32px;height:32px;font-size:1.5rem;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;background:transparent;border:none;transition:color .18s}.addusermodal-btn-close:hover{color:#d87ca0}.addusermodal-btn{padding:10px 28px;border-radius:10px;font-size:1.08rem;font-weight:600;border:none;cursor:pointer;background:#d87ca0;color:#fff;transition:background .18s}.addusermodal-btn[type=button]{background:#fff!important;color:#d87ca0!important;border:2px solid #e3e8f0!important}.addusermodal-btn[type=button]:hover{background:#e3f2fd}.addusermodal-btn[type=submit]{background:#d87ca0!important;color:#fff!important;border:none!important}@media(max-width:700px){.addusermodal-container.zoomed{transform:scale(1);min-width:0;max-width:98vw;padding:0}.inner-scroll{max-height:60vh}.addusermodal-header,.addusermodal-form,.addusermodal-actions{padding-left:12px;padding-right:12px}.userlist-user-form-fields-row{grid-template-columns:1fr;gap:12px}}.editusermodal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px 0;border-radius:14px 14px 0 0;position:relative}.editusermodal-header h3{margin:0;font-size:1.35rem;font-weight:700;color:#d87ca0;display:flex;align-items:center;gap:8px}.editusermodal-desc{font-size:15px;color:#64748b;margin:4px 32px 0}.editusermodal-form{padding:0 32px;background:#fff}.editusermodal-section{background:#fdf5f9;border-radius:12px;border:none;padding:24px 18px 18px;margin:24px 0 18px;box-shadow:none}.editusermodal-section-details{margin-top:24px}.editusermodal-section-title{font-weight:600;color:#222;margin-bottom:12px;font-size:1rem;letter-spacing:.02em}.editusermodal-row{display:flex;gap:18px;margin-bottom:18px}.editusermodal-col{flex:1;display:flex;flex-direction:column;gap:6px}.editusermodal-col label{font-size:12px;color:#64748b;font-weight:500;margin-bottom:2px}.editusermodal-required{color:#e74c3c;font-size:1em;margin-left:2px}.editusermodal-input,.editusermodal-input-readonly,.editusermodal-select{padding:10px 14px;border:1.5px solid #e3e8f0;border-radius:8px;font-size:1rem;background:#d1d5dc;color:#222;transition:border-color .18s}.editusermodal-input:focus,.editusermodal-select:focus{border-color:#d87ca0;outline:none}.editusermodal-input-readonly{background:#f3f4f6;color:#888}.editusermodal-switch-toggle-slider{width:38px;height:22px;background:#e3e8f0;border-radius:12px;position:relative;transition:background .2s;margin-left:8px;display:inline-block}.editusermodal-actions{display:flex;justify-content:flex-end;gap:18px;padding:0 0 24px;background:#fff;border-radius:0 0 14px 14px}.editusermodal-btn{padding:10px 28px;border-radius:10px;font-size:1.08rem;font-weight:600;border:none;cursor:pointer;background:#fff;color:#d87ca0;border:2px solid #e3e8f0;transition:background .18s}.editusermodal-btn-primary{background:#d87ca0;color:#fff;border:none;box-shadow:0 1px 4px #0288d112}.editusermodal-btn:disabled,.editusermodal-btn-primary:disabled{opacity:.7;cursor:not-allowed}.editusermodal-row-status{border-radius:8px;padding:0;margin-bottom:0;align-items:center}.editusermodal-status-desc-inline{font-size:13px;color:#64748b;margin-left:12px;white-space:nowrap}.editusermodal-status-flex{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:8px;margin-bottom:2px}.editusermodal-status-bar{display:flex;align-items:center;justify-content:space-between;margin-top:-4px;margin-bottom:2px;width:100%}.addusermodal-container.zoomed{transform:scale(.6);transform-origin:center}.editusermodal-status-desc-bar{font-size:10px;color:#64748b;margin-left:2px;white-space:nowrap;flex:1;text-align:left}.editusermodal-status-label{font-size:1rem;font-weight:600;color:#64748b;margin-right:8px;min-width:60px;text-align:right;transition:color .18s}.editusermodal-status-label.active{color:#d87ca0}.editusermodal-status-label.inactive{color:#9ca3af}.editusermodal-switch-label{position:relative;display:inline-flex;align-items:center;cursor:pointer}.editusermodal-switch-toggle-checkbox{width:0;height:0;opacity:0;position:absolute}.editusermodal-switch-toggle-slider{width:38px;height:22px;background:#e3e8f0;border-radius:12px;position:relative;transition:background .2s;margin-left:0;display:inline-block}.editusermodal-switch-toggle-checkbox:checked+.editusermodal-switch-toggle-slider{background:#d87ca0}.editusermodal-switch-toggle-slider:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:left .2s}.editusermodal-switch-toggle-checkbox:checked+.editusermodal-switch-toggle-slider:after{left:19px}.editusermodal-status-desc{font-size:13px;color:#64748b;margin-top:2px;margin-left:2px}.editusermodal-status-note{font-size:12px;color:#6b7280;margin-top:2px;margin-left:2px}@media(max-width:700px){.addusermodal-container.zoomed{transform:scale(1);min-width:0;max-width:98vw;padding:0}.editusermodal-header,.editusermodal-form,.editusermodal-actions{padding-left:12px;padding-right:12px}.editusermodal-row{flex-direction:column;gap:12px}}.user-toast{position:fixed;bottom:32px;right:32px;z-index:9999;background:#e3f2fd;color:#222!important;border-radius:8px;box-shadow:0 2px 12px #0288d11f;padding:16px 24px;display:flex;align-items:center;gap:12px;font-size:1rem;min-width:220px;border:1.5px solid #b6e0fe}.user-toast-success{border-left:6px solid #059669}.user-toast-error{border-left:6px solid #F87171}.user-toast-close{background:none;border:none;font-size:1.2em;color:#222!important;cursor:pointer;margin-left:auto}.user-toast-message,.user-toast-icon{color:#222!important}.userlist-confirm-btn-danger{background:#ef4444!important;color:#fff!important;border:none!important;border-radius:12px!important;font-weight:600!important;min-width:110px!important;padding:8px 18px!important;box-shadow:0 1px 4px #0288d112;opacity:1!important;filter:none!important;cursor:pointer!important;font-size:1.08rem!important;pointer-events:auto!important;transition:background .18s}.userlist-confirm-btn-danger:disabled{opacity:1!important;filter:none!important;cursor:pointer!important;background:#ef4444!important;color:#fff!important}.userlist-confirm-btn-danger:hover{background:#dc2626!important}.usermodal-card-summary{border-radius:12px;padding:18px 24px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}.usermodal-label{font-size:11px;color:#64748b;font-weight:400;margin-bottom:2px;letter-spacing:.1px}.usermodal-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:0}.usermodal-actions-row{display:flex;justify-content:flex-end;gap:12px;padding:28px 32px 24px;border-top:1px solid #e3e8f0;margin-top:32px}.usermodal-btn{padding:10px 28px;border-radius:10px;font-size:1.08rem;font-weight:600;border:2px solid #e3e8f0;background:#fff;color:#d87ca0;cursor:pointer;transition:background .18s}.usermodal-btn:hover{background:#e3f2fd}.usermodal-overlay{position:fixed;inset:0;z-index:3000;background:#0288d114;display:flex;align-items:center;justify-content:center}.usermodal-container{background:#fff;border-radius:14px;box-shadow:0 8px 32px #0288d11f;max-width:480px;min-width:340px;width:100%;padding:0;font-family:Segoe UI,Arial,sans-serif;position:relative}.usermodal-header{position:relative}.usermodal-btn-close{position:absolute;top:24px;right:32px;font-size:11px;color:#6b7280;background:none;border:none;cursor:pointer;padding:0;line-height:1}.organization-list{max-width:98vw;margin:0 auto;font-family:Segoe UI,sans-serif;background-color:#f9fbfd;font-size:.85rem}.organization-list-header h2{font-size:1.3rem;font-weight:700;color:#1565c0;margin:0}.organization-list-action-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:16px}.add-organization-btn{background:linear-gradient(90deg,#42a5f5,#66bb6a);color:#fff;border:none;border-radius:32px;font-size:1rem;font-weight:600;padding:10px 22px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.add-organization-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1976d233}.organization-filter-bar{display:flex;gap:100px;flex-wrap:wrap}.filter-group-inline{display:flex;align-items:center;gap:20px}.filter-group-inline label{font-size:14px;white-space:nowrap;color:#444}.filter-group-inline input,.filter-group-inline select{padding:6px 8px;min-width:160px}.organization-filter-bar input{flex:1;padding:8px 35px;border:1px solid #cfd8dc;border-radius:6px;background:#f5faff;font-size:.95rem;transition:border-color .2s ease,background .2s ease;min-width:200px;max-width:400px}.organization-filter-bar input,.organization-filter-bar select{padding:6px 8px;min-width:180px}.organization-list-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 16px #1565c01f;overflow-x:auto;margin-bottom:0}.organization-list-table-container table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.85em}.organization-list-table-container th{vertical-align:middle;text-align:center;height:36px;padding:6px 4px 2px;font-size:.95em;background:#e3f2fd;color:#1565c0;font-weight:700;border-bottom:2px solid #bbdefb;border-right:1px solid #bbdefb;white-space:nowrap}.organization-list-table-container thead tr:first-child th{border-bottom:none;padding-bottom:0}.organization-list-table-container thead tr:nth-child(2) th{background:#e3f2fd;border-bottom:2px solid #bbdefb;padding-top:0;padding-bottom:6px;height:32px}.header-filter{width:100%;min-width:70px;max-width:120px;font-size:.85em;padding:2px 4px;box-sizing:border-box;display:block;margin:0 auto;border-radius:6px;border:1px solid #d1d5db;background:#fff;height:20px;line-height:1.2}.header-title{display:flex;align-items:center;justify-content:center;padding-top:2px;margin-bottom:2px;font-weight:700;text-align:center;width:100%;font-size:.92em}.table-header-content{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:auto;position:static;min-width:90px}.header-filter{position:static;margin:0 auto 2px;width:100%;min-width:70px;max-width:120px;font-size:.85em;padding:2px 4px;box-sizing:border-box;display:block}select.header-filter{appearance:none;background-image:url("data:image/svg+xml,%3Csvg fill='gray' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px;padding-right:16px}.status-badge{background:none!important;color:inherit!important;border:none!important;padding:0!important;border-radius:0!important;font-weight:400!important;display:inline!important;box-shadow:none!important;min-width:0!important}.status-active,.status-inactive{background:none!important;color:inherit!important;border:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important;font-weight:400!important}.organization-list-table-container td{background:#f9fbfd;color:#333;padding:3px 4px;font-size:.85em;border-bottom:1px solid #e0e0e0;text-align:left;border-right:1px solid #e0e0e0;vertical-align:middle;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.organization-list-table-container td:last-child{text-align:center;vertical-align:middle;padding:12px;height:100%}.org-action-buttons{display:flex;gap:2px;justify-content:center;align-items:stretch;height:100%}.org-action-btn{background:#bbdefb;border:none;cursor:pointer;font-size:1em;width:26px;height:100%;min-height:26px;border-radius:50%;transition:background .2s,color .2s;margin:0 2px;box-shadow:0 1px 2px #1565c01a;display:flex;align-items:center;justify-content:center;padding:0}.zoomable-img{width:22px!important;height:22px!important;object-fit:contain;border-radius:3px;cursor:zoom-in;transition:transform .2s ease}.zoomable-img:hover{transform:scale(2);z-index:999;position:relative;background:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000a6;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-img{max-width:80%;max-height:80%;border:4px solid #fff;box-shadow:0 0 16px #00000080;border-radius:6px}.no-scroll{overflow:hidden}.organization-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:1100}.organization-modal{background:#fff;border-radius:12px;padding:.7rem!important;width:100%;max-width:340px!important;box-shadow:0 8px 32px #1565c040;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.organization-form-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.organization-form-group{flex:1;display:flex;flex-direction:column}.organization-form-group label{font-weight:500;margin-bottom:1px;color:#1565c0;font-size:.85em}.organization-form-group input{padding:4px 6px;border:1px solid #cfd8dc;border-radius:6px;background:#f5faff;font-size:.85em;min-width:50px;max-width:100px}.organization-form-group input:focus{outline:none;border-color:#42a5f5;background:#e3f2fd}.organization-modal-actions-row{display:flex;justify-content:flex-end;gap:4px;margin-top:6px}.organization-modal-btn{padding:4px 10px;border-radius:4px;font-weight:600;font-size:.85em;border:none;cursor:pointer;transition:background .2s ease,color .2s ease;box-shadow:0 2px 8px #1565c026}.organization-modal-btn:hover{opacity:.9}.organization-modal-btn.gradient{background:linear-gradient(90deg,#42a5f5,#66bb6a);color:#fff}.organization-modal-btn.cancel{background:#f5f5f5;color:#444}.organization-icon-btn{background:linear-gradient(135deg,#42a5f5,#66bb6a);color:#fff;border:none;border-radius:50%;width:45px;height:45px;font-size:1.2rem;display:flex;align-items:center;justify-content:center}.organization-icon-btn.remove{background:linear-gradient(135deg,#f70905e5,#e53935)}.organization-icon-btn:hover{transform:scale(1.08)}@media(max-width:768px){.organization-form-row{flex-direction:column}.organization-modal{padding:.3rem!important;max-width:98vw!important}}.action-buttons{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:0;padding:0;min-height:unset}.organization-icon-btn:hover{transform:scale(1.1)}.organization-icon-btn.view{background:#98c5eb;color:#0d47a1}.organization-icon-btn.edit{background:#c8e6c9;color:#1b5e20}.organization-icon-btn.remove{background:#e93f50;color:#b71c1c}.organization-section{padding:12px 0;border-top:1px solid #eee}.organization-section:first-child{border-top:none}.organization-section-title{font-size:1.05rem;font-weight:600;margin-bottom:8px;color:#1976d2}.logo-preview-thumbnail{margin-top:8px;width:22px;height:22px;object-fit:contain;border:1px solid #ccc;border-radius:4px;padding:4px;background-color:#fff}.organization-form-group select{padding:4px 6px;border:1px solid #cfd8dc;border-radius:6px;background-color:#f5faff;font-size:.85em;color:#333;appearance:none;background-image:url("data:image/svg+xml,%3Csvg fill='gray' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px;width:220px;max-width:100%;min-width:120px}.organization-form-group select:focus{outline:none;border-color:#42a5f5;background-color:#e3f2fd}.organization-form-group option{background-color:#fff;color:#333}.organization-form-group input[type=file]{width:220px;max-width:100%;min-width:120px;background:#f5faff;border:1px solid #cfd8dc;border-radius:6px;padding:6px 8px}.org-toast{position:fixed;right:12px;bottom:calc(var(--footer-height) + 12px);background:#43a047;color:#fff;border-radius:10px;box-shadow:0 6px 22px #43a04747;padding:10px 16px;z-index:1101;display:flex;align-items:center;min-width:200px;font-size:1rem;font-weight:600;animation:fadeIn .2s ease-in}.org-toast-content{display:flex;align-items:center;gap:14px;flex:1}.org-toast-icon{font-size:1.3em;font-weight:700}.org-toast-message{font-size:1rem;font-weight:600}@media(max-width:600px){.org-toast{right:12px;bottom:12px;padding:12px 18px;min-width:220px;font-size:1rem}}.org-toast-close{background:none;border:none;color:#fff;font-size:1.3em;margin-left:16px;cursor:pointer;font-weight:700;transition:color .2s}.org-toast-close:hover{color:#c8e6c9}.org-toast.success{background:#43a047}.org-toast.error{background:#e53935}@media(max-width:600px){.org-toast{right:8px;bottom:8px;padding:12px 16px;min-width:180px;font-size:.95em}}.org-action-buttons{display:flex;gap:2px;justify-content:center;align-items:center}.org-toast.error .org-toast-message,.org-toast.error .org-toast-icon,.org-toast.error .org-toast-close{color:#fff!important}.org-action-btn{background:#bbdefb;border:none;cursor:pointer;font-size:1em;width:26px;height:26px;border-radius:50%;transition:background .2s,color .2s;margin:0 2px;box-shadow:0 1px 2px #1565c01a;display:flex;align-items:center;justify-content:center;padding:0}.org-action-btn:hover{background:#90caf9}.org-action-view{color:#1976d2;background:#bbdefb}.org-action-edit{color:#388e3c;background:#a5d6a7}.org-action-remove{color:#d32f2f;background:#ffcdd2}@media(max-width:600px){.organization-list-table-container th,.organization-list-table-container td{font-size:.78em;padding:2px}.header-title,.header-filter{font-size:.78em}.organization-modal,.client-modal{max-width:98vw!important;padding:.3rem!important}}.orgm-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1100;background:#0f172a29;-webkit-backdrop-filter:blur(6px) saturate(110%) brightness(.98);backdrop-filter:blur(6px) saturate(110%) brightness(.98);transition:background .18s ease,backdrop-filter .18s ease;-webkit-transition:background .18s ease,-webkit-backdrop-filter .18s ease}.orgm-modal-card{background:#fff;border-radius:16px;padding:16px 18px 10px;width:100%;max-width:700px;min-width:320px;box-shadow:0 8px 32px #1565c02e;animation:fadeIn .2s ease-in-out;position:relative;display:flex;flex-direction:column}.orgm-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;padding-bottom:0;background:#fff;z-index:2}.orgm-modal-header h3{font-size:1.35rem;font-weight:700;color:#1976d2;margin:0;display:flex;align-items:center;gap:8px}.orgm-modal-icon{font-size:1.2em;margin-right:4px;display:flex;align-items:center}.orgm-modal-close{background:none;border:none;font-size:1.7rem;color:#888;cursor:pointer;padding:0 4px;transition:color .2s}.orgm-modal-close:hover{color:#1976d2}.orgm-modal-divider{border-top:1px solid #e0e0e0;margin:8px 0 10px;background:#fff}.orgm-modal-section{padding:0;border:none}.orgm-modal-row{display:flex;flex-wrap:nowrap;gap:12px;margin-bottom:10px}.orgm-modal-group{flex:1 1 0;display:flex;flex-direction:column;min-width:120px;max-width:100%}.orgm-modal-group label{font-weight:600;margin-bottom:4px;color:#1976d2;font-size:.98em;letter-spacing:.01em}.orgm-modal-group input,.orgm-modal-group select{padding:6px 10px;border:1px solid #cfd8dc;border-radius:6px;background:#f5faff;font-size:.97em;color:#333;margin-bottom:0;transition:border .2s,background .2s;width:100%;min-width:0;box-sizing:border-box;height:32px}.orgm-modal-group input[type=file]{padding:2px 0;background:none;border:none;height:auto}.orgm-modal-logo-preview{margin-top:4px;width:22px;height:22px;object-fit:contain;border:1px solid #ccc;border-radius:4px;padding:2px;background-color:#fff}.orgm-modal-group div[style*="color: red"]{margin-top:2px;font-size:.92em;font-weight:500}.orgm-modal-actions-row{display:flex;justify-content:flex-end;gap:6px;margin-top:6px}.orgm-modal-btn{padding:4px 14px;border-radius:4px;font-weight:600;font-size:.97em;border:none;cursor:pointer;transition:background .2s,color .2s;box-shadow:0 1px 4px #1565c01a;background:#e3f2fd;color:#1976d2}.orgm-modal-btn.gradient{background:linear-gradient(90deg,#42a5f5,#66bb6a);color:#fff}.orgm-modal-btn:hover{opacity:.92;background:#bbdefb;color:#1976d2}.orgm-modal-btn.gradient:hover{background:linear-gradient(90deg,#1976d2,#43a047);color:#fff}@media(max-width:900px){.orgm-modal-card{max-width:98vw!important;min-width:0;padding:6px 2px!important}.orgm-modal-row{flex-direction:column;gap:6px;margin-bottom:6px}.orgm-modal-group{min-width:100%}}.orgm-pagination-container{position:relative;margin:0 auto;width:100%;display:flex;justify-content:center;pointer-events:auto;box-sizing:border-box;z-index:1}.orgm-pagination-inner{width:100%;max-width:100%;margin:0;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #1565c014;box-sizing:border-box}.orgm-pagination-info{min-width:0}.orgm-pagination-controls{display:flex;align-items:center;gap:10px;background:#f9fbfd;border-radius:10px;padding:6px 12px;box-shadow:0 2px 8px #1565c00a}.orgm-page-size-label{font-size:.97em;color:#1976d2;font-weight:500;margin-right:4px}.orgm-page-size-select{border:1.5px solid #bbdefb;border-radius:6px;padding:4px 12px;font-size:1em;background:#fff;color:#1976d2;font-weight:600;outline:none;transition:border .2s;margin-right:8px}.orgm-page-size-select:focus{border-color:#1976d2}.orgm-pagination-buttons{display:flex;align-items:center;gap:2px}.orgm-pagination-btn{border:none;background:#e3f2fd;color:#1976d2;border-radius:6px;padding:6px 12px;font-size:1em;font-weight:600;margin:0 1px;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;box-shadow:0 1px 4px #1565c012;outline:none;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.orgm-pagination-btn:disabled{background:#f1f8fe;color:#b0bec5;cursor:not-allowed;box-shadow:none}.orgm-pagination-btn.active,.orgm-pagination-btn.page-number.active{background:linear-gradient(90deg,#42a5f5,#66bb6a);color:#fff;font-weight:700;box-shadow:0 2px 8px #43a0471a;border:none}.orgm-pagination-btn:hover:not(:disabled):not(.active){background:#bbdefb;color:#1976d2}.orgm-pagination-pages{display:flex;align-items:center;gap:2px}@media(max-width:700px){.orgm-pagination-inner{flex-direction:column;align-items:stretch;padding:10px 12px}}.action-icons{display:flex;flex-direction:row;align-items:center;gap:1px}.role-matrix-page{width:100%;min-height:100vh;font-family:Segoe UI,Roboto,Helvetica,sans-serif;background-color:#fff;padding:40px 60px;box-sizing:border-box;display:flex;flex-direction:column;margin:0;max-width:none}.rm-page-title{color:#d87ca0;font-size:24px;font-weight:700;letter-spacing:.5px;margin-bottom:30px}.rm-filter-card{width:100%;padding:24px;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 10px #00000005;display:flex;gap:30px;margin-bottom:30px;box-sizing:border-box;align-items:flex-end}.rm-filter-group{flex:1;display:flex;flex-direction:column;gap:8px}.rm-filter-label{color:#888;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:0}.rm-filter-select{height:45px;padding:0 16px;background:#fff;border-radius:6px;border:1px solid #E0E0E0;font-size:14px;color:#333;width:100%;outline:none;box-sizing:border-box;max-width:100%}.rm-action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px}.rm-toggle-container{display:flex;align-items:center;gap:12px}.rm-save-btn{padding:10px 24px;background:#d87ca0;color:#fff;border:none;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 2px 5px #d87ca04d;transition:background .2s;width:auto;min-width:140px;flex-shrink:0;border-radius:20px}.rm-save-btn:hover{background:#c06b8e}.rm-save-btn:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.rm-toggle{width:44px;height:24px;background:#e0e0e0;border-radius:12px;position:relative;cursor:pointer;transition:background .3s}.rm-toggle.active{background:#d87ca0}.rm-toggle-circle{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:left .3s;box-shadow:0 1px 2px #0003}.rm-toggle.active .rm-toggle-circle{left:22px}.rm-matrix-container{width:100%;background:#fff;border-radius:8px;overflow-x:auto;border:1px solid #f5f5f5}.rm-table{width:100%;border-collapse:collapse}.rm-th{color:#999;font-size:11px;font-weight:700;text-transform:uppercase;padding:16px 24px;text-align:center;border-bottom:1px solid #eee}.rm-th.align-left{text-align:left}.rm-td{padding:16px 24px;border-bottom:1px solid #f9f9f9;color:#333;font-size:13px;font-weight:500}.rm-td.align-center{text-align:center}.rm-section-header td{padding:12px 24px;background:#fff0f5;color:#d87ca0;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.rm-green-checkbox{width:20px;height:20px;background:#fff;border:2px solid #E5E7EB;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.rm-green-checkbox.checked{background:#10b981;border:1px solid #10B981}.rm-notification{text-align:center;padding:40px;color:#999}.rm-save-btn{padding:10px 24px;background:#d87ca0;color:#fff;border:none;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 2px 5px #d87ca04d;transition:background .2s;width:auto;min-width:140px;flex-shrink:0}@media(max-width:1024px){.role-matrix-page{padding:30px 40px}.rm-filter-card{gap:20px}}@media(max-width:768px){.role-matrix-page{padding:20px 16px}.rm-page-title{font-size:20px;margin-bottom:20px}.rm-filter-card{flex-direction:column;align-items:stretch;padding:20px;gap:20px}.rm-filter-group{width:100%}.rm-action-bar{flex-direction:column-reverse;flex-direction:column;gap:20px;align-items:stretch;margin-bottom:24px}.rm-toggle-container{justify-content:space-between;background:#f9f9f9;padding:10px 15px;border-radius:8px}.rm-save-btn{width:100%;padding:14px;font-size:14px}.rm-matrix-container{border:1px solid #eee;box-shadow:none}.rm-th,.rm-td{padding:12px 14px;white-space:nowrap}.rm-section-header td{padding:10px 14px;font-size:10px}.rm-th.align-left,.rm-td:first-child{position:sticky;left:0;background:#fff;z-index:10;border-right:2px solid #f0f0f0;max-width:150px;overflow:hidden;text-overflow:ellipsis}.rm-table thead th{z-index:20}}.module-management.ant-theme{padding:20px;background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000f;margin-top:30px}.module-management.loading{display:flex;align-items:center;justify-content:center;min-height:200px;font-size:16px;color:#666}.module-management .ant-table{background:#fff;border-radius:6px}.module-management .ant-table-thead>tr>th{background:#fafafa;font-weight:600}.module-management .ant-empty{background:#fff;border-radius:6px;padding:28px}.module-management .ant-typography{margin-bottom:6px}@media(max-width:576px){.module-management.ant-theme{padding:12px}}.module-management{margin-top:30px;padding:20px;background-color:#f5f5f5;border-radius:8px}.module-management.loading{display:flex;align-items:center;justify-content:center;min-height:300px;font-size:16px;color:#666}.module-header{margin-bottom:20px}.module-header h2{margin:0;font-size:1.3rem;color:#333;font-weight:600}.module-header .module-title{font-size:2rem;font-weight:800;color:#1565c0;margin:0;letter-spacing:.01em}.module-management-title{font-size:1.3rem;font-weight:700;color:#1565c0;letter-spacing:.01em;margin-left:100px;line-height:1.1}.module-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.module-save-btn{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .3s}.module-save-btn:hover:not(:disabled){background-color:#45a049}.module-save-btn:disabled{background-color:#ccc;cursor:not-allowed}.toggle-control-type{display:flex;align-items:center}.toggle-wrapper{display:flex;align-items:center;gap:10px}.toggle-wrapper span{font-size:14px;color:#666;font-weight:500}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:24px}.toggle-switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch input:checked+.slider{background-color:#4caf50}.toggle-switch input:checked+.slider:before{transform:translate(26px)}.control-toggle{width:45px;height:22px}.control-toggle .slider:before{height:16px;width:16px;left:3px;bottom:3px}.control-toggle input:checked+.slider:before{transform:translate(23px)}.checkbox-traditional{width:20px;height:20px;cursor:pointer;accent-color:#4caf50}.module-table-container{background-color:#fff;border-radius:8px;overflow-x:auto;box-shadow:0 2px 4px #0000001a}.module-table{width:100%;border-collapse:collapse;font-size:14px}.module-table thead{background-color:#f0f0f0;border-bottom:2px solid #ddd}.module-table th{padding:12px;text-align:center;font-weight:600;color:#333;white-space:nowrap}.module-table th.module-col{text-align:left;min-width:200px;padding-left:20px}.module-table th.org-col{min-width:120px;max-width:200px;word-wrap:break-word;white-space:normal}.module-table tbody tr{border-bottom:1px solid #eee;transition:background-color .2s}.module-table tbody tr:hover{background-color:#f9f9f9}.module-table td{padding:12px}.module-table td.module-name{font-weight:500;color:#333;padding-left:20px}.module-table td.toggle-cell{text-align:center;vertical-align:middle}.empty-state{text-align:center;padding:40px;background-color:#fff;border-radius:8px;color:#999;font-size:16px}.module-toast{position:fixed;right:12px;bottom:calc(var(--footer-height) + 12px);padding:12px 18px;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;box-shadow:0 6px 22px #0000002e;display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:300px;z-index:1101;animation:slideIn .3s ease-in-out}.module-toast.success{background-color:#4caf50}.module-toast.error{background-color:#f44336}.module-toast-content{display:flex;align-items:center;gap:14px;flex:1}.module-toast-icon{font-weight:700;font-size:1.4em}.module-toast-message{flex:1;font-size:1rem;line-height:1.2}@media(max-width:768px){.module-toast{right:12px;left:12px;bottom:12px;min-width:auto;padding:14px 18px;font-size:1rem}}.module-toast-close{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;padding:0;display:flex;align-items:center}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.module-controls{flex-direction:column;align-items:flex-start}.module-table th.org-col,.module-table td.toggle-cell{min-width:80px}.module-toast{min-width:250px;right:10px;left:10px}}.module-management .ant-card{box-sizing:border-box}.module-management .ant-card .ant-card-head-title{display:flex;align-items:center;min-width:0}.module-management .ant-card .ant-card-head-title>span,.module-management .ant-card .ant-card-head-title div{min-width:0}.module-management .ant-card .ant-card-body{word-break:break-word;overflow-wrap:anywhere}.module-management .ant-card .ant-card-body ul,.module-management .ant-card .ant-card-body li,.module-management .ant-card .ant-card-body p{word-break:break-word;overflow-wrap:anywhere;white-space:normal}.module-management .ant-card .ant-card-body,.module-management .ant-card .ant-card-head{font-size:13px}.module-management .ant-card{box-shadow:0 2px 8px #f0f1f2;transition:box-shadow .2s}.module-management .ant-card:hover{box-shadow:0 4px 16px #d6e4ff}.patientsearch-page{min-height:100vh;width:100%;font-family:Inter,sans-serif;background:#f4f6fb}.patientsearch-card small{color:#64748b;font-size:12px}.patientsearch-search-box input{border:none;outline:none;width:100%;font-size:12px!important;background:transparent;font-weight:400;color:#64748b!important;padding:0;height:40px;margin-top:14px}.patientsearch-container{max-width:900px;margin:40px auto 0;padding:24px 32px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;position:relative}.patientsearch-back-link{margin-bottom:9px;color:#364153;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:6px;margin-top:10px}.patientsearch-banner{width:var(--patientsearch-main-width);max-width:100vw;margin:24px auto 0;background:#8c8eff;padding:18px 32px;border-radius:16px;color:#fff;display:flex;justify-content:space-between;align-items:center;max-width:none;box-sizing:border-box}.patientsearch-banner-left{display:flex;flex-direction:column;justify-content:center}.patientsearch-banner-title{font-size:16px;font-weight:600;margin-bottom:2px}.patientsearch-banner-subtitle{font-size:11px;font-weight:400;color:#f4f6fb;margin-bottom:0}.patientsearch-workspace-btn{background:#fff;color:#8c8eff;border:none;border-radius:42431300px;display:flex;height:39.972px;width:156.009px;padding:10.512px 18.257px 9.464px 15.985px;justify-content:center;align-items:center;font-weight:500;font-size:13px;cursor:pointer;box-shadow:0 1px 3px #8c8eff1a}.patientsearch-card{margin-top:24px;margin-bottom:24px;background:#f8f9ff;padding:18px 24px;border-radius:12px;box-shadow:0 1px 3px #8c8eff1a}.patientsearch-search-box{display:flex;align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #8c8eff0f;padding:0 18px;height:56px;width:100%;margin-top:18px;margin-bottom:0}.patientsearch-search-icon{display:flex;align-items:center;margin-right:12px}.patientsearch-search-box input{border:none;outline:none;width:100%;font-size:18px;background:transparent;font-weight:500;color:#364153;padding:0}.patientsearch-discharge{width:100%;padding:18px 24px;border-radius:16px;border:1px solid rgba(226,232,240,.5);margin-top:0;background:#fafbff}.patientsearch-patient-list{margin-top:16px;display:flex;flex-direction:column;gap:12px;border-radius:16px;color:#64748b}.patientsearch-patient-row h4{margin:0;font-size:16px;text-transform:none}.patientsearch-main-container{background:#fff;border-radius:18px;box-shadow:0 2px 12px #8c8eff14;max-width:98vw;width:var(--patientsearch-main-width);margin:32px auto 0;padding:32px 0;display:flex;flex-direction:column;gap:32px}.patientsearch-patient-row{border-radius:12px;border:1px solid rgba(226,232,240,.5);background:#e2e8f080;padding:14px 18px;display:flex;justify-content:space-between;align-items:center}.patientsearch-status-pill{border-radius:42431300px;padding:6px 28px;font-size:16px;font-weight:500;min-width:120px;text-align:center;display:inline-block;margin-left:16px;letter-spacing:.01em}.patientsearch-status-pill.approved{background:#e9fff5;color:#23c186}.patientsearch-status-pill.draft{background:#f5f3ff;color:#8b5cf6}.patientsearch-status-pill.submit{background:#fff7db;color:#eab308}.patientsearch-patient-row h4{margin:0;font-size:16px}.patientsearch-patient-row h4 span{font-weight:400;color:gray;font-size:13px}.patientsearch-patient-row p{margin:6px 0 0;font-size:13px;color:gray}:root{--patientsearch-main-width: 1200px}.patientsearch-banner{width:var(--patientsearch-main-width);max-width:100vw;margin:24px auto 0}.patientsearch-section-container{width:var(--patientsearch-main-width);max-width:100vw;margin:32px auto 0;padding:0;background:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:0}.patientsearch-card,.patientsearch-discharge{width:100%;box-sizing:border-box;margin:0 0 24px}html,body,#root{height:auto!important;min-height:100%;overflow-y:auto}.disscribe-page{max-width:1265px;margin:auto;padding:24px;min-height:auto;height:auto;display:flex;flex-direction:column;background:#fff}.topbar{display:flex;align-items:center;justify-content:space-between}.img{width:200px}.top-title{font-size:18px;font-weight:700;margin-left:500px;color:#334155}.profile-area{display:flex;align-items:center;gap:16px}.hospital-inline{display:flex;align-items:center;gap:8px}.lotus-inline-logo{width:26px}.fr-l{font-size:14px;font-weight:600}.fr-t{font-size:12px;color:#6b7280}.avatar{width:36px;height:36px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center}.menu{font-size:22px;cursor:pointer}.back-link{margin:20px 0;color:#364153;display:flex;align-self:flex-start;align-items:center;justify-content:center;padding-right:28px}.br{color:#364153}.patient-header-card{height:106px;background:#fff;border-radius:14px;padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 10px #00000014}.primary-btn{background:#7c7cff;color:#fff;display:flex;border:none;padding:12px 20px;width:215.705px;height:47.994px;border-radius:10px;align-items:center;justify-content:center;gap:10px}.primary-btn span{height:19.996px;display:flex;align-items:center;gap:20px}.primary-btn:hover{background:#6b6bff}.ds-card{background:#f8faff;border:1px solid #dbeafe;border-radius:14px;padding:14px;margin-top:20px}.ds-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;background-color:#fff!important}.ds-left{display:flex;gap:12px;align-items:center}.ds-icon{width:40px;height:40px;background:#8c8eff1a 100%;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.ds-title-row{display:flex;align-items:center;gap:10px;background-color:#fff!important}.ds-title-row h4{margin:0;font-size:16px;font-weight:600}.ds-pill{background:#e0ecff;color:#2563eb;padding:3px 10px;border-radius:999px;font-size:12px}.ds-left p{margin:2px 0 0;font-size:13px;color:#64748b}.ds-right{display:flex;align-items:center;gap:10px}.ds-edit{width:100px;background:#fff;color:#059669;border:1px solid #a7f3d0;padding:4px 10px;border-radius:8px;font-size:13px}.p1-ds-submit{height:35px;width:178px;background:#7c7cff;color:#fff;border:none;padding:0 14px;border-radius:8px;font-size:13px;display:inline-flex;align-items:center;gap:10px}.sub-fr{display:flex;align-items:center;justify-content:center}.ds-arrow{padding-right:20px;font-size:18px;color:#6366f1}.ds-body{margin-top:12px;background:#fff;border-radius:10px;padding:12px}.ds-file{display:flex;align-items:center;gap:10px}.ds-file-icon{width:31px;height:31px;border-radius:4px;background:#8c8eff1a;font-size:28px}.p1-file-name{font-size:14px;font-weight:300;color:#0f172a}.p1-file-size{font-size:12px;color:#64748b}.cs-card{background:#f8faff;border:1px solid #dbeafe;border-radius:14px;padding:14px;margin-top:20px}.cs-header{display:flex;justify-content:space-between;align-items:center}.cs-left{display:flex;gap:12px;align-items:center;cursor:pointer}.cs-icon{width:40px;height:40px;background:#e0ecff;border-radius:10px;display:flex;align-items:center;justify-content:center}.cs-title-row{display:flex;align-items:center;gap:10px}.cs-title-row h4{margin:0;font-size:16px;font-weight:600;color:#0f172a}.cs-pill{background:#e0ecff;color:#2563eb;padding:3px 10px;border-radius:999px;font-size:12px}.cs-left p{margin:2px 0 0;font-size:13px;color:#64748b}.cs-arrow{color:#2563eb;font-size:18px}.cs-actions{display:flex;gap:10px}.cs-add{background:#7c7cff;color:#fff;border:none;border-radius:8px;font-size:13px;display:flex;width:125.329px;height:35.961px;padding:6px 14px 6px 15.985px;align-items:center;gap:7.983px;flex-shrink:0}.cs-upload{background:#7c7cff;color:#fff;border:none;border-radius:8px;font-size:13px;display:flex;width:100.314px;height:35.961px;padding:6px 14px 6px 15.985px;align-items:center;gap:7.982px;flex-shrink:0}.cs-body{margin-top:12px;display:flex;flex-direction:column;gap:10px}.cs-file{background:#fff;border-radius:10px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center}.cs-file-left{display:flex;gap:10px;align-items:center}.cs-file-name{font-size:14px;font-weight:500;color:#0f172a}.cs-file-size{font-size:12px;color:#64748b}.cs-file-actions{display:flex;gap:12px}.cs-edit{color:#6366f1;cursor:pointer}.cs-delete{color:#ef4444;cursor:pointer}.lab-card{background:#f8fafc;border:#f8fafc;border-radius:14px;padding:14px;margin-top:20px}.lab-header{display:flex;justify-content:space-between;align-items:center}.lab-left{display:flex;gap:12px;align-items:center;cursor:pointer}.lab-icon{width:40px;height:40px;background:#d1fae5;border-radius:10px;display:flex;align-items:center;justify-content:center}.lab-title-row{display:flex;align-items:center;gap:10px}.lab-title-row h4{margin:0;font-size:16px;font-weight:600}.lab-pill{color:#2563eb;padding:3px 10px;border-radius:999px;font-size:12px}.lab-left p{margin:2px 0 0;font-size:13px}.lab-arrow{color:#059669;font-size:18px}.lab-upload{width:100px;background:#7c7cff;color:#fff;border:none;border-radius:8px;font-size:13px;display:flex;width:100.314px;height:35.961px;padding:6px 16px 6px 15.985px;align-items:center;gap:7.982px;flex-shrink:0}.lab-body{margin-top:12px;display:flex;flex-direction:column;gap:10px}.lab-file{background:#fff;border-radius:10px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center}.lab-file-left{display:flex;gap:10px;align-items:center}.lab-file-name{font-size:14px;font-weight:500;color:#064e3b}.lab-file-size{font-size:12px;color:#047857}.lab-delete{color:#ef4444;cursor:pointer}.pharmacy-card{background:#f8fafc;border:#FEE68580;border-radius:14px;padding:14px;margin-top:20px}.pharmacy-header{display:flex;justify-content:space-between;align-items:center}.pharmacy-left{display:flex;gap:12px;align-items:center;cursor:pointer}.pharmacy-icon{width:40px;height:40px;background:#fde68a;border-radius:10px;display:flex;align-items:center;justify-content:center}.pharmacy-title-row{display:flex;align-items:center;gap:10px}.pharmacy-title-row h4{margin:0;font-size:16px;font-weight:600}.pharmacy-pill{color:#2563eb;padding:3px 10px;border-radius:999px;font-size:12px}.pharmacy-left p{margin:2px 0 0;font-size:13px}.pharmacy-arrow{color:#d97706;font-size:18px}.pharmacy-upload{width:100px;background:#7c7cff;color:#fff;border:none;border-radius:8px;font-size:13px;display:flex;width:100.314px;height:35.961px;padding:6px 16px 6px 15.985px;align-items:center;gap:7.982px;flex-shrink:0}.pharmacy-body{margin-top:12px;display:flex;flex-direction:column;gap:10px;padding-bottom:40px}.pharmacy-file{background:#fff;border-radius:10px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center}.pharmacy-file-left{display:flex;gap:10px;align-items:center}.pharmacy-file-name{font-size:14px;font-weight:500;color:#92400e}.pharmacy-file-size{font-size:12px;color:#a16207}.pharmacy-delete{color:#ef4444;cursor:pointer}.doc-list{margin-top:30px;display:flex;flex-direction:column;gap:16px;flex:1}.doc-list{flex:1;display:flex;flex-direction:column}.doc-row{padding:18px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000001a}.doc-left h4{display:flex;align-items:center;gap:10px;margin:0}.doc-left p{margin-top:6px;font-size:13px;color:#64748b}.doc-icon{font-size:22px}.doc-actions{display:flex;gap:10px}.row-btn{padding:8px 14px;border-radius:8px;border:none;cursor:pointer;font-size:13px}.row-btn.outline{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;background:#fff;border:2px solid #10B981;color:#10b981;font-size:13px;cursor:pointer}.row-btn.outline span{display:flex;align-items:center}.row-btn.primary-dark{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:10px;width:120px;height:41px;background:#2563eb;color:#fff;border:none;font-size:14px;font-weight:500}.row-btn.primary-dark span{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;line-height:1}.btn-text{padding-top:3px;white-space:nowrap;line-height:1}.row-btn.success,.row-btn.warning{display:flex;width:121.796px;height:35.961px;padding:5.967px 16.163px 9.998px 15.965px;justify-content:center;align-items:flex-end;gap:9.306px;flex-shrink:0;border-radius:10px}.primary{background:#6366f1;color:#fff}.outline{background:#fff;border:1px solid #6366f1;color:#6366f1}.primary-dark{background:#2563eb;color:#fff}.success{background:#059669;color:#fff}.warning{background:#ea580c;color:#fff}.purple{background:#fff}.blue{background:#bedbff26}.green{background:#a4f4cf26}.orange{background:#fee68526}.doc-title-row{display:flex;align-items:center;gap:12px}.file-pill{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500}.arrow{font-size:20px;font-weight:600}.file-pill.blue{background:#dbeafe;color:#2563eb}.file-pill.green{background:#dcfce7;color:#059669}.file-pill.orange{background:#ffedd5;color:#ea580c}footer{margin-top:auto;justify-content:center;display:flex;min-height:24.007px;padding:0 24.007px 0 23.987px;justify-content:space-between;align-items:center;flex-shrink:0;align-self:stretch;font-size:12px;color:#64748b;color:#d1d5db;font-family:Arial;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.ft-m{display:flex;align-items:center;gap:8px;color:#d1d5db;font-family:Arial;font-size:16px;font-style:normal;font-weight:400;line-height:24px;padding-right:32px}.doc-left{display:flex;align-items:center;gap:14px}.icon-box{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px}.icon-box.purple{background:#e9e7ff;color:#6b6cff}.icon-box.blue{background:#e0ecff;color:#2563eb}.icon-box.green{background:#dcfce7;color:#059669}.icon-box.orange{background:#ffedd5;color:#ea580c}.doc-title-row{display:flex;align-items:center;gap:10px}.files-pill{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500}.files-pill.blue{background:#e0ecff;color:#2563eb}.files-pill.green{background:#dcfce7;color:#059669}.files-pill.orange{background:#ffedd5;color:#ea580c}.arrow{font-size:20px;font-weight:600;cursor:pointer}.arrow.blue{color:#2563eb}.arrow.green{color:#059669}.arrow.orange{color:#ea580c}.ds-icon,.cs-icon,.lab-icon,.pharmacy-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-icon{background:#eef2ff}.cs-icon,.lab-icon,.pharmacy-icon{background:#e0e7ff}.ds-icon svg,.cs-icon svg,.lab-icon svg,.pharmacy-icon svg{width:22px;height:22px}footer{position:relative;z-index:10}.pharmacy-card{margin-bottom:100px}.disscribe-page{padding-bottom:150px}.file-icon{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:8px}.file-icon.blue{background-color:#8c8eff1a}.file-icon.green{background-color:#8cff8e1a}.file-icon.orange{background-color:#ffa5001a}button:disabled{opacity:.5;cursor:not-allowed}.upload-overlay{position:fixed;inset:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:9999}.upload-modal{background:#fff;width:420px;border-radius:12px;padding:20px}.upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.upload-close{background:none;border:none;font-size:18px;cursor:pointer}.upload-box{border:2px dashed #cbd5f5;border-radius:10px;padding:40px;text-align:center;cursor:pointer;color:#475569}.upload-box:hover{background:#f8fafc}.selected-file{margin-top:12px;color:#1e293b}.upload-footer{margin-top:20px;display:flex;justify-content:flex-end;gap:12px}.uc-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0f172a99;z-index:9999}.uc-modal{width:600px;background:#fff;border-radius:18px;padding:16px 24px 24px;position:relative}.uc-header{width:100%;display:flex;justify-content:space-between;align-items:flex-start}.uc-header h2{margin:0;font-size:18px;font-weight:600}.uc-header p{margin-top:4px;font-size:13px;color:#64748b}.uc-close{width:32px;height:32px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;border-radius:8px}.uc-close:hover{background:red}.uc-dropzone{margin-top:20px;border:2px solid #c7ccff;border-radius:14px;padding:40px 20px;text-align:center;cursor:pointer}.uc-upload-icon{width:64px;height:64px;border-radius:50%;background:#eef2ff;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.uc-dropzone p{font-size:14px;font-weight:500;margin:0}.uc-dropzone span{font-size:12px;color:#64748b;display:block;margin:6px 0 20px}.uc-choose-btn{width:131px;height:47px;background:#10b981;color:#fff;border:none;border-radius:16px;font-size:14px;cursor:pointer}.uc-selected-file{margin-top:10px;font-size:12px;color:#059669;text-align:center}.uc-or{display:flex;align-items:center;gap:12px;color:#94a3b8;font-size:12px;margin:20px 0}.uc-or:before,.uc-or:after{content:"";flex:1;height:1px;background:#e5e7eb}.uc-photo-btn{width:100%;height:58px;border:1px solid #c7ccff;background:#f5f7ff;color:#6366f1;border-radius:10px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}.uc-footer{margin-top:22px;display:flex;justify-content:flex-end;gap:14px}.uc-cancel{background:transparent;border:1px solid #64748b;color:#64748b;padding:10px 22px;border-radius:12px;font-size:14px;cursor:pointer}.uc-upload-btn{background:#8b8cff;color:#fff;border:none;padding:10px 22px;border-radius:16px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.ed-overlay{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:999}.ed-modal{width:620px;background:#fff;border-radius:24px;padding:22px 24px 26px;box-shadow:0 30px 70px #00000059;display:flex;flex-direction:column}.ed-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.ed-header-left{display:flex;gap:14px;align-items:flex-start}.ed-icon{width:42px;height:42px;background:#eef2ff;border-radius:12px;display:flex;align-items:center;justify-content:center}.head h2{margin:0;font-size:18px;font-weight:600;color:#0f172a}.head p{margin-top:4px;font-size:13px;color:#64748b}.ed-close{width:44px;height:44px;background:#f1f5f9;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#64748b}.ed-close svg{width:22px;height:22px}.ed-close:hover{background:red}.ed-body{display:flex;flex-direction:column;gap:22px}.ed-field label{display:block;font-weight:500;margin-bottom:8px;color:#0f172a;font-family:Arial;font-size:14px;font-style:normal;font-weight:700;line-height:21px}.ed-field input,.ed-field textarea{width:100%;padding:14px 16px;border-radius:12px;border:1px solid #e2e8f0;font-size:14px;outline:none;color:#0f172a;background:#fff}.ed-field textarea{min-height:110px;resize:none}.ed-field input::placeholder,.ed-field textarea::placeholder{color:#94a3b8}.ed-field input:focus,.ed-field textarea:focus{border-color:#8b8cff;box-shadow:0 0 0 2px #8b8cff40}.ed-tags{display:flex;gap:10px;flex-wrap:wrap}.tag{padding:6px 14px;background:#eef2ff;color:#6366f1;border-radius:999px;font-size:13px;font-weight:500;display:flex;justify-content:center;align-items:center}.add-tag{width:92px;height:91px;background:#fff;border:1px solid #c7ccff;color:#6366f1;border-radius:999px;font-size:13px;cursor:pointer;display:flex;height:31.969px;padding:0 15.985px;align-items:center;background:#f8fafc}.ed-footer{margin-top:28px;display:flex;justify-content:flex-end;gap:14px}.ed-cancel{background:#fff;border:1px solid #e2e8f0;color:#64748b;border-radius:12px;font-size:14px;cursor:pointer;display:flex;padding:14.024px 24.839px 12.969px 25.252px;justify-content:center;align-items:center;width:200px}.ed-save{width:253px;height:47px;background:#8b8cff;color:#fff;border:none;border-radius:12px;font-size:14px;cursor:pointer;align-items:center;gap:6px;display:flex;padding:14.024px 23.825px 12.969px 23.987px;justify-content:center;align-items:flex-start;gap:7.982px}.dd-overlay{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:999}.dd-modal{width:620px;background:#fff;border-radius:26px;padding:26px 28px 22px;box-shadow:0 25px 60px #00000040;display:flex;flex-direction:column}.dd-header{display:flex;justify-content:space-between;align-items:flex-start}.dd-header-left{display:flex;gap:16px;align-items:flex-start}.dd-danger-icon{width:56px;height:56px;background:#fee2e2;color:#dc2626;border-radius:14px;display:flex;align-items:center;justify-content:center}.dd-header h2{margin:0;font-size:22px;font-weight:600;color:#0f172a}.dd-header p{margin-top:4px;font-size:14px;color:#64748b}.dd-close{width:44px;height:44px;background:#f1f5f9;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.dd-close svg{width:22px;height:22px}.dd-close:hover{background:red}.dd-body{margin-top:26px;display:flex;flex-direction:column;gap:18px}.dd-file-box{background:#f8fafc;border-radius:14px;padding:16px;display:flex;gap:14px;align-items:center}.dd-file-icon{width:42px;height:42px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;color:#64748b}.dd-file-box h4{margin:0;font-size:15px;font-weight:600;color:#0f172a}.dd-file-box span{font-size:13px;color:#64748b}.dd-warning-text{font-size:14px;color:red;line-height:1.6}.dd-footer{margin-top:30px;display:flex;justify-content:flex-end;gap:18px}.dd-cancel{width:210px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px 26px;font-size:14px;cursor:pointer;color:#64748b}.dd-delete{width:210px;background:#ef4444;color:#fff;border:none;border-radius:14px;padding:12px 28px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;height:47px}.dd-delete:hover{background:#dc2626}.generating-overlay-1{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.generating-modal-1{background:#fff;border-radius:16px;padding:40px 48px;text-align:center;max-width:420px;width:90%;box-shadow:0 25px 50px -12px #00000040}.generating-spinner-1{margin-bottom:24px;display:flex;justify-content:center;align-items:center}.spin-icon-1{color:#8c8eff;animation:spin 1s linear infinite}.spin-icon-btn-1{animation:spin 1s linear infinite;margin-right:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generating-modal-1 h3{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 12px}.generating-message-1{font-size:15px;color:#8c8eff;font-weight:500;margin:0 0 8px;min-height:24px}.generating-hint-1{font-size:14px;color:#64748b;margin:0 0 24px}.generating-progress-1{width:100%;display:flex;justify-content:center;align-items:center}.progress-bar-1{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;width:100%;position:relative}.progress-fill-1{height:100%;width:40%;background:linear-gradient(90deg,#8c8eff,#a78bfa);border-radius:3px;position:absolute;left:0;animation:progress-slide 1.5s ease-in-out infinite}@keyframes progress-slide{0%{left:-40%}50%{left:30%}to{left:100%}}.primary-btn .spin-icon-btn-1{display:inline-block;vertical-align:middle}*{box-sizing:border-box;font-family:Inter,sans-serif}:root{color-scheme:light}button:focus,button:focus-visible{outline:none}button{transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .15s ease,box-shadow .15s ease}button:active{transform:scale(.97)}.ds-overlay{position:fixed;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;pointer-events:auto}.ds-container{width:100vw;height:100vh;background:#f9fafb;border-radius:0;overflow:hidden;box-shadow:none;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.ds-header{height:60px;color:#fff;padding:12px 40px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.ds-header-left{display:flex;gap:12px;align-items:center}.ds-icon{width:36px;height:36px;background:#ffffff40;border-radius:10px;display:flex;align-items:center;justify-content:center}.ds-header icon{background:#ffffff40}.ds-header h2{margin:0;font-size:18px}.ds-header p{margin:0;font-size:13px;opacity:.9;color:#fff}.ds-info{display:flex;align-items:center;gap:8px;padding:12px 40px 8px;background:#f3f4f6;font-family:Inter,sans-serif;border-bottom:1.265px solid #F3F4F6}.ds-info-icon{display:flex;align-items:center;justify-content:center;color:#8b5cf6;min-width:20px}.ds-info svg{display:block;width:16px;height:16px}.ds-info-text{color:#8b5cf6;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0;padding:0}.ds-body{padding:24px 40px;display:block;gap:0;width:100%;flex:1;max-height:none;overflow:visible;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.ds-section{border:1px solid #e5e7eb;border-radius:12px;padding:14px 20px;background:#fff;text-align:left;width:100%}.ds-section.lavender{background:#faf5ff}.ds-section.mint{background:#f0fdf4}.section-header{display:flex;gap:10px;margin-bottom:10px;align-items:flex-start;text-align:left;margin-right:940px}.section-icon{width:28px;height:28px;background:#eef2ff;border-radius:8px;display:flex;align-items:center;justify-content:center}.section-header h4{margin:0;font-size:13px;font-weight:600}.section-header p{margin:0;font-size:11px;color:#6b7280}.ds-section textarea{width:100%;resize:vertical;border:1px solid #e5e7eb;border-radius:8px;padding:10px;font-size:12px;outline:none;background:#f9fafb;font-family:Courier New,monospace;color:#0d1423;min-height:60px;line-height:1.3}.ds-section textarea:focus{border-color:#8b5cf6}.add-custom-btn{height:38px;border-radius:12px;border:1px dashed #8b5cf6;background:#faf5ff;color:#7c3aed;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-weight:500;font-size:13px}.ds-footer{padding:12px 40px;border-top:1px solid #e5e7eb;background:#fff;height:70px;display:flex;justify-content:space-between;align-items:center}.cancel-btn{background:none;border:1px solid #d1d5db;color:#6b7280;cursor:pointer;width:100px;display:flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:8px;height:36px}.footer-actions{display:flex;gap:12px}.draft-btn{background:#fff;border:1px solid #8b5cf6;color:#7c3aed;padding:8px 16px;border-radius:8px;cursor:pointer;height:36px}.submit-btn{background:#22c55e;border:none;color:#fff;padding:8px 16px;border-radius:8px;height:36px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px}.submit-btn svg{width:16px;height:16px}.ds-container .ds-header{background-color:#8b5cf6!important}.ds-container{width:100vw;height:100vh;background:#f9fafb;border-radius:0;box-shadow:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.ds-container::-webkit-scrollbar{width:8px}.ds-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.ds-container::-webkit-scrollbar-track{background:#f1f1f1}.ds-container{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.ds-body{padding:24px 40px;display:block;gap:0;width:100%;max-height:none;overflow:visible;overflow-x:visible;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.ds-body::-webkit-scrollbar{width:8px}.ds-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.ds-body::-webkit-scrollbar-track{background:#f1f1f1}.patient-approval-bg{min-height:100vh;background:linear-gradient(135deg,#fbe5ef,#f7f6fa);padding:40px 0}.patient-approval-search-row{display:flex;align-items:center;gap:12px;padding:20px 24px 0 35px;max-width:1200px;margin:12px auto 24px}.patient-approval-search{flex:1;padding:14px 18px;border-radius:12px;margin-right:19px;border:1px solid #e5e7eb;font-size:15px;background:#fff;outline:none}.patient-approval-search::placeholder{color:#9ca3af}.patient-approval-filter-btn{padding:12px 22px;border-radius:12px;width:100px;height:50px;border:1px solid #e5e7eb;background:#fff;font-weight:500;cursor:pointer;color:#222}.patient-approval-card{background:#fff;border-radius:16px;box-shadow:0 2px 16px #00000012;max-width:1200px;margin:40px auto 0;padding:0 0 24px}.patient-approval-search-card{background:#fff;border-radius:14px;border:1.265px solid #E5E7EB;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;max-width:1200px;margin:0 auto 32px;padding:0}.patient-approval-table-header{font-weight:600;font-size:14px;padding:24px 32px 0;margin-bottom:16px}.patient-approval-table{width:100%;padding:0 16px}.patient-approval-table-row{display:grid;grid-template-columns:80px 1.5fr 1.5fr 1.2fr 1.2fr 120px;align-items:center;padding:16px 0;border-bottom:1px solid #f0f0f0;font-size:12px;background:transparent}.patient-approval-table-row.header{font-weight:400;color:#222;background:#f9f9f9;border-radius:12px 12px 0 0;padding:18px 0}.patient-approval-avatar{display:inline-block;vertical-align:middle;margin-right:12px}.avatar-initials{display:inline-block;width:38px;height:38px;border-radius:50%;background:#ffe5a3;color:#222;font-weight:700;font-size:18px;text-align:center;line-height:38px}.patient-approval-name{font-weight:600}.patient-approval-details{font-size:12px;color:#888}.patient-approval-time{font-size:12px;color:#b0b0b0}.patient-approval-review-btn{background:#ff4081;color:#fff;border:none;border-radius:24px;padding:8px 24px;font-weight:500;cursor:pointer;transition:background .2s}.patient-approval-review-btn:hover{background:#e73370}.patient-approval-loading{text-align:center;padding:32px 0;color:#888}.patient-review-modal-overlay{position:fixed;inset:0;background:#2c2c2c2e;z-index:1000;display:flex;align-items:center;justify-content:center;padding-top:0}.patient-review-modal{background:#fff;border-radius:18px;box-shadow:0 8px 32px #0000002e;width:550px;max-width:98vw;max-height:80vh;padding:32px 24px 24px;position:relative;font-family:inherit;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.patient-review-modal-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:16px;margin-bottom:8px;white-space:nowrap;padding-right:32px}.patient-review-modal-close{background:none;border:none;font-size:23px;color:#fff;cursor:pointer;font-weight:700;position:absolute;top:30px;left:200px;right:auto;margin:0;z-index:2}.patient-review-modal-subheader{font-size:13px;color:#888;margin-bottom:18px}.patient-review-modal-section{margin-bottom:18px}.section-title{font-size:13px;font-weight:600;color:#222;margin-bottom:8px}.section-row{display:flex;align-items:center;margin-bottom:10px;font-size:12px;gap:12px;flex-wrap:wrap}.section-icon{margin-right:8px;font-size:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fff;border-radius:8px}.section-label{color:#888;font-size:12px;margin-right:8px;min-width:120px;font-weight:500;flex-shrink:0}.section-value{color:#222;font-weight:500;font-size:12px;margin-right:16px;word-break:break-all;flex:1 1 120px;min-width:120px}.identity-row{background:#fffbe7;border-radius:8px;padding:12px 16px;margin-top:6px}.identity-value{font-size:18px;font-weight:600;color:#d87ca0;margin-left:12px}.patient-review-modal-actions{display:flex;gap:16px;margin-top:24px}.patient-review-modal-reject{flex:1;background:#fff;color:#e73370;border:1.5px solid #e73370;border-radius:8px;padding:12px 0;font-weight:600;cursor:pointer;font-size:15px;transition:background .2s}.patient-review-modal-reject:hover{background:#ffe5ef}.patient-review-modal-approve{flex:1;background:#d87ca0;color:#fff;border:none;border-radius:8px;padding:12px 0;font-weight:600;cursor:pointer;font-size:15px;transition:background .2s}.patient-review-modal-approve:hover{background:#e73370}.assign-patientid-modal{background:#fff;border-radius:18px;box-shadow:0 8px 32px #0000002e;width:420px;max-width:95vw;padding:0 0 32px;position:relative;font-family:inherit;overflow:hidden}.assign-patientid-modal-header{background:linear-gradient(90deg,#fb7185cc,#ec4899cc);color:#fff;font-weight:600;font-size:22px;padding:24px 24px 8px;display:flex;justify-content:space-between;align-items:center}.assign-patientid-modal-subheader{color:#fff;font-size:16px;font-weight:500;padding:0 24px 16px;background:linear-gradient(90deg,#fb7185cc,#ec4899cc)}.assign-patientid-modal-info{background:#f7f7fa;border-radius:12px;margin:24px 24px 18px;padding:18px 18px 12px;font-size:15px;color:#222;display:flex;flex-direction:column;gap:8px}.assign-patientid-info-icon{margin-right:10px;font-size:17px}.assign-patientid-modal-label{font-weight:600;font-size:15px;margin:0 24px 8px;color:#222}.assign-patientid-input{width:calc(100% - 48px);margin:0 24px 8px;padding:14px 18px;border-radius:10px;border:1.5px solid #e5e7eb;font-size:16px;background:#fff;outline:none}.assign-patientid-modal-hint{font-size:13px;color:#888;margin:0 24px 18px;display:flex;align-items:center}.assign-patientid-modal-confirm{width:calc(100% - 48px);margin:0 24px;background:#fb7185;color:#fff;border:none;border-radius:12px;padding:16px 0;font-weight:600;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.assign-patientid-modal-confirm:disabled{opacity:.6;cursor:not-allowed}.patientid-success-modal{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:512px;height:188px;padding:18px 24px 0;border-radius:18px;background:linear-gradient(180deg,#fb7185cc,#ec4899cc);box-sizing:border-box;color:#fff;position:relative;justify-content:flex-start}.patientid-success-icon{align-self:center;margin-bottom:4px;margin-top:0}.patientid-success-title{font-size:28px;font-weight:700;text-align:left;width:100%;margin-top:0;/}.patientid-success-id{font-size:18px;font-weight:500;margin-top:8px;width:100%;text-align:left}.patient-review-modal,.patient-review-modal *{font-size:12px!important}.patient-approval-filter-tab{background:none;border:none;font-weight:600;font-size:1rem;color:#000;padding:6px 16px;cursor:pointer;border-bottom:2px solid transparent;transition:border .2s}.patient-approval-filter-tab.active{border-bottom:2px solid #e60076;color:#e60076}.patient-approval-filter-dropdown{position:absolute;top:110%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px #00000014;z-index:10;min-width:120px;padding:4px 0}.patient-approval-filter-option{padding:10px 18px;cursor:pointer;color:#050505;background:#fff;font-weight:100;transition:background .2s}.patient-approval-filter-option:hover,.patient-approval-filter-option.selected{background:#fff;font-weight:100}.firstscreen-logo-top{position:absolute;top:24px;left:32px;z-index:10}.firstscreen-lotus-logo{width:110px;height:auto}.firstscreen-bg{position:relative;min-height:100vh;padding-top:90px;background:linear-gradient(180deg,#fdf5f9,#fef8fc,#fcf0f6)}.firstscreen-header{position:absolute;top:24px;left:32px;display:flex;flex-direction:row;align-items:center;gap:24px;width:auto;padding:0;margin-bottom:0;z-index:10}.firstscreen-lotus-logo{width:90px;height:auto}.firstscreen-collabridge-logo{height:48px;width:auto}.firstscreen-title{margin-top:24px;font-size:2.2rem;font-weight:700;color:#d07a9e;text-align:center;letter-spacing:-1px}.firstscreen-subtitle{margin-top:8px;font-size:1rem;color:#6b7687;text-align:center}.firstscreen-patient-row{display:flex;gap:36px;margin:32px 0 0;justify-content:center}.firstscreen-patient{display:flex;flex-direction:column;align-items:center}.firstscreen-patient-avatar{width:90px;height:90px;border-radius:16px;background:#e48ca3;color:#fff;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:10px;box-shadow:0 2px 8px #0000000f;transition:box-shadow .2s}.firstscreen-patient-avatar:hover{box-shadow:0 4px 16px #d07a9e2e;cursor:pointer}.firstscreen-add-avatar{background:transparent;border:2px solid #C7C9D9;color:#c7c9d9}.firstscreen-add-icon{font-size:2.5rem;font-weight:400;line-height:1}.firstscreen-patient-name{font-size:1rem;color:#444;margin-top:2px;text-align:center}.firstscreen-footer{margin-top:198px;width:100%;text-align:center;color:#b0b4c3;font-size:.95rem;letter-spacing:.5px}.overview-container{min-height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;max-width:1400px;margin:0 auto;padding:0 24px}.notification-icon{font-size:20px}.notification-count{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;font-size:12px;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center}.overview-nav{width:100vw;margin-left:calc(-50vw + 50%);background:#fff;padding:0 48px;display:flex;gap:32px;border-bottom:1px solid #e5e7eb;box-sizing:border-box;min-height:10px}.nav-item{padding:16px 0;cursor:pointer;font-weight:500;color:#9ca3af;border-bottom:3px solid transparent;transition:all .2s;display:flex;align-items:center;gap:8px;font-size:14px}.nav-item.active{color:#e48ca3;border-bottom-color:#e48ca3}.nav-item:hover{color:#e48ca3}.overview-welcome{display:flex;flex-direction:column;align-items:flex-start;gap:8px;height:122px;padding:24px 0 0;border-radius:14px;background:linear-gradient(180deg,#d87ca0,#e89fbe);color:#fff;margin:24px auto;width:100%;max-width:100%;box-sizing:border-box}.overview-welcome h1{font-size:28px;font-weight:700;margin:0 0 8px;padding-left:24px}.overview-welcome p{font-size:16px;margin:0;opacity:.9;color:#fff;padding-left:24px}.overview-main{display:flex;gap:24px;padding:24px 0;max-width:2400px;margin:0 auto;width:100%}.overview-left{flex:2}.overview-right{flex:1}.overview-section{background:#fffefe;border-radius:12px;padding:24px;width:700px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.section-header p{margin:0;font-size:14px;color:#9ca3af}.view-all{color:#e48ca3;font-size:14px;cursor:pointer;font-weight:500}.appointment-card{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 0;border-bottom:1px solid #f3f4f6}.appointment-card:last-child{border-bottom:none}.appointment-info h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#1f2937}.appointment-info p{margin:0 0 8px;color:#6b7280;font-size:14px}.appointment-details{display:flex;gap:16px;font-size:14px;color:#9ca3af}.appointment-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.appointment-status.follow-up,.appointment-status.annual{background:#e48ca3;color:#fff}.lab-result{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 0;border-bottom:1px solid #f3f4f6}.lab-result:last-child{border-bottom:none}.lab-info h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#1f2937}.lab-info p{margin:0;color:#6b7280;font-size:14px}.lab-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.lab-status.normal{background:#dcfce7;color:#008236}.lab-status.abnormal{background:#ffe2e2;color:#e13131}.vitals-list{display:flex;flex-direction:column;gap:16px}.vital-item{display:flex;align-items:center;gap:12px}.vital-icon{font-size:20px;width:24px}.vital-label{flex:1;color:#6b7280;font-size:14px}.vital-value{font-weight:600;color:#1f2937}.quick-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}.action-btn{padding:12px 20px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s}.action-btn.primary{background:#e48ca3;color:#fff}.action-btn.primary:hover{background:#d97398}.action-btn.secondary{background:#f9fafb;color:#374151;border:1px solid #e5e7eb}.action-btn.secondary:hover{background:#f3f4f6}@media(max-width:1024px){.overview-main{flex-direction:column;gap:0;padding:16px 8px}.overview-left,.overview-right{flex:unset;width:100%}.overview-welcome{margin:0;padding:24px 12px}.overview-section{padding:16px;margin-bottom:16px}.overview-header,.overview-nav{padding:12px}}@media(max-width:600px){.overview-header,.overview-nav{flex-direction:column;align-items:flex-start;padding:8px 4px}.overview-header-right{gap:10px;margin-top:8px;width:100%;justify-content:flex-start}.overview-logo img,.overview-logo{height:28px!important;font-size:18px!important}.overview-nav{gap:12px;min-height:unset;font-size:12px;padding:4px 0;width:100%;overflow-x:auto}.nav-item{padding:8px 0;font-size:12px;gap:4px}.overview-welcome{margin:0;padding:14px 6px;border-radius:0}.overview-main{flex-direction:column;gap:0;padding:8px 4px}.overview-section{padding:10px 4px;margin-bottom:10px;border-radius:8px}.section-header{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:10px}.appointment-card,.lab-result{flex-direction:column;gap:6px;padding:10px 0}.profile-avatar{width:32px;height:32px;font-size:12px}.header-divider{display:none}.quick-actions{gap:8px;margin-top:8px}.action-btn{padding:10px 8px;font-size:13px}.vitals-list{gap:8px}.vital-item{gap:6px}}@media(max-width:600px){.overview-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.overview-nav::-webkit-scrollbar{display:none}}.annual-popup-overlay{position:fixed;inset:0;background:#0000002e;z-index:1000;display:flex;justify-content:center;align-items:center}.annual-popup-container{display:flex;width:600px;max-height:90vh;flex-direction:column;align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 4px 32px #0000001f;overflow:hidden;position:relative}.annual-popup-header{width:100%;background:linear-gradient(135deg,#e48ca3,#d97398);padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.annual-popup-section{width:100%;padding:16px 24px 0;box-sizing:border-box}.annual-popup-footer{width:100%;display:flex;gap:12px;justify-content:flex-end;align-items:center;padding:16px 24px;background:#fff;border-top:1px solid #f3f4f6;flex-shrink:0}.followup-popup-overlay{position:fixed;inset:0;background:#0000002e;z-index:1000;display:flex;justify-content:center;align-items:center}.followup-popup-container{display:flex;width:600px;max-height:90vh;flex-direction:column;align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 4px 32px #0000001f;overflow:hidden;position:relative}.followup-popup-header{width:100%;border-radius:16px 16px 0 0;background:linear-gradient(180deg,#d87ca0,#e598ba);padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.followup-popup-section{width:100%;padding:16px 24px 0;box-sizing:border-box}.followup-popup-footer{width:100%;display:flex;gap:12px;justify-content:flex-end;align-items:center;padding:16px 24px;background:#fff;border-top:1px solid #f3f4f6;flex-shrink:0}.schedule-popup-overlay{position:fixed;inset:0;background:#0000002e;z-index:1000;display:flex;justify-content:center;align-items:center}.schedule-popup-container{display:flex;width:600px;max-height:90vh;flex-direction:column;align-items:flex-start;border-radius:16px;background:#fff;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;position:relative}.schedule-popup-header{width:100%;background:linear-gradient(135deg,#e48ca3,#d97398);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.schedule-form{width:100%;flex:1 1 auto;overflow-y:auto;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;gap:0}.schedule-note{background:#f1f6fe;border:1px solid #bcd2f7;border-radius:10px;padding:16px 18px;margin-bottom:24px;margin-top:8px;font-size:.95rem;color:#1a1a1a}.schedule-popup-footer{width:100%;display:flex;gap:12px;justify-content:flex-end;align-items:center;padding:16px 24px;background:#fff;border-top:1px solid #f3f4f6;flex-shrink:0}.messagedoctor-popup-overlay{position:fixed;inset:0;background:#0000002e;z-index:1000;display:flex;justify-content:center;align-items:center}.messagedoctor-popup-container{display:flex;width:600px;max-height:90vh;flex-direction:column;align-items:flex-start;border-radius:16px;background:#fff;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;position:relative}.messagedoctor-popup-header{width:100%;background:linear-gradient(135deg,#e48ca3,#d97398);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.messagedoctor-form{width:100%;flex:1 1 auto;overflow-y:auto;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;gap:0}.messagedoctor-note{background:#f1f6fe;border:1px solid #bcd2f7;border-radius:10px;padding:16px 18px;margin-bottom:24px;margin-top:8px;font-size:.95rem;color:#1a1a1a}.messagedoctor-popup-footer{width:100%;display:flex;gap:12px;justify-content:flex-end;align-items:center;padding:16px 24px;background:#fff;border-top:1px solid #f3f4f6;flex-shrink:0}.header-left{display:flex;align-items:center;gap:16px;flex:1;margin-left:3px;min-width:0}.header-title{font-size:1.35rem;font-weight:700;color:#fff!important;text-shadow:none!important;white-space:nowrap}.close-btn{position:absolute;top:50%;left:24px;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;z-index:2}.doctor-info{background:#f9fafb;border-radius:10px;margin-top:0;margin-bottom:18px;padding:18px 24px}.section-title{font-size:.95rem;font-weight:700;color:#6b7280;margin-bottom:12px}.doctor-details{display:flex;gap:32px}.doctor-row{display:flex;align-items:center;gap:10px}.doctor-icon{color:#e48ca3;display:flex;align-items:center;justify-content:center}.doctor-label{font-size:.85rem;color:#9ca3af;font-weight:600}.doctor-value{font-size:1rem;color:#222;font-weight:700}.appointment-info{margin-bottom:18px}.info-row{display:flex;gap:32px;margin-bottom:18px}.info-label{font-size:.85rem;color:#9ca3af;font-weight:600;margin-bottom:4px;text-transform:uppercase}.info-value{font-size:1rem;color:#222;font-weight:600}.location-box{background:#e8f0fe;border-radius:6px;padding:10px 16px;font-size:1rem;color:#222;font-weight:500;margin-top:2px}.appointment-type-badge{background:#e48ca3;color:#fff;border-radius:20px;padding:6px 18px;font-size:.95rem;font-weight:600;display:inline-block;margin-top:4px}.instructions-section{width:100%;margin-top:18px;margin-bottom:0;padding-bottom:0}.instructions-title{font-size:.95rem;font-weight:700;color:#6b7280;margin-bottom:12px;margin-top:0}.instructions-list{margin:0;padding-left:18px;color:#dc2626;font-size:1rem}.instructions-list li{margin-bottom:8px;color:#222;font-size:1rem}.form-group{flex:1;display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.form-group label{font-size:.85rem;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;background:#fafbfc;color:#222;outline:none;transition:border .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#e48ca3}.form-group select{appearance:none;background:#fafbfc url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' stroke='%239ca3af' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center/18px 18px}.form-group textarea{resize:none;min-height:80px}.note-title{font-weight:700;color:#2563eb;margin-right:4px}.footer-btn.reschedule{color:#e48ca3;border:1.5px solid #e48ca3;background:#fff;margin-left:auto}.footer-btn.cancel{background:#e7000b;color:#fff;border:1.5px solid #d1d5db}.footer-btn.schedule,.footer-btn.send{background:#e48ca3;color:#fff;border:none}.footer-btn.reschedule:hover{background:#f3f4f6}.footer-btn.cancel:hover{background:#e7000b;color:#fff;border-color:#b0b0b0}.footer-btn.schedule:hover,.footer-btn.send:hover{background:#d97398}.schedule-form::-webkit-scrollbar,.messagedoctor-form::-webkit-scrollbar{width:8px}.schedule-form::-webkit-scrollbar-thumb,.messagedoctor-form::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.schedule-form,.messagedoctor-form{scroll-behavior:smooth}.annual-popup-container,.followup-popup-container{overflow-y:auto;scroll-behavior:smooth}.annual-popup-container::-webkit-scrollbar,.followup-popup-container::-webkit-scrollbar{width:8px}.annual-popup-container::-webkit-scrollbar-thumb,.followup-popup-container::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.schedule-popup-header .header-title{color:#fff!important;text-shadow:none!important}.annual-popup-header,.followup-popup-header,.schedule-popup-header,.messagedoctor-popup-header{width:100%;background:linear-gradient(135deg,#e48ca3,#d97398);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;position:relative;box-sizing:border-box}.close-btn{position:absolute;top:50%;left:550px;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;z-index:2}.header-icon{background:#fff;border-radius:50%;padding:6px;display:flex;align-items:center;justify-content:center;margin-right:1px}.header-title-group{display:flex;flex-direction:row;align-items:center;gap:8px}.header-title{font-size:1.35rem;font-weight:700;color:#fff!important;text-shadow:none!important;margin-bottom:0;white-space:nowrap}.header-subtitle{font-size:1.35rem;font-weight:700;color:#fff!important;margin-top:0;white-space:nowrap;text-shadow:none!important}@media(max-width:800px){.annual-popup-header,.followup-popup-header,.schedule-popup-header,.messagedoctor-popup-header{padding:16px 12px 10px 10px;gap:10px}}.patient-header-wrapper{width:100%;background:#d574b2;border-bottom:1px solid #e5e7eb}.header-container{display:flex;height:79.963px;padding:0 31.989px;justify-content:space-between;align-items:center;flex-shrink:0;align-self:stretch;width:100%;background:#fff;box-sizing:border-box}.header-logo{font-size:24px;font-weight:600;color:#e48ca3}.header-right{display:flex;align-items:center;gap:18px}.header-notifications{position:relative;display:flex;align-items:center}.notification-dot{position:absolute;top:2px;right:2px;width:8px;height:8px;background:#f44336;border-radius:50%;border:2px solid #fff}.header-divider{width:1px;height:32px;background:#e5e7eb;margin:0 16px}.notification-icon{font-size:20px;color:#6b7280}.header-settings{color:#6b7280;cursor:pointer}.header-profile{display:flex;align-items:center;gap:8px}.profile-text{display:flex;align-items:center;gap:4px}.profile-name{font-weight:600;color:#1f2937;font-size:14px}.profile-subtitle{font-size:12px;color:#9ca3af}.profile-avatar{width:40px;height:40px;background:#df7db1;color:#fcfcfc;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.navigation-container{display:flex;height:45.247px;padding:1.265px 607.004px 0 31.989px;align-items:flex-start;gap:24px;flex-shrink:0;align-self:stretch;border-top:1.265px solid #F3F4F6;background:#fff;box-sizing:border-box}.nav-tab{padding:16px 0;cursor:pointer;font-weight:500;color:#9ca3af;border-bottom:3px solid transparent;transition:all .2s;display:flex;align-items:center;gap:8px;font-size:14px}.nav-tab.active{color:#e48ca3;border-bottom-color:#e48ca3}.nav-tab:hover{color:#e48ca3}@media(max-width:600px){.header-container{flex-direction:column;align-items:flex-start;padding:8px 4px}.header-right{gap:10px;margin-top:8px;width:100%;justify-content:flex-start}.header-logo img,.header-logo{height:28px!important;font-size:18px!important}.profile-avatar{width:32px;height:32px;font-size:12px}.header-divider{display:none}.navigation-container{gap:12px;padding:0 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.navigation-container::-webkit-scrollbar{display:none}.nav-tab{padding:12px 0;font-size:12px;gap:4px;white-space:nowrap}}.profile-container{min-height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.profile-bg{min-height:100vh;background:#f5f6fa;padding:24px 48px;max-width:1400px;margin:0 auto;box-sizing:border-box}.profile-main{max-width:100%;margin:0 auto;padding:0;box-sizing:border-box}.profile-title{font-size:1.5rem;font-weight:700;color:#222;margin-bottom:24px}.profile-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000a;padding:0;margin-bottom:32px;overflow:hidden;width:100%}.profile-header{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#e48ca3,#d97398);padding:32px 36px;color:#fff}.profile-avatar{width:60px;height:60px;border-radius:50%;background:#fff;color:#e48ca3;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-name{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:4px}.profile-mrn-label{font-size:.875rem;color:#fffc;margin-bottom:2px}.profile-mrn{font-size:.875rem;color:#ffffffe6}.profile-section{padding:24px 36px}.profile-section-title{font-size:1rem;font-weight:700;color:#222;margin-bottom:16px}.profile-info{border-bottom:1px solid #f0f0f0;padding-bottom:20px}.profile-info-row{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.profile-info-label{font-size:.75rem;color:#9ca3af;font-weight:600;margin-bottom:6px;letter-spacing:.5px;text-transform:uppercase}.profile-info-value{font-size:1rem;color:#222;font-weight:600;line-height:1.2}.profile-contact-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:20px}.profile-contact-row:last-child{grid-template-columns:1fr;margin-bottom:0}.profile-contact-label{font-size:.75rem;color:#9ca3af;font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.5px}.profile-contact-icon{display:inline-flex;align-items:center}.profile-contact-value{font-size:1rem;color:#222;font-weight:500}.profile-emergency-box{display:flex;width:671.99px;height:58.505px;padding:17.249px 17.249px 1.265px;flex-direction:column;align-items:flex-start;background:#fef3f3;color:#161414;border-radius:10px;border:1.265px solid #FFC9C9;background:#fef2f2;font-size:1rem;font-weight:500;margin-bottom:20px;box-sizing:border-box}.profile-actions{display:flex;gap:12px;padding:0 36px 24px;justify-content:flex-start;align-items:center}.profile-edit-btn,.profile-password-btn{display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:600;border-radius:6px;border:none;cursor:pointer;min-width:80px;min-height:40px;transition:background .2s;padding:8px 24px 14px 25px}.profile-edit-btn{background:#e48ca3;color:#fff}.profile-edit-btn:hover{background:#d97398}.profile-password-btn{background:#fff;color:#6b7280;border:1px solid #d1d5db;padding:8px 23px 14px 24px}.profile-password-btn:hover{background:#f9fafb;border-color:#9ca3af}@media(max-width:768px){.profile-bg{padding:16px}.profile-main{max-width:100%}.profile-header,.profile-section{padding:20px 24px}.profile-actions{padding:0 24px 24px;flex-direction:column}.profile-info-row{grid-template-columns:repeat(2,1fr);gap:20px}.profile-contact-row{grid-template-columns:1fr;gap:20px}}@media(max-width:480px){.profile-info-row{grid-template-columns:1fr;gap:16px}.profile-header{padding:20px;gap:16px}.profile-section{padding:16px 20px}.profile-actions{padding:0 20px 20px}}.editprofile-popup-overlay{position:fixed;inset:0;background:#0000002e;z-index:1000;display:flex;justify-content:center;align-items:center}.editprofile-popup-container{display:flex;width:600px;max-height:90vh;flex-direction:column;align-items:flex-start;flex-shrink:0;background:#fff;border-radius:12px;box-shadow:0 4px 32px #0000001f;overflow:hidden;position:relative}.editprofile-popup-header{width:100%;background:linear-gradient(135deg,#e48ca3,#d97398);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;position:relative}.editprofile-form{width:100%;flex:1 1 auto;overflow-y:auto;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;gap:0}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-group{flex:1;display:flex;flex-direction:column;gap:8px}.form-group input,.form-group select{padding:12px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;background:#fafbfc;color:#222;outline:none;transition:border .2s}.form-group input:focus,.form-group select:focus{border-color:#e48ca3}.form-group select{appearance:none;background:#fafbfc url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' stroke='%239ca3af' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center/18px 18px}label{font-size:.85rem;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.section-label{font-size:.95rem;font-weight:700;color:#6b7280;margin:16px 0 8px;letter-spacing:.5px}.icon-group label .icon{display:inline-flex;align-items:center;margin-right:4px}.address-group{flex:2}.editprofile-popup-footer{width:100%;display:flex;gap:12px;justify-content:flex-end;align-items:center;padding:16px 24px;background:#fff;border-top:1px solid #f3f4f6;flex-shrink:0}.footer-btn.save{background:#e48ca3;color:#fff;border:none}.footer-btn.save:hover{background:#d97398}.changepassword-popup-overlay{position:fixed;inset:0;background:#0000002e;z-index:1000;display:flex;justify-content:center;align-items:center}.changepassword-popup-container{display:flex;width:447.987px;height:665.568px;padding-bottom:0;flex-direction:column;justify-content:center;align-items:flex-start;border-radius:16px;background:#fff;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;position:relative}.changepassword-popup-header{width:100%;background:linear-gradient(135deg,#e48ca3,#d97398);padding:28px 32px 18px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.changepassword-form{width:100%;flex:1 1 auto;overflow-y:auto;padding:32px 32px 0;box-sizing:border-box;display:flex;flex-direction:column;gap:0}.changepassword-form .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.changepassword-form .form-group label{font-size:.85rem;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.changepassword-form .form-group input{padding:12px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;background:#fafbfc;color:#222;outline:none;transition:border .2s}.changepassword-form .form-group input:focus{border-color:#e48ca3}.password-requirements{background:#f1f6fe;border:1px solid #bcd2f7;border-radius:10px;padding:16px 18px;margin-bottom:24px;margin-top:8px;font-size:.95rem;color:#1a1a1a}.requirements-title{font-weight:700;margin-bottom:6px;color:#1a1a1a}.password-requirements ul{margin:0;padding-left:18px;font-size:.98rem}.password-requirements li{margin-bottom:4px;color:#2563eb}.changepassword-popup-footer{width:100%;display:flex;gap:18px;justify-content:flex-end;align-items:center;padding:24px 32px;background:#fff;border-top:1px solid #f3f4f6;flex-shrink:0}.footer-btn.update{background:#e48ca3;color:#fff;border:none}.footer-btn.update:hover{background:#d97398}.header-left{display:flex;align-items:center;gap:16px}.header-icon{background:#fff;border-radius:50%;padding:6px;display:flex;align-items:center;justify-content:center}.header-title{font-size:1.35rem;font-weight:700;color:#fff}.header-title-row{display:flex;flex-direction:column;gap:4px}.header-subtitle{font-size:1rem;color:#f3f4f6;margin-top:0;white-space:nowrap}.header-title-group{display:flex;flex-direction:column;gap:2px}.close-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center}.footer-btn{display:flex;justify-content:center;align-items:center;border-radius:8px;font-size:1rem;font-weight:600;padding:10px 32px;border:1px solid #d1d5db;background:#fff;color:#222;cursor:pointer;transition:background .2s,color .2s,border .2s}.footer-btn.cancel:hover{background:#f3f4f6}.changepassword-form::-webkit-scrollbar{width:8px}.changepassword-form::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}@media(max-width:700px){.editprofile-popup-container{width:98vw;min-width:0;min-height:400px}.editprofile-popup-header,.editprofile-form,.editprofile-popup-footer{padding-left:16px;padding-right:16px}.form-row{flex-direction:column;gap:12px}}.medications-container{min-height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.medications-content{min-height:100vh;background:#f5f6fa;padding:24px 48px;max-width:1400px;margin:0 auto;box-sizing:border-box}.medications-main{max-width:95%;margin:0 auto;padding:0;box-sizing:border-box}.medications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.medications-header h1{font-size:1.5rem;font-weight:700;color:#222;margin:0}.request-refill-btn{background:#e48ca3;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:.875rem;font-weight:600;width:146.6483px;cursor:pointer;transition:background .2s}.request-refill-btn:hover{background:#d97398}.medications-list{display:flex;flex-direction:column;gap:16px}.medication-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000a;padding:24px;position:relative;border:1px solid #e5e7eb}.medication-card.refill-needed{border-left:4px solid #f59e0b}.medication-name-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.medication-name-row h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.status-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.refill{background:#fef3c7;color:#92400e}.edit-icon{margin-left:auto;cursor:pointer}.medication-dosage{font-size:1rem;color:#1f2937;margin:0 0 4px;font-weight:500}.medication-doctor{font-size:.875rem;color:#6b7280;margin:0 0 20px}.medication-details{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:.75rem;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:.875rem;color:#1f2937;font-weight:600}.refill-alert{background:#fef3c7;color:#92400e;padding:12px;border-radius:8px;text-align:center;font-weight:600;font-size:.875rem;margin-top:16px;border:1px solid #fde68a}@media(max-width:768px){.medications-content{padding:16px}.medications-main{max-width:100%}.medications-header{flex-direction:column;align-items:flex-start;gap:16px}.medication-card{padding:20px}.medication-details{grid-template-columns:1fr;gap:16px}.medication-name-row{flex-wrap:wrap;gap:8px}}@media(max-width:480px){.medications-content{padding:12px}.medication-card{padding:16px}.medications-header h1{font-size:1.25rem}}.pharmacy-orders-container{min-height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.pharmacy-orders-content{min-height:100vh;background:#f5f6fa;padding:24px 48px;max-width:1400px;margin:0 auto;box-sizing:border-box}.pharmacy-orders-main{max-width:95%;margin:0 auto;padding:0;box-sizing:border-box}.pharmacy-orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.pharmacy-orders-header h1{font-size:1.5rem;font-weight:700;color:#222;margin:0}.new-order-btn{background:#e48ca3;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:.875rem;font-weight:600;width:127.1857px;height:44.54px;cursor:pointer;transition:background .2s}.new-order-btn:hover{background:#d97398}.orders-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000a;overflow:hidden;border:1px solid #e5e7eb}.orders-table{width:100%;border-collapse:collapse}.orders-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.orders-table th{padding:16px 20px;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.orders-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s}.orders-table tbody tr:hover{background:#f9fafb}.orders-table tbody tr:last-child{border-bottom:none}.orders-table td{padding:20px;vertical-align:top}.order-number{display:flex;flex-direction:column;gap:4px}.order-id{font-size:1rem;font-weight:600;color:#1f2937}.pharmacy-name{font-size:.875rem;color:#6b7280}.orders-table td:not(.order-number){font-size:.875rem;color:#374151;font-weight:500}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.delivered{background:#dcfce7;color:#166534}.status-badge.processing{background:#dbeafe;color:#1d4ed8}.view-details-btn{background:none;border:none;color:#e48ca3;font-size:.875rem;font-weight:500;cursor:pointer;padding:0;text-decoration:none;transition:color .2s}.view-details-btn:hover{color:#d97398;text-decoration:underline}@media(max-width:768px){.pharmacy-orders-content{padding:16px}.pharmacy-orders-main{max-width:100%}.pharmacy-orders-header{flex-direction:column;align-items:flex-start;gap:16px}.orders-table-container{overflow-x:auto}.orders-table{min-width:700px}.orders-table th,.orders-table td{padding:12px 16px}}@media(max-width:480px){.pharmacy-orders-content{padding:12px}.pharmacy-orders-header h1{font-size:1.25rem}.new-order-btn{width:100%;text-align:center}}.pharmacy-popup-overlay{position:fixed;inset:0;background:#0000002e;z-index:1000;display:flex;justify-content:center;align-items:center}.pharmacy-popup-container{display:flex;width:600px;max-height:90vh;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-radius:16px;background:#fff;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;position:relative}.pharmacy-popup-section,.delivery-status-section{width:100%}.pharmacy-popup-container{overflow-y:auto;scroll-behavior:smooth}.pharmacy-popup-container::-webkit-scrollbar{width:8px}.pharmacy-popup-container::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.pharmacy-popup-header{width:100%;background:linear-gradient(135deg,#e48ca3,#d97398);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;position:relative}.pharmacy-popup-header .header-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.pharmacy-popup-header .header-icon{background:#fff;border-radius:50%;padding:6px;display:flex;align-items:center;justify-content:center}.pharmacy-popup-header .header-title-group{display:flex;flex-direction:row;align-items:center;gap:8px}.pharmacy-popup-header .header-title{font-size:1.35rem;font-weight:700;color:#fff;margin-bottom:0;white-space:nowrap}.pharmacy-popup-header .header-subtitle{font-size:1.35rem;font-weight:700;color:#fff;margin-top:0;white-space:nowrap}.pharmacy-popup-header .close-btn{position:absolute;top:50%;right:24px;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;z-index:2}.pharmacy-popup-section{width:100%;padding:16px 24px 0;box-sizing:border-box}.order-info-row{display:flex;gap:48px;margin-bottom:12px}.order-label{font-size:.85rem;color:#9ca3af;font-weight:600;text-transform:uppercase;margin-bottom:2px}.order-value{font-size:1rem;color:#222;font-weight:500}.order-value.bold{font-weight:700}.order-status-badge{display:inline-block;padding:4px 16px;border-radius:16px;font-size:.95rem;font-weight:600;background:#d1fae5;color:#059669}.order-status-badge.delivered{background:#d1fae5;color:#059669}.order-status-badge.pending{background:#fef3c7;color:#b45309}.order-status-badge.cancelled{background:#fee2e2;color:#b91c1c}.order-items-section{margin-top:8px}.order-items-title{font-size:.95rem;font-weight:700;color:#6b7280;margin-bottom:12px}.order-items-table{background:#f9fafb;border-radius:10px;padding:12px 0;margin-bottom:12px}.order-items-header,.order-items-row{display:flex;justify-content:space-between;padding:0 18px;font-size:1rem}.order-items-header{font-weight:700;color:#6b7280;margin-bottom:8px}.order-items-row{color:#222;margin-bottom:6px}.order-summary{background:#fff;border-radius:8px;padding:12px 18px;margin-top:8px;border:1px solid #f3f4f6}.order-summary-row{display:flex;justify-content:space-between;margin-bottom:4px;font-size:1rem;color:#222}.order-summary-row.total{font-weight:700;font-size:1.1rem;color:#222;margin-top:8px}.delivery-status-section{width:100%;padding:16px 24px 0;box-sizing:border-box}.delivery-status-box{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:10px;padding:16px 18px;margin-bottom:24px;margin-top:8px;font-size:.98rem;color:#059669}.delivery-status-box.delivered{background:#ecfdf5;border:1px solid #bbf7d0;color:#059669}.delivery-status-box.pending{background:#fef3c7;border:1px solid #fde68a;color:#b45309}.delivery-status-box.cancelled{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c}.delivery-status-title{font-weight:700;margin-bottom:6px}.delivery-status-desc{font-size:.98rem}.pharmacy-popup-footer{width:100%;display:flex;gap:12px;justify-content:flex-end;align-items:center;padding:16px 24px;background:#fff;border-top:1px solid #f3f4f6;flex-shrink:0}.pharmacy-popup-footer .footer-btn{display:flex;justify-content:center;align-items:center;border-radius:8px;font-size:1rem;font-weight:600;padding:10px 32px;border:1px solid #d1d5db;background:#fff;color:#222;cursor:pointer;transition:background .2s,color .2s,border .2s}.pharmacy-popup-footer .footer-btn.reorder{background:#e48ca3;color:#fff;border:none}.pharmacy-popup-footer .footer-btn.reorder:hover{background:#d97398}.pharmacy-popup-footer .footer-btn.close:hover{background:#f3f4f6}.lab-reports-container{min-height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.lab-reports-content{min-height:100vh;background:#f5f6fa;padding:24px 48px;max-width:1400px;margin:0 auto;box-sizing:border-box}.lab-reports-main{max-width:95%;margin:0 auto;padding:0;box-sizing:border-box}.lab-reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.lab-reports-header h1{font-size:1.5rem;font-weight:700;color:#222;margin:0}.download-all-btn{background:#e48ca3;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:.875rem;font-weight:600;width:146.6483px;height:45.54px;cursor:pointer;transition:background .2s}.download-all-btn:hover{background:#d97398}.lab-reports-list{display:flex;flex-direction:column;gap:16px}.lab-report-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000a;border:1px solid #e5e7eb;overflow:hidden}.report-main-content{padding:20px 24px}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.report-status-badges{display:flex;gap:8px;align-items:center}.status-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.normal{background:#dcfce7;color:#166534}.status-badge.abnormal{background:#fef2f2;color:#dc2626}.status-badge.pending{background:#fef3c7;color:#92400e}.result-status-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.result-status-badge.completed{background:#dbeafe;color:#1d4ed8}.result-status-badge.pending{background:#fef3c7;color:#92400e}.download-pdf-btn{display:flex;align-items:center;gap:6px;background:#e48ca3;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:.875rem;font-weight:500;width:163px;height:39px;cursor:pointer;transition:background .2s}.download-pdf-btn:hover{background:#d97398}.download-pdf-btn svg{width:16px;height:16px}.report-info{display:flex;align-items:flex-start;gap:16px}.report-icon{flex-shrink:0;width:40px;height:40px;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#e48ca3}.report-details{flex:1}.report-name{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 8px}.report-meta{display:flex;flex-direction:column;gap:4px}.report-date,.report-doctor{font-size:.875rem;color:#6b7280}@media(max-width:768px){.lab-reports-content{padding:16px}.lab-reports-main{max-width:100%}.lab-reports-header{flex-direction:column;align-items:flex-start;gap:16px}.download-all-btn{width:100%;text-align:center}.report-main-content{padding:16px}.report-header{flex-direction:column;align-items:flex-start;gap:12px}.report-status-badges{flex-wrap:wrap}.download-pdf-btn{width:100%;justify-content:center}}@media(max-width:480px){.lab-reports-content{padding:12px}.lab-reports-header h1{font-size:1.25rem}.report-info{gap:12px}.report-icon{width:32px;height:32px}.report-name{font-size:1rem}.report-meta{gap:2px}}