body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0;width:100vw}#root{height:100%;overflow-x:hidden;overflow-y:auto;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.progress-bar-container{margin:20px 0 30px;padding:0 10px;width:100%}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.back-button{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#495057;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.back-button:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.back-button:disabled{cursor:not-allowed;opacity:.5}.step-counter{color:#6c757d;font-size:14px;font-weight:500}.progress-bar-wrapper{margin-bottom:15px;position:relative}.progress-bar{background:#e9ecef;height:8px;overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:4px;position:relative}.progress-fill{background:linear-gradient(90deg,#29499d,#3f62b5 50%,#587cc9);height:100%;transition:width .3s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.step-indicators{height:24px;margin-top:-16px;position:relative}.step-indicator{position:absolute;transform:translateX(-50%);z-index:2}.step-dot{align-items:center;background:#fff;border:3px solid #e9ecef;border-radius:50%;color:#6c757d;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;position:relative;transition:all .2s ease;width:24px}.step-indicator.active .step-dot{border-color:#29499d;box-shadow:0 0 0 4px #29499d1a;color:#29499d;transform:scale(1.1)}.step-indicator.completed .step-dot{background:#29499d;border-color:#29499d;color:#fff}.step-indicator.completed .step-dot:hover{box-shadow:0 0 0 4px #29499d33;transform:scale(1.1)}.step-indicator.active .step-dot:hover{box-shadow:0 0 0 6px #29499d26;transform:scale(1.15)}.step-tooltip{background:#212529;border-radius:6px;bottom:100%;color:#fff;font-size:12px;font-weight:500;margin-bottom:8px;opacity:0;padding:6px 12px;pointer-events:none;transition:all .2s ease;visibility:hidden;white-space:nowrap}.step-tooltip,.step-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.step-tooltip:after{border:4px solid #0000;border-top-color:#212529;content:"";top:100%}.step-indicator:hover .step-tooltip{opacity:1;visibility:visible}.step-labels{display:flex;justify-content:space-between;margin-top:10px;padding:0 5px}.step-label{color:#6c757d;cursor:not-allowed;font-size:11px;line-height:1.3;max-width:80px;transition:color .2s ease}.step-label.active{color:#29499d;font-weight:600}.step-label.completed{color:#495057;font-weight:500}.step-label.active:hover,.step-label.completed:hover{color:#29499d;text-decoration:underline}@media (max-width:768px){.progress-bar-container{margin:15px 0 25px;padding:0 5px}.back-button{padding:6px 12px}.back-button,.step-counter{font-size:13px}.progress-bar{height:6px}.step-dot{border-width:2px;font-size:10px;height:20px;width:20px}.step-indicators{height:20px;margin-top:-14px}.step-label{font-size:10px;max-width:70px}.step-tooltip{font-size:11px;padding:4px 8px}}@media (max-width:480px){.progress-header{align-items:flex-start;flex-direction:column;gap:10px}.step-labels,.step-tooltip{display:none}.step-dot{font-size:9px;height:16px;width:16px}.step-indicators{height:16px;margin-top:-12px}}.step-indicator.completed .step-dot{animation:stepComplete .3s ease}input[type=checkbox]{accent-color:#3f62b5}.register-container{align-items:center;animation:gradientShift 20s ease infinite;background:linear-gradient(135deg,#000428,#004e92 50%,#3f62b5);background-size:400% 400%;display:flex;font-family:Inter,sans-serif;height:100vh;justify-content:center;overflow:hidden;padding:0 16px;position:relative}.register-container:before{background:radial-gradient(circle at 20% 80%,#3f62b526 0,#0000 60%),radial-gradient(circle at 80% 20%,#004e921a 0,#0000 60%),radial-gradient(circle at 40% 40%,#0004281a 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.register-container:after{animation:rotate 30s linear infinite;background:radial-gradient(circle,#ffffff08 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.register-card{animation:cardEntry .8s cubic-bezier(.4,0,.2,1) forwards;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fff;border-radius:24px;box-shadow:0 30px 80px #00000040,inset 0 0 0 1px #ffffff1a,0 0 100px #3f62b51a;display:flex;height:clamp(560px,76vh,780px);overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:min(1200px,92vw)}.register-card.fade-in{animation:fadeInPage .6s cubic-bezier(.4,0,.2,1) forwards}.register-card:hover{box-shadow:0 40px 100px #0000004d,inset 0 0 0 1px #fff3,0 0 120px #3f62b526;transform:translateY(-8px) scale(1.01)}@keyframes fadeInPage{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.left-panel{align-items:stretch;background-color:#d9d9d9;display:flex;flex:1 1;justify-content:center;overflow:hidden}.right-panel{flex:1.5 1;overflow-y:auto;padding:2.5rem}.panel-image{display:block;height:100%;object-fit:cover;width:100%}.registration-header-left{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:30px;padding-left:20px;text-align:left}@media (max-width:1280px){.register-card{width:min(1100px,95vw)}}@media (max-width:1100px){.register-card{height:clamp(520px,74vh,740px);width:min(960px,96vw)}.create-account-title{font-size:34px}.wellness-subtitle{font-size:20px}}@media (max-width:980px){.register-card{flex-direction:column;height:auto;max-height:none;width:min(680px,96vw)}.left-panel{min-height:220px}.right-panel{padding:2rem}.create-account-title{font-size:30px}.wellness-subtitle{font-size:18px}}@media (max-width:600px){.register-card{width:96vw}.right-panel{padding:1.5rem}.create-account-title{font-size:26px}.wellness-subtitle{font-size:16px}}.create-account-title{color:#000;font-family:Inter,sans-serif;font-size:41px;font-weight:700;margin:0}.wellness-subtitle{color:#000;font-family:Inter,sans-serif;font-size:24px;font-weight:600;margin-top:8px;max-width:800px}.stepper{align-items:flex-start;animation:stepperEntry .8s cubic-bezier(.4,0,.2,1) forwards;display:flex;justify-content:space-between;margin-bottom:1.5rem;opacity:0;position:relative;transform:translateY(-20px)}@keyframes stepperEntry{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.step-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:80px}.step-item:hover:not(.active) .step-circle{border-color:#3f62b5;box-shadow:0 4px 12px #3f62b54d;transform:scale(1.1)}.step-item:hover:not(.active) .step-label{color:#3f62b5;font-weight:500}.step-item.completed .step-circle{animation:stepComplete .6s cubic-bezier(.4,0,.2,1);background-color:#16a34a;border-color:#16a34a;color:#fff}.step-item.completed .step-label{color:#16a34a;font-weight:600}.step-label{color:#000;font-size:12px;font-weight:400;letter-spacing:.6px;margin-top:10px;max-width:90px;text-align:center}.step-circle,.step-label{font-family:Inter,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1)}.step-circle{align-items:center;background-color:#fff;border:2px solid #e2e8f0;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#64748b;display:flex;font-size:24px;font-weight:600;height:70px;justify-content:center;position:relative;width:70px}.step-circle.active{animation:stepActive .6s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#3f62b5,#4facfe);border-color:#3f62b5;box-shadow:0 8px 25px #3f62b566;color:#fff;transform:scale(1.05)}@keyframes stepActive{0%{box-shadow:0 2px 8px #0000001a;transform:scale(1)}50%{box-shadow:0 12px 35px #3f62b580;transform:scale(1.15)}to{box-shadow:0 8px 25px #3f62b566;transform:scale(1.05)}}@keyframes stepComplete{0%{background-color:#fff;border-color:#e2e8f0;color:#64748b;transform:scale(1)}50%{background-color:#16a34a;border-color:#16a34a;color:#fff;transform:scale(1.2)}to{background-color:#16a34a;border-color:#16a34a;color:#fff;transform:scale(1)}}.step-item.active .step-label{color:#29499d;font-weight:600}.step-item:not(:last-child):after{background-color:#e2e8f0;content:"";height:2px;position:absolute;right:-40px;top:35px;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.step-item.completed:not(:last-child):after{animation:connectorComplete .6s cubic-bezier(.4,0,.2,1);background-color:#16a34a}.step-item.active:not(:last-child):after{animation:connectorActive .6s cubic-bezier(.4,0,.2,1);background:linear-gradient(90deg,#16a34a,#3f62b5)}@keyframes connectorComplete{0%{background-color:#e2e8f0;width:40px}50%{background-color:#16a34a;width:45px}to{background-color:#16a34a;width:40px}}@keyframes connectorActive{0%{background-color:#e2e8f0;width:40px}50%{background:linear-gradient(90deg,#16a34a,#3f62b5);width:45px}to{background:linear-gradient(90deg,#16a34a,#3f62b5);width:40px}}.form-row{display:flex;gap:1rem;margin-bottom:1.5rem}.input-group{flex:1 1}.input-group.select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #000;color:#000;font-family:Inter,sans-serif;font-size:14px;font-weight:400;height:50px;letter-spacing:.7px;padding:0 40px 0 12px;width:100%}.input-group{box-sizing:border-box;display:flex;flex-direction:column;min-width:0;width:100%}.input-group input.error,.input-group select.error{border:2px solid #e53935!important}.input-group.select-wrapper .dropdown-icon{border-bottom:2px solid #000;border-right:2px solid #000;height:8px;position:absolute;right:14px;top:50%;transform:translateY(-50%) rotate(45deg);width:8px}.dob-dropdowns{display:flex;gap:.5rem}.dob-dropdowns select{appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;box-sizing:border-box;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;height:56px;outline:none;padding:0 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dob-dropdowns select:focus{background:#fffffffa;border-color:#3f62b5;box-shadow:0 0 0 4px #3f62b526,0 8px 25px #3f62b533;transform:translateY(-3px)}.dob-dropdowns select.error{border:2px solid #e53935!important}.dob-dropdowns select:disabled{cursor:not-allowed;opacity:.6}.input-group label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:4px;color:#3f62b5;font-size:.75rem;font-weight:600;left:12px;padding:0 8px;position:absolute;top:-8px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.location-group{border:1px solid #000;border-radius:5px;margin-bottom:1.5rem;padding:1.5rem 1rem 1rem;position:relative}.location-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:4px;color:#3f62b5;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;left:12px;padding:0 8px;position:absolute;top:-8px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.input-group input{outline:none}.continue-btn{align-items:center;animation:buttonEntry 1s cubic-bezier(.4,0,.2,1) 1.3s forwards;background:linear-gradient(135deg,#3f62b5,#4facfe);border:none;border-radius:16px;box-shadow:0 8px 25px #3f62b54d;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:18px;font-weight:700;height:62px;justify-content:center;margin-top:20px;max-width:655px;opacity:0;overflow:hidden;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.continue-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);width:100%}.continue-btn:after{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s cubic-bezier(.4,0,.2,1),height .6s cubic-bezier(.4,0,.2,1);width:0}.continue-btn:hover{background:linear-gradient(135deg,#29499d,#3b82f6);box-shadow:0 12px 35px #3f62b566;transform:translateY(-3px) scale(1.02)}.continue-btn:hover:before{left:100%}.continue-btn:hover:after{height:300px;width:300px}.continue-btn:active{box-shadow:0 8px 25px #3f62b54d;transform:translateY(-1px) scale(1.01)}.continue-btn:disabled{cursor:not-allowed;opacity:.6}.continue-btn:disabled,.continue-btn:disabled:hover{box-shadow:0 4px 15px #3f62b533;transform:none}.continue-btn:disabled:hover:after,.continue-btn:disabled:hover:before{display:none}.field-error{display:block;line-height:1.4;margin-left:0;margin-top:6px;position:relative;width:100%;z-index:2}.field-error:before{content:"⚠️";display:inline-block;margin-right:6px}.active-text{color:#29499d;font-weight:700}.page-transition{align-items:center;background:#fffffff2;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:9999}.page-transition.active{opacity:1;pointer-events:all}.page-transition-spinner{animation:spin 1s linear infinite;border:3px solid #3f62b533;border-radius:50%;border-top-color:#3f62b5;height:40px;width:40px}.contact-wrapper{align-items:center;width:100%}.contact-wrapper input{height:50px;padding:0 12px}.country-code{background:#f9f9f9;border:1px solid #000;border-right:none;font-size:14px;height:50px;padding:0 10px}.country-code,.select-wrapper{align-items:center;display:flex}.select-wrapper{position:relative}.dropdown-icon{font-size:1.2rem;pointer-events:none;position:absolute;right:15px}.custom-dropdown .dropdown-button{background-color:#fff;border:1px solid #000;border-radius:8px;font-size:14px;min-height:42px;padding:12px}.custom-dropdown .dropdown-button:hover{border-color:#7a9ee3}.custom-dropdown .dropdown-button:focus{border-color:#29499d;box-shadow:0 0 0 2px #29499d33}.custom-dropdown .dropdown-button.disabled{background-color:#f5f5f5;opacity:.7}.custom-dropdown .dropdown-button.error{border-color:#e53935}.custom-dropdown .dropdown-button .placeholder{color:#999}.custom-dropdown .dropdown-arrow{color:#666;font-size:10px;transition:transform .2s}.custom-dropdown .dropdown-menu{background-color:#fff;border:1px solid #000;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:4px;max-height:200px}.custom-dropdown .dropdown-item{border-bottom:1px solid #f0f0f0;font-size:14px;padding:10px 12px}.custom-dropdown .dropdown-item:hover{background-color:#f5f5f5}.custom-dropdown .dropdown-item.selected{background-color:#7a9ee3}.custom-dropdown .dropdown-empty,.custom-dropdown .dropdown-loading{color:#666;font-size:14px;padding:12px}.custom-dropdown .dropdown-menu::-webkit-scrollbar-track{background:#f5f5f5}.custom-dropdown .dropdown-menu::-webkit-scrollbar-thumb{background-color:#ccc}.password-container{width:100%}.password-strength{margin-top:8px;text-align:left}.password-strength-bar{background:#e5e7eb}.password-strength-bar span{background:linear-gradient(90deg,#7a9ee3,#29499d);transition:width .2s ease}.password-strength-text{color:#6b7280}.optional-tag{background:#eef2ff;border-radius:999px;color:#29499d;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.08em;margin-left:10px;padding:4px 10px;text-transform:uppercase;vertical-align:middle}.optional-tag-container{display:flex;justify-content:flex-start;margin-bottom:24px;margin-top:2px}.optional-tag-container .optional-tag{margin-left:0}.password-input-wrapper input{box-sizing:border-box;padding:0 40px 0 12px!important;text-align:left}.password-input-wrapper .eye-icon{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;line-height:1;margin:0;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:10}.lifestyle-grid .section-box:last-child{background-color:#fff;border:1px solid #000;border-radius:5px;box-sizing:border-box;height:153px;padding:15px;position:relative;width:311px}.lifestyle-grid .section-box:last-child .lifestyle-header{align-items:center;background-color:#fff;display:flex;height:12px;justify-content:space-between;left:981px;padding:0 5px;position:absolute;top:561px;width:106px}.lifestyle-grid .section-box:last-child .lifestyle-header,.lifestyle-grid .section-box:last-child .lifestyle-label{color:#000;font-family:Inter,sans-serif;font-size:10px;font-weight:400;letter-spacing:.5px;text-align:left}.lifestyle-row{flex-direction:row;gap:20px;justify-content:center;width:100%}.lifestyle-info,.lifestyle-row{align-items:center;display:flex}.lifestyle-info{font-size:12px;gap:8px}.health-history-container,.health-two-column{display:flex;flex-direction:column;gap:20px}.health-two-column{align-items:center}.health-two-column-row{display:flex;flex-direction:row;gap:20px;margin:0 auto;max-width:1330px;width:100%}.modal-overlay{animation:fadeIn .3s ease;background-color:#0009;z-index:2000}.modal-content{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #00000026,0 8px 20px #0000001a;box-sizing:border-box;max-width:580px;overflow:hidden;padding:4rem 3rem 2.5rem}.modal-content h3{color:#1a365d;font-size:1.75rem;letter-spacing:-.02em;line-height:1.3;margin:0 0 1.75rem;padding-top:.5rem}.modal-content p{color:#4a5568;font-size:1rem;font-weight:400;line-height:1.6;margin-bottom:2.25rem;margin-left:auto;margin-right:auto;max-width:400px}.modal-actions{box-sizing:border-box;gap:1rem;margin-top:1.75rem;padding:0 1rem}@media (min-width:480px){.modal-actions{flex-direction:row;gap:1.5rem;justify-content:center;padding:0 2rem}}.modal-btn{box-sizing:border-box;font-size:.95rem;letter-spacing:.01em;margin:0 auto;max-width:160px;overflow:hidden;padding:14px 24px;position:relative}.modal-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.modal-btn:hover:before{left:100%}.modal-btn.primary{background:linear-gradient(135deg,#2c5282,#2b6cb0);border:2px solid #0000;box-shadow:0 4px 15px #2b6cb04d}.modal-btn.primary:hover{background:linear-gradient(135deg,#2a4e7c,#295ea6);box-shadow:0 8px 25px #2b6cb066}.modal-btn.primary:active{box-shadow:0 4px 15px #2b6cb04d;transform:translateY(-1px)}.modal-btn.secondary{background:#f7fafc;border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;color:#4a5568}.modal-btn.secondary:hover{background:#edf2f7;border-color:#cbd5e0;box-shadow:0 4px 15px #0000001a}.modal-btn.secondary:active{box-shadow:0 2px 8px #0000000d;transform:translateY(-1px)}.health-two-column .section-box{box-sizing:border-box;flex:none;max-width:655px;width:100%}.health-two-column .section-box:last-child{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center}.section-box{background:#fff;border:1px solid #000;border-radius:5px;padding:20px 15px;position:relative}.section-label{background:#fff;font-size:10px;left:15px;padding:0 5px;position:absolute;top:-10px}.chip-group{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.health-chip{word-wrap:break-word;align-items:center;background:#fff;border:1px solid #29499d;border-radius:25px;color:#29499d;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;height:45px;justify-content:center;line-height:1.3;max-width:100%;min-width:auto;padding:0 20px;transition:all .3s ease;white-space:normal;width:auto}.health-chip:hover{background:#7a9ee3;border:1px solid #7a9ee3;color:#fff}.health-chip.selected{background:#29499d;border:1px solid #29499d;color:#fff}.other-box{display:flex;flex-direction:column;height:100%;margin-top:10px;max-width:655px;width:100%}.other-input{border:1px solid #000;border-radius:5px;box-sizing:border-box;font-family:Inter,sans-serif;font-size:12px;height:100%;min-height:80px;padding:10px 10px 20px;resize:vertical;width:100%}.radio-group{align-items:center;display:flex;gap:15px;justify-content:center}.radio-group label{align-items:center;cursor:pointer;display:flex;font-size:11px;gap:8px;position:relative}.radio-group input[type=radio]{appearance:none;-webkit-appearance:none;border:1px solid #000;border-radius:50%;cursor:pointer;display:inline-block;height:20px;outline:none;position:relative;transition:all .2s ease;width:20px}.radio-group input[type=radio]:hover{border-color:#7a9ee3}.radio-group input[type=radio]:checked{background-color:#29499d;border:2px solid #29499d}.radio-group input[type=radio]:checked:after{color:#fff;content:"✔";font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.radio-group label span{margin-left:4px}.skip-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;color:#64748b;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:16px;font-weight:600;height:56px;justify-content:center;margin-top:16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.skip-btn:hover{background:#f8fafcfa;border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;color:#475569;transform:translateY(-2px)}.skip-btn:active{box-shadow:0 2px 8px #0000000a;transform:translateY(-1px)}.skip-btn:disabled{cursor:not-allowed;opacity:.6}.skip-btn:disabled,.skip-btn:disabled:hover{box-shadow:0 2px 8px #0000000a;transform:none}.cycle-form-content{gap:15px;margin-bottom:20px}.cycle-form-content,.form-top-row{display:flex;flex-direction:column}.form-top-row{align-items:stretch;gap:30px}@media (min-width:1200px){.form-top-row{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr}}.right-column-inputs{display:flex;flex-direction:column;gap:20px;min-width:0;width:100%}.helper-box{word-wrap:break-word;background-color:#29499d;border-radius:5px;box-sizing:border-box;color:#fff;display:flex;font-size:11px;gap:10px;line-height:1.4;overflow-wrap:break-word;padding:15px;width:100%}.lightbulb-icon{color:#fff;flex-shrink:0;font-size:18px}.form-bottom-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.period-details .input-group.date-input{margin-top:35px}.input-group.date-input label{background:#fff;font-size:.7rem;left:12px;padding:0 4px;pointer-events:none;position:absolute;top:-8px;z-index:5}.section-title{display:block;font-size:1.1rem;font-weight:700;margin-bottom:2.5rem}.pattern-section{border:1px solid #000;border-radius:5px;box-sizing:border-box;min-width:0;padding:15px;width:100%}.pattern-option{align-items:center;display:flex;gap:12px;margin-bottom:.5rem;margin-top:15px}.radio-box{word-wrap:break-word;justify-content:flex-start;margin-right:8px;min-height:40px;padding:2px 0;white-space:normal}.radio-box input[type=radio]{appearance:none;-webkit-appearance:none;border:none;height:0;pointer-events:none;width:0}.radio-box input[type=radio]:hover{border-color:#0000}.radio-box input[type=radio]:checked{opacity:1}.radio-box input[type=radio]:checked:after{display:none}.selected-checkbox{align-items:center;display:flex;margin-right:0}.selection-checkbox{accent-color:#29499d;background-color:#29499d;border:2px solid #29499d;border-radius:6px;cursor:pointer;height:28px;width:28px}.option-text{align-self:center;flex:1 1;flex-direction:column;font-size:14px;line-height:1.2;margin-top:0;min-width:60px;text-align:left}.option-text,.sub-text{color:#333;display:block}.sub-text{font-size:11px;font-weight:400}.option-text span,.option-text strong{text-align:left}@media (max-width:768px){.form-top-row{gap:20px}.helper-box{font-size:10px;padding:12px}.lightbulb-icon{font-size:16px}.pattern-option{margin-top:12px}.radio-box{align-items:flex-start;gap:12px;min-height:auto}.option-text{font-size:13px}.sub-text{font-size:10px}}input[type=number].styled-input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input[type=number].styled-input::-webkit-inner-spin-button,input[type=number].styled-input::-webkit-outer-spin-button{-webkit-appearance:auto;margin:0}input[type=password]::-webkit-caps-lock-indicator,input[type=password]::-webkit-credentials-auto-fill-button{display:none}input[type=password]::-ms-reveal{display:none}input[type=password]::-webkit-textfield-decoration-container{display:none}.input-group input[type=number]{box-sizing:border-box;padding-right:30px;position:relative;width:100%}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon input[type=date]{background-color:#fff;border:1px solid #000;border-radius:5px;box-sizing:border-box;cursor:pointer;height:50px;padding:0 40px 0 12px;width:100%;z-index:2}.calendar-icon{font-size:18px;pointer-events:none;position:absolute;right:12px}.other-conditions-input{border:none;color:#666;font-size:10px;height:100px;outline:none;resize:none;width:100%}.medication-form-content{display:flex;flex-direction:column;gap:20px;margin-bottom:25px}.pill-grid,.vertical-pill-stack{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding-top:10px}.vertical-pill-stack{align-items:center;flex-direction:column}.lower-grid{display:flex;gap:20px;min-height:200px}.flex-1{display:flex;flex:1 1;flex-direction:column}.medication-textarea{border:none;color:#666;font-size:10px;height:100px;line-height:1.4;margin-top:10px;outline:none;resize:none;width:100%}.dropdown-with-input{align-items:center;display:flex;gap:8px}.dropdown-with-input select{flex:1 1}.dropdown-with-input input{border:1px solid #ccc;border-radius:4px;flex:1 1;padding:8px}.inline-dropdown-input{align-items:center;background:#fff;border:1px solid #ccc;border-radius:6px;display:flex;gap:4px;overflow:hidden;padding:2px}.inline-dropdown-input input,.inline-dropdown-input select{background:#0000;border:none;flex:1 1;font-size:14px;outline:none;padding:8px}.inline-dropdown-input select{border-right:1px solid #ccc}.inline-dropdown-input input{flex:2 1}.inline-dropdown-input input:disabled,.inline-dropdown-input select:disabled{background:#f5f5f5}.service-pill-row{display:flex;gap:10px;justify-content:space-between;padding:15px 0}.service-pill{background:#fff;border:1px solid #000;border-radius:20px;cursor:pointer;flex:1 1;font-size:10px;height:45px;padding:0 10px;transition:all .2s}.service-pill:hover{background-color:#f0f4ff}.contact-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:24px}.contact-info-grid .input-group input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;box-sizing:border-box;font-size:16px;font-weight:500;height:56px;outline:none;padding:0 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.contact-info-grid .input-group input:focus{background:#fffffffa;border-color:#3f62b5;box-shadow:0 0 0 4px #3f62b526,0 8px 25px #3f62b533;transform:translateY(-2px)}.contact-info-grid .input-group input::placeholder{color:#94a3b8;font-weight:400}.contact-info-grid .input-group input:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.contact-info-grid .contact-wrapper{align-items:center;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.contact-info-grid .contact-wrapper:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.contact-info-grid .contact-wrapper:focus-within{box-shadow:0 0 0 4px #3f62b526,0 8px 25px #3f62b533}.contact-info-grid .country-code{align-items:center;background:#f8fafce6;border:2px solid #e2e8f0;border-radius:16px 0 0 16px;border-right:none;color:#475569;display:flex;font-weight:600;padding:0 16px}.contact-info-grid .contact-wrapper input,.contact-info-grid .country-code{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:16px;height:56px;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-info-grid .contact-wrapper input{background:#ffffffe6;border:2px solid #e2e8f0;border-left:none;border-radius:0 16px 16px 0;box-sizing:border-box;flex:1 1;font-weight:500;outline:none;padding:0 20px}.contact-info-grid .contact-wrapper input:focus{background:#fffffffa;border-color:#3f62b5}.contact-info-grid .custom-select-wrapper{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.contact-info-grid .custom-select-wrapper.has-other-input{margin-bottom:8px}.contact-info-grid .custom-select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;color:#000;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:500;height:56px;outline:none;padding:0 50px 0 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.contact-info-grid .custom-select-wrapper select:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.contact-info-grid .custom-select-wrapper select:focus{background:#fffffffa;border-color:#3f62b5;box-shadow:0 0 0 4px #3f62b526,0 8px 25px #3f62b533;transform:translateY(-2px)}.contact-info-grid .custom-select-wrapper select option{background:#fff;color:#334155;font-size:15px;font-weight:400;padding:12px 16px}.contact-info-grid .custom-select-wrapper .dropdown-icon{border-bottom:2.5px solid #3f62b5;border-right:2.5px solid #3f62b5;height:12px;pointer-events:none;position:absolute;right:20px;top:28px;transform:translateY(-50%) rotate(45deg);transition:all .3s cubic-bezier(.4,0,.2,1);width:12px;z-index:2}.contact-info-grid .custom-select-wrapper:hover .dropdown-icon{border-color:#4facfe;transform:translateY(-50%) rotate(45deg) scale(1.1)}.contact-info-grid .custom-select-wrapper select:focus+.dropdown-icon{border-color:#3f62b5;transform:translateY(-30%) rotate(-135deg)}.contact-info-grid .custom-select-wrapper.has-other-input .dropdown-icon{top:28px}.contact-info-grid .custom-select-wrapper input{animation:slideDownSmooth .5s cubic-bezier(.4,0,.2,1) forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;box-sizing:border-box;font-size:16px;font-weight:500;height:56px;margin-top:12px;opacity:0;outline:none;padding:0 20px;transform:translateY(-10px);transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.contact-info-grid .custom-select-wrapper input:focus{background:#fffffffa;border-color:#3f62b5;box-shadow:0 0 0 4px #3f62b526,0 8px 25px #3f62b533;transform:translateY(-2px)}.contact-info-grid .custom-select-wrapper input:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.contact-info-grid .custom-select-wrapper input::placeholder{color:#94a3b8;font-weight:400}.contact-info-grid .input-group label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:6px;color:#3f62b5;font-size:13px;font-weight:600;left:16px;letter-spacing:.3px;padding:0 8px;position:absolute;top:-10px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.contact-info-grid .custom-select-wrapper input.error,.contact-info-grid .custom-select-wrapper select.error,.contact-info-grid .input-group input.error{animation:shake .5s cubic-bezier(.4,0,.2,1);border-color:#ef4444!important;box-shadow:0 0 0 4px #ef444426,0 8px 25px #ef444433!important}.contact-info-grid .field-error{animation:fadeIn .3s cubic-bezier(.4,0,.2,1);color:#ef4444;font-size:13px;font-weight:500;margin-top:6px;padding-left:4px}@keyframes slideDownSmooth{0%{margin-top:0;max-height:0;opacity:0;transform:translateY(-15px) scale(.98)}50%{margin-top:6px;max-height:20px;opacity:.7;transform:translateY(-5px) scale(.99)}to{margin-top:12px;max-height:56px;opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.contact-info-grid{gap:16px;grid-template-columns:1fr;margin-top:20px}.contact-info-grid .contact-wrapper input,.contact-info-grid .country-code,.contact-info-grid .custom-select-wrapper input,.contact-info-grid .custom-select-wrapper select,.contact-info-grid .input-group input{font-size:15px;height:52px}.contact-info-grid .input-group label{font-size:12px;left:14px;top:-9px}.contact-info-grid .custom-select-wrapper .dropdown-icon{height:10px;right:18px;width:10px}}@media (max-width:480px){.contact-info-grid{gap:14px}.contact-info-grid .contact-wrapper input,.contact-info-grid .country-code,.contact-info-grid .custom-select-wrapper input,.contact-info-grid .custom-select-wrapper select,.contact-info-grid .input-group input{font-size:14px;height:48px;padding:0 16px}.contact-info-grid .country-code{padding:0 12px}}.floating-label{background:#fff;font-size:10px;left:10px;padding:0 5px;position:relative;top:8px;width:-webkit-fit-content;width:fit-content;z-index:1}.date-wrapper{display:flex;flex-direction:column;width:180px}.date-fieldset{border:1px solid #ccc;border-radius:8px;padding:6px 8px;position:relative}.date-fieldset legend{font-size:12px;left:0;padding:0 4px}.date-fieldset input[type=date]{border:none;font-size:14px;outline:none;padding:4px 0;width:100%}.date-fieldset.error{border-color:red}.field-error{color:red}.char-counter{font-size:10px;margin-bottom:8px;margin-top:-20px;padding-right:8px;text-align:right}.char-counter,.other-box{position:relative}.other-box textarea{padding-bottom:20px}.hiv-row-container{align-items:flex-start;gap:1rem;justify-content:flex-start;margin-bottom:.8rem}.hiv-row-container .radio-box{align-items:center;border-radius:12px;cursor:pointer;display:flex;flex:0 0 auto;margin:0 8px 0 0;min-width:120px;padding:8px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.hiv-row-container .radio-box:hover{background:#3f62b50d;transform:translateX(2px)}.hiv-row-container .radio-box input[type=radio]:checked~.option-text{color:#3f62b5;font-weight:600;text-decoration:underline;-webkit-text-decoration-color:#3f62b5;text-decoration-color:#3f62b5;text-decoration-thickness:2px;text-underline-offset:4px}.date-input-container{align-items:flex-start;flex-direction:column;margin:8px 0 0 10px;max-width:220px;position:relative}.styled-date-input{border:1px solid #000;border-radius:4px;font-size:14px;height:40px;padding:8px}.styled-date-input.error-border{border-color:#e53935}.error-message-small{color:#e53935;font-size:11px;line-height:1.3;margin-bottom:0;margin-top:4px;text-align:left;width:100%}.date-constraint-hint{line-height:1.2;margin-top:2px;width:100%}.error-text{color:#e53935;font-size:11px;margin-top:4px;text-align:left}.health-info-panel .other-box textarea{padding-bottom:20px}.health-info-panel .char-counter{color:#6b7280;font-size:10px;margin-bottom:8px;margin-top:-20px;padding-right:8px;pointer-events:none;position:relative;text-align:right;z-index:1}.health-info-panel .other-box{position:relative}.date-constraint-hint{color:#6b7280;font-size:10px;margin-bottom:4px;margin-top:4px;text-align:left}.error-message-inline{color:#e53935;font-size:11px;font-weight:500;line-height:1.4;margin-bottom:8px;margin-top:4px;text-align:left}.general-error-container{background-color:#ffebee;border-left:4px solid #e53935;border-radius:4px;margin-bottom:16px;padding:12px}.error-message-general{color:#c62828;font-size:13px;margin:0;text-align:left}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.hiv-row-container{margin-bottom:12px;position:relative}.input-with-counter{display:flex;flex-direction:column;position:relative}.char-counter{background-color:#ffffffe6;border-radius:4px;bottom:8px;color:#6b7280;font-size:11px;font-weight:500;padding:2px 6px;pointer-events:none;position:absolute;right:8px;z-index:1}.input-with-counter textarea{min-height:80px;padding-bottom:24px;resize:vertical}.input-with-counter input{padding-right:50px}.styled-date-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.styled-date-input.error-border:focus{border-color:#e53935;box-shadow:0 0 0 3px #e539351a}.styled-date-input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.top-nav{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e3a8a,#1e40af 60%,#1e293b);box-shadow:0 4px 20px #0f172a80;color:#fff;display:flex;height:100px;overflow:hidden;padding:0 32px;position:relative}.top-nav:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.nav-left{flex:1 1}.nav-left,.nav-logos{align-items:center;display:flex}.nav-logos{gap:16px}.logo-separator{color:#fff6;font-size:40px;font-weight:300;line-height:1;margin:0}.nav-logo{filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));height:50px;object-fit:contain;transition:all .4s cubic-bezier(.23,1,.32,1);width:auto}.nav-logo.auravit{max-height:50px}.nav-logo.cfsi{max-height:45px}.nav-logo:hover{filter:drop-shadow(0 6px 16px rgba(0,0,0,.3));transform:scale(1.05)}.nav-center{display:flex;gap:50px;position:relative}.nav-center:before{background:linear-gradient(90deg,#60a5fa,#3b82f6 50%,#60a5fa);border-radius:2px;bottom:-8px;content:"";height:2px;left:0;opacity:.3;position:absolute;right:0}.nav-link{background:none;border:none;border-radius:12px;color:#dfe6ff;cursor:pointer;font-size:16px;font-weight:500;overflow:hidden;padding:12px 20px;position:relative;transition:all .4s cubic-bezier(.23,1,.32,1)}.nav-link:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.nav-link:hover:before{left:100%}.nav-link:hover{background:#ffffff26;box-shadow:0 8px 25px #00000026;color:#fff;transform:translateY(-2px) scale(1.05)}.nav-link.active{background:#fff3;box-shadow:0 4px 16px #0000001a;color:#fff;font-weight:600;position:relative}.nav-link.active:after{animation:activeGlow 2s ease-in-out infinite alternate;background:linear-gradient(90deg,#60a5fa,#3b82f6 50%,#60a5fa);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:30px}@keyframes activeGlow{0%{box-shadow:0 0 10px #60a5fa99;opacity:.8}to{box-shadow:0 0 20px #60a5facc;opacity:1}}.nav-right{flex:1 1;gap:20px;justify-content:flex-end}.icon-btn,.nav-right{align-items:center;display:flex}.icon-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:12px;box-shadow:0 2px 10px #0000001a;cursor:pointer;height:48px;justify-content:center;overflow:hidden;padding:0;position:relative;transition:all .4s cubic-bezier(.23,1,.32,1);width:48px}.icon-btn:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.icon-btn:hover:before{left:100%}.icon-btn svg{color:#3f62b5;font-size:22px;transition:all .3s ease}.notif-dot{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff3b30,#dc2626);border-radius:50%;box-shadow:0 2px 8px #ff3b3066;height:12px;position:absolute;right:8px;top:8px;width:12px}.icon-btn:hover{background:#fff;box-shadow:0 8px 25px #3b82f640;transform:translateY(-3px) scale(1.1)}.icon-btn:active{transform:translateY(-1px) scale(1.05);transition:all .1s ease}.icon-btn.circle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 10px #0000001a;cursor:pointer;display:flex;height:48px;justify-content:center;position:relative;width:48px}.icon-btn.circle svg{color:#3f62b5;font-size:22px}.icon-btn.circle:hover{background:#fff;box-shadow:0 8px 25px #3b82f640;transform:translateY(-3px) scale(1.1)}.icon-btn.circle:active{transform:translateY(-1px) scale(1.05);transition:all .1s ease}@media (max-width:1280px){.nav-center{gap:32px}}@media (max-width:1024px){.top-nav{height:80px;padding:0 20px}.logo-image{height:60px;width:60px}.nav-center{gap:20px}.nav-link{font-size:14px}}@media (max-width:768px){.top-nav{flex-wrap:wrap;height:70px;padding:0 12px}.nav-center{gap:12px;justify-content:center;order:3;padding:8px 0;width:100%}.nav-link{font-size:13px}.logo-image{height:48px;width:48px}.icon-btn,.icon-btn.circle{height:36px;width:36px}.icon-btn svg,.icon-btn.circle svg{font-size:18px}}.learn-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:24px}.learn-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 16px #4f46e50f;display:flex;gap:48px;justify-content:space-between;max-width:100%;min-height:64px;padding:16px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.learn-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3f62b5,#2563eb);-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:22px;font-weight:700;letter-spacing:-.2px;margin:0;text-shadow:0 1px 3px #4f46e514;white-space:nowrap}.search-box{flex:0 1 auto;justify-content:center;max-width:300px;padding-right:40px}.search-box-inner{max-width:300px;position:relative;width:100%}.learn-bookmark-filter{align-items:center;background:#fff;border:1px solid #ddd;border-radius:12px;color:#888;cursor:pointer;display:flex;font-size:22px;height:44px;justify-content:center;position:absolute;right:0;transition:color .2s,fill .2s,background .2s;width:44px}.learn-bookmark-filter.active,.learn-bookmark-filter:hover{fill:#3f62b5;background:#f0f5ff;color:#3f62b5}.search-box-inner input{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 6px #0000000a;font-size:13px;outline:none;padding:8px 12px 8px 36px;transition:all .3s ease;width:100%}.search-box-inner input:focus{border-color:#3f62b5;box-shadow:0 0 0 3px #3f62b51a,0 4px 12px #4f46e526;transform:translateY(-1px)}.search-box-inner input::placeholder{color:#9ca3af;font-weight:500}.search-box-inner .search-icon{color:#6b7280;font-size:14px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease}.learn-content{align-items:stretch;background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e5e7eb66;border-radius:20px;box-shadow:0 6px 24px #4f46e50a;display:flex;flex:1 1;gap:32px;margin-left:64px;margin-right:64px;min-width:0;overflow:visible;padding:32px}.back-button{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:none;border-radius:50%;box-shadow:0 2px 8px #00000014;color:#475569;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px;z-index:10}.back-button:hover{background:linear-gradient(135deg,#3f62b5,#2563eb);box-shadow:0 4px 16px #4f46e540;color:#fff;transform:scale(1.05)}.back-button svg{font-size:16px}.bookmark-panel-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:2px solid #e5e7eb;margin-bottom:24px;padding:24px 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.bookmark-panel .learn-workspace{padding-top:0;position:relative}.suggested-articles-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #4f46e50f;margin-top:180px;padding:32px}.suggested-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.suggested-header{color:#1e293b;font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0}.suggested-list{display:flex;flex-direction:column;gap:16px}.suggested-item{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000a;cursor:pointer;padding:20px;transition:all .3s ease}.suggested-item:hover{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#cbd5e1;box-shadow:0 8px 25px #4f46e51f;transform:translateY(-4px)}.suggested-content{align-items:flex-start;display:flex;gap:16px}.suggested-header-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.suggested-category{background:#f0f0f0;border-radius:6px;color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.suggested-bookmark-icon{color:#666;cursor:pointer;transition:color .3s ease}.suggested-bookmark-icon.bookmarked,.suggested-bookmark-icon:hover{color:#1e3a8a}.suggested-title-row{display:flex;flex:2 1;flex-direction:column;gap:8px}.suggested-title{color:#1e293b;cursor:pointer;font-size:18px;font-weight:600;letter-spacing:-.2px;line-height:1.4;margin:0;transition:color .3s ease}.suggested-title:hover{color:#3f62b5}.suggested-image{border-radius:12px;box-shadow:0 2px 8px #0000001a;height:90px;object-fit:cover;overflow:hidden;transition:transform .3s ease;width:90px}.suggested-item:hover .suggested-image{transform:scale(1.05)}.no-bookmarked-content{align-items:center;display:flex;height:200px;justify-content:center;text-align:center}.no-bookmarked-content p{color:#999;font-size:16px;margin:0}.learn-workspace{display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 180px);overflow-y:auto;padding-right:12px;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.learn-workspace::-webkit-scrollbar{width:8px}.learn-workspace::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.learn-workspace::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.learn-workspace::-webkit-scrollbar-thumb:hover{background:#94a3b8}.learn-up-next{display:flex;flex-direction:column;flex-shrink:0;gap:24px;height:calc(100vh - 180px);overflow-y:auto;padding-right:12px;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin;width:320px}.learn-up-next::-webkit-scrollbar{width:8px}.learn-up-next::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.learn-up-next::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.learn-up-next::-webkit-scrollbar-thumb:hover{background:#94a3b8}.up-next-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.up-next-header{color:#1e293b;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0}.up-next-see-all{color:#3f62b5;cursor:pointer;font-size:14px;text-decoration:underline;transition:color .2s}.up-next-see-all:hover{color:#2d4789}.up-next-list{display:flex;flex-direction:column;gap:16px}.up-next-item{border-bottom:none;padding:16px 0;transition:all .3s ease}.up-next-item:hover{padding-left:8px}.up-next-content{display:flex;flex-direction:column;gap:8px}.up-next-header-info{align-items:center;display:flex;justify-content:space-between}.up-next-category{color:#333;font-size:10px;font-weight:700;letter-spacing:.5px}.up-next-bookmark-icon{fill:#3f62b5;color:#3f62b5;cursor:pointer;font-size:14px;transition:color .2s}.up-next-bookmark-icon:hover{fill:#2d4789;color:#2d4789}.up-next-bookmark-icon.bookmarked{fill:#3f62b5;color:#3f62b5}.up-next-bookmark-icon.bookmarked:hover{fill:#2d4789;color:#2d4789}.up-next-title-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.up-next-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;display:-webkit-box;font-size:15px;font-weight:600;letter-spacing:-.1px;line-height:1.4;margin:0;overflow:hidden;text-align:left;transition:color .3s ease}.up-next-title:hover{color:#3f62b5}.up-next-image{border-radius:8px;box-shadow:0 2px 6px #0000001a;flex-shrink:0;height:50px;overflow:hidden;transition:transform .3s ease;width:70px}.up-next-item:hover .up-next-image{transform:scale(1.05)}.up-next-image img{height:100%;object-fit:cover;width:100%}.up-next-footer{align-items:center;display:flex;gap:8px}.up-next-read-time,.up-next-separator{color:#999;font-size:10px;font-weight:500}.up-next-stats{align-items:center;display:flex;gap:12px}.up-next-stat-item{align-items:center;display:flex;gap:4px}.up-next-stat-icon{color:#999;cursor:pointer;font-size:12px;transition:color .2s}.up-next-stat-icon:hover{color:#666}.up-next-stat-number{color:#999;font-size:10px;font-weight:500}.learn-article-list{display:flex;flex:1 1;flex-direction:column;gap:0}.learn-article-list .article-item+.article-item{border-top:none}.article-item{align-items:center;background:linear-gradient(135deg,#fff,#fafbfc);border:none;border-radius:16px;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;display:flex;gap:24px;margin-bottom:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.article-item:hover{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#cbd5e1;box-shadow:0 8px 25px #4f46e51f,0 4px 12px #00000014;transform:translateY(-2px)}.article-item:last-child{margin-bottom:0}.article-content{flex:1 1;gap:12px;justify-content:center;min-width:0;padding-right:8px}.article-content,.article-right{display:flex;flex-direction:column}.article-right{align-items:flex-end;flex-shrink:0;gap:8px;min-width:200px}.article-header{align-items:center;gap:8px;justify-content:flex-start;margin-bottom:16px;padding-bottom:0}.article-category{border:none;border-radius:8px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.article-category,.article-item:hover .article-category{background:linear-gradient(135deg,#3f62b5,#2563eb);color:#fff}.article-item:hover .article-category{border-color:#3f62b5;transform:scale(1.05)}.article-date{display:none}.article-date-top{color:#94a3b8;font-size:11px;font-weight:500;text-align:right}.article-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;cursor:pointer;display:-webkit-box;font-size:22px;font-weight:700;letter-spacing:-.3px;line-height:1.25;margin:0;overflow:hidden;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.article-item:hover .article-title{color:#3f62b5;text-decoration:none;transform:translateX(2px)}.article-description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:14px;font-weight:400;line-height:1.5;margin:0;overflow:hidden;transition:color .3s cubic-bezier(.4,0,.2,1)}.article-item:hover .article-description{color:#475569}.article-footer{align-items:center;display:flex;gap:16px;justify-content:flex-start;margin-top:12px;width:100%}.read-time{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:6px;color:#94a3b8;display:inline-block;font-size:10px;font-weight:500;letter-spacing:.3px;padding:2px 6px;transition:all .3s cubic-bezier(.4,0,.2,1)}.article-item:hover .read-time{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.article-stats{gap:8px!important}.article-stats,.stat-item{align-items:center!important;display:flex!important}.stat-item{background:#0000!important;border:none!important;border-radius:4px!important;box-shadow:none!important;cursor:pointer!important;gap:3px!important;height:auto!important;opacity:1!important;padding:2px 6px!important;transition:all .2s ease!important;width:auto!important}.stat-item:hover{background:#f8fafccc!important}.stat-icon{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#94a3b8!important;font-size:12px!important;height:auto!important;margin:0!important;padding:0!important;transition:all .2s ease!important;width:auto!important}.stat-icon:hover{color:#3f62b5!important}.stat-icon.bookmark-icon.bookmarked{fill:#3f62b5!important;stroke:#3f62b5!important;color:#3f62b5!important}.stat-icon.bookmark-icon.bookmarked:hover{fill:#2d4789!important;stroke:#2d4789!important;color:#2d4789!important}.stat-number{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#64748b!important;font-size:11px!important;font-weight:500!important;height:auto!important;margin:0!important;padding:0!important;transition:color .2s ease!important;width:auto!important}.stat-item:hover .stat-number{color:#3f62b5!important}.article-image{border-radius:12px;box-shadow:0 2px 8px #0000000f;flex-shrink:0;height:120px;margin-top:0;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:200px}.article-item:hover .article-image{box-shadow:0 8px 25px #4f46e526;transform:scale(1.03)}.article-image img{height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.article-item:hover .article-image img{transform:scale(1.08)}.learn-sidebar{flex-shrink:0;height:-webkit-fit-content;height:fit-content;justify-content:flex-start;max-height:100vh;padding-right:8px;position:-webkit-sticky;position:sticky;top:0;width:220px}.learn-sidebar,.learn-sidebar ul{display:flex;flex-direction:column}.learn-sidebar ul{gap:12px;list-style:none;margin:0;padding:0}.learn-sidebar li{align-items:center;color:#333;cursor:pointer;display:flex;font-size:20px;padding:10px 12px 10px 16px;position:relative;text-align:left;transition:background .2s}.learn-sidebar li:hover{background-color:#f5f5f5}.learn-sidebar li.active{background-color:#f5f5f5;border-radius:0;color:#000;font-weight:600}.learn-sidebar li.active:before{background-color:#000;border-radius:2px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.learn-pagination-container{align-items:center;display:flex;gap:8px;justify-content:center;margin:0;padding:0 56px;position:relative;z-index:10}.learn-pagination-container .pagination-arrow{background:#b0c6e8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px;transition:none}.learn-pagination-container .pagination-arrow:hover:not(:disabled){background:#8fa5d0;transform:scale(1.05);transition:none}.learn-pagination-container .pagination-arrow:disabled{background:#b0c6e8;cursor:not-allowed;opacity:.5}.learn-pagination-container .pagination-number{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:14px;min-width:36px;padding:8px 12px;transition:none}.learn-pagination-container .pagination-number:hover{background:#f5f5f5;border-color:#d0d0d0;transition:none}.learn-pagination-container .pagination-number.active{background:#b0c6e8;border-color:#b0c6e8;color:#fff}.learn-pagination-container .pagination-ellipsis{color:#666;font-size:14px;padding:0 4px}@media (max-width:1280px){.learn-pagination-container{padding:0 32px}}@media (max-width:1024px){.learn-header{flex-wrap:wrap;gap:12px;padding:16px 20px}.learn-header h1{font-size:22px}.learn-pagination-container{padding:0 16px}}@media (max-width:768px){.learn-header{padding:12px 16px}.learn-header h1{font-size:18px}}@media (max-width:480px){.learn-header h1{font-size:16px;white-space:normal}}@media (max-width:768px){.article-item{align-items:flex-start;flex-direction:column;gap:16px;padding:16px}.article-content{gap:10px;padding-right:0}.article-right{align-items:flex-start;min-width:auto;width:100%}.article-image{height:180px;order:-1;width:100%}.article-title{font-size:18px;line-height:1.3}.article-description{-webkit-line-clamp:2;line-clamp:2;font-size:13px}.article-header{margin-bottom:2px}.article-footer{margin-top:6px}}@media (max-width:480px){.article-item{margin-bottom:12px;padding:14px}.article-image{height:160px}.article-title{font-size:16px}.article-description{font-size:12px}.article-category{font-size:9px;padding:2px 6px}.read-time{font-size:9px;padding:2px 5px}}.share-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.share-modal{animation:modalSlideIn .3s ease;background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e5e7eb80;border-radius:20px;box-shadow:0 25px 50px #4f46e526;max-width:520px;padding:32px;width:90%}.share-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.share-modal-title{color:#1e293b;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0}.share-modal-close{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:24px;padding:8px;transition:all .3s ease}.share-modal-close:hover{background:#f1f5f9;color:#1e293b;transform:rotate(90deg)}.share-modal-content{display:flex;flex-direction:column;gap:16px}.share-content-preview{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:20px}.share-preview-title{color:#1e293b;font-size:18px;font-weight:600;letter-spacing:-.2px;line-height:1.3;margin:0 0 12px}.share-preview-description{color:#666;font-size:14px;line-height:1.4;margin:0}.share-url-section{display:flex;flex-direction:column;gap:8px}.share-url-label{color:#374151;font-size:14px;font-weight:500}.share-url-box{display:flex;gap:8px}.share-url-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#374151;flex:1 1;font-size:14px;padding:10px 12px}.share-copy-button{background:linear-gradient(135deg,#3f62b5,#2563eb);border:none;border-radius:10px;box-shadow:0 2px 8px #4f46e533;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 20px;transition:all .3s ease}.share-copy-button:hover{background:linear-gradient(135deg,#2d4789,#1e40af);box-shadow:0 4px 16px #4f46e54d;transform:translateY(-2px)}.share-copy-button.copied{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e33}.learn-footer-section{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:20px;margin-top:32px;padding-top:24px}.learn-disclaimer{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:16px}.learn-disclaimer p{color:#92400e;font-size:13px;line-height:1.4;margin:0}.learn-disclaimer strong{color:#78350f}.ask-ai-prompt{align-items:flex-start;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:12px;display:flex;gap:16px;padding:20px}.ask-ai-icon{flex-shrink:0;font-size:32px}.ask-ai-content{flex:1 1}.ask-ai-content h4{color:#0c4a6e;font-size:16px;font-weight:600;margin:0 0 8px}.ask-ai-content p{color:#0e7490;font-size:14px;line-height:1.4;margin:0 0 12px}.ask-ai-button{background:#0ea5e9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background .2s ease}.ask-ai-button:hover{background:#0284c7}.share-social-section{margin-bottom:20px}.share-social-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.share-social-button{align-items:center;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;transition:all .3s ease;width:48px}.share-social-button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-3px)}.share-social-button:active{transform:translateY(0)}.share-facebook{background:#1877f2}.share-facebook:hover{background:#166fe5}.share-twitter{background:#000}.share-twitter:hover{background:#333}.share-whatsapp{background:#25d366}.share-whatsapp:hover{background:#1fb855}.share-telegram{background:#08c}.share-telegram:hover{background:#0077b3}.share-messenger{background:#0084ff}.share-messenger:hover{background:#0073e6}.askai-root{background:#f8fafc;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.askai-toggle-buttons{display:flex;gap:16px}.askai-toggle-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.askai-toggle-btn:before{background:linear-gradient(90deg,#0000,#3b82f60d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.askai-toggle-btn:hover:before{left:100%}.askai-toggle-btn:hover{background:#f8fafc;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.askai-toggle-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 4px 16px #3b82f633;color:#fff}.askai-toggle-btn svg{font-size:18px}.askai-sidebar{border-radius:20px}.askai-chat-list::-webkit-scrollbar-track{background:#f8fafc;border-radius:6px}.askai-chat-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:6px}.askai-chat-item-delete{align-items:center;background:none;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .3s ease}.askai-chat-item-delete:hover{background:#fee2e2;color:#ef4444}.askai-chat-item.active .askai-chat-item-delete{color:#fff}.askai-chat-item.active .askai-chat-item-delete:hover{background:#ef444433;color:#fff}.askai-chat-item-open{align-items:center;background:none;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .3s ease}.askai-chat-item-open:hover{background:#dbeafe;color:#3b82f6}.askai-chat-item.active .askai-chat-item-open{color:#fff}.askai-chat-item.active .askai-chat-item-open:hover{background:#3b82f633;color:#fff}.askai-main{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffffa;border:1px solid #e5e7ebb3;box-shadow:0 12px 48px #00000014,0 4px 16px #0000000a}.auri-welcome{animation:fadeIn .6s ease;margin:60px auto 0;max-width:700px;padding:40px;text-align:center}.auri-header,.auri-welcome{align-items:center;display:flex;flex-direction:column}.auri-header{gap:24px;margin-bottom:40px}.askai-title-left img{border-radius:0;box-shadow:none;height:50px;object-fit:contain;width:50px}.auri-header p{color:#64748b;font-size:16px;line-height:1.6;max-width:500px}.auri-actions{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.auri-btn{border:1px solid #e5e7eb;border-radius:16px;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.auri-btn:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.auri-btn:hover:before{left:100%}.auri-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff}.auri-btn.primary:hover{box-shadow:0 8px 32px #3b82f64d;transform:translateY(-2px)}.auri-btn.secondary{background:#f8fafc;color:#3b82f6}.auri-btn.secondary:hover{background:#eff6ff;border-color:#3b82f6;transform:translateY(-2px)}.chat-input-area{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffffa;border-top:1px solid #e5e7eb99}.lets-started-btn{background:#3b82f6;border:none}.lets-started-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000)}.lets-started-btn:hover{box-shadow:0 4px 16px #3b82f633}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{animation:modalSlideIn .3s ease;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:40px;text-align:center}.modal-content.archive-modal{max-width:600px;padding:48px}.modal-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2563eb 50%,#1d4ed8);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;letter-spacing:.5px;margin:0 0 16px;text-align:center}.modal-description{color:#64748b;font-size:15px;line-height:1.6;margin:0 0 20px}.modal-content p{color:#475569;font-size:16px;line-height:1.5;margin:0 0 32px;text-align:center}.modal-actions{gap:16px}.modal-btn{border-radius:12px;min-width:120px;padding:14px 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-btn.cancel{background:#f8fafc;border:1px solid #e5e7eb;color:#64748b}.modal-btn.cancel:hover{background:#f1f5f9;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;color:#3b82f6;transform:translateY(-2px)}.modal-btn.confirm{background:#3b82f6;color:#fff}.modal-btn.confirm.archive-btn{background:linear-gradient(135deg,#3b82f6,#2563eb 50%,#1d4ed8);box-shadow:0 4px 16px #3b82f64d}.modal-btn.confirm.archive-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8 50%,#1e40af);box-shadow:0 6px 24px #3b82f666;transform:translateY(-2px)}.modal-content.delete-modal{max-width:600px;padding:48px}.modal-btn.confirm.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626 50%,#b91c1c);box-shadow:0 4px 16px #ef44444d}.modal-btn.confirm.delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c 50%,#991b1b);box-shadow:0 6px 24px #ef444466;transform:translateY(-2px)}.modal-content.open-modal{max-width:600px;padding:48px}.modal-btn.confirm.open-btn{background:linear-gradient(135deg,#10b981,#059669 50%,#047857);box-shadow:0 4px 16px #10b9814d}.modal-btn.confirm.open-btn:hover{background:linear-gradient(135deg,#059669,#047857 50%,#065f46);box-shadow:0 6px 24px #10b98166;transform:translateY(-2px)}.human-support-root{background:#f8fafc;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.askai-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;min-height:100px;padding:0 60px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.askai-header-left{align-items:center;display:flex;gap:24px}.askai-back-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;color:#3b82f6;cursor:pointer;display:flex;font-size:18px;height:48px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.askai-back-btn:before{background:#3b82f61a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:0}.askai-back-btn:hover:before{height:100%;width:100%}.askai-back-btn:hover{background:#eff6ff;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.askai-back-btn:active{transform:scale(.95)}.askai-title-left{align-items:center;display:flex;gap:20px}.askai-title-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2563eb 50%,#1d4ed8);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;letter-spacing:2px;margin:0}.askai-title-left svg{color:#3b82f6;filter:drop-shadow(0 2px 4px rgba(59,130,246,.2))}.askai-workspace{align-items:stretch;gap:16px;height:calc(100vh - 48px);z-index:2}.askai-sidebar,.askai-workspace{display:flex;padding:24px;position:relative}.askai-sidebar{animation:sidebarGradientShift 12s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#1e40af 25%,#1e293b 75%,#0f172a);background-size:400% 400%;border:1px solid #ffffff1a;border-radius:16px;box-shadow:2px 0 20px #0f172a66;flex-direction:column;flex-shrink:0;gap:12px;overflow:hidden;transition:width .3s ease;width:320px}.askai-sidebar.collapsed{padding:24px 12px;width:80px}.askai-sidebar.collapsed .askai-new-chat-btn{justify-content:center;padding:14px}.askai-sidebar.collapsed .askai-sidebar-tabs{flex-direction:column}.askai-sidebar.collapsed .askai-sidebar-tab-btn{padding:12px}.askai-sidebar.collapsed .askai-chat-item{box-shadow:none;justify-content:center;min-height:48px;padding:12px}.askai-sidebar .askai-chat-history{flex:1 1;margin-top:0}.askai-sidebar.collapsed .askai-chat-history{display:none}.askai-sidebar.collapsed>div:first-of-type{justify-content:center}.askai-sidebar .askai-chat-history h3,.askai-sidebar .askai-chat-item-time,.askai-sidebar .askai-chat-item-title,.askai-sidebar h1{color:#fff}.askai-sidebar .askai-new-chat-btn{background:#ffffff26;border:1px solid #fff3;color:#fff}.askai-sidebar .askai-new-chat-btn:hover{background:#ffffff40;border-color:#ffffff4d}.askai-sidebar .askai-sidebar-tab-btn{background:#ffffff14;border:1px solid #ffffff26;color:#f1f5f9}.askai-sidebar .askai-sidebar-tab-btn:hover{background:#ffffff26;border-color:#ffffff40;color:#fff}.askai-sidebar .askai-sidebar-tab-btn.active{background:linear-gradient(135deg,#fff3,#ffffff1a);border-color:#ffffff4d;color:#fff}.askai-sidebar .askai-chat-item{background:#ffffff0f;border:1px solid #ffffff1f;color:#f8fafc}.askai-sidebar .askai-chat-item:hover{background:#ffffff1f;border-color:#fff3}.askai-sidebar .askai-chat-item.active{background:linear-gradient(135deg,#ffffff2e,#ffffff14);border-color:#ffffff4d}.askai-sidebar .askai-search-box{background:#ffffff14;border:1px solid #ffffff26}.askai-sidebar .askai-search-box input::placeholder{color:#cbd5e1}.askai-sidebar .askai-search-box input{color:#fff}.askai-sidebar .askai-search-icon{color:#94a3b8}.askai-sidebar-tabs{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.askai-sidebar-tab-btn{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:flex-start;padding:12px 16px;transition:all .2s ease;width:100%}.askai-sidebar-tab-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#3b82f6}.askai-sidebar-tab-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 2px 8px #3b82f633;color:#fff}.askai-sidebar-tab-btn svg{font-size:18px}.askai-sidebar.collapsed .askai-sidebar-tab-btn{justify-content:center}.askai-search-box{margin-bottom:20px;overflow:hidden}.askai-search-box-inner{position:relative;width:100%}.askai-search-box-inner input{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;box-sizing:border-box;color:#1f2937;font-size:14px;font-weight:400;outline:none;padding:14px 20px 14px 48px;transition:all .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 4px)}.askai-search-box-inner input::placeholder{color:#94a3b8;font-weight:400}.askai-search-box-inner input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 2px 8px #00000014}.askai-search-icon{color:#94a3b8;font-size:16px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.askai-new-chat-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 2px 8px #3b82f633;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;justify-content:center;margin-bottom:16px;overflow:hidden;padding:14px 20px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.askai-new-chat-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 16px #3b82f64d;transform:translateY(-1px)}.askai-new-chat-btn:active{box-shadow:0 2px 8px #3b82f626;transform:translateY(0)}.askai-new-chat-btn svg{font-size:20px}.askai-chat-history{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.askai-chat-history h3{color:#475569;flex-shrink:0;font-size:13px;font-weight:700;letter-spacing:1px;margin:0 0 12px;text-align:left;text-transform:uppercase}.askai-chat-list{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-x:hidden;overflow-y:auto;padding-left:4px;padding-right:8px}.askai-chat-list:not(:hover)::-webkit-scrollbar{width:0}.askai-chat-list::-webkit-scrollbar,.askai-chat-list:hover::-webkit-scrollbar{width:6px}.askai-chat-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.askai-chat-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.askai-chat-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.askai-empty-state{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:16px;height:100%;justify-content:center;padding:40px;text-align:center}.askai-empty-state svg{color:#94a3b8;font-size:48px;margin-bottom:16px;opacity:.5}.chat-list{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px}.chat-list::-webkit-scrollbar{width:6px}.chat-list::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px}.chat-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:3px}.chat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;overflow:hidden;padding:24px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-card:before{background:linear-gradient(90deg,#0000,#3b82f60d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.chat-card:hover:before{left:100%}.chat-card:hover{border-color:#cbd5e1;box-shadow:0 12px 40px #3b82f626;transform:translateY(-4px)}.chat-left{align-items:center;color:#1f2937;display:flex;flex:1 1;font-size:16px;gap:16px}.chat-title{color:#1f2937;font-weight:600}.assistant-text{color:#64748b;font-size:14px}.assistant-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.assistant-dot.human{background:#60a5fa;box-shadow:0 0 8px #60a5fa80}.assistant-dot.auri{background:#93c5fd;box-shadow:0 0 8px #93c5fd80}.chat-right{align-items:center;display:flex;flex-shrink:0;gap:20px}.chat-status{color:#64748b;font-size:14px;min-width:90px;text-align:left}.chat-time{color:#94a3b8;font-size:13px;font-style:italic;min-width:80px;text-align:left}.chat-archive-icon{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;font-size:18px;justify-content:center;min-height:40px;min-width:40px;padding:10px;transition:all .3s ease}.chat-archive-icon:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6;transform:scale(1.05)}.new-chat-panel{background:#0000;display:flex;flex-direction:column;height:100%}.new-chat-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:24px;justify-content:space-between;padding:24px 32px}.askai-title-right{align-items:center;display:flex;gap:20px}.askai-title-right h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:1px;margin:0}.askai-title-right img{height:60px;object-fit:contain}.back-btn{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;color:#64748b;font-size:16px;gap:8px;padding:12px 16px;transition:all .3s ease}.back-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.new-chat-body{display:flex;flex:1 1;flex-direction:row;overflow:hidden}.side-nav{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;gap:20px;padding:24px;width:280px}.side-nav h3{color:#94a3b8;font-size:12px;font-weight:600;letter-spacing:1px;margin:0 0 12px;text-align:left;text-transform:uppercase}.chat-nav{display:flex;flex-direction:column;gap:8px}.chat-nav-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;text-align:left;transition:all .3s ease}.chat-nav-item:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6;transform:translateX(4px)}.chat-nav-item.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 4px 20px #3b82f633;color:#fff}.messages-scroll::-webkit-scrollbar-track{background:#f8fafc;border-radius:6px}.messages-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:6px}.chat-message.auri .message-text{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-bottom-left-radius:6px;box-shadow:0 2px 8px #0000000a;color:#1e293b}.chat-message.user .message-text{background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom-right-radius:6px;box-shadow:0 6px 24px #3b82f659,0 2px 8px #3b82f626}.askai-pagination-container{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;flex-shrink:0;gap:12px;justify-content:center;margin-top:16px;padding:16px 24px}.askai-pagination-container .pagination-info{color:#64748b;font-size:12px;min-width:40px;text-align:center}.askai-pagination-container .pagination-arrow{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;color:#64748b;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .3s ease}.askai-pagination-container .pagination-arrow:hover:not(:disabled){background:#eff6ff;border-color:#3b82f6;color:#3b82f6;transform:scale(1.05)}.askai-pagination-container .pagination-arrow:disabled{cursor:not-allowed;opacity:.5}.askai-pagination-container .pagination-number{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;color:#64748b;cursor:pointer;font-size:14px;min-width:40px;padding:8px 12px;transition:all .3s ease}.askai-pagination-container .pagination-number:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6;transform:scale(1.05)}.askai-pagination-container .pagination-number.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 4px 20px #3b82f633;color:#fff}.askai-pagination-container .pagination-ellipsis{color:#94a3b8;font-size:14px;padding:0 8px}.askai-chat-item{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;min-height:72px;overflow:hidden;padding:16px 18px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.askai-chat-item:before{background:linear-gradient(90deg,#0000,#3b82f608,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.askai-chat-item:hover:before{left:100%}.askai-chat-item:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d;transform:translateX(2px)}.askai-chat-item.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #3b82f6;box-shadow:0 2px 8px #3b82f61a}.askai-chat-item-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:6px}.askai-chat-item-title{color:#1f2937;font-size:14px;font-weight:600;letter-spacing:.3px;line-height:1.4;margin-bottom:2px}.askai-chat-item.active .askai-chat-item-title{color:#fff}.askai-chat-item-time{color:#94a3b8;font-size:12px;line-height:1.3}.askai-chat-item.active .askai-chat-item-time{color:#ffffffd9}.askai-chat-item-archive{align-items:center;background:none;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .3s ease}.askai-chat-item-archive:hover{background:#e2e8f0;color:#64748b}.askai-chat-item.active .askai-chat-item-archive{color:#fff}.askai-chat-item.active .askai-chat-item-archive:hover{background:#fff3;color:#fff}.askai-main{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 2px 8px #00000014;min-height:500px}.askai-main,.conversation-panel{background:#fff;display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.conversation-panel{padding:24px}.messages-scroll{background:#fff;display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;padding-right:8px}.messages-scroll::-webkit-scrollbar{width:6px}.messages-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.messages-scroll::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:3px}.chat-message{animation:slideInUp .3s ease;display:flex;flex-direction:column;gap:8px;max-width:70%;width:-webkit-fit-content;width:fit-content}.chat-message.user{align-self:flex-end}.chat-message img{object-fit:contain}.chat-message img,.chat-message svg{background:#0000;border-radius:50%;box-shadow:none;flex-shrink:0;height:40px;width:40px}.chat-message svg{padding:8px}.message-content{display:flex;flex-direction:column;gap:4px}.message-text{border-radius:20px;font-size:14px;line-height:1.5;max-width:100%;padding:16px 20px;position:relative;text-align:left;width:-webkit-fit-content;width:fit-content;word-break:break-word}.chat-message.auri .message-text{background:#f1f5f5;border:1px solid #e5e7eb;border-bottom-left-radius:4px;color:#333}.chat-message.user .message-text{background:#3b82f6;border-bottom-right-radius:4px;box-shadow:0 4px 20px #3b82f633;color:#fff;text-align:left}.message-time{color:#64748b;font-size:11px;margin-top:4px}.chat-message.user .message-time{text-align:right}.chat-message.auri .message-time{text-align:left}.peer-educator-label{align-self:flex-start;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;box-shadow:0 4px 16px #3b82f633;color:#fff;flex-shrink:0;font-size:12px;font-weight:600;height:-webkit-fit-content;height:fit-content;min-width:120px;padding:6px 12px;text-align:center}.typing .message-text{align-items:center;background:#f1f5f5;border:1px solid #e5e7eb;border-radius:20px;display:flex;gap:8px;justify-content:center;padding:16px 20px;width:120px}.typing-dot{animation:wave 1.4s infinite;background:#64748b;border-radius:50%;display:block;height:8px;width:8px}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes wave{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-input-area{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;gap:16px;padding:20px 24px;z-index:100}.chat-input-area,.headset-btn{align-items:center;display:flex}.headset-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;justify-content:center;padding:12px;transition:all .3s ease}.headset-btn:hover{box-shadow:0 4px 20px #3b82f64d;transform:scale(1.05)}.chat-input-area input,.chat-input-area textarea{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;color:#1f2937;flex:1 1;font-family:inherit;font-size:14px;max-height:150px;min-height:50px;overflow-y:auto;padding:16px;resize:none;transition:all .3s ease}.chat-input-area input::placeholder,.chat-input-area textarea::placeholder{color:#64748b}.chat-input-area input:focus,.chat-input-area textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.send-btn{background:#3b82f6;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.send-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.send-btn:hover:before{left:100%}.send-btn:hover{box-shadow:0 4px 16px #3b82f633;transform:translateY(-2px)}.lets-started-btn-container{display:flex;justify-content:center;margin:24px 0}.lets-started-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #ffffff4d;border-radius:16px;color:#fff;cursor:pointer;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.lets-started-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.lets-started-btn:hover:before{left:100%}.lets-started-btn:hover{box-shadow:0 8px 32px #3b82f64d;transform:translateY(-2px)}.language-options-container{margin-top:12px}.language-options{display:flex;flex-wrap:wrap;gap:12px}.language-option{background:#fff;border:2px solid #e2e8f0;border-radius:9999px;color:#374151;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.language-option:hover{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.language-option.selected{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f640;color:#fff}.fallback-options-container{margin-top:16px}.fallback-options{display:flex;flex-direction:column;gap:12px}.fallback-option-btn{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;padding:14px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.fallback-wait{background:#f3f4f6;border:2px solid #e5e7eb;color:#374151}.fallback-wait:hover{background:#e5e7eb;border-color:#d1d5db}.fallback-choose{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.fallback-choose:hover{box-shadow:0 4px 16px #3b82f64d;transform:translateY(-2px)}@media (max-width:1280px){.askai-workspace{padding:24px 32px}.askai-sidebar{width:280px}}@media (max-width:1024px){.askai-workspace{padding:20px 24px}.askai-sidebar{width:240px}.conversation-panel{height:100%}}@media (max-width:768px){.askai-workspace{flex-direction:column;padding:16px 20px}.askai-sidebar{height:200px;order:2;width:100%}.conversation-panel{height:100%}.chat-message{max-width:85%}}@media (max-width:480px){.askai-workspace{padding:12px 16px}.askai-sidebar{height:180px;width:100%}.chat-message{max-width:95%}}.appointments-container{background:#fff;display:flex;flex-direction:column;gap:0;min-height:100vh;position:relative}.appointments-container:before{content:none}.appointments-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #dbeafecc;box-shadow:0 4px 20px #3b82f614;display:flex;justify-content:space-between;min-height:100px;padding:28px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.appointments-header-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.appointments-header-text p{color:#64748b;font-size:14px;font-weight:500;margin:4px 0 0}.appointments-nav-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #dbeafe99;border-radius:20px;box-shadow:0 2px 12px #3b82f614;display:flex;gap:12px;padding:6px}.nav-toggle-btn{background:#0000;border:none;border-radius:16px;color:#64748b;cursor:pointer;font-size:15px;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-toggle-btn:hover{background:#3b82f61a;color:#2563eb;transform:translateY(-1px)}.nav-toggle-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 16px #3b82f64d;color:#fff;transform:translateY(-1px)}.appointments-content{align-items:stretch;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;height:auto;justify-content:flex-start;margin:0;max-height:none;min-height:calc(100vh - 100px);overflow:visible;padding:24px 32px 48px;width:100%}.appointments-content::-webkit-scrollbar{width:8px}.appointments-content::-webkit-scrollbar-track{background:#f8fafc99;border-radius:4px}.appointments-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:4px}.booking-flow-container{align-items:flex-start;display:flex;gap:24px;max-width:1200px;width:100%}.booking-left-column{flex:1 1 75%;max-width:75%}.booking-right-column{flex:0 0 25%;flex-shrink:0;max-width:25%;position:-webkit-sticky;position:sticky;top:16px}.booking-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #dbeafecc;border-radius:16px;box-shadow:0 4px 20px #3b82f60d;margin-bottom:20px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.booking-section.disabled{filter:blur(2px);opacity:.5;pointer-events:none}.booking-section-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border-bottom:1px solid #0000;cursor:pointer;overflow:hidden;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.booking-section-header:hover{background:#3b82f60d;box-shadow:0 4px 16px #3b82f614;transform:translateY(-1px)}.booking-section-header.expanded{background:#3b82f614;border-bottom-color:#dbeafecc}.booking-section-header.completed{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border-bottom-color:#22c55e4d}.booking-section-header.next-available{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-bottom-color:#3b82f64d}.section-title-row{align-items:center;display:flex;gap:12px;justify-content:flex-start}.section-title-row h3{color:#1e293b;flex:none;font-size:16px;font-weight:600;letter-spacing:-.2px;margin:0}.check-icon{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;box-shadow:0 2px 8px #22c55e4d;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;margin-right:0;width:24px}.section-value{background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;color:#64748b;font-size:14px;font-weight:500;margin-left:auto;padding:4px 12px}.booking-section-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff6;padding:24px;text-align:left}.booking-options{flex-direction:column}.booking-option,.booking-options{display:flex;gap:16px;text-align:left}.booking-option{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #dbeafecc;border-radius:16px;cursor:pointer;overflow:hidden;padding:18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.booking-option:hover{background:#3b82f60d;border-color:#3b82f666;box-shadow:0 8px 24px #3b82f61f;transform:translateY(-2px)}.booking-option input[type=checkbox],.booking-option input[type=radio]{accent-color:#3b82f6;cursor:pointer;flex-shrink:0;height:20px;margin:0;width:20px}.custom-radio-circle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #dbeafee6;border-radius:50%;cursor:pointer;display:inline-flex;flex-shrink:0;height:22px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:22px}.custom-radio-circle.checked{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f699;box-shadow:0 2px 8px #3b82f64d;transform:scale(1.05)}.custom-radio-circle.checked:after{animation:pulse-small .3s ease-out;background:#fff;border-radius:50%;content:"";height:9px;width:9px}@keyframes pulse-small{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.option-content{flex:1 1;text-align:left}.option-title{color:#1e293b;font-size:16px;font-weight:600;letter-spacing:-.1px;margin-bottom:6px;text-align:left}.option-description{color:#64748b;font-size:14px;line-height:1.5;text-align:left}.appointments-sidebar{display:flex;flex-direction:column;flex-shrink:0;justify-content:flex-start;max-height:100%;overflow-y:auto;padding-right:12px;position:relative;width:240px}.appointments-sidebar ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.appointments-sidebar li{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #0000;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:15px;font-weight:500;padding:14px 16px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.appointments-sidebar li:hover{background:#3b82f61a;border-color:#3b82f633;color:#2563eb;transform:translateX(4px)}.appointments-sidebar li.active{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 16px #3b82f64d;color:#fff;font-weight:600;transform:translateX(4px)}.appointments-sidebar li.active:before{background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:2px;box-shadow:0 2px 8px #3b82f666;content:"";height:24px;left:-4px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.appointments-workspace{align-items:stretch;color:#1e293b;display:flex;flex:1 1;font-size:16px;justify-content:flex-start;padding:0;width:100%}.appointments-card{align-items:stretch;animation:cardSlideIn .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #dbeafecc;border-radius:24px;box-shadow:0 12px 40px #3b82f61f;display:flex;flex-direction:column;gap:32px;max-width:100%;padding:48px;width:680px}.appointments-card-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0;text-align:left}.appointments-options{display:flex;flex-direction:column;gap:12px}.service-option{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #dbeafecc;border-radius:16px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.service-option:hover{background:#3b82f60d;border-color:#3b82f666;box-shadow:0 8px 24px #3b82f626;transform:translateY(-2px)}.service-option.selected{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-color:#3b82f699;box-shadow:0 8px 32px #3b82f640;transform:translateY(-2px)}.service-text{display:flex;flex-direction:column;gap:2px}.service-title{color:#1e293b;font-size:17px;font-weight:600;letter-spacing:-.1px}.service-description{color:#64748b;font-size:14px;line-height:1.5}.custom-radio{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #dbeafecc;border-radius:8px;display:inline-flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.custom-radio,.custom-radio .checkmark{transition:all .3s cubic-bezier(.4,0,.2,1)}.custom-radio .checkmark{background:#0000;border-radius:3px;height:12px;position:relative;transform-origin:center;width:12px}.custom-radio.checked{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f699;box-shadow:0 2px 8px #3b82f64d;transform:scale(1.05)}.custom-radio.checked .checkmark{background:linear-gradient(135deg,#fff,#f0f9ff)}.custom-radio.checked .checkmark:after{border:solid #3b82f6;border-width:0 2px 2px 0;content:"";height:12px;left:2px;position:absolute;top:0;transform:rotate(45deg) scale(.9);transform-origin:center;width:8px}.primary-btn{align-self:stretch;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:16px;box-shadow:0 4px 16px #3b82f64d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:-.1px;margin-top:8px;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 24px #3b82f666;color:#fff;transform:translateY(-2px)}.primary-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;z-index:1100}.modal-card{animation:modalFadeIn .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #dbeafecc;box-shadow:0 24px 48px #3b82f626;max-width:580px;overflow:hidden}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border-bottom:1px solid #dbeafecc}.modal-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700;letter-spacing:-.3px}.close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafce6;border:1px solid #dbeafecc;border-radius:50%;color:#64748b;display:flex;font-size:18px;height:36px;justify-content:center;position:absolute;right:20px;top:20px;width:36px;z-index:10}.close-btn:hover{background:#3b82f61a;border-color:#3b82f64d;color:#2563eb;transform:rotate(90deg) scale(1.1)}.modal-body{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff6;max-height:70vh;overflow-y:auto;padding:32px}.modal-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border-top:1px solid #dbeafecc;gap:16px;padding:24px 32px}.staff-list{display:flex;flex-direction:column;gap:16px;padding:8px}.staff-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #dbeafecc;border-radius:16px;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.staff-card:hover{background:#3b82f60d;border-color:#3b82f666;box-shadow:0 8px 24px #3b82f626;transform:translateY(-2px)}.staff-card.selected{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-color:#3b82f699;box-shadow:0 8px 32px #3b82f633;transform:translateY(-2px)}.staff-info{gap:4px}.staff-name{color:#1e293b;font-size:17px;letter-spacing:-.1px}.staff-role{color:#64748b;font-size:14px;font-weight:500}.selected-indicator{align-items:center;animation:pulse-small .3s ease-out;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 2px 8px #3b82f64d;color:#fff;display:flex;font-size:12px;font-weight:700;height:26px;justify-content:center;width:26px}.disabled-input{background:#f8fafccc!important;border-color:#dbeafe99!important;color:#94a3b8!important;cursor:not-allowed!important}.cancel-reason-select,.disabled-input,.other-reason-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cancel-reason-select,.other-reason-input{background:#fffc;border:1px solid #dbeafecc;border-radius:12px;font-size:15px;margin-top:12px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.danger-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:12px;box-shadow:0 4px 16px #dc26264d;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.danger-btn:disabled{cursor:not-allowed;opacity:.5}.secondary-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #dbeafecc;border-radius:12px;color:#64748b;transition:all .3s cubic-bezier(.4,0,.2,1)}.appointments-steps-dots .dot:disabled{cursor:default}.calendar-section{display:flex;flex-direction:column;gap:16px}.calendar-header{color:#1e293b;font-size:16px;font-weight:600;letter-spacing:-.1px;text-align:center}.calendar-grid{grid-gap:6px;font-size:13px;gap:6px}.calendar-day-label{font-size:13px;letter-spacing:.5px;padding-bottom:8px;text-align:center}.calendar-day,.calendar-day.empty{align-items:center;background:#0000;border:none;border-radius:8px;color:#1e293b;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;min-height:36px;transition:all .3s cubic-bezier(.4,0,.2,1)}.calendar-day:hover:not(.taken):not(.selected):not(.past){background:linear-gradient(135deg,#3b82f61a,#3b82f60d);box-shadow:0 2px 8px #3b82f626;color:#2563eb;transform:scale(1.05)}.calendar-day.taken{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#9ca3af33}.calendar-day.past{background:#f8fafc80;color:#cbd5e1;cursor:not-allowed}.calendar-day.past:hover{background:#f8fafc80;color:#cbd5e1;transform:none}.calendar-day.weekend{background:#f8fafc80;color:#cbd5e1;cursor:not-allowed}.calendar-day.weekend:hover{background:#f8fafc80;color:#cbd5e1;transform:none}.time-slots-section{display:flex;flex-direction:column;gap:12px;margin-top:12px}.time-slots-title{color:#1e293b;font-size:15px;font-weight:600;letter-spacing:-.1px}.time-slots-grid{display:flex;flex-wrap:wrap;gap:12px}.time-slot{border-radius:20px;font-size:14px;min-width:100px;padding:10px 16px}.time-slot:hover{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-color:#3b82f666;box-shadow:0 4px 16px #3b82f626;color:#2563eb;transform:translateY(-2px)}.time-slot.disabled-visual{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f8fafc99;border-color:#dbeafe99;color:#94a3b8;cursor:not-allowed;opacity:.6}.time-slot.disabled-visual:hover{background:#f8fafc99;border-color:#dbeafe99;transform:none}.feedback-modal{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.time-slots-empty{color:#6b7280;font-size:13px}.summary-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#dbeafe4d,#bfdbfe33);border:1px solid #dbeafecc;border-radius:16px;box-shadow:0 4px 20px #3b82f614;color:#1e293b;display:flex;flex-direction:column;gap:12px;padding:24px}.summary-row{display:flex;font-size:15px;gap:20px;justify-content:space-between;padding:8px 0}.summary-row.centered{justify-content:center}.summary-label{color:#374151;font-weight:600}.summary-value{color:#1e293b;font-weight:500;text-align:right}.success-icon-circle{align-items:center;align-self:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;box-shadow:0 8px 24px #22c55e4d;display:flex;height:80px;justify-content:center;margin-bottom:-8px;margin-top:12px;width:80px}.success-check{color:#fff;font-size:40px;transform:translateY(-2px)}.appointments-placeholder{max-width:560px;text-align:left}.appointments-placeholder h2{margin-bottom:8px}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.appointments-pagination-container{align-items:center;background:#fffc;border-radius:16px;display:flex;gap:12px;justify-content:center;margin:20px auto;max-width:680px;padding:16px;width:100%}.appointments-pagination-container,.appointments-pagination-container .pagination-arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #dbeafecc}.appointments-pagination-container .pagination-arrow{background:#ffffffe6;border-radius:12px;box-shadow:0 2px 8px #3b82f614;color:#3b82f6;cursor:pointer;font-size:16px;font-weight:600;padding:10px 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.appointments-pagination-container .pagination-arrow:hover:not(:disabled){background:#3b82f61a;box-shadow:0 4px 16px #3b82f626;color:#2563eb;transform:translateY(-2px) scale(1.05)}.appointments-pagination-container .pagination-arrow:disabled{background:#f8fafccc;cursor:not-allowed;opacity:.4;transform:none}.appointments-pagination-container .pagination-number{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #dbeafecc;border-radius:12px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;min-width:40px;padding:10px 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.appointments-pagination-container .pagination-number:hover{background:#3b82f61a;border-color:#3b82f666;color:#2563eb;transform:translateY(-1px)}.appointments-pagination-container .pagination-number.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f699;box-shadow:0 4px 16px #3b82f64d;color:#fff;font-weight:600;transform:translateY(-1px)}.appointments-pagination-container .pagination-ellipsis{color:#94a3b8;font-size:14px;font-weight:500;padding:0 8px}@media (max-width:1280px){.appointments-content{gap:0;padding:24px 32px 48px}}@media (max-width:1024px){.appointments-content{flex-direction:column;gap:0;height:auto;min-height:auto;padding:20px 24px 40px}.appointments-sidebar{max-height:none;overflow-y:visible;width:100%}.appointments-sidebar ul{flex-direction:row;flex-wrap:wrap;gap:8px}.appointments-sidebar li{font-size:16px;padding:8px 14px}}@media (max-width:768px){.appointments-header{min-height:70px;padding:16px 20px}.appointments-header-text h1{font-size:22px}.appointments-content{gap:0;padding:16px}}@media (max-width:480px){.appointments-header-text h1{font-size:18px}.appointments-content{padding:12px}}.datetime-section{display:flex;flex-direction:row;gap:32px;justify-content:space-between;text-align:left}.calendar-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #dbeafecc;border-radius:16px;box-shadow:0 4px 20px #3b82f60d;flex-shrink:0;padding:20px;text-align:left;width:300px}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.calendar-header button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #dbeafecc;border-radius:8px;color:#64748b;cursor:pointer;font-size:18px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.calendar-header button:hover{background:#3b82f61a;color:#2563eb;transform:scale(1.05)}.calendar-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:700;letter-spacing:-.2px;margin:0}.calendar-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);text-align:center}.calendar-day-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.8px;padding:10px 0;text-transform:uppercase}.calendar-day{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff9;border:1px solid #dbeafe99;border-radius:8px;color:#1e293b;cursor:pointer;font-size:14px;font-weight:500;padding:10px 0;transition:all .3s cubic-bezier(.4,0,.2,1)}.calendar-day:hover:not(.taken):not(.selected){background:#3b82f61a;border-color:#3b82f64d;color:#2563eb;transform:scale(1.05)}.calendar-day.selected{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 16px #3b82f64d;color:#fff;font-weight:600;transform:scale(1.05)}.calendar-day.taken{background:#f8fafc80;border-color:#dbeafe66;color:#94a3b8;cursor:not-allowed}.calendar-day.empty{background:none;cursor:default}.time-slots-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #dbeafecc;border-radius:16px;box-shadow:0 4px 20px #3b82f60d;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:24px;min-width:340px;overflow:hidden;padding:24px;text-align:left}.time-period h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:600;letter-spacing:.8px;margin:0 0 16px;text-align:left;text-transform:uppercase}.time-slots-grid{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.time-slot{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #dbeafecc;border-radius:12px;box-sizing:border-box;color:#1e293b;cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:center;min-height:52px;overflow:hidden;padding:12px 8px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.time-slot:hover:not(.booked):not(.selected){background:#3b82f60d;border-color:#3b82f666;box-shadow:0 4px 16px #3b82f626;color:#2563eb;transform:translateY(-2px)}.time-slot.selected{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f699;box-shadow:0 4px 16px #3b82f64d;color:#fff;font-weight:600;transform:translateY(-2px)}.time-slot.booked{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-decoration:line-through}.time-slot.booked,.time-slot.booked:hover{background:#f8fafc99;border-color:#dbeafe99;color:#94a3b8}.time-slot.booked:hover{box-shadow:none}.confirm-datetime-btn{margin-top:12px}.patient-details-form{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);text-align:left;width:100%}@media screen and (min-width:900px) and (max-width:1100px){.patient-details-form{gap:12px;grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:8px;text-align:left}.form-group label{color:#374151;font-size:14px;font-weight:600;letter-spacing:-.1px;text-align:left}.form-group input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #dbeafecc;border-radius:12px;box-sizing:border-box;color:#1e293b;cursor:not-allowed;font-size:15px;padding:14px 16px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-group input:focus{border-color:#3b82f666;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input:read-only{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f8fafccc;color:#94a3b8}.booking-actions{border-top:1px solid #dbeafecc;display:flex;gap:16px;margin-bottom:40px;margin-top:32px;padding-top:24px}.secondary-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:15px;font-weight:600;padding:12px 20px;transition:all .2s ease}.secondary-btn:hover{background:#3b82f60d;border-color:#3b82f666;color:#2563eb;transform:translateY(-1px)}.clinic-info{display:flex;flex-direction:column;gap:20px}.map-container{border:1px solid #dbeafecc;border-radius:16px;box-shadow:0 4px 20px #3b82f614;height:220px;overflow:hidden;width:100%}.map-image{height:100%;object-fit:cover;width:100%}.clinic-details{display:flex;flex-direction:column;gap:12px;text-align:left}.clinic-location{color:#1e293b;font-size:17px;font-weight:700;letter-spacing:-.1px;text-align:left}.clinic-address{display:flex;flex-direction:column;gap:4px;text-align:left}.location-state{font-weight:500}.clinic-phone,.location-state,.location-street{color:#64748b;font-size:15px;text-align:left}.phone-label{font-weight:500}.phone-number{font-weight:400}.clinic-hours h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:600;letter-spacing:.8px;margin:16px 0 12px;text-align:left;text-transform:uppercase}.clinic-hours p{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 6px;text-align:left}.booking-success-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #dbeafecc;border-radius:24px;box-shadow:0 24px 48px #3b82f626;max-width:540px;padding:40px;text-align:center;width:90%}.booking-success-modal .booking-success-body{align-items:center;display:flex;flex-direction:column;padding:32px;text-align:center}.booking-success-details{max-width:460px;width:100%}.booking-success-footer{justify-content:center;padding-top:0}.booking-success-action{width:min(100%,320px)}.success-header{flex-direction:column;margin-bottom:32px}.success-header,.success-icon{align-items:center;display:flex}.success-icon{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;box-shadow:0 8px 24px #22c55e4d;color:#fff;font-size:24px;font-weight:700;height:64px;justify-content:center;margin-bottom:20px;width:64px}.success-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:700;letter-spacing:-.3px;margin:0}.appointment-details{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafc99;border:1px solid #dbeafecc;border-radius:16px;margin-bottom:32px;padding:24px;text-align:left}.appointment-details h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:600;letter-spacing:-.2px;margin:0 0 20px;text-align:center}.detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.detail-item{border-bottom:1px solid #dbeafe99;padding:12px 0}.detail-label{font-weight:500}.detail-value{font-size:14px;font-weight:600}.status-badge.confirmed{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border:1px solid #22c55e4d;border-radius:16px;color:#166534}.status-badge.confirmed,.status-badge.pending{font-size:12px;font-weight:600;padding:6px 12px}.status-badge.pending{background:linear-gradient(135deg,#fbbf2433,#fbbf241a);border:1px solid #fbbf244d;border-radius:16px;color:#92400e}.success-actions{display:flex;gap:16px;justify-content:center}.success-actions .primary-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:16px;box-shadow:0 4px 16px #3b82f64d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.success-actions .primary-btn:hover{background:#1e3a7a}.time-slot.booked{cursor:not-allowed;opacity:.6}.time-slot.booked,.time-slot.booked:hover{background:#f3f4f6;border-color:#d1d5db;color:#9ca3af}.time-slot.booked:hover{transform:none}@media (max-width:1024px){.booking-flow-container{flex-direction:column;gap:24px}.booking-left-column,.booking-right-column{flex:1 1 auto;max-width:100%;width:100%}.booking-right-column{order:-1}.patient-details-form{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.appointments-header{flex-direction:column;gap:16px;padding:16px 20px}.appointments-nav-toggle{justify-content:center;width:100%}.nav-toggle-btn{flex:1 1;font-size:14px;padding:8px 16px}.appointments-content{padding:20px}.booking-actions{flex-direction:column}.primary-btn,.secondary-btn{width:100%}.datetime-section{flex-direction:column;gap:20px}.calendar-container{width:100%}.time-slots-container{min-width:auto}.time-slots-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.appointments-content{padding:16px}.appointments-header h1{font-size:20px}.booking-section-header{padding:12px 16px}.booking-section-content{padding:16px}.booking-option{padding:12px}.time-slots-grid{gap:6px;grid-template-columns:repeat(2,1fr)}.time-slot{font-size:13px;padding:8px 6px}.map-container{height:150px}.clinic-details{gap:6px}.form-group input{font-size:13px;padding:8px 10px}}.my-appointments-container{box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,Arial,sans-serif;gap:24px;margin:0;max-width:100%;min-width:0;padding:8px 0 24px;width:100%}.appointments-header-row{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:16px}.appointments-header-right{align-items:center;display:flex;flex:1 1;gap:16px;justify-content:flex-end}.appointments-pagination-row{display:flex;justify-content:flex-end;margin-bottom:12px;padding:0}.appointments-nav-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:0}.nav-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:16px;font-weight:500;margin-bottom:-2px;padding:12px 24px;position:relative;transition:all .2s ease}.nav-tab:hover{background:#f9fafb;color:#374151}.nav-tab.active{background:#f8faff;border-bottom-color:#29499d;color:#29499d}.appointments-search{flex-shrink:0}.search-box{width:300px}.search-icon{color:#6b7280;font-size:16px;left:12px}.search-box input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px 10px 40px;transition:border-color .2s ease;width:100%}.search-box input:focus{border-color:#29499d;box-shadow:0 0 0 3px #29499d1a;outline:none}.appointments-list{display:flex;flex-direction:column;gap:24px;max-height:none;overflow-y:visible}.no-appointments{color:#6b7280;padding:40px;text-align:center}.loading-indicator{color:#6b7280;font-style:italic;padding:20px;text-align:center}.appointment-card{background:#fff;border-radius:16px;box-shadow:0 8px 26px #00000014;gap:22px;padding:28px 32px}.appointment-card,.appointment-header{display:flex;flex-direction:column;position:relative}.appointment-header{align-items:stretch;gap:6px}.status-badge{border-radius:999px;font-size:13px;padding:6px 14px;position:absolute;right:2px;top:2px}.appointment-cancel-reason,.appointment-professional{color:#555;font-size:13px;position:absolute;right:2px;top:40px}.appointment-cancel-reason{max-width:300px;text-align:right}.status-badge.confirmed{background:#e6f4ea;color:#1e7f43}.status-badge.pending{background:#fff4e5;color:#a66300}.appointment-clinic{color:#111;font-size:19px;font-weight:600}.appointment-service{color:#222;font-size:15px;font-weight:500}.appointment-datetime{color:#555;font-size:14px}.proposed-schedule-banner{align-items:center;background:#fef3c7;border-radius:4px;color:#b45309;display:inline-flex;font-size:14px;height:18.37px;margin-top:4px;padding:2px 8px;width:160.06px}.appointment-ref{color:#777;font-size:13px}.appointment-ref-row{align-items:center;display:flex;justify-content:space-between;width:100%}.appointment-actions-inline{align-items:center;display:flex;flex-shrink:0;gap:18px}.appointment-clinic,.appointment-datetime,.appointment-ref,.appointment-service{text-align:left}.appointment-actions{align-items:center;display:flex;gap:18px;justify-content:flex-end}.action-btn{background:none;color:#2f5bea;gap:6px}.action-btn:hover{text-decoration:underline}.action-btn.download{color:#1e7f43}.action-btn.cancel{color:#c0392b}.action-btn.approve{color:#1e7f43}.action-btn.approve:disabled{color:#9ca3af;cursor:not-allowed;text-decoration:none}.modal-backdrop{background:#00000073;inset:0}.appointment-details-backdrop{animation:appointmentModalBackdropFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;padding:12px}@keyframes appointmentModalBackdropFadeIn{0%{opacity:0}to{opacity:1}}.modal-card{border-radius:18px;box-shadow:0 22px 46px #00000047;max-width:560px;padding:30px 34px;position:relative;width:100%}.modal-card h3{font-size:20px;font-weight:600;margin:0 0 24px}.modal-close-btn{background:#eee;color:#555;font-size:18px;height:32px;position:absolute;right:16px;top:16px;width:32px}.modal-close-btn:hover{background:#ddd}.appointment-details-card,.modal-card.appointment-details-card{animation:appointmentModalSlideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 20px 50px #00000026,0 8px 16px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:auto;max-height:none;max-width:520px;overflow:hidden;padding:0!important;position:relative;width:92%}@keyframes appointmentModalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.appointment-details-card .appointment-details-header,.appointment-details-header{align-items:center;background:linear-gradient(135deg,#2563eb,#1e40af);border-bottom:1px solid #2563eb33;border-radius:0;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;display:flex;flex-shrink:0;justify-content:space-between;left:0;margin:0!important;max-width:100%;padding:16px 20px;position:relative;right:0;top:0;width:100%}.appointment-details-header:after{content:none}.appointment-details-header-left{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.appointment-details-icon-bg{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:transform .3s ease,background .3s ease;width:38px}.appointment-details-icon-bg:hover{background:#ffffff47;transform:scale(1.08)}.appointment-details-icon-bg svg{color:#fff;font-size:19px}.appointment-details-header-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.appointment-details-title{color:#fff;font-size:17px;letter-spacing:-.025em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appointment-details-subtitle{color:#ffffffe0;font-size:12px;line-height:1.35;margin:0}.appointment-details-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;margin-left:10px;transition:all .25s cubic-bezier(.4,0,.2,1);width:32px}.appointment-details-close-btn:hover{background:#ffffff52;color:#fff;transform:rotate(90deg) scale(1.08)}.appointment-details-close-btn:active{transform:rotate(90deg) scale(.96)}.appointment-details-body,.appointment-details-card .appointment-details-body{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;left:0;margin:0!important;max-width:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0!important;position:relative;right:0;width:100%}.modal-details-container{border-radius:4px}.modal-details-container .status-badge.confirmed{background:#e6f4ea;color:#1e7f43}.modal-details-container .status-badge.pending{background:#fff4e5;color:#a66300}.appointment-details-body .modal-details-container,.appointment-details-card .appointment-details-body>.modal-details-container{background:linear-gradient(135deg,#3b82f60f,#2563eb08);border:none;border-radius:0;border-top:1px solid #3b82f61a;box-shadow:none;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:10px;left:0;margin:0!important;max-width:100%!important;padding:20px 22px 22px;position:relative;right:0;width:100%!important}.appointment-details-body .modal-details-container .detail-row{border-bottom:1px solid #3b82f614;padding:0 0 10px}.appointment-details-body .modal-details-container .detail-row:last-child{border-bottom:none;padding-bottom:0}.appointment-details-body .modal-details-container .detail-row:has(+.reschedule-notification){border-bottom:none;padding-bottom:0}.appointment-details-body .modal-details-container .detail-label{align-items:center;color:#475569;display:flex;flex-shrink:0;font-size:12px;font-weight:600;letter-spacing:.025em;min-width:128px;text-transform:uppercase}.appointment-details-body .modal-details-container .detail-value{color:#0f172a;flex:1 1;font-size:14px;font-weight:600;line-height:1.4;overflow:visible;text-align:right;white-space:nowrap}.modal-actions{justify-content:center}.secondary-btn:focus,.secondary-btn:hover{background:#29499d;color:#fff;outline:none}.secondary-btn:active{background:#29499d;color:#fff;transform:scale(.97)}.danger-btn:focus,.danger-btn:hover{background:#e44555;color:#fff;outline:none}.danger-btn:active{background:#e44555;color:#fff;transform:scale(.97)}.appointment-card .status-badge.completed{background:#e6f4ea;color:#1e7f43}.appointment-card .status-badge.cancelled{background:#ffe6e6;color:#c0392b}.modal-details-container{background:#f0f5fd;border-radius:12px;display:flex;flex-direction:column;gap:14px;margin-bottom:26px;padding:20px 24px}.modal-details-container .detail-row{display:flex;gap:20px;justify-content:space-between}.modal-details-container .detail-label{color:#111;font-size:14px;font-weight:500}.modal-details-container .detail-value{color:#111;font-size:14px;font-weight:600;text-align:right}.modal-details-container .status-badge{border-radius:999px;display:inline-block;font-size:12px;font-weight:600;min-width:70px;padding:4px 10px;position:static;text-align:center}.modal-details-container .status-badge.completed{background:#e6f4ea;color:#1e7f43}.modal-details-container .status-badge.cancelled{background:#ffe6e6;color:#c0392b}@media (max-width:1280px){.my-appointments-stack{max-width:960px}}@media (max-width:1024px){.my-appointments-stack{padding:24px 16px}.appointment-card{padding:20px 24px}}@media (max-width:768px){.my-appointments-stack{gap:16px;padding:16px 12px}.appointment-card{padding:16px}.appointment-clinic{font-size:16px}}@media (max-width:480px){.my-appointments-stack{padding:12px 8px}.appointment-card{padding:14px}}.appointments-pagination-new{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:8px;padding:8px 12px}.pagination-arrow-new{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.pagination-arrow-new:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.pagination-arrow-new:disabled{cursor:not-allowed;opacity:.5}.pagination-numbers-new{align-items:center;display:flex;gap:4px}.pagination-number-new{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;min-width:32px;transition:all .2s}.pagination-number-new:hover{background:#f3f4f6}.pagination-number-new.active{background:#29499d;border-color:#29499d;color:#fff}.pagination-ellipsis-new{color:#9ca3af;padding:0 4px}.appointments-header-filters{align-items:center;display:flex;gap:12px}.status-select{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;min-width:160px;outline:none;padding:10px 12px}.status-select:focus{border-color:#29499d;box-shadow:0 0 0 2px #29499d1a}.appointments-date-filter .search-box{width:180px}.date-input{cursor:pointer}.date-input::-webkit-calendar-picker-indicator{cursor:pointer}.appointments-date-range-filter{align-items:center;display:flex}.date-box{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:10px!important;overflow:visible;transition:all .3s ease;width:180px!important}.date-box:hover{border-color:#29499d!important;box-shadow:0 2px 8px #29499d14}.date-box .search-icon{color:#29499d!important;font-size:18px;z-index:2}.date-box input[type=date]{background:#0000;border:none!important;color:#1e293b;cursor:pointer;font-weight:600;padding:10px 12px 10px 36px!important;width:100%}.date-box input[type=date]::placeholder{color:#64748b}.date-box input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%}.date-separator,.tab-counter{font-size:12px;font-weight:600}.tab-counter{align-items:center;background:#f3f4f6;border-radius:999px;color:#6b7280;display:inline-flex;justify-content:center;margin-left:8px;padding:2px 8px;transition:all .2s ease}.nav-tab.active .tab-counter{background:#29499d;color:#fff}.nav-tab:hover .tab-counter{background:#e5e7eb}.appointment-details-body .modal-details-container .status-badge.accepted{background:#e6f4ea;color:#1e7f43}.appointment-details-body .modal-details-container .status-badge.cancelling{background:#fef3c7;color:#92400e}.appointment-details-body .modal-details-container .status-badge.cancelled,.appointment-details-body .modal-details-container .status-badge.cancelled_by_pro,.appointment-details-body .modal-details-container .status-badge.cancelled_by_user{background:#ffe6e6;color:#c0392b}@media (max-width:768px){.appointment-details-backdrop{padding:12px}.appointment-details-card{border-radius:16px;max-width:100%}.appointment-details-header{padding:16px 20px}.appointment-details-icon-bg{border-radius:10px;height:40px;width:40px}.appointment-details-icon-bg svg{font-size:20px}.appointment-details-title{font-size:18px}.appointment-details-subtitle{font-size:12px}.appointment-details-close-btn{font-size:16px;height:32px;width:32px}.appointment-details-body{padding:20px}.appointment-details-body .modal-details-container{border-radius:14px;padding:20px}.appointment-details-body .modal-details-container .detail-row{align-items:flex-start;flex-direction:column;gap:4px}.appointment-details-body .modal-details-container .detail-label{font-size:12px}.appointment-details-body .modal-details-container .detail-value{font-size:14px;text-align:left}}@media (max-width:480px){.appointment-details-card,.modal-card.appointment-details-card{border-radius:14px;max-width:94vw;padding:0!important;width:94%}.appointment-details-card .appointment-details-header,.appointment-details-header{padding:12px 14px}.appointment-details-header-left{gap:8px}.appointment-details-icon-bg{border-radius:8px;height:32px;width:32px}.appointment-details-icon-bg svg{font-size:16px}.appointment-details-title{font-size:15px}.appointment-details-subtitle{font-size:10.5px}.appointment-details-close-btn{font-size:14px;height:28px;margin-left:8px;width:28px}.appointment-details-body,.appointment-details-card .appointment-details-body{padding:0!important}.appointment-details-body .modal-details-container,.appointment-details-card .appointment-details-body>.modal-details-container{border-radius:0;gap:8px;margin:0!important;padding:14px 16px 16px;width:100%!important}.appointment-details-body .modal-details-container .detail-row{padding-bottom:8px}.appointment-details-body .modal-details-container .detail-label{font-size:11.5px;min-width:104px}.appointment-details-body .modal-details-container .detail-value{font-size:13px}}.cancel-modal-backdrop{align-items:center;animation:modalBackdropFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}@keyframes modalBackdropFadeIn{0%{opacity:0}to{opacity:1}}.cancel-modal-card{animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-width:520px;overflow:hidden;position:relative;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cancel-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 32px}.cancel-modal-header h3{color:#1e293b;font-size:20px;font-weight:700;margin:0}.cancel-modal-close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.cancel-modal-close-btn:hover{background:#e2e8f0;color:#1e293b;transform:rotate(90deg)}.cancel-modal-body{display:flex;flex-direction:column;gap:20px;padding:32px}.cancel-modal-description{color:#64748b;font-size:15px;line-height:1.6;margin:0}.cancel-modal-form-group{display:flex;flex-direction:column;gap:8px}.cancel-modal-label{color:#475569;font-size:14px;font-weight:600}.cancel-modal-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;cursor:pointer;font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.cancel-modal-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.cancel-modal-textarea{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:inherit;font-size:15px;line-height:1.5;min-height:120px;padding:14px 16px;resize:vertical;transition:all .2s ease;width:100%}.cancel-modal-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.cancel-modal-textarea::placeholder{color:#94a3b8}.cancel-modal-textarea-footer{align-items:center;display:flex;justify-content:space-between;margin-top:4px}.cancel-modal-error-text{color:#ef4444;font-size:13px;margin:0}.cancel-modal-char-count{color:#94a3b8;font-size:12px;margin-left:auto}.cancel-modal-char-count.limit-reached{color:#ef4444;font-weight:600}.cancel-modal-footer{background:#f8fafc;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.cancel-modal-btn{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.cancel-modal-btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#64748b}.cancel-modal-btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.cancel-modal-btn-danger{background:#dc2626;box-shadow:0 4px 12px #dc262633;color:#fff}.cancel-modal-btn-danger:hover:not(:disabled){background:#b91c1c;box-shadow:0 6px 16px #dc26264d;transform:translateY(-1px)}.cancel-modal-btn-danger:active:not(:disabled){transform:translateY(0)}.cancel-modal-btn-danger:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.cancel-modal-card.staff-theme{border-radius:16px}.cancel-modal-card.staff-theme .cancel-modal-header h3{color:#111827}.cancel-modal-card.staff-theme .cancel-modal-btn-danger{background:#29499d;box-shadow:0 4px 12px #29499d33}.cancel-modal-card.staff-theme .cancel-modal-btn-danger:hover:not(:disabled){background:#1f3a7a;box-shadow:0 6px 16px #29499d4d}.notifications-container{background:linear-gradient(135deg,#f8fafc,#e0f2fe 50%,#dbeafe);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;overflow:hidden;position:relative}.notifications-container:before{background:radial-gradient(circle at 20% 20%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 80% 80%,#2563eb14 0,#0000 50%),radial-gradient(circle at 50% 50%,#60a5fa0d 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.notifications-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#3b82f6,#2563eb 50%,#1d4ed8);border-bottom:1px solid #ffffff1a;box-shadow:0 8px 32px #3b82f64d,0 4px 16px #2563eb33;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:500;letter-spacing:-.01em;min-height:60px;padding:20px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.notifications-header:before{background:linear-gradient(90deg,#ffffff1a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.notifications-content{display:flex;flex:1 1;gap:32px;margin:0 auto;max-width:1400px;min-height:calc(100vh - 80px);padding:32px 40px;position:relative;width:100%;z-index:1}.notifications-sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 8px 32px #0000001a,0 4px 16px #3b82f61a;display:flex;flex-direction:column;flex-shrink:0;height:-webkit-fit-content;height:fit-content;justify-content:flex-start;max-height:calc(100vh - 120px);padding:24px;position:-webkit-sticky;position:sticky;top:112px;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px}.notifications-sidebar:before{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#3b82f6,#60a5fa);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid linear-gradient(90deg,#3b82f6,#0000);color:#3b82f6;content:"Categories";display:block;font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:20px;padding-bottom:12px;text-transform:uppercase}.notifications-sidebar ul{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.notifications-sidebar li[data-count]:after{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 12px #ef44444d;color:#fff;content:attr(data-count);font-size:10px;font-weight:700;min-width:20px;padding:4px 8px;position:absolute;right:16px;text-align:center;top:50%;transform:translateY(-50%)}.notifications-sidebar li.active[data-count]:after{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #ffffff4d;box-shadow:0 4px 12px #3b82f666}.notifications-sidebar li{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff6;border:1px solid #0000;border-radius:16px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;margin-bottom:2px;overflow:hidden;padding:16px 20px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none}.notifications-sidebar li:before{background-color:#dbeafe;border-radius:1px;content:"";height:0;left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:2px}.notifications-sidebar li:hover:before{background-color:#bfdbfe;height:12px;opacity:.6}.notifications-sidebar li.active:before{background:linear-gradient(180deg,#93c5fd,#3b82f6);box-shadow:none;height:16px;opacity:1}.notifications-sidebar li:focus{outline:1px solid #dbeafe;outline-offset:1px}.notifications-sidebar li:focus:not(:focus-visible){outline:none}.notifications-sidebar li:hover{background:#fff9;border-color:#3b82f633;box-shadow:0 8px 24px #3b82f626;color:#1e40af;transform:translateY(-2px)}.notifications-sidebar li.active{background:linear-gradient(135deg,#3b82f61a,#60a5fa0d);border:1px solid #3b82f64d;border-radius:16px;box-shadow:0 8px 24px #3b82f633,0 4px 12px #2563eb1a;color:#1e40af;font-weight:700;overflow:hidden;position:relative;transform:translateY(-1px)}.notifications-sidebar li.active:before{background:linear-gradient(90deg,#3b82f61a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.notifications-sidebar li:hover:before{height:20px}.notifications-sidebar li.active:before{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 2px 8px #3b82f666;height:24px}.notifications-body{display:flex;flex:1 1;flex-direction:column;gap:20px;max-height:calc(100vh - 160px);overflow-y:auto;padding-right:8px;position:relative}.records-pagination{background:#0000;border-bottom:1px solid #f3f4f6;gap:16px;justify-content:space-between;margin-bottom:8px;padding:16px 0;width:100%;z-index:10}.top-pagination{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff6;border-radius:24px;box-shadow:0 8px 32px #0000001f,0 4px 16px #3b82f61a;box-sizing:border-box;margin-bottom:28px;padding:24px 32px;position:-webkit-sticky;position:sticky;top:0;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:20}.notifications-body .top-pagination+.empty-state,.notifications-body .top-pagination+.notification-card{margin-top:0}.bottom-pagination{align-items:center;background:#fff;border:none;border-radius:30px;bottom:0;box-shadow:0 4px 20px #00000014;display:flex;gap:16px;justify-content:space-between;margin-bottom:0;margin-top:24px;padding:16px 24px;position:-webkit-sticky;position:sticky}.pagination-controls{flex-wrap:wrap;gap:6px;justify-content:space-between;width:100%}.pagination-btn{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 4px 12px #00000014;color:#475569;flex-shrink:0;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.pagination-btn:hover:not(:disabled){background:#ffffffe6;border-color:#3b82f699;box-shadow:0 12px 32px #00000026,0 6px 16px #3b82f633;color:#1e40af;transform:translateY(-3px)}.pagination-btn:disabled{background:#ffffff4d;color:#94a3b8;opacity:.4}.pagination-number{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid #ffffff80;border-radius:16px;box-shadow:0 4px 12px #00000014;flex-shrink:0;height:44px;min-width:44px}.pagination-number:hover{background:#fffffff2;border-color:#3b82f699;box-shadow:0 12px 32px #00000026,0 6px 16px #3b82f633;color:#1e40af;transform:translateY(-3px)}.pagination-number.active{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f666;box-shadow:0 12px 32px #3b82f666,0 6px 16px #2563eb4d;transform:translateY(-2px)}.pagination-ellipsis{font-size:14px;font-weight:500;padding:8px 4px}.pagination-results{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#fff9;border:1px solid #fff6;border-radius:16px;box-shadow:0 4px 12px #00000014;color:#475569;flex-shrink:0;font-size:14px;font-weight:600;padding:10px 18px;white-space:nowrap}.notification-card{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #fff6;border-radius:20px;box-shadow:0 8px 32px #0000001a,0 4px 16px #3b82f614;box-sizing:border-box;cursor:pointer;display:flex;gap:16px;min-height:100px;overflow:hidden;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.notification-card.unread{background:linear-gradient(135deg,#dbeafe4d,#bfdbfe33);border-left:4px solid;border-color:#3b82f64d;box-shadow:0 8px 32px #3b82f633,0 4px 16px #2563eb26}.notification-card.unread.just-now{background:linear-gradient(135deg,#dbeafe66,#93c5fd4d);border-color:#93c5fd80;box-shadow:0 12px 40px #3b82f640,0 6px 20px #2563eb33}.notification-card.unread.earlier{background:linear-gradient(135deg,#f0f9ff4d,#e0f2fe33);border-color:#bfdbfe66}.notification-card.unread:before{animation:pulse 2s infinite;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 4px 12px #3b82f680;content:"";height:10px;left:8px;position:absolute;top:20px;width:10px;z-index:1}.notification-card.unread.just-now:before{animation:pulse-strong 1.5s infinite;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f699;height:12px;width:12px}@keyframes pulse-strong{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}.notification-card.read{background:#fff9;border-color:#e5e7eb4d;box-shadow:0 4px 16px #00000014}.notification-card.read.just-now{background:linear-gradient(135deg,#f8fafcb3,#f1f5f999)}.notification-card.read.earlier{background:#f9fafb80;border-color:#e5e7eb33}.notification-card.read .notification-title{color:#6b7280!important;font-weight:600!important}.notification-card.read .notification-desc{color:#9ca3af!important}.notification-card.read .notification-time{color:#d1d5db!important}.notification-card.selected{background:#fef3c7;border-color:#fbbf24;box-shadow:0 4px 12px #fbbf2426}.notification-card.selected .notification-title{color:#92400e}.notification-card.selected .notification-desc{color:#b45309}.notification-card.selected .notification-time{color:#d97706}.notification-card:hover{background:#ffffffe6;border-color:#3b82f64d;box-shadow:0 12px 40px #00000026,0 6px 20px #3b82f61a;transform:translateY(-2px)}.notification-card.unread:hover{background:linear-gradient(135deg,#e0f2fe66,#bae6fd4d);border-color:#93c5fd99;box-shadow:0 12px 40px #3b82f64d,0 6px 20px #2563eb33}.notification-card.read:hover{background:#fffc;border-color:#9ca3af66;box-shadow:0 12px 40px #0000001f,0 6px 20px #3b82f614}.notification-card.selected:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);border-color:#f59e0b;box-shadow:0 6px 20px #fbbf2440;margin:2px 0}.notification-icon{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #e2e8f080;border-radius:12px;color:#64748b;height:44px;padding:4px;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.notification-card.unread .notification-icon{background:linear-gradient(135deg,#dbeafe99,#93c5fd66);border-color:#60a5fa80;box-shadow:0 4px 12px #3b82f64d;color:#1e40af}.notification-card.unread.just-now .notification-icon{background:linear-gradient(135deg,#dbeafecc,#93c5fd99);border-color:#60a5fa99;box-shadow:0 6px 16px #3b82f666;color:#1d4ed8}.notification-card.unread.earlier .notification-icon{background:linear-gradient(135deg,#dbeafe80,#bfdbfe4d);border-color:#93c5fd66}.notification-card.read .notification-icon{background:#fff6;border-color:#e2e8f04d;color:#9ca3af}.notification-card.read.just-now .notification-icon{background:linear-gradient(135deg,#f8fafc99,#f1f5f966);border-color:#e2e8f066;color:#64748b}.notification-card.read.earlier .notification-icon{background:#f9fafb4d;border-color:#e5e7eb33}.notification-card.selected .notification-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24;box-shadow:0 2px 8px #fbbf2433;color:#d97706}.notification-icon img{height:20px;object-fit:contain;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.notification-card:hover .notification-icon{transform:scale(1.05)}.notification-image-container{border:1px solid #e2e8f080;border-radius:12px;box-shadow:0 4px 12px #00000014;flex-shrink:0;height:60px;overflow:hidden;width:60px}.notification-cover-image{display:block;height:100%;object-fit:cover;width:100%}.notification-text-container{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;overflow:hidden}.notification-title{color:#1e293b!important;font-weight:600!important;letter-spacing:-.01em;line-height:1.35!important;margin:0 0 8px}.notification-desc,.notification-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px!important;overflow:hidden;text-align:left;text-overflow:ellipsis;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-desc{word-wrap:break-word;color:#475569!important;font-weight:400!important;line-height:1.45!important;margin:0}.notification-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:10px}.notification-time{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #e2e8f080;border-radius:8px;color:#64748b!important;flex-shrink:0;font-size:12px!important;font-weight:500!important;letter-spacing:.01em;min-width:-webkit-fit-content;min-width:fit-content;padding:5px 10px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.notification-delete-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:18px;justify-content:center;opacity:.6;padding:8px;transition:all .2s ease}.notification-delete-btn:hover{background:#ef44441a;opacity:1;transform:scale(1.1)}.notif-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.notif-modal-content{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0003;max-width:400px;padding:32px;text-align:center;width:100%}.notif-modal-header{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.notif-modal-icon{color:#ef4444;font-size:48px}.notif-modal-content h3{color:#111;font-size:24px;font-weight:700;margin:0}.notif-modal-content p{color:#666;font-size:16px;line-height:1.5;margin-bottom:32px}.notif-modal-actions{display:flex;gap:12px;justify-content:center}.notif-modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .2s ease}.notif-modal-btn.cancel{background:#f3f4f6;color:#4b5563}.notif-modal-btn.cancel:hover{background:#e5e7eb}.notif-modal-btn.delete{background:#ef4444;color:#fff}.notif-modal-btn.delete:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.empty-state{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px dashed #93c5fd66;border-radius:24px;box-shadow:0 8px 32px #00000014;color:#64748b;font-size:16px;font-weight:600;gap:20px;margin:60px auto;padding:48px 24px}.empty-state:before{animation:float 3s ease-in-out infinite;content:"📭";filter:drop-shadow(0 4px 12px rgba(59,130,246,.2));font-size:72px;opacity:.7}.notification-card{animation:slideIn .4s cubic-bezier(.4,0,.2,1)}.notification-card:first-child{animation-delay:.05s}.notification-card:nth-child(2){animation-delay:.1s}.notification-card:nth-child(3){animation-delay:.15s}.notification-card:nth-child(4){animation-delay:.2s}.notification-card:nth-child(5){animation-delay:.25s}.top-pagination{animation:fadeIn .5s cubic-bezier(.4,0,.2,1)}.notification-card:hover:after{animation:glow .3s ease-in-out;background:linear-gradient(135deg,#3b82f60d,#0000);border-radius:20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes glow{0%{opacity:0}to{opacity:1}}.notifications-footer{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff9;border-top:1px solid #e2e8f04d;box-shadow:0 -4px 16px #00000014;color:#64748b;flex-shrink:0;font-size:14px;font-weight:600;margin-top:auto;padding:20px 40px;text-align:center}@media (max-width:1280px){.notifications-content{gap:24px;padding:24px 32px}.notifications-sidebar{padding:20px;width:240px}.notification-card{gap:18px;padding:18px 24px}.notification-icon{font-size:16px;height:44px;width:44px}.notification-title{font-size:13px}.notification-desc{font-size:11px}.notification-time{font-size:10px;padding:5px 8px}}@media (max-width:1024px){.notifications-content{flex-direction:column;gap:24px;padding:20px 24px}.notifications-sidebar{max-height:none;overflow-y:visible;padding:20px;position:static;width:100%}.notifications-body{max-height:none;overflow-y:visible;padding-right:0}.notifications-sidebar ul{flex-direction:row;flex-wrap:wrap;gap:12px}.notifications-sidebar li{flex:1 1;justify-content:center;margin-bottom:0;min-width:120px;padding:14px 16px}.notifications-header{font-size:22px;min-height:70px;padding:24px 28px}.records-pagination{padding:16px 0}.top-pagination{margin-bottom:20px;padding:20px 24px;position:static}.notification-card{padding:18px 20px}}@media (max-width:768px){.notifications-header{font-size:20px;min-height:64px;padding:20px 24px}.notifications-content{gap:20px;padding:20px 24px}.notification-card{border-radius:18px;gap:14px;padding:14px 18px}.notification-icon{font-size:14px;height:36px;width:36px}.notification-title{font-size:11px;line-height:1.3}.notification-desc{font-size:9px;line-height:1.4}.notification-time{font-size:8px;padding:3px 6px}.records-pagination{align-items:stretch;flex-direction:column;gap:16px}.records-pagination,.top-pagination{box-sizing:border-box;padding:16px 20px;width:100%}.top-pagination{border-radius:20px;margin-bottom:20px;position:static}.pagination-controls{flex-wrap:wrap;gap:8px;justify-content:center}.pagination-numbers{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.pagination-btn{border-radius:14px;font-size:12px;min-width:auto;padding:8px 14px}.pagination-number{border-radius:14px;font-size:12px;height:36px;min-width:36px;padding:8px 10px}.pagination-results{border-radius:14px;font-size:12px;padding:8px 14px;text-align:center}.pagination-arrows{justify-content:center}.notifications-sidebar{padding:16px}.notifications-sidebar li{font-size:13px;min-width:100px;padding:12px 14px}}@media (max-width:600px){.notifications-header{font-size:20px;min-height:64px;padding:20px 24px}.notifications-content{gap:20px;padding:20px 24px}.notification-card{gap:16px;padding:16px 22px}.notification-icon{font-size:15px;height:40px;width:40px}.notification-title{font-size:12px}.notification-desc{font-size:10px}.notification-time{font-size:9px;padding:4px 7px}}@media (max-width:480px){.notifications-header{font-size:18px;min-height:60px;padding:16px 20px}.notifications-content{gap:16px;padding:16px 20px}.notification-card{border-radius:16px;gap:12px;min-height:70px;padding:12px 16px}.notification-icon{font-size:12px;height:32px;width:32px}.notification-title{font-size:10px;line-height:1.3}.notification-desc{-webkit-line-clamp:2;line-clamp:2;font-size:8px;line-height:1.4}.notification-time{border-radius:5px;font-size:7px;padding:2px 5px}.records-pagination{gap:12px;padding:12px 16px}.top-pagination{border-radius:18px;margin-bottom:16px;padding:12px 16px}.pagination-controls{gap:6px}.pagination-numbers{gap:4px}.pagination-btn{border-radius:12px;font-size:11px;padding:6px 12px}.pagination-number{border-radius:12px;font-size:11px;height:32px;min-width:32px;padding:6px 8px}.pagination-results{border-radius:12px;font-size:11px;padding:6px 12px}.pagination-arrow{font-size:14px;height:36px;width:36px}.notifications-sidebar{padding:12px}.notifications-sidebar li{border-radius:12px;font-size:12px;min-width:80px;padding:10px 12px}.notifications-sidebar li[data-count]:after{font-size:9px;min-width:16px;padding:2px 6px;right:8px}.empty-state{margin:40px auto;max-width:320px;padding:32px 16px}.empty-state:before{font-size:56px}}.records-root{background:linear-gradient(135deg,#f8fafc,#e0f2fe 50%,#f0f9ff);display:flex;flex-direction:column;min-height:100vh;position:relative}.records-root:before{background:radial-gradient(circle at 20% 80%,#3b82f60d 0,#0000 50%),radial-gradient(circle at 80% 20%,#2563eb0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.records-root>*{position:relative;z-index:1}.records-pagination{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border-bottom:1px solid #dbeafe66;border-radius:12px;display:flex;justify-content:flex-end;margin:0 0 24px;padding:16px 40px}.pagination-info{border-radius:8px;color:#475569;margin-right:20px;padding:6px 12px}.pagination-arrows{align-items:center;display:flex;gap:12px}.pagination-arrow{border:2px solid #dbeafecc;box-shadow:0 2px 8px #3b82f614}.pagination-arrow:hover:not(:disabled){background:#fff;border-color:#3b82f6;box-shadow:0 4px 16px #3b82f626;color:#2563eb}.pagination-arrow:disabled{opacity:.4}.records-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #dbeafecc;box-shadow:0 4px 20px #3b82f614;display:flex;justify-content:space-between;min-height:100px;padding:28px 40px;position:relative;z-index:100}.records-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.records-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.records-search-container{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:2px solid #dbeafecc;border-radius:20px;box-shadow:0 4px 20px #3b82f614;display:flex;flex:1 1;gap:16px;max-width:800px;min-width:320px;overflow:hidden;padding:8px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.records-search-container:before{background:linear-gradient(90deg,#0000,#3b82f60d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.records-search-container:hover:before{left:100%}.records-search-container:hover{border-color:#3b82f64d;box-shadow:0 8px 32px #3b82f61f;transform:translateY(-2px)}.records-search-box{align-items:center;display:flex;flex:1 1;min-width:0;position:relative}.records-search-box-inner{position:relative;width:100%}.records-search-box-inner input{background:#0000;border:none;color:#1e293b;font-size:15px;outline:none;padding:14px 20px 14px 44px;transition:all .3s ease;width:100%}.records-search-box-inner input::placeholder{color:#94a3b8;transition:color .3s ease}.records-search-box-inner input:focus::placeholder{color:#cbd5e1}.records-search-box-inner .search-icon{color:#64748b;font-size:18px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.records-search-box-inner input:focus+.search-icon{color:#3b82f6;transform:translateY(-50%) scale(1.1)}.records-date-range-filter{align-items:center;display:flex;min-width:280px;position:relative}.date-range-inputs{align-items:center;display:flex;gap:4px;width:100%}.records-date-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex:1 1;overflow:hidden;position:relative;transition:all .3s ease}.records-date-box:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f614}.records-date-box input[type=date]{background:#0000;border:none;color:#1e293b;cursor:pointer;font-size:13px;font-weight:500;outline:none;padding:12px 8px 12px 36px;transition:all .3s ease;width:100%}.records-date-box input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%}.records-date-box .date-icon{color:#2563eb!important;font-size:16px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:2}.date-separator{color:#94a3b8;font-size:11px;font-weight:700;padding:0 2px;text-transform:uppercase}.records-date-box:hover .date-icon{color:#1d4ed8!important;transform:translateY(-50%) scale(1.1)}.records-search-container:after{background:linear-gradient(180deg,#0000,#dbeafecc 50%,#0000);bottom:20%;content:"";left:45%;position:absolute;top:20%;width:2px}.add-folder-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #dbeafecc;border-radius:16px;box-shadow:0 4px 12px #3b82f633;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;font-weight:600;gap:8px;overflow:hidden;padding:14px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.add-folder-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.add-folder-btn:hover{box-shadow:0 8px 24px #3b82f64d;transform:translateY(-2px)}.add-folder-btn:hover:before{left:100%}.add-folder-btn:active{transform:translateY(0)}.add-folder-btn svg{font-size:16px}.records-workspace{display:flex;flex:1 1;gap:32px;min-height:calc(100vh - 120px);padding:32px 40px;position:relative}.records-sidebar{display:flex;flex-direction:column;flex-shrink:0;height:-webkit-fit-content;height:fit-content;justify-content:flex-start;max-height:calc(100vh - 120px);padding-right:12px;position:-webkit-sticky;position:sticky;top:20px;width:240px}.records-sidebar ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.records-sidebar li{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #dbeafe66;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:15px;font-weight:500;padding:14px 18px 14px 20px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.records-sidebar li:hover{background:#ffffffe6;border-color:#3b82f64d;color:#1e40af;transform:translateX(4px)}.records-sidebar li.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;box-shadow:0 8px 24px #3b82f640;color:#fff;font-weight:600;transform:translateX(8px)}.records-sidebar li.active:before{background:linear-gradient(180deg,#60a5fa,#2563eb);border-radius:2px;box-shadow:0 0 12px #3b82f666;content:"";height:24px;left:-8px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.records-main-workspace{display:flex;flex:1 1;flex-direction:column;max-height:calc(100vh - 140px);overflow-y:auto;padding-right:12px;scrollbar-color:#3b82f64d #0000;scrollbar-width:thin}.records-main-workspace::-webkit-scrollbar{width:8px}.records-main-workspace::-webkit-scrollbar-track{background:#f1f5f980;border-radius:4px}.records-main-workspace::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.records-main-workspace::-webkit-scrollbar-thumb:hover{background:#3b82f680}.records-timeline{display:flex;flex-direction:column;gap:24px;padding-left:0;position:relative}.records-timeline:before{background:linear-gradient(180deg,#3b82f6,#60a5fa 50%,#93c5fd);border-radius:2px;bottom:0;box-shadow:0 0 20px #3b82f633;content:"";left:80px;position:absolute;top:0;width:3px}.timeline-year{display:flex;flex-direction:column;gap:16px;position:relative}.timeline-year:before{background:#4a69bd;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #e5e7eb;content:"";height:12px;left:74px;position:absolute;top:8px;width:12px}.year-header{align-items:center;display:flex;gap:16px;margin-bottom:8px;min-width:80px}.year-label{color:#4a69bd;font-size:24px;font-weight:700;min-width:60px;text-align:left}.view-annual-report-btn{background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s}.view-annual-report-btn:hover{background:#7c3aed}.timeline-month{display:flex;gap:16px;margin-left:0;position:relative}.timeline-month:before{background:#4a69bd;border:2px solid #fff;border-radius:50%;content:"";height:8px;left:76px;position:absolute;top:12px;width:8px}.month-label{color:#666;font-size:18px;font-weight:600;margin-top:8px;min-width:80px;text-align:left}.month-records{flex:1 1;gap:12px}.month-records,.record-card-timeline{display:flex;flex-direction:column;margin-left:20px}.record-card-timeline{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #dbeafecc;border-radius:20px;box-shadow:0 4px 20px #3b82f614;cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.record-card-timeline:before{background:linear-gradient(90deg,#3b82f6,#60a5fa 50%,#93c5fd);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.record-card-timeline:hover:before{opacity:1}.record-card-timeline:after{border-color:#0000 #fffffff2 #0000 #0000;border-style:solid;border-width:16px 20px 16px 0;content:"";filter:drop-shadow(-2px 0 4px rgba(59,130,246,.1));height:0;left:-20px;position:absolute;top:24px;width:0}.record-card-timeline:hover{border-color:#3b82f64d;box-shadow:0 12px 40px #3b82f626;transform:translateY(-4px) scale(1.02)}.record-card-timeline:active{box-shadow:0 8px 30px #3b82f61f;transform:translateY(-2px) scale(1.01)}.record-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:80px;padding:28px 28px 70px;position:relative;text-align:left}.record-content:before{background:linear-gradient(90deg,#0000,#3b82f61a 50%,#0000);content:"";height:1px;left:28px;position:absolute;right:28px;top:0}.record-title{color:#1e293b;font-size:18px;font-weight:700;letter-spacing:-.3px;line-height:1.4;margin:0}.record-description{color:#64748b;line-height:1.5}.record-date-row,.record-description{font-size:14px;margin:0;text-align:left}.record-date-row{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:0 0 20px 20px;bottom:0;box-shadow:inset 0 1px 0 #ffffff1a;color:#fff;font-weight:600;left:0;letter-spacing:.3px;min-height:56px;padding:18px 28px;right:0}.record-actions,.record-date-row{align-items:center;display:flex;position:absolute}.record-actions{gap:8px;right:28px;top:24px;z-index:10}.record-actions button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #dbeafe99;border-radius:10px;box-shadow:0 2px 8px #3b82f614;color:#64748b;cursor:pointer;font-size:16px;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.record-actions button:hover{background:#fff;border-color:#3b82f64d;box-shadow:0 4px 16px #3b82f626;color:#3b82f6;transform:translateY(-2px)}.record-actions button:active{transform:translateY(0)}.no-records{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:2px dashed #3b82f64d;border-radius:20px;color:#64748b;font-size:16px;font-style:italic;margin-top:40px;padding:80px 40px;text-align:center}.records-modal-backdrop{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a66;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.records-modal-card{animation:slideUp .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #dbeafee6;border-radius:28px;box-shadow:0 24px 80px #3b82f640;display:flex;flex-direction:column;max-height:88vh;max-width:92%;overflow:hidden;padding:36px;position:relative;width:720px}.appointment-details-card,.records-modal-card{background:linear-gradient(135deg,#f8fafc,#fff)}.appointment-details-card{border:1px solid #dbeafee6;border-radius:20px;box-shadow:0 4px 20px #3b82f614;margin-bottom:16px;padding:20px}.appointment-details-header{align-items:center;display:flex;gap:14px;margin-bottom:16px}.appointment-details-icon{align-items:center;animation:sidebarGradientShift 12s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#1e40af 25%,#1e293b 75%,#0f172a);background-size:400% 400%;border-radius:14px;box-shadow:0 4px 16px #3b82f640;display:flex;height:48px;justify-content:center;width:48px}.appointment-details-icon svg{color:#fff}.appointment-details-title{color:#1e293b;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0}.appointment-details-body{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.appointment-detail-item{background:#fff;border:1px solid #e2e8f0e6;border-radius:14px;box-shadow:0 1px 4px #00000008;display:flex;flex-direction:column;gap:4px;padding:12px 14px;transition:all .2s ease}.appointment-detail-item:hover{box-shadow:0 2px 12px #3b82f614;transform:translateY(-1px)}.appointment-detail-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.appointment-detail-value{color:#1e293b;font-size:14px;font-weight:600}@media (max-width:640px){.appointment-details-body{grid-template-columns:repeat(2,1fr)}}.records-tabs-container{background:#f8fafce6;border:1px solid #e2e8f0cc;border-radius:16px;display:flex;gap:8px;margin-bottom:20px;padding:4px}.records-tab{align-items:center;background:#0000;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.records-tab:hover{background:#e2e8f0cc;color:#475569}.records-tab.active{animation:sidebarGradientShift 12s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#1e40af 25%,#1e293b 75%,#0f172a);background-size:400% 400%;box-shadow:0 4px 16px #3b82f64d;color:#fff}.records-tab-content{flex:1 1;overflow-y:auto;padding-right:8px;scrollbar-color:#3b82f64d #0000;scrollbar-width:thin}.records-tab-content::-webkit-scrollbar{width:6px}.records-tab-content::-webkit-scrollbar-track{background:#f1f5f980;border-radius:3px}.records-tab-content::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.records-tab-content::-webkit-scrollbar-thumb:hover{background:#3b82f680}.consultation-content{display:flex;flex-direction:column}.consultation-card{background:#fff;border:1px solid #e2e8f0e6;border-radius:20px;box-shadow:0 4px 20px #3b82f614;overflow:hidden}.consultation-card-header{align-items:center;background:linear-gradient(135deg,#3b82f60d,#2563eb05);border-bottom:1px solid #e2e8f0cc;display:flex;gap:12px;padding:20px 24px}.consultation-card-header h4{color:#1e293b;font-size:17px;font-weight:700;margin:0}.consultation-card-body{padding:24px}.consultation-info{color:#475569;font-size:15px;line-height:1.6;margin:0}.consultation-notes{border-top:1px solid #e2e8f0cc;margin-top:20px;padding-top:20px}.consultation-notes h5{color:#374151;font-size:14px;font-weight:600;margin:0 0 8px}.consultation-notes p{color:#475569;font-size:14px;line-height:1.6;margin:0}.findings-content,.findings-scroll-container{display:flex;flex-direction:column}.findings-scroll-container{gap:16px}.findings-section-card{background:#fff;border:1px solid #e2e8f0e6;border-radius:20px;box-shadow:0 4px 20px #3b82f614;overflow:hidden}.findings-section-header{align-items:center;background:linear-gradient(135deg,#3b82f60d,#2563eb05);border-bottom:1px solid #e2e8f0cc;display:flex;gap:12px;padding:18px 22px}.findings-section-header h4{color:#1e293b;font-size:16px;font-weight:700;margin:0}.findings-section-body{padding:22px}.findings-list{display:flex;flex-direction:column;gap:12px}.finding-item{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0e6;border-left:4px solid #3b82f6;border-radius:16px;padding:18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.finding-item:hover{box-shadow:0 4px 16px #3b82f61f;transform:translateY(-2px)}.finding-item-content p{color:#1e293b;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.finding-item-footer{align-items:center;border-top:1px solid #e2e8f0cc;display:flex;justify-content:space-between;margin-top:12px;padding-top:12px}.finding-item-footer span{color:#64748b;font-size:12px;font-weight:500}.findings-empty-state{align-items:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:32px}.findings-empty-state p{color:#94a3b8;font-size:14px;font-style:italic;margin:0}.attachments-list{display:flex;flex-direction:column;gap:12px}.attachment-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0e6;border-radius:16px;display:flex;gap:16px;padding:16px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.attachment-item:hover{box-shadow:0 4px 16px #3b82f61f;transform:translateY(-2px)}.attachment-icon{align-items:center;background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.attachment-info{flex:1 1;min-width:0}.attachment-name{color:#2563eb;font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-meta{color:#64748b;display:flex;font-size:12px;gap:6px}.attachment-download{align-items:center;background:#e2e8f0cc;border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.attachment-item:hover .attachment-download{background:#3b82f626;color:#2563eb}.records-modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #dbeafe99;border-radius:10px;box-shadow:0 2px 8px #3b82f614;color:#64748b;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.records-modal-close:hover{background:#fff;box-shadow:0 4px 16px #ef444426;color:#ef4444;transform:scale(1.1)}.records-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700;letter-spacing:-.5px;margin:0 0 28px;text-align:center}.records-modal-card .records-modal-title{text-align:center}.records-modal-details{display:flex;flex-direction:column;gap:16px}.records-detail-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 0;width:100%}.records-detail-row:last-child{border-bottom:none}.records-detail-label{color:#666;flex-shrink:0;font-size:14px;font-weight:600;min-width:120px;text-align:left}.records-detail-value{color:#333;flex-shrink:1;font-size:14px;font-weight:500;margin-left:auto;text-align:right}.records-note-form{flex:1 1;max-height:65vh;overflow-x:hidden;overflow-y:auto;padding-right:4px;scrollbar-color:#3b82f64d #0000;scrollbar-width:thin}.records-note-form::-webkit-scrollbar{width:6px}.records-note-form::-webkit-scrollbar-track{background:#f1f5f980;border-radius:3px}.records-note-form::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.records-note-form::-webkit-scrollbar-thumb:hover{background:#3b82f680}.records-notes-section h4{font-size:16px;font-weight:600;margin:16px 0 8px;text-align:left}.records-note-editor{display:flex;flex-direction:column;gap:12px}.records-note-header{font-weight:600;text-align:left}.records-note-textarea{border:1px solid #ccc;border-radius:6px;font-size:14px;min-height:120px;padding:10px;width:100%}.records-char-counter{right:8px}.records-char-counter.at-limit{color:#dc2626}.records-modal-actions{display:flex;justify-content:flex-end}.records-note-save-btn{background:#7a9ee3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 14px}.records-note-save-btn:hover{background:#29499d;color:#fff}.records-add-note-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;margin-top:8px;padding:8px 12px}.records-note-container{background:#b0c6e8;border-radius:8px;margin-bottom:10px;padding:12px 14px;text-align:left}.records-note-text{color:#111;margin:0;text-align:left}.records-note-edit-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:12px;margin-left:auto;padding:6px 10px}.records-note-edit-btn:hover{background:#f5f5f5}.records-note-textarea.disabled{background:#f5f5f5;color:#666}.records-textarea-wrapper{margin-bottom:12px;position:relative}.records-quick-note-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #dbeafecc;border-radius:16px;box-shadow:0 2px 8px #3b82f60a;font-family:inherit;font-size:15px;min-height:160px;outline:none;padding:20px;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.records-quick-note-textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 4px 20px #3b82f61f,0 0 0 4px #3b82f61a;transform:translateY(-1px)}.records-quick-note-textarea::placeholder{color:#94a3b8}.records-char-counter{background:#ffffffe6;border-radius:4px;bottom:8px;color:#666;font-size:12px;padding:2px 4px;position:absolute;right:12px}.records-add-note-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:16px;box-shadow:0 4px 16px #3b82f633;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.records-add-note-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.records-add-note-btn:hover{box-shadow:0 8px 24px #3b82f64d;transform:translateY(-2px)}.records-add-note-btn:hover:before{left:100%}.records-add-note-btn:active{transform:translateY(0)}.records-add-note-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.ma-modal-actions{border-top:1px solid #dbeafe99;gap:12px;justify-content:flex-end;margin-top:auto;padding-top:20px}.ma-modal-btn{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ma-modal-btn.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #dbeafecc;color:#64748b}.ma-modal-btn.secondary:hover{background:#fff;border-color:#3b82f6;box-shadow:0 4px 16px #3b82f626;color:#3b82f6;transform:translateY(-2px)}.ma-modal-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 16px #3b82f633;color:#fff}.ma-modal-btn.primary:hover:not(:disabled){box-shadow:0 8px 24px #3b82f64d;transform:translateY(-2px)}.ma-modal-btn.primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.ma-banner{word-wrap:break-word;animation:slideDown .3s ease;margin-bottom:16px;max-width:100%;overflow-wrap:break-word;padding:12px 16px;position:relative;z-index:10}.ma-banner.error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;box-shadow:0 2px 8px #ef444426}.ma-banner.success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;box-shadow:0 2px 8px #22c55e26}.ma-banner .banner-icon{flex-shrink:0;margin-right:12px}.ma-banner .banner-message{flex:1 1;line-height:1.4}.ma-banner .banner-close{align-items:center;background:none;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;flex-shrink:0;margin-left:8px;padding:4px;transition:all .2s ease}.ma-banner .banner-close:hover{background:#0000001a}.ma-banner.error .banner-close:hover{background:#ef444433}.ma-banner.success .banner-close:hover{background:#22c55e33}.records-modal-pagination{border-top:1px solid #dbeafe99;display:flex;gap:12px;justify-content:center;margin-top:24px;padding-top:20px}.pagination-dot{background:#94a3b866;border-radius:50%;cursor:pointer;height:10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:10px}.pagination-dot:hover{background:#94a3b899;transform:scale(1.1)}.pagination-dot.active{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 0 0 4px #3b82f61a,0 4px 12px #3b82f64d;transform:scale(1.3)}.records-notes-list{max-height:400px;overflow-y:auto;padding-right:12px;scrollbar-color:#3b82f64d #0000;scrollbar-width:thin}.records-notes-list::-webkit-scrollbar{width:6px}.records-notes-list::-webkit-scrollbar-track{background:#f1f5f980;border-radius:3px}.records-notes-list::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.records-notes-list::-webkit-scrollbar-thumb:hover{background:#3b82f680}.records-note-item{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #dbeafecc;border-radius:16px;box-shadow:0 2px 12px #3b82f614;display:flex;justify-content:space-between;margin-bottom:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.records-note-item:hover{border-color:#3b82f666;box-shadow:0 4px 20px #3b82f61f;transform:translateY(-2px)}.records-note-content{flex:1 1;margin-right:16px;padding-bottom:24px;position:relative}.records-note-text{color:#333;font-size:14px;line-height:1.4;margin:0 0 8px}.records-notes-list .records-note-date{background:#f5f5f5;border-radius:12px;bottom:0;color:#666;font-size:12px;left:0;margin:0;padding:4px 8px;position:absolute}.records-note-date{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:20px;color:#666;display:block;font-size:13px;margin-bottom:20px;margin-left:auto;padding:8px 16px;text-align:center;text-align:right}.records-note-actions{display:flex;flex-direction:column;gap:8px}.records-note-delete-btn,.records-note-edit-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #dbeafe99;border-radius:8px;box-shadow:0 2px 8px #3b82f614;cursor:pointer;font-size:14px;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.records-note-edit-btn:hover{background:#fff;border-color:#0369a14d;box-shadow:0 4px 16px #0369a126;color:#0369a1;transform:translateY(-2px)}.records-note-delete-btn:hover{background:#fff;border-color:#dc26264d;box-shadow:0 4px 16px #dc262626;color:#dc2626;transform:translateY(-2px)}.no-notes-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:2px dashed #3b82f64d;border-radius:16px;color:#64748b;font-size:16px;font-style:italic;padding:60px 20px;text-align:center}@media (max-width:1280px){.records-header{padding:24px 32px}.records-workspace{padding:28px 32px}}@media (max-width:1024px){.records-header{flex-wrap:wrap;gap:16px;min-height:90px;padding:20px 24px}.records-header h1{font-size:20px}.records-controls{flex-wrap:wrap;width:100%}.records-workspace{gap:24px;padding:24px}.records-sidebar{width:220px}}@media (max-width:768px){.records-header{min-height:80px;padding:16px 20px}.records-header h1{font-size:18px}.records-workspace{gap:20px;padding:20px}.records-sidebar{width:200px}.records-modal-card{padding:24px;width:90%}}@media (max-width:640px){.records-workspace{flex-direction:column;padding:16px}.records-sidebar{max-height:none;padding-right:0;position:static;width:100%}.records-sidebar ul{flex-direction:row;gap:8px;overflow-x:auto;padding-bottom:8px}.records-sidebar li{flex-shrink:0;white-space:nowrap}.records-modal-card{padding:20px;width:95%}.records-modal-title{font-size:18px}}@media (max-width:768px){.records-header{min-height:80px;padding:16px 20px}.records-header h1{font-size:18px}.records-controls{align-items:stretch;flex-direction:column;gap:12px}.records-search-container{flex-direction:column;gap:12px;max-width:none;min-width:auto;padding:6px}.records-search-container:after{display:none}.records-search-box{min-width:auto}.records-date-filter{max-width:none;min-width:auto}.add-folder-btn{font-size:14px;justify-content:center;padding:12px 16px}}@media (max-width:480px){.records-header h1{font-size:16px}.records-search-box-inner input{font-size:14px;padding:12px 16px 12px 40px}.records-modal-card{padding:16px}}.admin-profile{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,Segoe UI,sans-serif;margin:0;min-height:100vh;padding:0}.admin-profile .admin-top-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 20px #3b82f626;display:flex;height:72px;justify-content:space-between;padding:0 32px}.admin-profile .admin-avatar{background:#e0e0e0;border-radius:50%;height:36px;width:36px}.admin-profile .admin-profile-icon{color:#000;font-size:22px}.admin-profile .admin-content-wrapper{box-sizing:border-box;display:flex;flex:1 1;height:calc(100vh - 64px);min-height:680px;overflow:hidden}.admin-profile .admin-sidebar{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffffd9;border-right:1px solid #e2e8f04d;box-shadow:8px 0 40px #3b82f614;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 72px);min-height:680px;overflow-x:hidden;overflow-y:auto;padding:32px 20px;position:relative;width:260px}.admin-profile .admin-sidebar:before{background:radial-gradient(circle at 20% 20%,#3b82f608 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.admin-profile .admin-sidebar-header{margin-bottom:32px;position:relative;z-index:2}.admin-profile .admin-settings-title{color:#0f172a;font-size:24px;font-weight:700;letter-spacing:-.025em;margin-bottom:8px}.admin-profile .admin-menu{display:flex;flex:1 1;flex-direction:column;gap:10px;margin-top:20px;position:relative;z-index:2}.admin-profile .admin-menu-button{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#3b82f60d;border:1px solid #3b82f626;border-radius:16px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:12px;min-height:44px;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-profile .admin-menu-button:before{background:linear-gradient(135deg,#3b82f60d,#2563eb05);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.admin-profile .admin-menu-button .admin-icon{color:#3b82f6;flex-shrink:0;font-size:16px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:18px}.admin-profile .admin-menu-button .admin-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1e293b);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:13px;letter-spacing:.005em;line-height:1.3;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.admin-profile .admin-menu-button:hover{background:#3b82f61f;border-color:#3b82f640;box-shadow:0 8px 25px #3b82f640;color:#1e40af;transform:translateY(-2px) scale(1.02)}.admin-profile .admin-menu-button:hover:before{opacity:1}.admin-profile .admin-menu-button:hover .admin-icon{color:#fff;transform:scale(1.1)}.admin-profile .admin-menu-button.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;box-shadow:0 6px 20px #3b82f64d;color:#fff;transform:translateY(-1px) scale(1.005)}.admin-profile .admin-menu-button.active:before{opacity:0}.admin-profile .admin-menu-button.active .admin-icon{color:#fff;transform:scale(1.05)}.admin-profile .admin-menu-button.active .admin-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f8fafc);-webkit-background-clip:text;background-clip:text}.admin-profile .admin-menu-button.logout:hover{background:#ef444414;border-color:#ef444426;box-shadow:0 8px 25px #ef444426;color:#b91c1c;transform:translateY(-2px) scale(1.01)}.admin-profile .admin-menu-button.logout.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#0000;box-shadow:0 8px 30px #ef444459;color:#fff}.admin-profile .admin-menu-button.deactivate:hover{background:#b91c1c14;border-color:#b91c1c26;box-shadow:0 8px 25px #b91c1c26;color:#991b1b;transform:translateY(-2px) scale(1.01)}.admin-profile .admin-menu-button.deactivate.active{background:linear-gradient(135deg,#b91c1c,#991b1b);border-color:#0000;box-shadow:0 8px 30px #b91c1c59;color:#fff}.admin-profile .admin-menu-danger-zone{margin-top:-10px;position:relative;z-index:2}.admin-profile .danger-zone-spacer{height:32px}.admin-profile .danger-zone-label{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;background-clip:text;font-size:13px;font-weight:700;letter-spacing:.025em;margin-bottom:12px;text-align:left}.admin-profile .admin-menu-button.danger-zone-delete{background:#ef444414;border:1px solid #ef444433;width:100%}.admin-profile .admin-menu-button.danger-zone-delete:hover{background:#ef444426;border-color:#ef44444d;box-shadow:0 8px 25px #ef444433;transform:translateY(-2px) scale(1.01)}.admin-profile .admin-menu-button.danger-zone-delete .admin-icon{color:#ef4444}.admin-profile .admin-menu-button.danger-zone-delete .admin-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;background-clip:text}.admin-profile .admin-panel{background:#fff;height:calc(100vh - 72px);min-height:680px;padding:32px;position:relative}.admin-profile .admin-panel,.admin-profile .admin-panel-content.scrollable{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;max-width:100%;overflow-x:hidden;overflow-y:auto;width:100%}.admin-profile .admin-panel-content.scrollable{height:100%;min-width:0;padding-right:12px}.privacy-panel{max-width:100%;overflow-x:hidden;overflow-y:auto}.profile-header-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f099;border-radius:20px;box-shadow:0 8px 32px #00000014;display:flex;gap:24px;margin-bottom:32px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-header-card:hover{box-shadow:0 12px 40px #0000001f;transform:translateY(-2px)}.profile-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 4px 16px #3b82f64d;color:#fff;display:flex;flex-shrink:0;font-size:32px;font-weight:600;height:80px;justify-content:center;width:80px}.profile-info{flex:1 1}.profile-name{color:#0f172a;font-size:24px;font-weight:700;letter-spacing:-.025em;margin-bottom:4px}.profile-email{color:#64748b;font-size:13px;margin-bottom:8px}.profile-status{background:#22c55e1a;border:1px solid #22c55e33;border-radius:20px;color:#16a34a;display:inline-block;font-size:12px;font-weight:500;padding:6px 12px}.admin-profile .admin-account-panel .admin-section{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #e2e8f099;border-radius:16px;box-shadow:0 4px 20px #0000000f;margin-bottom:24px;padding:24px;transition:none}.admin-profile .admin-section-header{align-items:center;border-bottom:1px solid #e2e8f033;display:flex;justify-content:space-between;margin-bottom:32px;padding:0 0 16px}.admin-profile .admin-section-header h3{color:#0f172a;font-size:20px;font-weight:600;letter-spacing:-.025em;margin:0}.admin-profile .admin-section-controls{align-items:center;display:flex;flex-direction:row;gap:8px}.admin-profile .admin-section-controls button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;margin:0;padding:0}.admin-profile .admin-section-controls button svg{color:#000;font-size:18px}.admin-profile .admin-section-subheading{align-items:center;background:#0000;border:none;border-radius:0;color:#64748b;font-size:13px;font-weight:400;justify-content:space-between;line-height:1.5;margin:0 0 20px;padding:0;text-align:left}.admin-profile .admin-section-subheading span{flex:1 1;text-align:left}.admin-section-subheading{align-items:center;background:#3b82f60d;border:1px solid #3b82f61a;border-radius:16px;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px 20px}.admin-section-subheading h3{color:#0f172a;font-size:16px;font-weight:600;letter-spacing:-.025em;margin:0}.admin-edit-btn{background:#ffffffe6;border:1px solid #3b82f64d;border-radius:8px;color:#3b82f6;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.025em;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.admin-edit-btn:hover{background:#3b82f61a;border-color:#3b82f680;color:#2563eb}.admin-profile .admin-section-body{background:#fff;border:1px solid #e2e8f099;border-radius:16px;box-shadow:0 4px 20px #0000000f;margin-bottom:32px;padding:24px;transition:none}.admin-profile .admin-section-body:hover{box-shadow:0 4px 20px #0000000f;transform:none}.admin-profile .admin-section-body .admin-section-subheading{background:#3b82f60d;border:1px solid #3b82f61a;border-radius:16px;margin-bottom:32px;padding:16px 20px}.admin-profile .admin-section-body .admin-section-subheading h3{color:#0f172a;font-size:16px;font-weight:600;letter-spacing:-.025em;margin:0}.admin-profile .admin-contact-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1.5px solid #e2e8f0cc;border-radius:10px;display:flex;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.admin-profile .admin-contact-wrapper:hover{background:#fffffff2;border-color:#3b82f64d}.admin-profile .admin-contact-wrapper:focus-within{background:#fffffff2;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.admin-profile .admin-contact-wrapper.input-error{background:#fef2f2cc;border-color:#ef4444}.admin-profile .admin-contact-wrapper.input-error:focus-within{box-shadow:0 0 0 3px #ef44441a}.admin-profile .admin-country-code{align-items:center;background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-right:1px solid #e2e8f099;color:#3b82f6;display:flex;font-size:13px;font-weight:600;height:100%;justify-content:center;letter-spacing:.025em;min-height:48px;padding:0 12px;-webkit-user-select:none;user-select:none}.admin-profile .admin-contact-wrapper input{background:#0000;border:none;box-sizing:border-box;color:#374151;flex:1 1;font-size:13px;height:48px;outline:none;padding:14px 16px}.admin-profile .admin-contact-wrapper input::placeholder{color:#94a3b8;font-weight:400}.admin-profile .admin-contact-wrapper input[readonly]{background:#0000;color:#64748b;cursor:default}.admin-profile .admin-contact-wrapper input[readonly]:hover{background:#0000}.admin-profile .admin-form-row{display:flex;flex-direction:column;gap:10px;margin-bottom:32px;position:relative;width:100%}.admin-profile .admin-form-row label{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:600;gap:6px;letter-spacing:.025em;margin-bottom:0;text-align:left}.admin-profile .admin-column{display:flex;flex:1 1;flex-direction:column;gap:16px;min-width:0}.admin-profile .admin-input-icon-wrapper{position:relative;width:100%}.admin-profile .admin-input-icon-wrapper .admin-input-icon{color:#64748b;font-size:18px;left:14px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.admin-profile .admin-input-icon-wrapper input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1.5px solid #e2e8f0cc;border-radius:10px;box-sizing:border-box;color:#374151;flex:1 1;font-size:13px;height:48px;padding:14px 14px 14px 44px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.admin-profile .admin-input-icon-wrapper input:focus{background:#fffffff2;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.admin-profile .admin-input-icon-wrapper input:hover{border-color:#3b82f64d}.admin-profile .admin-input-icon-wrapper input[readonly]{background:#f8fafccc;color:#64748b;cursor:default}.admin-profile .admin-input-icon-wrapper input[readonly]:hover{border-color:#e2e8f0cc}.admin-profile .admin-password-input-wrapper{align-items:center;display:flex;position:relative}.admin-profile .admin-password-input-wrapper input{box-sizing:border-box;padding-right:50px;width:100%}.admin-profile .admin-password-input-wrapper .admin-eye-icon{border-radius:4px;color:#64748b;cursor:pointer;font-size:18px;padding:4px;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:all .2s ease}.admin-profile .admin-password-input-wrapper .admin-eye-icon:hover{background:#3b82f61a;color:#3b82f6}.admin-profile .admin-password-info-display{display:flex;flex-direction:column;gap:16px}.admin-profile .admin-password-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1.5px solid #e2e8f0cc;border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-profile .admin-password-item:hover{background:#fffffff2;border-color:#3b82f64d;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.admin-profile .admin-password-label{color:#374151;font-size:13px;font-weight:600;letter-spacing:.025em}.admin-profile .admin-password-value{align-items:center;display:flex;gap:8px}.admin-profile .masked-password{color:#64748b;font-family:Courier New,monospace;font-size:13px;font-weight:500;letter-spacing:2px;-webkit-user-select:none;user-select:none}.admin-profile .admin-reveal-btn{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.admin-profile .admin-reveal-btn:hover{background:#3b82f61a;color:#3b82f6}.admin-profile .admin-password-status{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:20px;display:flex;gap:8px;padding:8px 12px}.admin-profile .admin-password-secure-icon{color:#3b82f6;flex-shrink:0;font-size:13px}.admin-profile .status-indicator{border-radius:50%;flex-shrink:0;height:6px;width:6px}.admin-profile .status-indicator.secure{background:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.admin-profile .admin-password-status span{color:#3b82f6;font-size:12px;font-weight:500;letter-spacing:.025em}.admin-profile .admin-password-status .last-updated{color:#64748b;font-size:11px;font-weight:400;margin-left:auto}.admin-profile .admin-section-subheading{border-top:1px solid #e2e8f099;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.admin-profile .admin-form-actions.right-aligned{border-top:1px solid #e2e8f099;display:flex;gap:20px;justify-content:flex-end;margin-top:32px;padding-top:24px}.admin-profile .admin-update-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 16px #3b82f64d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-profile .admin-update-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.admin-profile .admin-update-btn:disabled{background:#e2e8f0;box-shadow:none;color:#94a3b8;cursor:not-allowed;transform:none}.admin-profile .admin-cancel-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1.5px solid #e2e8f0cc;border-radius:10px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-profile .admin-cancel-btn:hover{background:#f8fafcf2;border-color:#94a3b880;color:#475569;transform:translateY(-1px)}.admin-profile .admin-password-rules{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f8fafce6,#f1f5f9cc);border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 2px 8px #0000000a;font-size:13px;margin-bottom:16px;margin-top:16px;padding:20px;text-align:left}.admin-password-strength{margin-top:12px}.password-strength-bar{background:#e2e8f0cc;border-radius:999px;box-shadow:inset 0 1px 2px #0000000d;height:8px;margin-bottom:8px}.password-strength-bar span{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:999px;transition:width .3s cubic-bezier(.4,0,.2,1)}.password-strength-text{color:#64748b;font-weight:500}.admin-profile .admin-rule-item{align-items:center;display:flex;gap:10px;margin-bottom:6px;transition:all .2s ease}.admin-profile .admin-rule-item:hover{transform:translateX(2px)}.admin-profile .admin-rule-item .admin-checkbox{align-items:center;background:#ffffffe6;border:2px solid #3b82f6;border-radius:6px;color:#fff;display:flex;font-size:12px;height:20px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:20px}.admin-profile .admin-rule-item .admin-checkbox.checked{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;box-shadow:0 2px 8px #3b82f64d}.admin-profile .admin-forgot-password-text{color:#3b82f6;cursor:pointer;display:block;font-size:13px;font-weight:500;margin-top:8px;padding:4px 0;text-align:left;transition:all .2s ease}.admin-profile .admin-forgot-password-text:hover{color:#2563eb;text-decoration:underline}.admin-profile .admin-notifications-panel{display:flex;flex-direction:column;gap:16px;text-align:left}.admin-profile .admin-notifications-title{margin-bottom:6px}.admin-profile .admin-notifications-subtext{color:#666;font-size:13px;margin-bottom:16px;margin-top:0;overflow:visible;text-align:left;text-overflow:clip;white-space:normal}.admin-profile .admin-notifications-list{display:flex;flex-direction:column;gap:16px}.admin-profile .admin-notification-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;min-height:72px;padding:16px 20px;transition:transform .2s ease,box-shadow .2s ease}.admin-profile .admin-notification-card:hover{box-shadow:0 3px 10px #0000001f;transform:translateY(-3px)}.admin-profile .admin-notification-left{align-items:center;display:flex;gap:12px;max-width:75%}.admin-profile .admin-notification-icon{align-items:center;background-color:#eef2f6;border-radius:8px;color:#000;display:flex;font-size:26px;height:48px;justify-content:center;min-width:48px}.admin-profile .admin-notification-text{display:flex;flex-direction:column;text-align:left}.admin-profile .admin-notification-text h4{color:#000;font-size:16px;font-weight:500;margin:0}.admin-profile .admin-notification-text p{color:#555;font-size:13px;line-height:1.4;margin:4px 0 0}.admin-profile .admin-switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:46px}.admin-profile .admin-switch input{height:0;opacity:0;width:0}.admin-profile .admin-slider{background-color:#ddd;border-radius:34px;cursor:pointer;inset:0;position:absolute;transition:background-color .3s ease}.admin-profile .admin-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 6px #0003;content:"";height:18px;left:3px;position:absolute;transition:transform .3s ease;width:18px}.admin-profile .admin-switch input:checked+.admin-slider{background-color:#29499d}.admin-profile .admin-switch input:checked+.admin-slider:before{transform:translateX(22px)}.admin-profile .admin-switch input:focus+.admin-slider{box-shadow:0 0 0 2px #29499d66}.admin-profile .admin-content-panel{display:flex;flex-direction:column;gap:20px;max-width:100%;overflow-x:hidden;padding:20px;text-align:left}.admin-profile .admin-content-title{margin-bottom:6px}.admin-profile .admin-content-subtext{color:#666;font-size:13px;line-height:1.5;margin-bottom:16px;margin-top:0;max-width:100%;overflow:visible;text-align:left;text-overflow:clip;white-space:normal}.admin-profile .admin-content-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:100%;overflow-x:hidden;width:100%}.admin-profile .admin-content-card{background:#fff;border-radius:16px;box-shadow:0 4px 14px #00000029;display:flex;flex-direction:column;gap:12px;max-width:100%;min-width:0;overflow:hidden;padding:16px 20px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.admin-profile .admin-content-card:hover{box-shadow:0 8px 22px #00000038;transform:translateY(-3px)}.admin-profile .admin-content-left{align-items:flex-start;display:flex;gap:14px;max-width:100%;width:100%}.admin-profile .admin-content-icon,.admin-profile .admin-content-img{border-radius:12px;flex-shrink:0;height:160px;margin-bottom:12px;object-fit:cover;width:100%}.admin-profile .admin-content-text{display:flex;flex:1 1;flex-direction:column;gap:6px;justify-content:flex-start;min-width:0;text-align:left}.admin-profile .admin-content-text h4{color:#000;font-size:13px;font-weight:600;line-height:1.3;margin:0}.admin-profile .admin-content-text p{color:#555;font-size:12px;line-height:1.4;margin:0;overflow:visible;white-space:normal}.admin-profile .admin-content-card .admin-switch{align-self:flex-end;margin-top:auto}.admin-profile .admin-content-actions{background:#fff;border-radius:16px;border-top:1px solid #e2e8f099;bottom:0;box-shadow:0 -4px 16px #0000000f;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:20px;padding:16px 20px;position:-webkit-sticky;position:sticky;z-index:10}.admin-profile .admin-content-action-btn{border:1.5px solid #0000;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-profile .admin-content-action-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.admin-profile .admin-content-action-btn.primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.admin-profile .admin-content-action-btn.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1.5px solid #e2e8f0cc;color:#64748b}.admin-profile .admin-content-action-btn.secondary:hover{background:#f8fafcf2;border-color:#94a3b880;color:#475569;transform:translateY(-1px)}.custom-dropdown{position:relative;width:100%}.custom-dropdown .dropdown-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1.5px solid #e2e8f0cc;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;min-height:48px;padding:14px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.custom-dropdown .dropdown-button:hover{background:#fffffff2;border-color:#3b82f64d}.custom-dropdown .dropdown-button:focus{background:#fffffff2;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.custom-dropdown .dropdown-button.disabled{background:#f8fafccc;color:#94a3b8;cursor:not-allowed;opacity:.6}.custom-dropdown .dropdown-button .placeholder{color:#94a3b8}.custom-dropdown .dropdown-arrow{color:#64748b;font-size:12px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.custom-dropdown .dropdown-arrow.open{transform:rotate(180deg)}.custom-dropdown .dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1.5px solid #e2e8f0cc;border-radius:16px;box-shadow:0 8px 32px #0000001f;left:0;margin-top:6px;max-height:220px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.custom-dropdown .dropdown-options{max-height:200px;overflow-y:auto}.custom-dropdown .dropdown-item{border-bottom:1px solid #f1f5f9cc;color:#374151;cursor:pointer;font-size:13px;padding:12px 14px;text-align:left;transition:all .2s ease}.custom-dropdown .dropdown-item:last-child{border-bottom:none}.custom-dropdown .dropdown-item:hover{background:#3b82f614;color:#2563eb}.custom-dropdown .dropdown-item.selected{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.custom-dropdown .dropdown-empty,.custom-dropdown .dropdown-loading{color:#64748b;font-size:13px;font-weight:500;padding:16px;text-align:center}.custom-dropdown .dropdown-menu::-webkit-scrollbar{width:6px}.custom-dropdown .dropdown-menu::-webkit-scrollbar-track{background:#f1f5f980;border-radius:3px}.custom-dropdown .dropdown-menu::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:3px}.custom-dropdown .dropdown-menu::-webkit-scrollbar-thumb:hover{background:#94a3b899}.admin-profile .admin-sidebar::-webkit-scrollbar{width:6px}.admin-profile .admin-sidebar::-webkit-scrollbar-track{background:#f1f5f91a;border-radius:3px}.admin-profile .admin-sidebar::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.admin-profile .admin-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b880}@media(max-width:1366px){.admin-profile .admin-sidebar{padding:28px 18px;width:240px}.admin-profile .admin-settings-title{font-size:22px}.admin-profile .admin-menu{gap:9px;margin-top:18px}.admin-profile .admin-menu-button{font-size:13px;gap:11px;min-height:42px;padding:11px 15px}.admin-profile .admin-menu-button .admin-icon{font-size:16px;width:18px}.admin-profile .admin-content-list{gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.admin-profile .admin-content-panel{padding:18px}}@media(max-width:1280px){.admin-profile .admin-sidebar{padding:28px 18px;width:240px}.admin-profile .admin-settings-title{font-size:22px}.admin-profile .admin-menu{gap:9px;margin-top:18px}.admin-profile .admin-menu-button{font-size:13px;gap:11px;min-height:42px;padding:11px 15px}.admin-profile .admin-menu-button .admin-icon{font-size:16px;width:18px}}@media(max-width:1024px){.admin-profile .admin-sidebar{padding:24px 16px;width:220px}.admin-profile .admin-settings-title{font-size:20px}.admin-profile .admin-menu{gap:8px;margin-top:16px}.admin-profile .admin-menu-button{font-size:13px;gap:10px;min-height:40px;padding:10px 13px}.admin-profile .admin-menu-button .admin-icon{font-size:16px;width:18px}}@media(max-width:768px){.admin-profile .admin-sidebar{padding:20px 14px;width:200px}.admin-profile .admin-settings-title{font-size:18px;margin-bottom:6px}.admin-profile .admin-content-list{gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.admin-profile .admin-content-card{padding:14px 16px}.admin-profile .admin-content-icon,.admin-profile .admin-content-img{height:40px;width:40px}.admin-profile .admin-content-text h4{font-size:13px}.admin-profile .admin-content-text p{font-size:11px}.admin-profile .admin-menu-button{font-size:12px;gap:9px;min-height:36px;padding:10px 12px}.admin-profile .admin-menu-button .admin-icon{font-size:13px;width:16px}.admin-profile .admin-personal-body .admin-personal-columns{flex-direction:column}.admin-profile .admin-content-left,.admin-profile .admin-notification-left{max-width:65%}.admin-profile .admin-content-text h4{font-size:14px}.admin-profile .admin-content-text p{font-size:12px}.admin-profile .admin-content-wrapper{height:calc(100vh - 72px);min-height:600px;overflow:hidden}.admin-profile .admin-sidebar{flex-shrink:0}.admin-profile .admin-panel,.admin-profile .admin-sidebar{height:calc(100vh - 72px);min-height:600px;overflow-y:auto}.admin-profile .admin-panel{padding:20px}.profile-header-card{gap:20px;padding:24px}.profile-avatar{font-size:24px;height:64px;width:64px}.profile-name{font-size:20px}.admin-profile .admin-account-panel .admin-section{padding:20px}}@media(max-width:640px){.admin-profile .admin-sidebar{padding:18px 12px;width:180px}.admin-profile .admin-settings-title{font-size:16px}.admin-profile .admin-menu{gap:6px;margin-top:14px}.admin-profile .admin-menu-button{font-size:11px;gap:8px;min-height:34px;padding:9px 11px}.admin-profile .admin-menu-button .admin-icon{font-size:13px;width:16px}}@media(max-width:480px){.admin-profile .admin-sidebar{padding:16px 10px;width:160px}.admin-profile .admin-settings-title{font-size:13px}.admin-profile .admin-menu{gap:5px;margin-top:12px}.admin-profile .admin-menu-button{border-radius:8px;font-size:11px;gap:7px;min-height:32px;padding:8px 10px}.admin-profile .admin-menu-button .admin-icon{font-size:12px;width:14px}.admin-profile .admin-notification-card{padding:14px 16px}.admin-profile .admin-notification-left{max-width:60%}.admin-profile .admin-notification-icon{font-size:22px;min-width:28px}.admin-profile .admin-content-card{padding:14px 16px}.admin-profile .admin-content-left{max-width:60%}.admin-profile .admin-content-icon,.admin-profile .admin-content-img{height:50px;width:50px}.admin-profile .admin-content-wrapper{height:calc(100vh - 72px);min-height:600px;overflow:hidden}.admin-profile .admin-sidebar{flex-shrink:0}.admin-profile .admin-panel,.admin-profile .admin-sidebar{height:calc(100vh - 72px);min-height:600px;overflow-y:auto}.admin-profile .admin-panel{padding:16px}.profile-header-card{flex-direction:column;padding:20px;text-align:center}.profile-avatar{font-size:20px;height:60px;width:60px}.profile-name{font-size:18px}.profile-email{font-size:13px}.admin-profile .admin-account-panel .admin-section{padding:16px}.admin-profile .admin-panel-title{font-size:24px}}.modal-banner{align-items:center;animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;padding:16px 24px;position:fixed;right:20px;top:20px;z-index:9999}.modal-banner.success{background-color:#28a745;color:#fff}.modal-banner.error{background-color:#dc3545;color:#fff}.modal-banner .banner-message{font-size:13px;font-weight:500}.modern-section{background:#fff;border:1px solid #e2e8f099;border-radius:16px;box-shadow:0 4px 20px #0000000f;margin-bottom:24px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-section:hover{border-color:#3b82f633;box-shadow:0 8px 32px #0000001a;transform:translateY(-2px)}.modern-section-header{align-items:center;border-bottom:1px solid #e2e8f066;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.modern-section-title{color:#0f172a;font-size:18px;font-weight:600;letter-spacing:-.025em;margin:0}.modern-section-description{color:#64748b;font-size:13px;line-height:1.5;margin:4px 0 0}.psp-main{max-width:100%;width:100%}.psp-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.psp-left,.psp-right{max-width:100%;width:100%}.psp-section{background:#fff;border:1px solid #e2e8f099;border-radius:16px;box-shadow:0 4px 20px #0000000f;margin-bottom:24px;padding:20px}.psp-section:hover{border-color:#3b82f633;box-shadow:0 8px 32px #0000001a;transform:translateY(-2px)}.psp-section-header{border:none;border-radius:12px;margin-bottom:24px;padding:24px}.psp-section-title{letter-spacing:-.025em}.psp-btn-edit{box-shadow:0 2px 8px #0000001a;color:#2563eb;font-weight:700;padding:10px 22px}.psp-btn-edit:hover{background:#fff;box-shadow:0 4px 16px #0003;color:#1d4ed8;transform:translateY(-2px)}.psp-field{margin-bottom:20px}.psp-field label{color:#374151;display:block;font-size:13px;letter-spacing:.025em;margin-bottom:8px}.psp-field input,.psp-field select,.psp-field textarea{background:#fffffff2;border:1.5px solid #e2e8f0cc;border-radius:10px;box-sizing:border-box;color:#1f2937;font-size:14px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.psp-field input:focus,.psp-field select:focus,.psp-field textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.psp-field input[readonly]{background:#f8fafccc;color:#64748b;cursor:default}.psp-field input[readonly]:focus{border-color:#e2e8f0cc;box-shadow:none}.psp-box{background:#fff;border:1px solid #e2e8f099;border-radius:16px;box-shadow:0 4px 20px #0000000f;margin-bottom:24px;padding:20px}.psp-box:hover{border-color:#3b82f633;box-shadow:0 8px 32px #0000001a;transform:translateY(-2px)}.psp-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;box-shadow:0 4px 12px #3b82f64d;font-size:14px;padding:12px 24px}.psp-btn-primary:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-1px)}.psp-btn-primary:disabled{background:#e2e8f0;box-shadow:none;color:#94a3b8;cursor:not-allowed;transform:none}.psp-btn-outline{background:#fffffff2;border:1.5px solid #e2e8f0cc;border-radius:10px;color:#64748b;font-size:14px;padding:12px 24px}.psp-btn-outline:hover{background:#f8fafcf2;border-color:#94a3b880;color:#475569;transform:translateY(-1px)}.account-panel{max-width:100%;width:100%}.account-header{margin-bottom:32px}.account-profile-card{align-items:center;background:linear-gradient(135deg,#3b82f60d,#2563eb05);border-radius:20px;box-shadow:0 4px 20px #0000000a;padding:32px}.account-avatar{box-shadow:0 4px 16px #3b82f64d;font-size:32px;font-weight:600}.account-status-indicator{background:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 8px #0000001a;gap:4px;padding:4px;right:4px}.status-dot{background:#22c55e;box-shadow:0 0 0 3px #22c55e33;height:10px;width:10px}.account-status-indicator span{color:#16a34a;font-size:12px;font-weight:600}.account-info{align-items:center}.account-info-left h1{color:#0f172a;font-size:24px;font-weight:700;letter-spacing:-.025em;margin:0 0 4px}.account-info-left p{color:#64748b;font-size:14px;margin:0}.meta-item{color:#475569;font-size:14px}.meta-item svg{color:#3b82f6}.account-stats{grid-gap:16px;gap:16px;margin-bottom:32px}.stat-card:hover{border-color:#3b82f633;box-shadow:0 8px 32px #0000001a;transform:translateY(-2px)}.stat-icon,.stat-number{font-size:24px}.stat-number{letter-spacing:-.025em;margin:0}.stat-label{margin:4px 0 0}.account-tabs{background:#f8fafccc;border:1px solid #e2e8f099;border-radius:16px;display:flex;gap:8px;margin-bottom:32px;overflow-x:auto;padding:6px}.account-tab{align-items:center;background:#0000;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:10px;justify-content:center;min-width:160px;padding:14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.account-tab:hover{background:#3b82f60d;color:#3b82f6}.account-tab--active{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.account-tab--active:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.account-tab-icon{font-size:18px}.account-tab-content{animation:fadeIn .3s ease-in-out}.hidden{display:none}.psp-toggle-row{background:#f8fafccc;border:1px solid #e2e8f099;border-radius:12px;margin-bottom:20px;padding:16px}.psp-toggle-label{color:#1f2937;font-size:14px;margin-bottom:4px}.psp-toggle-desc{margin:0}.psp-toggle{background:#e2e8f0;border:none;border-radius:999px}.psp-toggle.psp-toggle-on{background:linear-gradient(135deg,#3b82f6,#2563eb)}.psp-toggle-knob{box-shadow:0 2px 6px #00000026;left:3px;position:absolute;top:3px;transition:all .3s cubic-bezier(.4,0,.2,1)}.psp-toggle.psp-toggle-on .psp-toggle-knob{transform:translateX(24px)}.psp-sessions-label{color:#1f2937;font-size:14px;margin-bottom:12px}.psp-session-list{display:flex;flex-direction:column;gap:12px}.psp-session-item{background:#f8fafccc;border:1px solid #e2e8f099;border-radius:12px;padding:14px 16px;transition:all .2s ease}.psp-session-item:hover{background:#fff;border-color:#3b82f633}.psp-session-info{gap:2px}.psp-session-device{color:#1f2937}.psp-btn-revoke{background:#ef44441a;border:none;border-radius:8px;color:#dc2626;padding:8px 16px;transition:all .2s ease}.psp-btn-revoke:hover{background:#ef444426}.psp-btn-edit{background:#3b82f61a;border-radius:10px;font-size:14px;padding:10px 16px}.psp-btn-edit:hover{background:#3b82f626}.admin-field-error{color:#dc2626;font-size:12px;font-weight:500;margin-top:6px}.location-group{width:100%}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.hh-chip-group{gap:10px;margin-bottom:16px}.hh-chip{background:#f8fafccc;border:1.5px solid #e2e8f0cc;border-radius:999px;font-size:14px;padding:10px 18px;transition:all .2s ease}.hh-chip:hover:not(.hh-chip--disabled){background:#3b82f60d;border-color:#3b82f6;color:#3b82f6}.hh-chip--selected{box-shadow:0 4px 12px #3b82f64d}.hh-chip--disabled{opacity:.6}.hh-char-counter-wrapper{width:100%}.hh-other-input{background:#fffffff2;border:1.5px solid #e2e8f0cc;border-radius:10px;color:#1f2937;font-size:14px;min-height:80px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.hh-other-input:focus{background:#fff;box-shadow:0 0 0 3px #3b82f61a}.hh-other-input[disabled]{background:#f8fafccc;color:#64748b;cursor:default}.hh-char-counter{display:block;margin-top:6px;text-align:right}.hh-field-error{margin-top:6px}.hh-lifestyle-rows{gap:16px}.hh-lifestyle-row-inline{background:linear-gradient(135deg,#3b82f608,#2563eb05);border:1px solid #3b82f61a;border-radius:20px;gap:20px;margin-bottom:12px}.hh-lifestyle-icon{box-shadow:0 4px 12px #3b82f626}.hh-lifestyle-label{color:#1e293b;font-size:18px;font-weight:700;min-width:120px}.hh-radio-group{flex-wrap:wrap;gap:12px}.hh-radio-pill{align-items:center!important;background:#fff!important;border:2px solid #e2e8f0cc!important;border-radius:16px!important;cursor:pointer!important;display:flex!important;flex-direction:row!important;gap:10px!important;justify-content:flex-start!important;min-width:120px!important;padding:12px 20px!important;position:relative!important;transition:all .3s ease!important}.hh-radio-pill>*{display:inline-block!important;vertical-align:middle!important}.hh-radio-pill:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.hh-radio-pill input{cursor:pointer;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:10}.hh-custom-radio{align-items:center!important;background:#fff;border:2px solid #cbd5e1;border-radius:50%;display:inline-flex!important;flex-shrink:0;height:20px;justify-content:center!important;transition:all .3s ease;width:20px}.hh-radio-pill--checked{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.hh-radio-pill--checked .hh-custom-radio{background:#3b82f6;border-color:#3b82f6;position:relative}.hh-radio-pill--checked .hh-custom-radio:after{background:#fff;border-radius:50%;content:"";display:block;height:8px;width:8px}.hh-radio-pill span{color:#475569;display:inline!important;font-size:14px;font-weight:600;line-height:1;white-space:nowrap!important}.hh-radio-pill--checked span{color:#1e40af}.hiv-row-container{width:100%}.radio-box{background:#f8fafccc;border:1.5px solid #e2e8f0cc;border-radius:12px;gap:12px;padding:14px 16px;transition:all .2s ease}.radio-box:hover{border-color:#3b82f6}.radio-box input{accent-color:#3b82f6;height:18px;margin:0;width:18px}.radio-box .option-text{color:#1f2937;font-size:14px;font-weight:600}.date-input-container{margin-left:30px}.date-input-container input{background:#fffffff2;border:1.5px solid #e2e8f0cc;border-radius:10px;box-sizing:border-box;color:#1f2937;font-size:14px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.date-input-container input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.date-input-container input.input-error{background:#fef2f2cc;border-color:#dc2626}.no-information-text{padding:12px 0}.accessibility-header,.content-header,.notification-header,.privacy-header{align-items:flex-start;background:linear-gradient(135deg,#3b82f60d,#3b82f605);border:1px solid #3b82f61a;border-radius:16px;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}.accessibility-header-text,.content-header-text,.notification-header-text,.privacy-header-text{flex:1 1}.accessibility-title,.content-title,.notification-title,.privacy-title{color:#0f172a;font-size:28px;font-weight:800;letter-spacing:-.025em;margin:0;white-space:nowrap}.accessibility-subtitle,.content-subtitle,.notification-subtitle,.privacy-subtitle{color:#64748b;font-size:16px;line-height:1.6;margin:0}.notification-stats,.privacy-stats{align-items:center;display:flex;gap:16px}.notification-stat,.privacy-stat{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;padding:12px 20px}.notification-stat .stat-number,.privacy-stat .stat-number{color:#3b82f6;font-size:24px;font-weight:800;margin-bottom:4px}.notification-stat .stat-label,.privacy-stat .stat-label{color:#64748b;font-size:13px;font-weight:600}.psp-account-info{box-shadow:0 1px 3px #0000000d!important}.psp-account-info:hover{border-color:#cbd5e1!important;box-shadow:0 4px 12px #00000014!important}.psp-btn-edit{background:#fffffff2;border:1.5px solid #3b82f64d;color:#3b82f6;font-size:13px;letter-spacing:.025em;text-transform:uppercase}.psp-btn-edit:hover{background:#3b82f61a;border-color:#3b82f680;color:#2563eb}.psp-edit-actions{border-top:1px solid #e2e8f099;margin-top:24px}.psp-edit-actions .psp-btn-outline,.psp-edit-actions .psp-btn-primary{min-width:100px}.psp-row-fields{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.no-information-text{border:1px dashed #e2e8f099;font-size:14px;font-style:italic;margin:10px 0;padding:16px;text-align:center}.account-panel{background:#fff;border:1px solid #e2e8f099;border-radius:16px;box-shadow:0 4px 20px #0000000f;height:auto;min-height:auto;overflow:visible;padding:40px}.account-header{margin-bottom:40px}.account-profile-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f099;border-radius:16px;box-shadow:0 4px 20px #0000000f;display:flex;gap:24px;overflow:hidden;padding:24px;position:relative;transition:none}.account-profile-card:hover{border-color:#e2e8f099;box-shadow:0 4px 20px #0000000f;transform:none}.account-avatar-wrapper{flex-shrink:0;position:relative}.account-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 8px 24px #3b82f64d;color:#fff;display:flex;font-size:28px;font-weight:700;height:80px;justify-content:center;position:relative;width:80px;z-index:2}.account-status-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e2e8f0cc;border-radius:20px;bottom:0;color:#16a34a;display:flex;font-size:11px;font-weight:600;gap:6px;padding:4px 8px;position:absolute;right:0;z-index:3}.status-dot{animation:pulse 2s infinite;background-color:#16a34a;height:6px;width:6px}.account-info{align-items:flex-start;display:flex;flex:1 1;justify-content:space-between;position:relative;z-index:2}.account-info-left,.account-info-right{display:flex;flex-direction:column}.account-info-right{align-items:flex-end}.no-information-text{align-items:center;background:#f8fafccc;border:1px solid #e2e8f099;border-radius:10px;color:#64748b;display:flex;font-size:13px;font-weight:400;gap:8px;margin-top:12px;padding:12px 16px}.account-full-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1e293b);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:28px;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin:0 0 8px}.account-email{color:#64748b;font-size:15px;font-weight:500;margin:0}.account-meta{display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-end}.meta-item{align-items:center;color:#64748b;font-size:13px;font-weight:500;gap:8px;white-space:nowrap}.meta-icon{color:#3b82f6;font-size:16px}.account-actions{display:flex;flex-shrink:0;justify-content:flex-end;margin-top:24px;position:relative;z-index:2}.account-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e2e8f099;border-radius:16px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.025em;padding:12px 24px;text-transform:uppercase;transition:none}.account-btn--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #3b82f64d;box-shadow:0 4px 12px #3b82f64d;color:#fff}.account-btn:hover{background:#fffffff2;border-color:#3b82f64d;box-shadow:none;transform:none}.account-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.stat-card{border:1px solid #e2e8f099;padding:20px;transition:none}.stat-card,.stat-card:hover{box-shadow:0 2px 12px #0000000a}.stat-card:hover{border-color:#e2e8f099;transform:none}.stat-icon{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-radius:16px;box-shadow:0 2px 8px #3b82f626}.stat-number{font-size:22px;font-weight:700;margin-bottom:4px}.account-section-header{margin-bottom:16px}.account-section-header h2,.account-title{color:#0f172a;font-size:20px;font-weight:600;letter-spacing:-.025em;margin:0}.account-subtitle{color:#64748b;font-size:13px;font-weight:400;line-height:1.5;margin:8px 0 0;text-align:left}@media (max-width:768px){.account-panel{padding:24px}.account-profile-card{flex-direction:column;gap:24px;padding:24px;text-align:center}.account-full-name{font-size:24px}.account-meta{justify-content:center}.account-stats{grid-template-columns:1fr}.stat-card{padding:20px}}@media (max-width:480px){.account-panel{padding:20px}.account-avatar{font-size:24px;height:64px;width:64px}.account-full-name{font-size:20px}.account-title{font-size:24px}.account-meta{flex-direction:column;gap:12px}}.notification-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 24px #0000000f,inset 0 0 0 1px #ffffff80;box-sizing:border-box;max-width:100%;overflow:visible;padding:24px;position:relative;width:100%}.notification-header{align-items:center;border-bottom:1px solid #e2e8f0cc;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.notification-header-text{flex:1 1;text-align:left}.notification-stats{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #fff6;border-radius:16px;box-shadow:0 8px 24px #0000000a;display:flex;gap:24px;padding:20px 24px}.notification-stat{align-items:center;display:flex;flex-direction:column;gap:4px}.notification-stat .stat-number{color:#0f172a;font-size:24px;font-weight:700;line-height:1}.notification-stat .stat-label{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.notification-categories{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.notification-category{background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.notification-category:hover{border-color:#3b82f64d;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.notification-category-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.notification-icon-wrapper{align-items:center;display:flex;flex:1 1;gap:12px}.notification-icon{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f099;border-radius:10px;box-shadow:0 4px 12px #3b82f61f;color:#3b82f6;font-size:18px;height:40px;width:40px}.priority-badge{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:16px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase}.notification-switch{background:none;border:none;cursor:pointer;display:inline-block;height:26px;outline:none;padding:0;position:relative;width:48px}.notification-switch:focus{border-radius:13px;outline:2px solid #3b82f633;outline-offset:2px}.notification-slider{border:1px solid #0000001a;border-radius:13px;bottom:0;left:0;position:absolute;right:0;top:0;transition:background-color .25s ease}.notification-thumb{background-color:#fff;border:none;border-radius:50%;box-shadow:0 2px 6px #00000026;height:20px;left:2px;position:absolute;top:3px;transition:transform .25s ease,box-shadow .25s ease;width:20px}.notification-switch:hover .notification-thumb{box-shadow:0 3px 8px #00000040}.notification-switch:active .notification-thumb{transform:scale(.95)}.notification-content{text-align:left}.notification-category-title{color:#0f172a;font-size:16px;font-weight:600;letter-spacing:-.02em;line-height:1.3;margin:0 0 6px;text-align:left}.notification-category-description{color:#64748b;font-size:13px;font-weight:400;line-height:1.5;margin:0;text-align:left}.notification-status{align-items:center;display:flex;justify-content:flex-start;margin-top:16px;text-align:left}.status-indicator{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.05em;padding:4px 12px;text-align:left;text-transform:uppercase}.status-indicator:before{background-color:currentColor;border-radius:50%;content:"";height:6px;width:6px}.status-active{background-color:#22c55e1a;color:#16a34a}.status-inactive{background-color:#9ca3af1a;color:#6b7280}.notification-footer{align-items:center;border-top:1px solid #e2e8f0cc;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:24px;padding-top:20px}.notification-info{align-items:center;color:#64748b;display:flex;font-size:13px;gap:12px}.info-icon{color:#3b82f6;flex-shrink:0;font-size:16px}.notification-actions{display:flex;gap:12px}.notification-btn{border:none;border-radius:16px;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.025em;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.notification-btn--secondary{background:#9ca3af1a;border:1px solid #9ca3af33;color:#6b7280}.notification-btn--secondary:hover{background:#9ca3af33;transform:translateY(-1px)}.notification-btn--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.notification-btn--primary:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-1px)}@media (max-width:768px){.notification-panel{padding:24px}.notification-header{align-items:stretch;flex-direction:column;gap:20px}.notification-stats{justify-content:center}.notification-category{padding:20px}.notification-category-header,.notification-footer{align-items:stretch;flex-direction:column;gap:16px}.notification-actions{justify-content:center}}@media (max-width:480px){.notification-panel{padding:20px}.notification-title{font-size:24px}.notification-category-title{font-size:16px}.notification-category-description{font-size:13px}.notification-actions{flex-direction:column}.notification-btn{width:100%}}.privacy-card-simple{background:#fff;border-radius:16px;box-shadow:0 6px 24px #0000001a;max-width:600px;overflow:hidden;width:100%}.privacy-card-header-simple{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;padding:32px}.privacy-card-content{display:flex;flex:1 1;flex-direction:column;gap:16px}.privacy-field{display:flex;flex-direction:column;gap:4px}.field-label{color:#374151;font-size:13px;font-weight:600;line-height:1.4}.field-value{color:#1f2937;font-size:16px;font-weight:400;line-height:1.5}.privacy-actions-simple{display:flex;flex-direction:column;flex-shrink:0;gap:12px}.privacy-btn-simple{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;min-width:80px;padding:12px 24px;text-align:center;transition:all .2s ease}.approve-btn{background:#22c55e}.approve-btn:hover{background:#16a34a}.deny-btn{background:#ef4444;color:#fff}.deny-btn:hover{background:#dc2626;transform:translateY(-1px)}@media (max-width:768px){.privacy-panel-simple{padding:20px 16px}.privacy-card-header-simple{flex-direction:column;gap:20px;padding:24px}.privacy-actions-simple{flex-direction:row;justify-content:flex-end}.privacy-btn-simple{min-width:70px}}.privacy-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f099;border-radius:20px;box-shadow:0 8px 32px #0000000f;box-sizing:border-box;min-height:600px;padding:32px;position:relative;width:100%;z-index:1}.privacy-header{align-items:flex-start;border-bottom:1px solid #e2e8f066;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.privacy-header-text{flex:1 1}.privacy-title{color:#0f172a;font-size:32px;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin:0 0 8px;text-align:left}.privacy-subtitle{color:#64748b;font-size:16px;font-weight:400;line-height:1.5;margin:0;text-align:left}.privacy-stats{background:#f8fafccc;border:1px solid #e2e8f099;border-radius:16px;display:flex;gap:24px;padding:16px 20px}.privacy-stat{align-items:center;display:flex;flex-direction:column;text-align:center}.privacy-tabs{border-bottom:1px solid #e2e8f066;display:flex;gap:8px;margin-bottom:32px}.privacy-tab{background:#0000;border:none;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.privacy-tab:hover{background:#3b82f60d;color:#3b82f6}.privacy-tab--active{background:#3b82f61a;border-bottom-color:#3b82f6;color:#3b82f6;font-weight:600}.privacy-content{min-height:400px;overflow-x:hidden}.privacy-content,.privacy-list{box-sizing:border-box;max-width:100%;width:100%}.privacy-list{display:flex;flex-direction:column;gap:20px}.privacy-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1.5px solid #e2e8f099;border-radius:16px;box-sizing:border-box;max-width:100%;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}.privacy-card:hover{border-color:#3b82f633;box-shadow:0 12px 40px #00000014;transform:translateY(-2px)}.privacy-card--pending{border-left:4px solid #f59e0b}.privacy-card--approved{border-left:4px solid #10b981}.privacy-card--expired{border-left:4px solid #64748b}.privacy-card--notification{border-left:4px solid #3b82f6}.notification-toggle{align-items:center;display:flex;flex-shrink:0}.notification-toggle .admin-switch{margin:0}.privacy-card-header{align-items:center;border-bottom:1px solid #e2e8f04d;display:flex;justify-content:space-between;padding:24px 24px 20px}.requester-info{align-items:center;display:flex;flex:1 1;gap:16px}.requester-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.requester-details{flex:1 1;min-width:0;text-align:left}.requester-name{color:#0f172a;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 4px;text-align:left}.requester-role{color:#3b82f6;font-size:13px;font-weight:500;margin:0 0 2px;text-align:left}.requester-department{color:#64748b;font-size:13px;font-weight:400;margin:0;text-align:left}.urgency-indicator{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:6px;text-align:center}.urgency-dot{animation:pulse 2s infinite;border-radius:50%;height:12px;width:12px}.urgency-text{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.025em;text-align:center;text-transform:uppercase}.access-badge{align-items:center;color:#10b981;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:8px}.privacy-card-body{padding:20px 24px 24px}.data-request{align-items:flex-start;display:flex;gap:20px;margin-bottom:20px}.data-icon{align-items:center;background:#3b82f61a;border-radius:16px;box-shadow:0 2px 8px #3b82f626;color:#3b82f6;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.data-details{flex:1 1;min-width:0;text-align:left}.data-title{color:#0f172a;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 8px;text-align:left}.data-description{color:#64748b;font-size:13px;line-height:1.5;margin:0 0 12px;text-align:left}.data-purpose{background:#f8fafccc;border:1px solid #e2e8f099;border-radius:8px;box-sizing:border-box;color:#334155;font-size:13px;margin-top:8px;padding:10px 14px;text-align:left;word-break:break-word}.request-meta{align-items:flex-start;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:0;width:100%}.meta-item{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:140px;text-align:left}.meta-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.025em;margin-bottom:2px;text-align:left;text-transform:uppercase}.meta-value{color:#334155;font-size:13px;font-weight:500;line-height:1.4;text-align:left;word-break:break-all}.privacy-card-footer{align-items:center;background:#f8fafc66;border-top:1px solid #e2e8f066;display:flex;justify-content:space-between;padding:20px 24px}.status-badge{display:flex;flex-shrink:0;gap:8px;text-align:left}.status-badge span{color:#64748b;font-size:13px;font-weight:500;text-align:left}.status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.privacy-actions{display:flex;flex-shrink:0;gap:12px;text-align:right}.privacy-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;min-width:-webkit-fit-content;min-width:fit-content;padding:12px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.privacy-btn--deny{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.privacy-btn--deny:hover{background:#ef444426;border-color:#ef44444d;transform:translateY(-1px)}.privacy-btn--approve{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b981;box-shadow:0 4px 12px #10b9814d;color:#fff}.privacy-btn--approve:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-1px)}.privacy-btn--revoke{background:#b91c1c1a;border:1px solid #b91c1c33;color:#b91c1c}.privacy-btn--revoke:hover{background:#b91c1c26;border-color:#b91c1c4d;transform:translateY(-1px)}@media (max-width:768px){.privacy-panel{padding:20px}.privacy-header{align-items:stretch;flex-direction:column;gap:20px}.privacy-title{font-size:24px}.privacy-subtitle{font-size:13px}.privacy-stats{justify-content:center}.privacy-tabs{flex-direction:column;gap:4px}.privacy-tab{border-bottom:none;border-left:3px solid #0000;border-radius:8px}.privacy-tab--active{border-bottom:none;border-left-color:#3b82f6}.privacy-card-header{align-items:flex-start;flex-direction:column;gap:16px}.requester-info{text-align:center}.data-request,.request-meta,.requester-info{flex-direction:column}.request-meta{gap:12px}.privacy-card-footer{align-items:stretch;flex-direction:column;gap:16px}.privacy-actions{justify-content:center}}@media (max-width:480px){.privacy-panel{padding:16px}.privacy-title{font-size:20px}.privacy-stats{gap:16px;padding:12px 16px}.privacy-card{border-radius:16px}.privacy-card-body,.privacy-card-footer,.privacy-card-header{padding:16px}.requester-avatar{font-size:16px;height:40px;width:40px}.requester-name{font-size:15px}.data-icon{font-size:16px;height:36px;width:36px}.privacy-btn{font-size:12px;padding:8px 12px}}.content-preferences-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 24px #0000000f,inset 0 0 0 1px #ffffff80;box-sizing:border-box;max-width:100%;overflow:visible;padding:24px;position:relative;width:100%}.content-preferences-panel:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#3b82f60d 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.content-header{align-items:flex-start;border-bottom:1px solid #e2e8f04d;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px;padding-bottom:20px;position:relative;z-index:1}.content-header-text{flex:1 1;max-width:600px}.content-title{color:#0f172a;font-size:24px;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin:0 0 8px}.content-subtitle{color:#64748b;font-size:13px;font-weight:400;line-height:1.5;margin:0;text-align:left}.content-header-stats{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #fff6;border-radius:20px;box-shadow:0 8px 24px #0000000a;display:flex;gap:32px;padding:20px 28px}.stat-item{gap:4px}.stat-number{color:#0f172a;font-size:28px;font-weight:800;line-height:1}.stat-label{letter-spacing:.05em}.content-grid{grid-gap:24px;align-items:stretch;box-sizing:border-box;display:grid;gap:24px;grid-template-columns:repeat(3,minmax(300px,1fr));margin-bottom:32px;width:100%}.content-card{display:flex;flex-direction:column;height:100%}.content-card-body{flex:1 1}@media (max-width:1366px){.content-grid{grid-template-columns:repeat(2,minmax(300px,1fr))}.content-card-header{height:180px!important}.content-image-container{padding:0!important}}@media (max-width:768px){.content-grid{grid-template-columns:1fr}.content-card-header{height:200px!important}.content-image-container{padding:0!important}}.toggle-container,.toggle-container *,.toggle-slider,.toggle-slider *,.toggle-switch,.toggle-switch *,.toggle-thumb,.toggle-thumb *{drop-shadow:none!important}.content-card{background:#fff;border:1px solid #e2e8f099;border-radius:20px;box-shadow:0 4px 20px #0000000f;box-sizing:border-box;cursor:pointer;min-width:0;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.content-card:hover{border-color:#e2e8f0cc;box-shadow:0 12px 32px #0000001f;transform:translateY(-4px)}.content-card--selected{background:#fff;border-color:#3b82f64d;box-shadow:0 6px 24px #3b82f626}.content-card-header{background:linear-gradient(135deg,#f8fafccc,#f1f5f999);height:250px!important;overflow:hidden!important;position:relative}.content-card-header,.content-image-container{align-items:stretch!important;display:flex!important;justify-content:center!important;margin:0!important;padding:0!important;width:100%!important}.content-image-container{position:relative!important}.content-image,.content-image-container{box-sizing:border-box!important;height:100%!important}.content-image{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;display:block!important;margin:0!important;max-height:100%!important;max-width:100%!important;min-height:100%!important;min-width:100%!important;object-fit:cover!important;object-position:center!important;padding:0!important;transform:scale(1.02)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.content-card:hover .content-image{transform:scale(1.05)!important}.content-overlay{background-blend-mode:multiply;bottom:0;left:0;opacity:.15;position:absolute;right:0;top:0;transition:opacity .3s ease}.content-card:hover .content-overlay{opacity:.25}.content-category{left:12px;position:absolute;top:12px}.category-badge{background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 2px 6px #0000001a;color:#374151;font-size:10px;font-weight:700;letter-spacing:.03em;max-width:100%;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.content-icon{align-items:center;background:#fffffff2;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 2px 8px #0000001f;display:flex;font-size:22px;height:36px;justify-content:center;position:absolute;right:12px;top:12px;width:36px;z-index:2}.content-card-body{display:flex;flex-direction:column;gap:12px;padding:20px}.content-card-title{color:#0f172a;font-size:18px;font-weight:700;letter-spacing:-.03em;line-height:1.3;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-card-description{color:#64748b;font-size:13px;font-weight:400;line-height:1.5;margin:0}.feature-pill{background:#f8fafccc;border-radius:14px;font-weight:600;padding:4px 10px}.feature-pill:hover{box-shadow:0 2px 6px #0000001a}.content-card-footer{display:none}.toggle-container{align-items:center;display:flex;gap:8px;justify-content:flex-end;pointer-events:auto;position:absolute;right:16px;top:16px;z-index:10}.toggle-switch{background:none;border:none;box-shadow:none!important;cursor:pointer;display:inline-block;filter:none!important;height:26px;outline:none;padding:0;position:relative;width:48px}.toggle-switch:focus{box-shadow:none!important;outline:none!important}.toggle-slider{background-color:#e2e8f0;border:none!important;border-radius:13px;bottom:0;filter:none!important;left:0;right:0;top:0;transition:background-color .25s ease}.toggle-slider,.toggle-thumb{box-shadow:none!important;position:absolute}.toggle-thumb{background-color:#fff;border:none;border-radius:50%;height:20px;left:3px;top:3px;transition:transform .25s ease;width:20px}.toggle-switch:hover .toggle-thumb{box-shadow:none!important}.toggle-switch:active .toggle-thumb{transform:scale(.95)}.toggle-label{color:#64748b;font-size:13px;font-weight:500;margin-left:12px}.content-card-glass{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.content-icon{display:none}.content-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.feature-pill{border:1px solid #0000000d;border-radius:16px;font-size:11px;font-weight:500;padding:4px 8px;transition:all .2s ease;white-space:nowrap}.feature-pill:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.content-card-footer{background:#f8fafc99;border-top:1px solid #e2e8f04d;padding:12px 16px;position:relative;z-index:1}.selection-indicator{align-items:center;animation:scaleIn .3s cubic-bezier(.68,-.55,.265,1.55);border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 12px #0003;color:#fff;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;width:32px;z-index:3}.content-footer{align-items:center;border-top:1px solid #e2e8f04d;display:flex;justify-content:space-between;margin-top:24px;padding:20px 0 0;position:relative;z-index:1}.footer-info{flex:1 1;max-width:600px}.footer-highlight{color:#fff;font-weight:600}.footer-actions{align-items:center;display:flex;gap:12px}.footer-button{border:none;border-radius:16px;cursor:pointer;font-size:13px;font-weight:500;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.footer-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.footer-button:hover:before{left:100%}.footer-button.secondary{background:#f1f5f9cc;border:1px solid #e2e8f080;color:#475569}.footer-button.secondary:hover{background:#e2e8f0e6;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.footer-button.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.footer-button.primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f666;transform:translateY(-1px)}.content-footer{border-top:1px solid #e2e8f066;padding-top:24px;text-align:center}.footer-text{color:#64748b;font-size:13px;line-height:1.5;margin:0}@media (max-width:1366px){.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1024px){.content-header{align-items:stretch;flex-direction:column;gap:24px}.content-header-stats{justify-content:center}}@media (max-width:768px){.content-preferences-panel{min-height:auto;padding:24px}.content-title{font-size:24px}.content-subtitle{font-size:13px}.content-grid{gap:16px;grid-template-columns:1fr}.content-card-header{height:140px}.content-card-body{padding:16px}.content-card-footer{padding:12px 16px}.content-icon{font-size:18px;height:32px;width:32px}.content-header-stats{gap:24px;padding:16px 20px}.stat-number{font-size:24px}.content-footer{align-items:stretch;flex-direction:column;gap:20px}.footer-actions{justify-content:center}}@media (max-width:480px){.content-preferences-panel{padding:20px}.content-title{font-size:24px}.content-subtitle{font-size:15px}.content-card-header{height:140px}.content-card-body,.content-card-footer{padding:12px 16px}.category-badge{font-size:10px;padding:4px 8px}.content-card-title{font-size:16px}.content-card-description{font-size:13px}.content-icon{font-size:18px;height:32px;width:32px}.feature-pill{font-size:10px;padding:3px 6px}.content-header-stats{gap:16px;padding:12px 16px}.stat-number{font-size:20px}.stat-label{font-size:11px}.footer-button{font-size:13px;padding:10px 20px}}.content-card{transform-origin:center;will-change:transform}.modern-toggle:focus-within .modern-toggle-slider{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion:reduce){.content-card,.content-image,.content-overlay,.modern-toggle-slider,.modern-toggle-thumb,.selection-indicator{animation:none;transition:none}.content-card:hover,.content-card:hover .content-image{transform:none}}@media (prefers-contrast:high){.category-badge,.content-card{border-width:2px}.modern-toggle-slider{border:2px solid #374151}}.admin-switch{display:inline-block;height:24px;position:relative;width:48px}.admin-switch input{height:0;opacity:0;width:0}.admin-slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.admin-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.admin-switch input:checked+.admin-slider{background-color:#4caf50}.admin-switch input:checked+.admin-slider:before{transform:translateX(24px)}@media (max-width:768px){.hh-container{gap:20px;padding:2px}.hh-panel-header{font-size:28px}.hh-card{border-radius:20px;padding:24px}.hh-section-title{font-size:18px}.hh-section-title:before{height:20px;width:3px}.hh-box{margin-bottom:16px;padding:20px}.hh-chip{font-size:13px;padding:10px 16px}.hh-lifestyle-row-inline{align-items:stretch;flex-direction:column;gap:16px;padding:16px}.hh-lifestyle-label{min-width:auto;text-align:left}.hh-radio-group{justify-content:center;margin-left:0}.hh-two-column-row{flex-direction:column;gap:20px}.hh-other-input{padding:14px 18px;padding-bottom:44px!important}.hh-char-counter{bottom:14px;right:18px}}@media (max-width:480px){.hh-panel-header{font-size:24px}.hh-card{border-radius:16px;padding:20px}.hh-section-header{align-items:flex-start;flex-direction:column;gap:12px}.hh-section-title{font-size:16px}.hh-box{padding:16px}.hh-chip-group{gap:10px}.hh-chip{font-size:12px;padding:8px 14px}.hh-lifestyle-icon{height:40px;padding:8px;width:40px}.hh-radio-pill{font-size:13px;padding:10px 16px}.hh-other-input{padding:12px 16px;padding-bottom:40px!important}.hh-char-counter{bottom:12px;font-size:11px;right:16px}}.hh-container{display:flex;flex-direction:column;gap:28px;padding:4px}.hh-panel-header{color:#0f172a;font-size:34px;font-weight:700;letter-spacing:-.025em;margin:0 0 8px;text-align:left}.hh-panel-subtext{color:#64748b;font-size:16px;font-weight:400;line-height:1.5;margin-bottom:8px;margin-top:0;text-align:left}.hh-card{-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);background:linear-gradient(145deg,#fffffffa,#f8fafcf2);border:1px solid #dbeafe99;border-radius:24px;box-shadow:0 8px 32px #3b82f614,0 1px 3px #00000005,inset 0 1px 0 #fffc;margin-bottom:8px;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.23,1,.32,1)}.hh-card:before{background:linear-gradient(90deg,#3b82f6,#60a5fa 50%,#3b82f6);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.hh-card:hover{border-color:#93c5fd66;box-shadow:0 20px 60px #3b82f61f,0 4px 12px #0000000a,inset 0 1px 0 #ffffffe6;transform:translateY(-4px) scale(1.01)}.hh-card:hover:before{opacity:1}.hh-section-header{align-items:center;border-bottom:2px solid #dbeafe4d;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px;position:relative}.hh-section-header:after{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.hh-section-title{align-items:center;color:#0f172a;display:flex;font-size:22px;font-weight:700;gap:12px;letter-spacing:-.025em}.hh-section-title:before{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:2px;content:"";height:24px;width:4px}.hh-section-controls{align-items:center;display:flex;gap:16px}.hh-edit-icon{background:#f8fafccc;border:1px solid #e2e8f066;border-radius:16px;color:#64748b;cursor:pointer;font-size:18px;padding:10px;transition:all .3s cubic-bezier(.23,1,.32,1)}.hh-edit-icon:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;box-shadow:0 8px 25px #3b82f640;color:#fff;transform:scale(1.05)}.hh-toggle-btn{background:#0000;border:none}.hh-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#ffffffe6,#f8fafcb3);border:2px solid #dbeafe66;border-radius:20px;margin-bottom:20px;padding:24px;position:relative;transition:all .4s cubic-bezier(.23,1,.32,1)}.hh-box:hover{background:linear-gradient(145deg,#fffffff2,#f8fafcd9);border-color:#93c5fd99;box-shadow:0 8px 32px #3b82f614,inset 0 1px 0 #ffffffe6;transform:translateY(-2px)}.hh-floating-label{background:linear-gradient(90deg,#fff,#f8fafc 50%,#fff);border-radius:16px;box-shadow:0 2px 8px #3b82f61a;color:#3b82f6;font-size:13px;font-weight:600;left:20px;letter-spacing:.025em;padding:4px 12px;position:absolute;top:-14px}.hh-chip-group{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-start}.hh-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#ffffffe6,#f8fafccc);border:2px solid #dbeafe99;border-radius:16px;color:#475569;cursor:pointer;font-size:13px;font-weight:500;max-width:100%;min-width:auto;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.23,1,.32,1);width:auto}.hh-chip:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.hh-chip:not(.hh-chip--disabled):hover:before{left:100%}.hh-chip:not(.hh-chip--disabled):hover{background:linear-gradient(145deg,#dbeafe66,#bfdbfe4d);border-color:#93c5fdcc;box-shadow:0 8px 25px #3b82f626,inset 0 1px 0 #fffc;color:#1e40af;transform:translateY(-2px) scale(1.02)}.hh-chip--selected{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;box-shadow:0 8px 25px #3b82f64d,inset 0 1px 0 #fff3;color:#fff;transform:scale(1.02)}.hh-chip--selected:before{display:none}.hh-chip--disabled{cursor:not-allowed;filter:grayscale(.3);opacity:.4}.hh-other-input{-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);background:linear-gradient(145deg,#fffffff2,#f8fafce6);border:2px solid #dbeafe99;border-radius:16px;box-sizing:border-box;color:#374151;font-size:13px;margin-top:16px;min-height:52px;padding:18px 24px;position:relative;resize:vertical;text-align:left;transition:all .4s cubic-bezier(.23,1,.32,1);width:100%}.hh-other-input:focus{background:linear-gradient(145deg,#fffffffa,#f8fafcf2);border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626,0 8px 32px #3b82f614,inset 0 1px 0 #ffffffe6;outline:none;transform:translateY(-1px)}.hh-other-input:hover{background:linear-gradient(145deg,#fffffff7,#f8fafceb);border-color:#93c5fd99}.hh-other-input:disabled{background:linear-gradient(145deg,#f8fafccc,#f1f5f9b3);border-color:#e2e8f066;color:#64748b;cursor:default}.hh-other-input:disabled:hover{border-color:#e2e8f066;transform:none}.hh-other-input-saved{align-items:center;background:#f6f7f9;border:1.5px solid #cfd6e0;border-radius:8px;box-sizing:border-box;display:flex;min-height:60px;padding:14px 12px 10px;position:relative}.hh-other-input-saved textarea{background:#0000;border:none;color:#333;font-size:13px;line-height:1.4;outline:none;resize:none;text-align:left;width:100%}.hh-medication-section .hh-other-input,.hh-two-column-row .hh-box .hh-other-input:not(textarea){align-items:center;background-color:#f8f9fa!important;border:1px solid #e9ecef!important;color:#6c757d!important;display:flex;font-size:13px!important;line-height:1.4;min-height:50px;padding:12px 14px!important}.hh-two-column-row textarea.hh-other-input:not([disabled]){background-color:#f8f9fa!important;border:1px solid #dee2e6!important;color:#6c757d!important;font-size:13px!important}.hh-two-column-row .hh-other-input{min-height:56px!important}.hh-char-counter-wrapper{margin-top:16px;position:relative}.hh-char-counter{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#fffffff2,#f8fafce6);border:1px solid #dbeafe66;border-radius:8px;bottom:16px;color:#64748b;font-size:12px;font-weight:500;padding:4px 8px;pointer-events:none;position:absolute;right:20px;z-index:2}.hh-other-input{padding-bottom:48px!important}.hh-char-counter-wrapper textarea.hh-other-input{min-height:100px;resize:vertical}.hh-lifestyle-rows{align-items:stretch;display:flex;flex-direction:column;gap:28px;width:100%}.hh-lifestyle-row-inline{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#f8fafcb3,#f1f5f999);border:2px solid #dbeafe66;border-radius:16px;display:flex;gap:24px;justify-content:flex-start;overflow:hidden;padding:20px;position:relative;transition:all .4s cubic-bezier(.23,1,.32,1)}.hh-lifestyle-row-inline:before{background:linear-gradient(90deg,#0000,#3b82f60d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.hh-lifestyle-row-inline:hover:before{left:100%}.hh-lifestyle-row-inline:hover{background:linear-gradient(145deg,#f8fafcd9,#f1f5f9bf);border-color:#93c5fd99;box-shadow:0 8px 32px #3b82f614;transform:translateY(-2px)}.hh-lifestyle-icon{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:50%;box-shadow:0 4px 16px #3b82f626,inset 0 1px 0 #fff3;display:flex;height:52px;justify-content:center;object-fit:contain;padding:6px;transition:all .3s cubic-bezier(.23,1,.32,1);width:52px}.hh-lifestyle-row-inline:hover .hh-lifestyle-icon{box-shadow:0 8px 25px #3b82f659,inset 0 1px 0 #ffffff4d;transform:scale(1.05) rotate(5deg)}.hh-lifestyle-label{color:#0f172a;font-size:16px;font-weight:600;letter-spacing:-.025em;min-width:140px;text-align:left}.hh-radio-group{display:flex;gap:16px;margin-left:auto}.hh-radio-pill{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#ffffffe6,#f8fafccc);border:2px solid #dbeafe99;border-radius:16px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.23,1,.32,1)}.hh-radio-pill:before{background:linear-gradient(90deg,#0000,#3b82f614,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.hh-radio-pill:hover:before{left:100%}.hh-radio-pill:hover{background:linear-gradient(145deg,#dbeafe4d,#bfdbfe33);border-color:#93c5fdcc;box-shadow:0 4px 16px #3b82f61f;transform:translateY(-1px)}.hh-radio-pill input{accent-color:#3b82f6;height:16px;width:16px}.hh-radio-pill input:checked+span{color:#3b82f6;font-weight:600}.hh-radio-pill input:checked{transform:scale(1.1)}.hh-two-column-row{display:flex;gap:24px;margin-bottom:32px}.hh-half-width{flex:1 1;min-width:0}.radio-list{display:flex;flex-direction:column;gap:12px}.hiv-row-container{margin-bottom:16px}.hiv-row-container,.radio-box{align-items:center;display:flex;gap:16px}.radio-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1.5px solid #e2e8f099;border-radius:16px;cursor:pointer;flex:0 0 auto;min-width:120px;padding:16px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.radio-box:hover{background:#3b82f60d;border-color:#3b82f64d}.radio-box:has(input[type=radio]:checked){background:#3b82f61a;border-color:#3b82f6;opacity:1!important}.date-input-container{align-items:center;display:flex;flex:1 1;margin:0!important;min-width:180px}.radio-box input[type=radio]{cursor:pointer;height:100%;left:0;margin:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.checkmark{background:#fff;border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;height:20px;pointer-events:none;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px;z-index:1}.radio-box input[type=radio]:checked~.checkmark{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;box-shadow:0 2px 8px #3b82f64d}.radio-box input[type=radio]:checked~.checkmark:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.option-text{color:#374151;font-size:15px;font-weight:500;transition:color .2s ease}.radio-box--checked,.radio-box:has(input[type=radio]:checked){background:#3b82f61a;border-color:#3b82f6;opacity:1!important}.radio-box input[type=radio]:checked~.checkmark,.radio-box--checked .checkmark{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;box-shadow:0 2px 8px #3b82f64d}.radio-box input[type=radio]:checked~.checkmark:after,.radio-box--checked .checkmark:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.radio-box input[type=radio]:checked~.option-text,.radio-box--checked .option-text{color:#3b82f6;font-weight:600}.date-input-container{margin-left:36px;margin-top:12px}.styled-date-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1.5px solid #e2e8f0cc;border-radius:10px;box-sizing:border-box;color:#374151;font-size:13px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.styled-date-input:focus{background:#fffffff2;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.styled-date-input:hover{border-color:#3b82f64d}.hh-emergency-contact-card{-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);background:linear-gradient(145deg,#fffffff2,#f8fafcd9);border:2px solid #dbeafe66;border-radius:20px;box-shadow:0 8px 32px #3b82f60f,inset 0 1px 0 #ffffffe6;margin-bottom:32px;padding:28px;position:relative;transition:all .4s cubic-bezier(.23,1,.32,1)}.hh-emergency-contact-card:hover{background:linear-gradient(145deg,#fffffffa,#f8fafceb);border-color:#93c5fd99;box-shadow:0 12px 48px #3b82f61a,inset 0 1px 0 #fffffff2;transform:translateY(-2px)}.hh-emergency-contact-card>legend{color:#3b82f6;font-size:13px;font-weight:600;left:24px;letter-spacing:.025em;position:absolute;top:-14px}.hh-three-column-row{display:flex;gap:16px}.hh-emergency-field{flex:1 1;position:relative}.hh-fieldset-inner{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1.5px solid #e2e8f099;border-radius:16px;display:flex;min-height:56px;padding:16px 14px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.hh-fieldset-inner:hover{border-color:#3b82f64d}.hh-fieldset-inner legend{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;color:#64748b;font-size:12px;font-weight:600;left:14px;letter-spacing:.025em;padding:0 8px;position:absolute;top:-11px}.admin-select-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:8px;font-family:inherit;font-size:13px;padding:12px;transition:border-color .2s,box-shadow .2s;width:100%}.admin-select-input:focus{border-color:#29499d;box-shadow:0 0 0 2px #29499d33;outline:none}.admin-select-input:hover{border-color:#7a9ee3}.hh-fieldset-inner input,.hh-fieldset-inner select{align-items:center;background:#0000;border:none;color:#374151;display:flex;font-size:13px;font-weight:500;height:auto;outline:none;width:100%}.hh-fieldset-inner input::placeholder,.hh-fieldset-inner select::placeholder{color:#94a3b8}.hh-field-error{background:#dc26260d;border-left:3px solid #dc2626;border-radius:6px;color:#dc2626;display:block;font-size:12px;font-weight:500;margin-top:8px;padding:4px 8px;text-align:left}.input-error{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a!important}.hh-unique-contact-wrapper{align-items:center;display:flex;gap:8px;height:auto;padding:4px 0;width:100%}.hh-unique-country-code{align-items:center;background:#f8fafccc;border-radius:8px;border-right:1.5px solid #e2e8f099;color:#64748b;display:flex;font-size:13px;font-weight:600;height:auto;padding:8px 12px;white-space:nowrap}.hh-unique-contact-wrapper input{color:#374151;flex:1 1;font-size:13px;height:auto}@media (max-width:768px){.hh-container{gap:20px}.hh-panel-header{font-size:28px}.hh-panel-subtext{font-size:15px;margin-bottom:20px}.hh-card{border-radius:16px;gap:24px;padding:24px}.hh-section-title{font-size:18px}.hh-box{margin-bottom:32px;padding:24px 20px 20px}.hh-chip-group{gap:10px}.hh-chip{font-size:13px;padding:12px 16px}.hh-lifestyle-row-inline{align-items:flex-start;flex-direction:column;gap:12px;padding:12px}.hh-lifestyle-icon{align-self:flex-start}.hh-lifestyle-label{min-width:auto}.hh-radio-group{gap:8px;margin-left:0}.hh-two-column-row{flex-direction:column;gap:20px}.hh-three-column-row{flex-direction:column;gap:12px}.radio-box{padding:12px 16px}.date-input-container{margin-left:0}}@media (max-width:480px){.hh-panel-header{font-size:24px}.hh-card{border-radius:16px;padding:20px}.hh-box{padding:20px 16px 16px}.hh-chip{font-size:12px;padding:10px 14px}.hh-lifestyle-row-inline{padding:10px}.hh-radio-pill{font-size:13px;padding:6px 12px}}.accessibility-panel{box-sizing:border-box;display:flex;flex-direction:column;gap:32px;text-align:left;width:100%}.accessibility-title,.content-title,.notification-title{color:#0f172a!important;font-size:32px!important;font-weight:700!important;letter-spacing:-.025em!important;margin-bottom:4px!important}.accessibility-subtext,.content-subtitle,.notification-subtitle{color:#64748b!important;font-size:16px!important;font-weight:400!important;line-height:1.5!important;margin-bottom:32px!important;margin-top:0!important}.accessibility-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f099;border-radius:20px;box-shadow:0 8px 32px #0000000f;box-sizing:border-box;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.accessibility-section:hover{box-shadow:0 12px 40px #00000014;transform:translateY(-2px)}.accessibility-section .section-header{align-items:center;border-bottom:1px solid #e2e8f066;display:flex;justify-content:space-between;padding-bottom:20px}.accessibility-section .section-header h3{color:#0f172a;font-size:20px;font-weight:600;letter-spacing:-.025em;margin:0}.accessibility-section .section-body{display:flex;flex-direction:column;gap:20px;margin-top:24px}.accessibility-section .form-row{display:flex;flex-direction:column;gap:8px;width:100%}.accessibility-label{color:#374151;font-size:13px;font-weight:600;letter-spacing:.025em;margin-bottom:0;text-align:left}.accessibility-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1.5px solid #e2e8f0cc;border-radius:16px;box-sizing:border-box;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.accessibility-select:focus{background:#fffffff2;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.accessibility-select:hover{border-color:#3b82f64d}.text-size-wrapper{box-sizing:border-box;display:flex;flex-direction:column;gap:20px;width:100%}.text-size-preview{align-items:center;background:#3b82f605;border:2px dashed #3b82f64d;border-radius:16px;color:#374151;display:flex;font-weight:500;justify-content:center;padding:20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.text-size-preview:hover{background:#3b82f60d;border-color:#3b82f666}.text-size-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#3b82f6 0,#3b82f6 33%,#e2e8f0 0,#e2e8f0);border-radius:4px;box-shadow:inset 0 1px 3px #0000001a;cursor:pointer;height:8px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.text-size-slider:hover{box-shadow:inset 0 1px 3px #00000026,0 0 0 3px #3b82f61a}.text-size-slider::-webkit-slider-runnable-track{background:#0000;border-radius:4px;height:8px}.text-size-slider::-moz-range-track{background:#0000;border-radius:4px;height:8px}.text-size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#3b82f6,#2563eb);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #3b82f64d;cursor:pointer;height:24px;margin-top:-8px;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.text-size-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #3b82f666;transform:scale(1.1)}.text-size-slider::-moz-range-thumb{background:linear-gradient(135deg,#3b82f6,#2563eb);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #3b82f64d;cursor:pointer;height:24px;-moz-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.text-size-slider::-moz-range-thumb:hover{box-shadow:0 4px 12px #3b82f666;transform:scale(1.1)}.text-size-labels{color:#64748b;display:flex;font-size:13px;font-weight:500;justify-content:space-between;padding:0 4px}.text-size-current{background:#3b82f60d;border:1px solid #3b82f633;border-radius:16px;color:#374151;font-size:15px;font-weight:500;padding:12px 16px;text-align:center}.text-size-current strong{color:#3b82f6;font-weight:600}@media (max-width:768px){.accessibility-panel{gap:24px}.accessibility-title,.content-title,.notification-title{font-size:28px!important}.accessibility-subtext,.content-subtitle,.notification-subtitle{font-size:15px!important;margin-bottom:20px!important}.accessibility-section{border-radius:16px;padding:24px}.accessibility-section .section-header h3{font-size:18px}.accessibility-section .section-body,.text-size-wrapper{gap:16px}.text-size-preview{padding:16px}.text-size-labels{font-size:13px}.text-size-current{font-size:13px;padding:10px 14px}}@media (max-width:480px){.accessibility-title,.content-title,.notification-title{font-size:24px!important}.accessibility-subtext,.content-subtitle,.notification-subtitle{font-size:13px!important}.accessibility-section{border-radius:16px;padding:20px}.accessibility-section .section-header h3{font-size:16px}.accessibility-section .section-header{padding-bottom:16px}.accessibility-section .section-body{gap:12px}.text-size-preview{padding:12px}.text-size-labels{font-size:12px}.text-size-current{font-size:13px;padding:8px 12px}.text-size-slider::-webkit-slider-thumb{height:20px;margin-top:-6px;width:20px}.text-size-slider::-moz-range-thumb{height:20px;width:20px}}.admin-privacy-panel{background:#0000;box-shadow:none;margin-bottom:20px;padding:0}.admin-privacy-list{display:flex;flex-direction:column;gap:24px;max-height:450px;overflow-y:auto;padding-right:6px}.admin-privacy-card{align-items:flex-start;background-color:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;padding:20px 24px;transition:box-shadow .2s ease,transform .15s ease}.admin-privacy-card:hover{box-shadow:0 4px 14px #0000001f;transform:translateY(-1px)}.admin-privacy-details{display:flex;flex-direction:column;gap:6px}.admin-privacy-details p{color:#444;font-size:13px;line-height:1.5;margin:0}.admin-privacy-details strong{color:#333;font-weight:600}.admin-privacy-actions{align-items:center;display:flex;flex-shrink:0;gap:10px;margin-left:20px}.privacy-approve{background-color:#5fbf87;border:none;border-radius:18px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 18px;transition:background-color .2s ease}.privacy-approve:hover{background-color:#3c9661}.privacy-deny{background-color:#e57373;border:none;border-radius:18px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 18px;transition:background-color .2s ease}.privacy-deny:hover{background-color:#a93f43}.admin-privacy-list::-webkit-scrollbar{width:6px}.admin-privacy-list::-webkit-scrollbar-track{background:#0000}.admin-privacy-list::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:6px}.access-pill{border-radius:18px;color:#fff;font-size:13px;font-weight:500;padding:6px 18px;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.access-pill-active{background-color:#6fcf97}.access-pill-expired{background-color:#bdbdbd;color:#fff}.access-pill-denied{background-color:#eb5757;color:#fff}.modal-overlay{animation:fadeIn .3s ease-out;inset:0;padding:16px}.modal-card{align-items:flex-start;animation:scaleIn .25s ease;background:#fff;border-radius:24px;box-shadow:0 12px 28px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow-y:auto;padding:48px 56px;text-align:left;width:90%}.modal-card .modal-title{display:block!important;margin:0 auto 8px!important;text-align:center!important}.modal-card .modal-icon{align-self:center;margin-bottom:32px}.modal-icon{font-size:64px;margin-bottom:32px}.modal-icon.logout{color:#e53935}.modal-icon.danger{color:#c62828}.modal-title{color:#000;font-size:24px;font-weight:700;margin:0 0 8px}.modal-subtext{color:#555;font-size:13px;line-height:1.5;margin-bottom:32px;max-width:400px}.modal-actions{flex-direction:column;gap:14px;width:100%}.modal-btn{border-radius:999px;font-size:16px;font-weight:600;padding:14px 0;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;width:100%}.modal-btn.primary{background-color:#e53935;color:#fff}.modal-btn.primary:hover{background-color:#c0392b;box-shadow:0 6px 16px #29499d66;transform:translateY(-2px)}.modal-btn.danger{background-color:#a73024}.modal-btn.danger:hover{background-color:#8e1b1b;box-shadow:0 6px 16px #b71c1c66}.modal-btn.secondary{background-color:#fff;border:1px solid #000;color:#000}.modal-btn.secondary:hover{background-color:#f5f5f5;border-color:#666;transform:translateY(-2px)}.modal-password-wrapper{margin-bottom:32px;width:100%}.modal-input-icon-wrapper{align-items:center;display:flex;position:relative}.modal-input-icon-wrapper .modal-input-icon{color:#888;font-size:20px;left:12px;position:absolute}.modal-input{border:1px solid #ccc;border-radius:999px;font-size:16px;outline:none;padding:12px 40px;width:100%}.modal-input:focus{border-color:#29499d}.modal-eye-icon{color:#888;cursor:pointer;font-size:20px;position:absolute;right:12px}.otp-inputs input{border:2px solid #999;border-radius:10px;font-size:28px;height:60px;transition:.2s ease;width:60px}.otp-inputs input:focus{border-color:#3f5fbf;box-shadow:0 0 10px #3f5fbf99}.otp-inputs input.error{border-color:#e74c3c}.error-message{color:#e74c3c;font-size:16px;margin-top:10px}.timer{color:#2f5ec4}.resend-text{color:#444;margin-top:10px}.resend{color:#2f5ec4;font-weight:500}@media (max-width:480px){.modal-card{padding:32px 24px}.modal-icon{font-size:52px}.modal-title{font-size:20px}.modal-subtext{font-size:13px}.otp-inputs input{font-size:22px;height:50px;width:50px}.modal-input{font-size:13px;padding:10px 36px}.modal-btn{font-size:13px;padding:12px 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-input.error{border-color:#c62828}.modal-error-text{color:#c62828;font-size:13px;margin-top:8px;padding-left:16px;text-align:left}.otp-input-container{display:flex;gap:12px;justify-content:center;margin:24px 0}.otp-input-box{background-color:#f9f9f9;border:2px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:24px;font-weight:700;height:60px;text-align:center;transition:all .3s ease;width:50px}.otp-input-box:focus{background-color:#fff;border-color:#7a9ee3;box-shadow:0 0 0 3px #7a9ee31a;outline:none}.otp-input-box::placeholder{color:#bbb}.modal-description{color:#666;font-size:13px;line-height:1.5;margin:16px 0 24px;text-align:center}.pagination-container{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;clear:both;display:flex;justify-content:space-between;margin-bottom:32px;padding:16px 20px}.pagination-info{font-size:13px;font-weight:500}.pagination-controls{gap:8px}.pagination-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#3b82f6;border-color:#3b82f6;color:#fff}.pagination-btn:disabled{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.5}.pagination-numbers{gap:4px;margin:0 8px}.pagination-number{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;font-size:13px;font-weight:500;height:32px;min-width:32px;transition:all .2s ease}.pagination-number:hover{background:#eff6ff;border-color:#3b82f6}.pagination-number--active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pagination-number--active:hover{background:#2563eb;border-color:#2563eb}@media (max-width:768px){.pagination-container{flex-direction:column;gap:12px;margin-bottom:20px;padding:12px 16px}.pagination-info{text-align:center}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-numbers{margin:0 4px}.pagination-btn{font-size:13px;padding:6px 12px}.pagination-number{font-size:13px;height:28px;min-width:28px}}.logout-modal-card{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);border:1px solid #fff3}.logout-modal-close:hover{color:#0f172a}.logout-modal-content{align-items:center}.logout-modal-title{color:#0f172a;letter-spacing:-.025em;line-height:1.3;margin:0 0 12px;text-align:center!important;width:100%}.logout-modal-subtext{color:#475569;font-size:15px;line-height:1.5;margin:0 auto;max-width:360px;text-align:center!important}.logout-modal-actions{gap:12px}.logout-modal-btn{border-radius:16px;font-size:15px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.logout-modal-btn.cancel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1.5px solid #e2e8f0cc;color:#475569}.logout-modal-btn.cancel:hover{background:#f1f5f9f2;border-color:#94a3b880;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.logout-modal-btn.confirm{box-shadow:0 4px 16px #ef44444d}.logout-modal-btn.confirm:hover{box-shadow:0 8px 25px #ef444466}.logout-modal-btn.confirm:active{box-shadow:0 2px 8px #ef44444d;transform:translateY(0)}.logout-modal-btn .btn-text{flex:1 1}.logout-modal-btn .btn-icon{font-size:16px;transition:transform .2s ease}.logout-modal-btn.confirm:hover .btn-icon{transform:translateX(2px)}.logout-modal-footer{border-top:1px solid #e2e8f099;padding-top:20px}.logout-modal-security-info,.logout-modal-security-info .security-icon{font-size:13px}@media (max-width:640px){.logout-modal-card{margin:16px;max-width:calc(100vw - 32px);padding:32px 24px}.logout-modal-title{font-size:20px}.logout-modal-subtext{font-size:13px}.logout-modal-icon-bg{height:64px;width:64px}.logout-modal-icon-bg svg{font-size:24px}.logout-modal-btn{font-size:13px;padding:14px 20px}.logout-modal-close{font-size:13px;height:32px;width:32px}}@media (max-width:480px){.logout-modal-card{padding:24px 20px}.logout-modal-title{font-size:18px}.logout-modal-subtext{font-size:13px}.logout-modal-actions{gap:10px}.logout-modal-btn{font-size:13px;padding:12px 16px}}.deactivate-modal-card{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 50px #00000026,0 8px 16px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;padding:24px;position:relative;width:92%}.deactivate-modal-close{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px;z-index:10}.deactivate-modal-content-wrapper{flex:1 1;margin-right:-4px;overflow-x:hidden;overflow-y:auto;padding-left:4px;padding-right:8px}.deactivate-modal-close:hover{background:#0000001a;color:#0f172a;transform:scale(1.1)}.deactivate-modal-icon-wrapper{display:flex;justify-content:center;margin-bottom:16px}.deactivate-modal-icon-bg{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:50%;display:flex;height:64px;justify-content:center;position:relative;width:64px}.deactivate-password-icon-bg{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.deactivate-otp-icon-bg{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.deactivate-modal-icon-bg svg{color:#dc2626;font-size:28px;transition:transform .3s ease}.deactivate-password-icon-bg svg{color:#2563eb}.deactivate-otp-icon-bg svg{color:#16a34a}.deactivate-modal-icon-bg:hover svg{transform:rotate(-10deg)}.deactivate-modal-content{margin-bottom:18px;text-align:center}.deactivate-modal-title{color:#0f172a;font-size:20px;font-weight:700;letter-spacing:-.025em;line-height:1.3;margin:0 0 10px}.deactivate-modal-subtext{color:#475569;font-size:14px;line-height:1.5;margin:0 auto;max-width:380px}.deactivate-modal-impacts{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.impact-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f099;border-radius:10px;display:flex;gap:10px;padding:12px;transition:all .2s ease}.impact-card:hover{background:#f1f5f9f2;border-color:#94a3b880;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.impact-icon{align-items:center;background:#ffffffe6;border-radius:8px;color:#3b82f6;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.impact-content h4{color:#0f172a;font-size:15px;font-weight:600;margin:0 0 4px}.impact-content p{color:#475569;font-size:13px;line-height:1.5;margin:0}.deactivate-modal-policy{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f099;border-radius:14px;margin-bottom:20px;padding:16px}.policy-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.policy-header svg{color:#3b82f6;font-size:20px}.policy-header h4{color:#0f172a;font-size:16px;font-weight:600;margin:0}.policy-content p{color:#475569;font-size:13px;line-height:1.5;margin:0 0 12px}.policy-content ul{margin:0 0 12px;padding-left:20px}.policy-content li{color:#475569;font-size:13px;line-height:1.5;margin-bottom:6px}.policy-note{color:#10b981;font-size:13px;font-weight:500}.deactivate-security-notice{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f0f9ffcc;border:1px solid #7dd3fc99;gap:12px;margin:0 auto 24px;max-width:360px;padding:14px 16px;width:100%}.deactivate-security-notice,.security-notice-icon{align-items:center;border-radius:10px;display:flex}.security-notice-icon{background:#ffffffe6;color:#2563eb;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.security-notice-content h4{color:#0f172a;font-size:16px;font-weight:600;margin:0 0 4px}.security-notice-content p{color:#475569;font-size:13px;line-height:1.5;margin:0}.deactivate-password-field{box-sizing:border-box;margin:0 auto 16px;max-width:360px;width:100%}.password-input-wrapper{box-sizing:border-box}.password-input-container{align-items:center;box-sizing:border-box;display:flex;position:relative;width:100%}.password-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:8px;box-shadow:inset 0 0 0 1px #e2e8f0cc;font-size:13px;font-weight:500;height:46px;margin:0;padding:12px 18px;transition:all .2s ease}.password-input:focus{background:#fffffff2;box-shadow:inset 0 0 0 1px #3b82f6,0 0 0 3px #3b82f61a;outline:none}.password-input.error{box-shadow:inset 0 0 0 1px #dc2626,0 0 0 3px #dc26261a}.deactivate-reason-field{box-sizing:border-box;margin:0 auto 16px;max-width:360px;width:100%}.reason-input-wrapper{width:100%}.reason-label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:8px;text-align:left}.reason-label .required{color:#ef4444;margin-left:4px}.reason-input-container{position:relative;width:100%}.reason-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:8px;box-shadow:inset 0 0 0 1px #e2e8f0cc;box-sizing:border-box;color:#374151;font-size:13px;font-weight:500;height:46px;margin:0;padding:12px 18px;transition:all .2s ease;width:100%}.reason-input:focus{background:#fffffff2;box-shadow:inset 0 0 0 1px #3b82f6,0 0 0 3px #3b82f61a;outline:none}.reason-input.error{box-shadow:inset 0 0 0 1px #dc2626,0 0 0 3px #dc26261a}.reason-error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;display:flex;font-size:13px;gap:8px;margin-top:8px;padding:8px 12px}.reason-error-message svg{flex-shrink:0;height:16px;width:16px}.password-toggle-btn{align-items:center;background:none;border:none;border-radius:5px;color:#64748b;cursor:pointer;display:flex;font-size:15px;justify-content:center;padding:5px;position:absolute;right:14px;transition:all .2s ease}.password-toggle-btn:hover{background:#3b82f61a;color:#3b82f6}.password-error-message{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fee2e2cc;border:1px solid #fca5a599;border-radius:8px;bottom:100%;color:#dc2626;display:flex;font-size:13px;font-weight:500;gap:8px;left:0;margin-bottom:8px;padding:12px 16px;position:absolute;right:0;z-index:10}.password-error-message svg{flex-shrink:0;font-size:16px}.deactivate-email-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f0f9ffcc;border:1px solid #7dd3fc99;gap:16px;margin-bottom:32px;padding:20px}.deactivate-email-info,.email-info-icon{align-items:center;border-radius:16px;display:flex}.email-info-icon{background:#ffffffe6;color:#2563eb;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.email-info-content h4{color:#0f172a;font-size:16px;font-weight:600;margin:0 0 4px}.email-info-content p{color:#475569;font-size:13px;line-height:1.5;margin:0}.deactivate-otp-container{margin-bottom:32px}.deactivate-otp-inputs{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.deactivate-otp-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f0cc;border-radius:16px;color:#374151;font-size:20px;font-weight:600;height:50px;text-align:center;transition:all .2s ease;width:50px}.deactivate-otp-input:focus{background:#fffffff2;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.deactivate-otp-input.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.deactivate-otp-error{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fee2e2cc;border:1px solid #fca5a599;border-radius:8px;color:#dc2626;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 16px}.deactivate-otp-error svg{flex-shrink:0;font-size:16px}.deactivate-otp-timer{margin-bottom:32px;text-align:center}.timer-display{align-items:center;color:#64748b;display:flex;font-size:13px;gap:8px;justify-content:center;margin-bottom:16px}.timer-display svg{color:#f59e0b;font-size:16px}.timer-display strong{color:#f59e0b;font-weight:600}.resend-container{align-items:center;display:flex;flex-direction:column;gap:8px}.resend-btn,.resend-text{font-size:13px}.resend-btn{align-items:center;background:none;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.resend-btn:hover:not(:disabled){background:#3b82f61a;color:#2563eb}.resend-btn:disabled{color:#94a3b8;cursor:not-allowed}.resend-btn.enabled{background:#22c55e1a;color:#16a34a}.resend-btn.enabled:hover{background:#22c55e33}.deactivate-modal-actions{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;margin:0 auto 16px;max-width:380px;width:100%}.deactivate-modal-btn{align-items:center;border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;height:46px;justify-content:center;margin:0;overflow:hidden;padding:12px 18px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.deactivate-modal-btn.cancel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1.5px solid #e2e8f0cc;color:#475569}.deactivate-modal-btn.cancel:hover{background:#f1f5f9f2;border-color:#94a3b880;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.deactivate-modal-btn.confirm{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef44444d;color:#fff}.deactivate-modal-btn.confirm:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 25px #ef444466;transform:translateY(-2px)}.deactivate-modal-btn.confirm:active{box-shadow:0 2px 8px #ef44444d;transform:translateY(0)}.deactivate-modal-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.deactivate-modal-btn .btn-text{flex:1 1}.deactivate-modal-btn .btn-icon{font-size:16px;transition:transform .2s ease}.deactivate-modal-btn.confirm:hover .btn-icon{transform:translateX(2px)}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.deactivate-modal-footer{border-top:1px solid #e2e8f099;padding-top:20px}.footer-info{align-items:center;color:#64748b;display:flex;font-size:13px;gap:8px;justify-content:center}.footer-info .info-icon{color:#10b981;font-size:13px}.deactivate-otp-inputs.shake{animation:shake .5s}@media (max-width:640px){.deactivate-modal-card{margin:16px;max-width:calc(100vw - 32px);padding:24px 20px}.deactivate-modal-title{font-size:18px}.deactivate-modal-subtext{font-size:13px}.deactivate-modal-icon-bg{height:56px;width:56px}.deactivate-modal-icon-bg svg{font-size:22px}.deactivate-modal-actions,.deactivate-password-field,.deactivate-security-notice{margin-left:0;margin-right:0;max-width:100%}.deactivate-email-info,.deactivate-security-notice,.impact-card{flex-direction:column;gap:12px;text-align:center}.deactivate-otp-inputs{gap:8px}.deactivate-otp-input{font-size:18px;height:45px;width:45px}.deactivate-modal-btn{font-size:13px;padding:14px 20px}.deactivate-modal-close{font-size:13px;height:32px;width:32px}.password-input{height:44px;padding:10px 38px}.password-input-icon{font-size:13px;left:10px}.password-toggle-btn{font-size:13px;right:10px}}@media (max-width:480px){.deactivate-modal-card{padding:24px 20px}.deactivate-modal-title{font-size:18px}.deactivate-modal-subtext{font-size:13px}.deactivate-modal-impacts{gap:12px}.deactivate-email-info,.deactivate-security-notice,.impact-card{padding:16px}.deactivate-otp-inputs{gap:6px}.deactivate-otp-input{font-size:16px;height:40px;width:40px}.deactivate-modal-actions{gap:10px}.deactivate-modal-btn{font-size:13px;padding:12px 16px}}.delete-modal-card{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 50px #00000026,0 8px 16px #0000001a;display:flex;flex-direction:column;margin:auto;max-height:90vh;max-width:500px;overflow:hidden;padding:24px;position:relative;width:92%}.delete-modal-close{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;margin:0;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px;z-index:10}.delete-modal-content-wrapper{flex:1 1;margin-right:-4px;overflow-x:hidden;overflow-y:auto;padding-left:4px;padding-right:8px}.delete-modal-close:hover{background:#0000001a;color:#0f172a;transform:scale(1.1)}.delete-modal-icon-wrapper{display:flex;justify-content:center;margin-bottom:20px}.delete-modal-icon-bg{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:50%;display:flex;height:64px;justify-content:center;position:relative;transition:all .3s ease;width:64px}.delete-modal-icon-bg svg{color:#dc2626;font-size:28px;transition:transform .3s ease}.delete-password-icon-bg{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.delete-password-icon-bg svg{color:#2563eb}.delete-otp-icon-bg{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.delete-otp-icon-bg svg{color:#16a34a}.delete-modal-icon-bg:hover{box-shadow:0 8px 20px #ef44444d;transform:scale(1.05)}.delete-modal-icon-bg:hover svg{transform:rotate(-10deg)}.delete-modal-content{margin-bottom:20px;text-align:center}.delete-modal-title{color:#0f172a;font-size:20px;font-weight:700;letter-spacing:-.025em;line-height:1.3;margin:0 0 10px}.delete-modal-subtext{color:#475569;font-size:14px;line-height:1.5;margin:0 auto;max-width:380px}.delete-modal-impacts{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.delete-modal-impacts .impact-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f099;border-radius:12px;display:flex;gap:12px;padding:14px;transition:all .2s ease}.delete-modal-impacts .impact-card:hover{background:#f1f5f9f2;border-color:#94a3b880;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.delete-modal-impacts .impact-icon{align-items:center;background:#ffffffe6;border-radius:10px;color:#ef4444;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.delete-modal-impacts .impact-content h4{color:#0f172a;font-size:15px;font-weight:600;margin:0 0 4px;text-align:left}.delete-modal-impacts .impact-content p{color:#475569;font-size:13px;line-height:1.5;margin:0;text-align:left}.delete-security-notice{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f0f9ffcc;border:1px solid #7dd3fc99;border-radius:12px;box-sizing:border-box;display:flex;gap:12px;margin:20px auto;max-width:380px;padding:14px 16px;width:100%}.delete-security-notice .security-notice-icon{align-items:center;background:#ffffffe6;border-radius:10px;color:#2563eb;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.delete-security-notice .security-notice-content h4{color:#0f172a;font-size:15px;font-weight:600;margin:0 0 4px;text-align:left}.delete-security-notice .security-notice-content p{color:#475569;font-size:13px;line-height:1.5;margin:0;text-align:left}.delete-password-field{box-sizing:border-box;margin:0 auto 16px;max-width:380px;width:100%}.delete-password-field .password-input-container,.delete-password-field .password-input-wrapper{box-sizing:border-box;position:relative;width:100%}.delete-password-field .password-input-container{align-items:center;display:flex}.delete-password-field .password-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:10px;box-shadow:inset 0 0 0 1px #e2e8f0cc;box-sizing:border-box;color:#374151;font-size:14px;font-weight:500;height:48px;margin:0;padding:12px 18px;transition:all .2s ease;width:100%}.delete-password-field .password-input:focus{background:#fffffff2;box-shadow:inset 0 0 0 1px #3b82f6,0 0 0 3px #3b82f61a;outline:none}.delete-password-field .password-input.error{background:#fef2f2cc;box-shadow:inset 0 0 0 1px #dc2626,0 0 0 3px #dc26261a}.delete-password-field .password-toggle-btn{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:5px;position:absolute;right:14px;transition:all .2s ease}.delete-password-field .password-toggle-btn:hover{background:#ef44441a;color:#ef4444}.delete-email-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f0f9ffcc;border:1px solid #7dd3fc99;border-radius:14px;box-sizing:border-box;display:flex;gap:14px;margin:20px auto;max-width:380px;padding:16px;width:100%}.delete-email-info .email-info-icon{align-items:center;background:#ffffffe6;border-radius:12px;color:#2563eb;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.delete-email-info .email-info-content h4{color:#0f172a;font-size:15px;font-weight:600;margin:0 0 4px;text-align:left}.delete-email-info .email-info-content p{color:#475569;font-size:13px;line-height:1.5;margin:0;text-align:left}.delete-otp-container{box-sizing:border-box;margin:0 auto 16px;max-width:380px;width:100%}.delete-otp-inputs{display:flex;gap:10px;justify-content:center;margin-bottom:16px}.delete-otp-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f0cc;border-radius:14px;color:#374151;font-size:20px;font-weight:600;height:56px;text-align:center;transition:all .2s ease;width:48px}.delete-otp-input:focus{background:#fffffff2;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;outline:none;transform:translateY(-2px)}.delete-otp-input.error{background:#fef2f2cc;border-color:#ef4444}.delete-otp-inputs.error{animation:shake .5s ease-in-out}.delete-otp-timer{box-sizing:border-box;margin:0 auto 16px;max-width:380px;width:100%}.delete-otp-timer .timer-display{align-items:center;color:#475569;display:flex;font-size:13px;gap:8px;justify-content:center;margin-bottom:16px}.delete-otp-timer .timer-display svg{color:#f59e0b;font-size:16px}.delete-otp-timer .timer-display strong{color:#f59e0b;font-weight:600}.delete-otp-timer .resend-container{align-items:center;display:flex;flex-direction:column;gap:8px}.delete-resend-btn{align-items:center;background:#3b82f614;border:1px solid #3b82f633;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin:0;padding:8px 14px;transition:all .2s ease}.delete-resend-btn:hover:not(.disabled){background:#3b82f626;border-color:#3b82f64d;transform:translateY(-1px)}.delete-resend-btn.disabled{cursor:not-allowed;opacity:.6}.delete-resend-btn.enabled{background:#22c55e1a;border-color:#22c55e4d;color:#16a34a}.delete-resend-btn.enabled:hover{background:#22c55e33;border-color:#22c55e66}.delete-try-another-way-btn{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:block;font-size:13px;font-weight:500;margin:8px auto 0;padding:8px 12px;text-decoration:underline;transition:all .2s ease}.delete-try-another-way-btn:hover{background:#ef44440d;color:#ef4444}.delete-send-sms-btn{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:10px;color:#3b82f6;cursor:pointer;display:block;font-size:13px;font-weight:600;margin:12px auto 0;padding:10px 18px;transition:all .2s ease}.delete-send-sms-btn:hover:not(:disabled){background:#3b82f626;border-color:#3b82f666;transform:translateY(-1px)}.delete-send-sms-btn:disabled{cursor:not-allowed;opacity:.6}.delete-modal-actions{flex-direction:column;gap:10px;margin:0 auto 16px;max-width:380px}.delete-modal-actions,.delete-modal-btn{box-sizing:border-box;display:flex;width:100%}.delete-modal-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;gap:8px;height:48px;justify-content:center;margin:0;overflow:hidden;padding:12px 18px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.delete-modal-btn.cancel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafce6;border:1.5px solid #e2e8f0cc;color:#475569}.delete-modal-btn.cancel:hover{background:#f1f5f9;border-color:#94a3b880;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.delete-modal-btn.confirm{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef44444d;color:#fff}.delete-modal-btn.confirm:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 25px #ef444466;transform:translateY(-2px)}.delete-modal-btn.confirm:active{box-shadow:0 2px 8px #ef44444d;transform:translateY(0)}.delete-modal-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.delete-modal-btn .btn-text{flex:1 1}.delete-modal-btn .btn-icon{font-size:16px;transition:transform .2s ease}.delete-modal-btn.confirm:hover .btn-icon{transform:translateX(2px)}.delete-modal-footer{border-top:1px solid #e2e8f099;padding-top:16px}.delete-modal-footer .footer-info{align-items:center;color:#dc2626;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center}.delete-modal-footer .info-icon{color:#dc2626;font-size:14px}@media (max-width:640px){.delete-modal-card{margin:16px;max-width:calc(100vw - 32px);padding:24px 20px}.delete-modal-title{font-size:18px}.delete-modal-subtext{font-size:13px}.delete-modal-icon-bg{height:56px;width:56px}.delete-modal-icon-bg svg{font-size:22px}.delete-email-info,.delete-modal-actions,.delete-otp-container,.delete-otp-timer,.delete-password-field,.delete-security-notice{margin-left:0;margin-right:0;max-width:100%}.delete-otp-input{font-size:18px;height:48px;width:40px}.delete-modal-btn{font-size:13px;padding:14px 20px}.delete-modal-close{font-size:13px;height:32px;right:14px;top:14px;width:32px}.delete-modal-impacts .impact-card{padding:12px}.delete-modal-impacts .impact-icon{font-size:16px;height:36px;width:36px}}@media (max-width:480px){.delete-modal-card{padding:20px 16px}.delete-modal-title{font-size:17px}.delete-modal-subtext{font-size:13px}.delete-otp-inputs{gap:8px}.delete-otp-input{font-size:16px;height:46px;width:38px}.delete-modal-actions{gap:10px}.delete-modal-btn{font-size:13px;height:46px;padding:12px 16px}}.toggle-container,.toggle-container *,.toggle-slider,.toggle-slider *,.toggle-switch,.toggle-switch *,.toggle-thumb,.toggle-thumb *{background-clip:padding-box!important;border:none!important;border-radius:50px!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;filter:none!important;-webkit-filter:none!important;outline:none!important;text-shadow:none!important}.content-card,.content-card *{filter:none!important}.psp-main{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff9;border-radius:20px;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:calc(100vh - 80px);padding:32px}.psp-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1e40af);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;letter-spacing:-.02em;margin:0 0 32px}.psp-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 1fr}.psp-left{gap:24px}.psp-left,.psp-section{display:flex;flex-direction:column}.psp-section{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a;gap:16px;overflow:hidden;padding:24px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.psp-section:before{background:linear-gradient(90deg,#0000,#3b82f60d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:0}.psp-section:hover:before{left:100%}.psp-section:hover{box-shadow:0 12px 40px #0000001f,0 6px 20px #0000000f;transform:translateY(-4px)}.psp-box>.psp-section-title:first-child,.psp-section-header,.psp-section>.psp-section-title:first-child{background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:1px solid #ffffff4d;border-radius:20px 20px 0 0;margin:-24px -24px 20px;padding:20px 24px;position:relative;z-index:1}.psp-section-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.psp-section-title{color:#fff;font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0;text-align:left}.psp-link{color:#3b82f6;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.psp-link:hover{color:#2563eb;text-decoration:underline}.psp-field{display:flex;flex-direction:column;gap:8px;position:relative;text-align:left;z-index:1}.psp-field label{color:#475569;font-size:14px;font-weight:600;letter-spacing:.01em}.psp-field input,.psp-field select{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 2px 8px #00000005;color:#1e293b;font-family:inherit;font-size:15px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.psp-field input:focus,.psp-field select:focus{background:#fffffff2;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.psp-field input::placeholder{color:#94a3b8}.psp-field input:read-only{background:#ffffff80;color:#64748b;cursor:not-allowed}.psp-field select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%233b82f6' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;cursor:pointer;padding-right:44px}.psp-input-wrap{align-items:center;display:flex;position:relative}.psp-input-wrap input{flex:1 1}.psp-info-icon{align-items:center;background:#3b82f61a;border-radius:50%;color:#3b82f6;display:flex;font-size:12px;height:24px;justify-content:center;pointer-events:none;position:absolute;right:16px;transition:all .3s ease;width:24px}.psp-btn-primary{align-self:flex-end;background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:12px;box-shadow:0 8px 24px #3b82f64d,0 4px 12px #3b82f633;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.psp-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 12px 32px #3b82f666,0 6px 16px #3b82f64d;transform:translateY(-2px)}.psp-row-fields{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.psp-right{display:flex;flex-direction:column;gap:24px}.psp-box{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.psp-box:before{background:linear-gradient(90deg,#0000,#3b82f60d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:0}.psp-box:hover:before{left:100%}.psp-box:hover{box-shadow:0 12px 40px #0000001f,0 6px 20px #0000000f;transform:translateY(-4px)}.psp-box .psp-section-title{margin-bottom:8px;position:relative;z-index:1}.psp-box .psp-field{margin-top:20px;position:relative;z-index:1}.psp-box .psp-field:first-of-type{margin-top:16px}.psp-toggle-row{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;position:relative;z-index:1}.psp-toggle-label{color:#1e293b;font-size:15px;font-weight:600;text-align:left}.psp-toggle-desc{color:#64748b;font-size:13px;line-height:1.4;margin-top:4px}.psp-toggle{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff4d;border:1px solid #ffffff80;border-radius:14px;cursor:pointer;flex-shrink:0;height:28px;padding:3px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:52px}.psp-toggle:hover{background:#ffffff80}.psp-toggle-knob{background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000026;display:block;height:22px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:22px}.psp-toggle-on{background:linear-gradient(135deg,#3b82f6,#1e40af);border-color:#3b82f64d;box-shadow:0 4px 16px #3b82f64d,0 2px 8px #3b82f633}.psp-toggle-on .psp-toggle-knob{transform:translateX(24px)}.psp-account-info{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 1px 3px #0000000d;margin:24px 0!important;padding:24px!important;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.psp-account-info:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.psp-account-info-header{border-bottom:1px solid #f1f5f9!important;margin-bottom:20px!important;padding-bottom:16px!important}.psp-account-info-title{color:#334155!important;font-size:15px!important;font-weight:700!important;letter-spacing:.02em!important;margin:0!important;text-align:left!important;text-transform:uppercase!important}.psp-account-info .psp-row-fields{grid-gap:24px!important;align-items:stretch!important;display:grid!important;gap:24px!important;grid-template-columns:1fr 1fr!important}.psp-account-info .psp-field{display:flex!important;flex-direction:column!important;gap:8px!important;height:auto!important;margin:0!important;min-height:0!important;position:relative;text-align:left!important;z-index:1}.psp-account-info .psp-field label{align-items:flex-end!important;color:#64748b!important;display:flex!important;flex-shrink:0!important;font-size:13px!important;font-weight:600!important;height:18px!important;letter-spacing:.01em!important;line-height:1.4!important;margin:0!important;min-height:18px!important;padding:0!important;text-transform:uppercase!important}.psp-account-info .psp-field input,.psp-account-info .psp-field select{background:#f8fafc!important;border:1px solid #f1f5f9!important;border-radius:10px!important;box-sizing:border-box!important;color:#334155!important;display:block!important;font-family:inherit!important;font-size:15px!important;font-weight:500!important;height:50px!important;line-height:22px!important;margin:0!important;min-height:50px!important;padding:14px 16px!important;text-align:left!important;transition:all .2s ease!important;vertical-align:middle!important;width:100%!important}.psp-account-info .psp-field input::placeholder{line-height:22px!important;vertical-align:middle!important}.psp-account-info .psp-field input:read-only{background:#f8fafc!important;border-color:#f1f5f9!important;color:#475569!important;cursor:default!important}.psp-sessions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.psp-sessions-label{color:#1e293b;font-size:15px;font-weight:600;position:relative;text-align:left;z-index:1}.psp-session-list{list-style:none;margin:0;padding:0;position:relative;z-index:1}.psp-session-item{align-items:center;border-bottom:1px solid #fff3;display:flex;gap:16px;justify-content:space-between;padding:16px 0;transition:all .3s cubic-bezier(.4,0,.2,1)}.psp-session-item:hover{background:#3b82f608;border-radius:12px;margin:0 -8px;padding:16px 8px}.psp-session-item:last-child{border-bottom:none}.psp-session-info{display:flex;flex-direction:column;gap:4px}.psp-session-device{color:#1e293b;font-size:14px;font-weight:600;text-align:left}.psp-session-location{color:#64748b;font-size:13px;text-align:left}.psp-btn-revoke{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #3b82f64d;border-radius:10px;color:#3b82f6;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.psp-btn-revoke:hover{background:#3b82f61a;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.psp-actions{border-top:1px solid #ffffff4d;display:flex;gap:16px;justify-content:flex-end;margin-top:40px;padding-top:24px}.psp-btn-outline{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 12px #0000000d;color:#475569;cursor:pointer;font-size:15px;font-weight:600;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.psp-btn-outline:hover{background:#fff;box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.psp-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;box-shadow:0 8px 24px #ef44444d,0 4px 12px #ef444433;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.psp-btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 12px 32px #ef444466,0 6px 16px #ef44444d;transform:translateY(-2px)}.psp-btn-edit{background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f633,0 2px 6px #3b82f626;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.psp-btn-edit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f64d,0 3px 8px #3b82f633;transform:translateY(-1px)}.psp-edit-actions{border-top:1px solid #ffffff4d;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px}.psp-edit-actions .psp-btn-outline{font-size:14px;padding:10px 20px}.psp-edit-actions .psp-btn-primary{font-size:14px;margin-top:0;padding:10px 20px}@media (max-width:900px){.psp-grid,.psp-row-fields{grid-template-columns:1fr}}@media (max-width:768px){.psp-box,.psp-main,.psp-section{border-radius:16px;padding:20px}.psp-box>.psp-section-title:first-child,.psp-section-header,.psp-section>.psp-section-title:first-child{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:16px 16px 0 0;margin:-20px -20px 16px;padding:16px 20px}.psp-account-info{margin:20px 0!important;padding:16px!important}.psp-account-info-header{margin-bottom:12px!important;padding-bottom:8px!important}.psp-account-info-title{font-size:15px!important}.psp-account-info .psp-row-fields{gap:12px!important;grid-template-columns:1fr!important}.psp-edit-actions{flex-direction:column;gap:8px}.psp-edit-actions .psp-btn-outline,.psp-edit-actions .psp-btn-primary{width:100%}}.footer{background-color:#2f4db3;color:#fff;display:flex;flex-direction:column;font-size:14px;gap:24px}.footer-top{align-items:flex-start;column-gap:100px;display:flex;justify-content:space-between;padding:40px 60px}.footer-contact h4,.footer-social h4{color:#fff;font-weight:600;margin-bottom:16px;text-align:left}.contact-row{align-items:flex-start;display:flex;margin:6px 0}.contact-text{display:flex;flex-direction:column;text-align:left}.icon-circle{align-items:center;background-color:#000;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-right:12px;margin-top:2px;width:28px}.contact-text p{line-height:1.4;margin:0}.footer-social{text-align:left}.footer-social .social-icons{display:flex;gap:16px;margin-top:8px}.footer-social .social-icons img{height:60px;width:60px}.footer-logo{margin-left:auto;margin-top:70px}.footer-logo img{height:80px;width:auto}.footer-bottom{background-color:#1c2a65;font-size:12px;letter-spacing:.5px;padding:50px 16px;text-align:center}@media (max-width:1280px){.footer-top{column-gap:60px;padding:32px 40px}}@media (max-width:1024px){.footer-top{column-gap:40px;padding:28px 32px}.footer-social .social-icons img{height:48px;width:48px}}@media (max-width:768px){.footer-top{column-gap:0;flex-direction:column;gap:24px;padding:24px 20px}.footer-logo{margin-left:0;margin-top:0}.footer-bottom{padding:24px 16px}}@media (max-width:480px){.footer-top{padding:16px}.footer-social .social-icons img{height:40px;width:40px}}.twofactor-otp-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;font-family:Inter,sans-serif;justify-content:center;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:1000}.twofactor-otp-modal-card{align-items:center;animation:cardEntry .8s cubic-bezier(.4,0,.2,1) forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border-radius:20px;box-shadow:0 20px 60px #0003,inset 0 0 0 1px #ffffff1a;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow-y:auto;padding:2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:85%}.twofactor-otp-modal-card:before{background:linear-gradient(90deg,#000428,#004e92 50%,#3f62b5);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.twofactor-otp-modal-card:hover{box-shadow:0 40px 100px #0000004d,inset 0 0 0 1px #fff3,0 0 120px #3f62b526;transform:translateY(-8px) scale(1.01)}.twofactor-otp-title{-webkit-text-fill-color:#0000;animation:titleEntry 1s cubic-bezier(.4,0,.2,1) .5s forwards;background:linear-gradient(135deg,#3f62b5,#4facfe);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin-bottom:8px;opacity:0;transform:translateY(20px)}.twofactor-otp-subtitle{animation:subtitleEntry 1s cubic-bezier(.4,0,.2,1) .7s forwards;color:#64748b;font-size:16px;font-weight:500;line-height:1.5;margin-bottom:24px;opacity:0;transform:translateY(20px)}.dev-otp-info{background-color:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.twofactor-otp-inputs{animation:formEntry 1s cubic-bezier(.4,0,.2,1) .9s forwards;display:flex;gap:10px;justify-content:center;margin-bottom:20px;opacity:0;transform:translateY(20px)}.twofactor-otp-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;font-size:24px;height:56px;outline:none;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px}.twofactor-otp-input:focus{background:#fffffffa;border-color:#3f62b5;box-shadow:0 0 0 4px #3f62b526,0 8px 25px #3f62b533;transform:translateY(-3px)}.twofactor-otp-input.error{background:#fee2e299;border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a,0 4px 12px #ef444426}.twofactor-otp-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef444426,0 8px 25px #ef444433}.twofactor-otp-inputs.shake{animation:shake .5s}.twofactor-otp-error-text{align-items:center;animation:errorShake .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fee2e2e6;border:1px solid #ef444433;border-radius:10px;box-shadow:0 3px 10px #ef44441a;color:#ef4444;display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:12px;margin-top:-5px;padding:10px 14px;text-align:left}.twofactor-otp-error-text:before{content:"⚠";font-size:12px}.twofactor-otp-timer-section{color:#64748b;font-size:14px;font-weight:500;margin-bottom:10px;margin-top:20px}.twofactor-otp-timer{color:#3f62b5;font-weight:600;transition:color .3s ease}.twofactor-otp-timer.expired{color:#ef4444}.twofactor-otp-resend-section{color:#64748b;font-size:14px;margin-bottom:20px;margin-top:10px}.twofactor-otp-resend-link{color:#3f62b5;cursor:pointer;font-weight:600;text-decoration:none;transition:all .2s ease}.twofactor-otp-resend-link:hover{color:#29499d;text-decoration:underline}.twofactor-otp-resend-link.disabled{cursor:default;opacity:.6}.twofactor-otp-verify-btn{animation:buttonEntry 1s cubic-bezier(.4,0,.2,1) 1.3s forwards;background:linear-gradient(135deg,#3f62b5,#4facfe);border:none;border-radius:12px;box-shadow:0 6px 20px #3f62b54d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:52px;margin-top:8px;opacity:0;overflow:hidden;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.twofactor-otp-verify-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);width:100%}.twofactor-otp-verify-btn:hover:not(:disabled){background:linear-gradient(135deg,#29499d,#3b82f6);box-shadow:0 12px 35px #3f62b566;transform:translateY(-3px) scale(1.02)}.twofactor-otp-verify-btn:hover:not(:disabled):before{left:100%}.twofactor-otp-verify-btn:active:not(:disabled){box-shadow:0 8px 25px #3f62b54d;transform:translateY(-1px) scale(1.01)}.twofactor-otp-verify-btn:disabled{box-shadow:0 4px 15px #3f62b533;cursor:not-allowed;opacity:.6;transform:none}.twofactor-otp-cancel-btn{animation:buttonEntry 1s cubic-bezier(.4,0,.2,1) 1.3s forwards;background:linear-gradient(135deg,#6b7280,#9ca3af);border:none;border-radius:12px;box-shadow:0 6px 20px #6b72804d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:52px;margin-top:8px;opacity:0;overflow:hidden;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.twofactor-otp-cancel-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);width:100%}.twofactor-otp-cancel-btn:hover:not(:disabled){background:linear-gradient(135deg,#4b5563,#6b7280);box-shadow:0 12px 35px #6b728066;transform:translateY(-3px) scale(1.02)}.twofactor-otp-cancel-btn:hover:not(:disabled):before{left:100%}.twofactor-otp-cancel-btn:active:not(:disabled){box-shadow:0 8px 25px #6b72804d;transform:translateY(-1px) scale(1.01)}.twofactor-otp-cancel-btn:disabled{box-shadow:0 4px 15px #6b728033;cursor:not-allowed;opacity:.6;transform:none}.twofactor-otp-back-link{border-radius:8px;color:#3f62b5;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;margin-top:10px;padding:8px 16px;position:relative;text-decoration:none;transition:all .2s ease}.twofactor-otp-back-link:hover{background:#3f62b51a;color:#29499d;transform:translateY(-1px)}@media (max-width:600px){.twofactor-otp-modal-card{border-radius:15px;padding:1.5rem;width:95vw}.twofactor-otp-title{font-size:28px}.twofactor-otp-subtitle{font-size:15px;margin-bottom:20px}.twofactor-otp-input{font-size:20px;height:48px;width:48px}.twofactor-otp-verify-btn{font-size:15px;height:48px}}.userchange-otp-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;font-family:Inter,sans-serif;justify-content:center;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:1000}.userchange-otp-modal-card{align-items:center;animation:cardEntry .8s cubic-bezier(.4,0,.2,1) forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border-radius:20px;box-shadow:0 20px 60px #0003,inset 0 0 0 1px #ffffff1a;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow-y:auto;padding:2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:85%}.userchange-otp-modal-card:before{background:linear-gradient(90deg,#000428,#004e92 50%,#3f62b5);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.userchange-otp-modal-card:hover{box-shadow:0 40px 100px #0000004d,inset 0 0 0 1px #fff3,0 0 120px #3f62b526;transform:translateY(-8px) scale(1.01)}.userchange-otp-title{-webkit-text-fill-color:#0000;animation:titleEntry 1s cubic-bezier(.4,0,.2,1) .5s forwards;background:linear-gradient(135deg,#3f62b5,#4facfe);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin-bottom:8px;opacity:0;transform:translateY(20px)}.userchange-otp-subtitle{animation:subtitleEntry 1s cubic-bezier(.4,0,.2,1) .7s forwards;color:#64748b;font-size:16px;font-weight:500;line-height:1.5;margin-bottom:24px;opacity:0;transform:translateY(20px)}.userchange-otp-step-indicator{animation:stepIndicatorEntry 1s cubic-bezier(.4,0,.2,1) .6s forwards;color:#3f62b5;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:8px;opacity:0;text-transform:uppercase;transform:translateY(20px)}@keyframes stepIndicatorEntry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notification{animation:notificationSlide .3s ease-out;border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px 16px}@keyframes notificationSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification.success{background-color:#d1fae5;border:1px solid #10b981;color:#065f46}.notification.info{background-color:#dbeafe;border:1px solid #3b82f6;color:#1e40af}.notification.error{background-color:#fee2e2;border:1px solid #ef4444;color:#991b1b}.userchange-otp-inputs{animation:formEntry 1s cubic-bezier(.4,0,.2,1) .9s forwards;display:flex;gap:10px;justify-content:center;margin-bottom:20px;opacity:0;transform:translateY(20px)}.userchange-otp-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;font-size:24px;height:56px;outline:none;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px}.userchange-otp-input:focus{background:#fffffffa;border-color:#3f62b5;box-shadow:0 0 0 4px #3f62b526,0 8px 25px #3f62b533;transform:translateY(-3px)}.userchange-otp-input.error{background:#fee2e299;border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a,0 4px 12px #ef444426}.userchange-otp-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef444426,0 8px 25px #ef444433}.userchange-otp-inputs.shake{animation:shake .5s}.userchange-otp-error-text{align-items:center;animation:errorShake .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fee2e2e6;border:1px solid #ef444433;border-radius:10px;box-shadow:0 3px 10px #ef44441a;color:#ef4444;display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:12px;margin-top:-5px;padding:10px 14px;text-align:left}.userchange-otp-error-text:before{content:"⚠";font-size:12px}.userchange-otp-timer-section{color:#64748b;font-size:14px;font-weight:500;margin-bottom:10px;margin-top:20px}.userchange-otp-timer{color:#3f62b5;font-weight:600;transition:color .3s ease}.userchange-otp-timer.expired{color:#ef4444}.userchange-otp-resend-section{color:#64748b;font-size:14px;margin-bottom:20px;margin-top:10px}.userchange-otp-resend-link{color:#3f62b5;cursor:pointer;font-weight:600;text-decoration:none;transition:all .2s ease}.userchange-otp-resend-link:hover{color:#29499d;text-decoration:underline}.userchange-otp-resend-link.disabled{cursor:default;opacity:.6}.userchange-otp-verify-btn{animation:buttonEntry 1s cubic-bezier(.4,0,.2,1) 1.3s forwards;background:linear-gradient(135deg,#3f62b5,#4facfe);border:none;border-radius:12px;box-shadow:0 6px 20px #3f62b54d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:52px;margin-top:8px;opacity:0;overflow:hidden;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.userchange-otp-verify-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);width:100%}.userchange-otp-verify-btn:hover:not(:disabled){background:linear-gradient(135deg,#29499d,#3b82f6);box-shadow:0 12px 35px #3f62b566;transform:translateY(-3px) scale(1.02)}.userchange-otp-verify-btn:hover:not(:disabled):before{left:100%}.userchange-otp-verify-btn:active:not(:disabled){box-shadow:0 8px 25px #3f62b54d;transform:translateY(-1px) scale(1.01)}.userchange-otp-verify-btn:disabled{box-shadow:0 4px 15px #3f62b533;cursor:not-allowed;opacity:.6;transform:none}.userchange-otp-cancel-btn{animation:buttonEntry 1s cubic-bezier(.4,0,.2,1) 1.3s forwards;background:linear-gradient(135deg,#6b7280,#9ca3af);border:none;border-radius:12px;box-shadow:0 6px 20px #6b72804d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:52px;margin-top:8px;opacity:0;overflow:hidden;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.userchange-otp-cancel-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);width:100%}.userchange-otp-cancel-btn:hover:not(:disabled){background:linear-gradient(135deg,#4b5563,#6b7280);box-shadow:0 12px 35px #6b728066;transform:translateY(-3px) scale(1.02)}.userchange-otp-cancel-btn:hover:not(:disabled):before{left:100%}.userchange-otp-cancel-btn:active:not(:disabled){box-shadow:0 8px 25px #6b72804d;transform:translateY(-1px) scale(1.01)}.userchange-otp-cancel-btn:disabled{box-shadow:0 4px 15px #6b728033;cursor:not-allowed;opacity:.6;transform:none}.userchange-otp-back-link{border-radius:8px;color:#3f62b5;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;margin-top:10px;padding:8px 16px;position:relative;text-decoration:none;transition:all .2s ease}.userchange-otp-back-link:hover{background:#3f62b51a;color:#29499d;transform:translateY(-1px)}@media (max-width:600px){.userchange-otp-modal-card{border-radius:15px;padding:1.5rem;width:95vw}.userchange-otp-title{font-size:28px}.userchange-otp-subtitle{font-size:15px;margin-bottom:20px}.userchange-otp-input{font-size:20px;height:48px;width:48px}.userchange-otp-verify-btn{font-size:15px;height:48px}}.personalization-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(135deg,#0f172ad9,#1e3a8abf);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.personalization-modal{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040,0 10px 25px -5px #0000001a;max-height:85vh;max-width:700px;overflow-y:auto;padding:0;width:92%}.modal-header{align-items:flex-start;background:linear-gradient(135deg,#1e3a8a,#0f172a);border-radius:20px 20px 0 0;gap:20px;padding:28px 32px}.modal-header-content{display:flex;flex-direction:column;gap:8px}.modal-header h2{color:#fff;font-size:26px;font-weight:700;line-height:1.2;margin:0}.modal-header p{color:#ffffffd9;font-size:15px;line-height:1.4;margin:0}.modal-close-btn{background:#ffffff26;border:none;border-radius:50%;flex-shrink:0;height:40px;width:40px}.modal-close-btn:hover{background:#ffffff40;transform:rotate(90deg)}.modal-close-btn svg{color:#fff;height:22px;width:22px}.topics-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);padding:32px}.topic-button{align-items:center;background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;min-height:140px;overflow:hidden;padding:20px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.topic-button:before{background:linear-gradient(90deg,#3f62b5,#2563eb);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.topic-button:hover{border-color:#3f62b5;box-shadow:0 10px 25px -5px #3f62b533,0 4px 12px -3px #3f62b51a;transform:translateY(-4px)}.topic-button:hover:before{transform:scaleX(1)}.topic-button.selected{background:linear-gradient(145deg,#eff6ff,#dbeafe);border-color:#3f62b5;box-shadow:0 10px 30px -5px #3f62b54d,0 4px 15px -3px #3f62b526;transform:translateY(-2px)}.topic-button.selected:before{transform:scaleX(1)}.topic-checkmark{align-items:center;animation:checkmarkPop .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#3f62b5,#2563eb);border-radius:50%;box-shadow:0 4px 12px #3f62b566;color:#fff;display:flex;height:28px;justify-content:center;position:absolute;right:10px;top:10px;width:28px}@keyframes checkmarkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.topic-checkmark svg{height:16px;width:16px}.topic-icon{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;height:56px;justify-content:center;margin-bottom:14px;overflow:hidden;transition:all .3s ease;width:56px}.topic-button:hover .topic-icon{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);transform:scale(1.05)}.topic-button.selected .topic-icon{background:linear-gradient(135deg,#3f62b5,#2563eb);box-shadow:0 4px 15px #3f62b54d}.topic-icon img{height:30px;object-fit:contain;width:30px}.topic-name{color:#1e293b;font-size:13px;font-weight:600;line-height:1.4;text-align:center;transition:color .3s ease}.topic-button:hover .topic-name{color:#1e3a8a}.topic-button.selected .topic-name{color:#1e3a8a;font-weight:700}.modal-footer{display:flex;gap:14px;justify-content:flex-end;padding:0 32px 32px}.later-button{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;font-size:15px;font-weight:600;padding:14px 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.later-button:hover{background:#f8fafc;border-color:#94a3b8;color:#475569;transform:translateY(-2px)}.continue-button{background:linear-gradient(135deg,#3f62b5,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 15px #3f62b54d;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 36px;transition:all .3s cubic-bezier(.4,0,.2,1)}.continue-button:hover:not(:disabled){box-shadow:0 8px 25px #3f62b566;transform:translateY(-2px)}.continue-button:active:not(:disabled){transform:translateY(0)}.continue-button:disabled{background:#cbd5e1;box-shadow:none;color:#94a3b8;cursor:not-allowed;transform:none}.personalization-modal::-webkit-scrollbar{width:8px}.personalization-modal::-webkit-scrollbar-track{background:#f1f5f9;border-radius:0 20px 20px 0}.personalization-modal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3f62b5,#2563eb);border-radius:4px}.personalization-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1e3a8a,#1e40af)}@media (max-width:768px){.personalization-modal{border-radius:16px;margin:20px;padding:0}.modal-header{border-radius:16px 16px 0 0;padding:24px}.modal-header h2{font-size:22px}.modal-header p{font-size:14px}.topics-grid{gap:14px;grid-template-columns:repeat(2,1fr);padding:24px}.topic-button{min-height:120px;padding:16px 12px}.topic-icon{height:48px;margin-bottom:10px;width:48px}.topic-icon img{height:26px;width:26px}.topic-name{font-size:12px}.modal-footer{padding:0 24px 24px}.continue-button,.later-button{font-size:14px;padding:12px 28px}}@media (max-width:480px){.personalization-modal{margin:12px;width:95%}.modal-header{align-items:flex-start;flex-direction:column;gap:12px;padding:20px}.modal-close-btn{align-self:flex-end}.topics-grid{gap:12px;grid-template-columns:1fr;padding:20px}.topic-button{flex-direction:row;gap:14px;min-height:auto;padding:16px;text-align:left}.topic-icon{flex-shrink:0;height:52px;margin-bottom:0;width:52px}.topic-name{flex:1 1;text-align:left}}.user-home{background-color:#fff;font-family:Segoe UI,sans-serif;height:100vh}.user-top-bar{align-items:center;background-color:#7a9ee3;display:flex;height:64px;justify-content:space-between;padding:0 20px}.user-avatar{background-color:#e0e0e0;border-radius:50%;height:36px;width:36px}.user-profile-btn{align-items:center;background-color:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;padding:0;width:36px}.user-profile-btn:hover{background-color:#f0f0f0}.user-profile-btn:focus{box-shadow:0 0 0 2px #00000026;outline:none}.user-content-wrapper{background-color:#fff;display:flex;height:calc(100vh - 64px)}@media (max-width:1024px){.user-content-wrapper{flex-direction:column;height:auto;min-height:calc(100vh - 64px)}}@media (max-width:768px){.user-top-bar{padding:0 12px}.user-avatar,.user-profile-btn{height:30px;width:30px}.user-profile-btn{font-size:16px}}.login-logo-container{cursor:pointer;left:24px;position:fixed;top:24px;z-index:1000}.login-logo,.login-logo-container{transition:all .3s cubic-bezier(.4,0,.2,1)}.login-logo{background:#0000;border-radius:0;box-shadow:none;filter:drop-shadow(0 4px 20px rgba(0,0,0,.1));height:auto;width:180px}.login-logo:hover{box-shadow:none;filter:drop-shadow(0 8px 30px rgba(0,0,0,.15));transform:scale(1.05) translateY(-2px)}.login-logo:active{transform:scale(.98)}.login-container{align-items:center;animation:gradientShift 20s ease infinite;background:linear-gradient(135deg,#000428,#004e92 50%,#3f62b5);background-size:400% 400%;display:flex;font-family:Inter,sans-serif;height:100vh;justify-content:center;overflow:hidden;padding:0 16px;position:relative}.login-container:before{background:radial-gradient(circle at 20% 80%,#3f62b526 0,#0000 60%),radial-gradient(circle at 80% 20%,#004e921a 0,#0000 60%),radial-gradient(circle at 40% 40%,#0004281a 0,#0000 60%);bottom:0;left:0;right:0;top:0}.login-container:after,.login-container:before{content:"";pointer-events:none;position:absolute}.login-container:after{animation:rotate 30s linear infinite;background:radial-gradient(circle,#ffffff08 0,#0000 70%);height:200%;left:-50%;top:-50%;width:200%}.login-card{animation:cardEntry .8s cubic-bezier(.4,0,.2,1) forwards;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fffffff2;border-radius:24px;box-shadow:0 30px 80px #00000040,inset 0 0 0 1px #ffffff1a,0 0 100px #3f62b51a;display:flex;height:clamp(580px,68vh,750px);max-width:1100px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:min(1100px,92vw)}.login-card:hover{box-shadow:0 40px 100px #0000004d,inset 0 0 0 1px #fff3,0 0 120px #3f62b526;transform:translateY(-8px) scale(1.01)}.login-left{background:linear-gradient(135deg,#fffffffa,#f8fafcf2);display:flex;flex:1.5 1;flex-direction:column;justify-content:center;padding:3rem 4rem;position:relative;text-align:left}.login-left:before{background:linear-gradient(90deg,#000428,#004e92 50%,#3f62b5);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.login-left:after{background:linear-gradient(180deg,#0000,#3f62b533 50%,#0000);content:"";height:80%;position:absolute;right:-2px;top:50%;transform:translateY(-50%);width:1px}.login-right{align-items:center;background:linear-gradient(135deg,#000428,#004e92 50%,#3f62b5);display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:20px;position:relative}.login-right:before{background:radial-gradient(circle at 30% 70%,#ffffff1a 0,#0000 50%);bottom:0;left:0;right:0;top:0}.login-right:after,.login-right:before{content:"";pointer-events:none;position:absolute}.login-right:after{animation:rotate 20s linear infinite;background:conic-gradient(from 0deg,#0000,#ffffff0d,#0000);height:200%;left:-50%;top:-50%;width:200%}.login-panel-image{animation:imageEntry 1s cubic-bezier(.4,0,.2,1) .3s forwards;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:block;max-height:95%;max-width:380px;object-fit:contain;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);width:95%}.login-panel-image:hover{box-shadow:0 25px 70px #0006;transform:scale(1.05) rotate(1deg)}@keyframes imageEntry{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-title{-webkit-text-fill-color:#0000;animation:titleEntry 1s cubic-bezier(.4,0,.2,1) .5s forwards;background:linear-gradient(135deg,#3f62b5,#4facfe);-webkit-background-clip:text;background-clip:text;font-size:38px;font-weight:900;letter-spacing:-1px;line-height:1.1;margin-bottom:12px}.login-subtitle,.login-title{opacity:0;transform:translateY(20px)}.login-subtitle{animation:subtitleEntry 1s cubic-bezier(.4,0,.2,1) .7s forwards;color:#64748b;font-size:16px;font-weight:500;line-height:1.6;margin-bottom:32px}.login-form{animation:formEntry 1s cubic-bezier(.4,0,.2,1) .9s forwards;display:flex;flex-direction:column;gap:18px;opacity:0;transform:translateY(20px)}.input-group{position:relative}.input-group input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;box-sizing:border-box;font-size:16px;font-weight:500;height:56px;padding:0 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.input-group.password-container input{padding-right:65px}.input-group input:focus{background:#fffffffa;border-color:#3f62b5;box-shadow:0 0 0 4px #3f62b526,0 8px 25px #3f62b533;outline:none;transform:translateY(-3px)}.input-group input::placeholder{color:#94a3b8;font-weight:400}.input-group input.input-error{background:#fee2e299;border:2px solid #ef4444;box-shadow:0 0 0 4px #ef44441a,0 4px 12px #ef444426;outline:none}.input-group input.input-error:focus{border:2px solid #ef4444;box-shadow:0 0 0 4px #ef444426,0 8px 25px #ef444433;transform:translateY(-3px)}.field-error{align-items:center;animation:errorShake .5s cubic-bezier(.4,0,.2,1);color:#ef4444;display:flex;font-size:13px;font-weight:600;gap:6px;margin-left:4px;margin-top:8px}.field-error:before{content:"⚠";font-size:12px}.password-container{position:relative}.password-input-wrapper{width:100%}.password-input-wrapper input{padding-right:65px}.eye-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3f62b514;border:none;border-radius:10px;color:#3f62b5;cursor:pointer;display:flex;font-size:1.2rem;height:38px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:38px;z-index:10}.eye-icon:hover{background:#3f62b526;box-shadow:0 4px 12px #3f62b533;transform:translateY(-50%) scale(1.1)}.password-input-wrapper input.input-error+.eye-icon{background:#ef444414;color:#ef4444}.password-input-wrapper input.input-error+.eye-icon:hover{background:#ef444426;box-shadow:0 4px 12px #ef444433;transform:translateY(-50%) scale(1.1)}.invalid-message{align-items:center;animation:errorShake .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fee2e2e6;border:1px solid #ef444433;border-radius:12px;box-shadow:0 4px 12px #ef44441a;color:#ef4444;display:flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:15px;margin-top:-5px;padding:14px 18px;text-align:left}.invalid-message:before{content:"⚠️";font-size:16px}.success-message{align-items:center;animation:successPulse .6s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#22c55e1a;border:1px solid #22c55e33;border-radius:12px;box-shadow:0 4px 12px #22c55e1a;color:#16a34a;display:flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:15px;margin-top:-5px;padding:14px 18px;text-align:left}.success-message:before{content:"✅";font-size:16px}@keyframes successPulse{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.login-options{align-items:center;animation:optionsEntry 1s cubic-bezier(.4,0,.2,1) 1.1s forwards;display:flex;justify-content:space-between;margin-bottom:30px;opacity:0;transform:translateY(20px)}@keyframes optionsEntry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.remember-me{align-items:center;display:flex;gap:12px}.remember-me,.remember-me input[type=checkbox]{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.remember-me input[type=checkbox]{accent-color:#3f62b5;border-radius:4px;height:20px;width:20px}.remember-me input[type=checkbox]:hover{box-shadow:0 2px 8px #3f62b533;transform:scale(1.1)}.remember-me label{color:#475569;cursor:pointer;font-size:15px;font-weight:500;transition:color .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.remember-me:hover label{color:#3f62b5}.checkbox-container{align-items:center;color:#475569;cursor:pointer;display:flex;font-size:15px;font-weight:500;transition:color .2s ease}.checkbox-container:hover{color:#3f62b5}.checkbox-container input{accent-color:#3f62b5;cursor:pointer;height:20px;transition:transform .2s ease;width:20px}.checkbox-container input:hover{transform:scale(1.1)}.forgot-password{border-radius:6px;color:#3f62b5;cursor:pointer;font-size:15px;font-weight:600;padding:4px 8px;position:relative;text-decoration:none;transition:all .2s ease}.forgot-password:after{background:linear-gradient(90deg,#3f62b5,#4facfe);bottom:0;content:"";height:2px;left:8px;position:absolute;right:8px;transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.forgot-password:hover{background:#3f62b50d;color:#29499d}.forgot-password:hover:after{transform:scaleX(1)}.login-btn{animation:buttonEntry 1s cubic-bezier(.4,0,.2,1) 1.3s forwards;background:linear-gradient(135deg,#3f62b5,#4facfe);border:none;border-radius:16px;box-shadow:0 8px 25px #3f62b54d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;height:62px;opacity:0;overflow:hidden;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.login-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);width:100%}.login-btn:after{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s cubic-bezier(.4,0,.2,1),height .6s cubic-bezier(.4,0,.2,1);width:0}.login-btn:hover{background:linear-gradient(135deg,#29499d,#3b82f6);box-shadow:0 12px 35px #3f62b566;transform:translateY(-3px) scale(1.02)}.login-btn:hover:before{left:100%}.login-btn:hover:after{height:300px;width:300px}.login-btn:active{box-shadow:0 8px 25px #3f62b54d;transform:translateY(-1px) scale(1.01)}.login-btn:disabled{cursor:not-allowed;opacity:.6}.login-btn:disabled,.login-btn:disabled:hover{box-shadow:0 4px 15px #3f62b533;transform:none}.login-btn:disabled:hover:after,.login-btn:disabled:hover:before{display:none}.signup-text{color:#64748b;font-size:15px;font-weight:500;margin-top:25px;text-align:center}.signup-link{border-radius:4px;color:#3f62b5;cursor:pointer;font-weight:600;padding:4px 8px;position:relative;text-decoration:none;transition:all .2s ease}.signup-link:hover{background:#3f62b51a;color:#29499d;transform:translateY(-1px)}@media (max-width:1280px){.login-card{height:clamp(540px,65vh,700px);max-width:950px;width:min(950px,94vw)}.login-left{padding:3rem}}@media (max-width:1100px){.login-card{height:clamp(500px,62vh,660px);width:min(880px,95vw)}.login-title{font-size:38px}.login-subtitle{font-size:16px;margin-bottom:30px}.login-left{padding:2.5rem}}@media (max-width:900px){.login-card{flex-direction:column;height:auto;max-height:90vh;overflow-y:auto;width:min(650px,95vw)}.login-right{min-height:200px;order:-1}.login-panel-image{max-height:90%;max-width:260px;width:90%}.login-left{padding:2rem}.login-title{font-size:32px}.login-subtitle{margin-bottom:25px}}@media (max-width:600px){.login-card{border-radius:15px;width:95vw}.login-left{padding:1.5rem}.login-title{font-size:28px}.login-subtitle{font-size:15px;margin-bottom:20px}.login-btn{font-size:16px;height:52px}.input-group input{height:50px}.login-right{min-height:160px}.login-panel-image{border-radius:12px;max-height:85%;max-width:220px;width:95%}}.forgot-container{align-items:center;animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#000428,#004e92 50%,#3f62b5);background-size:400% 400%;display:flex;font-family:Inter,sans-serif;height:100vh;justify-content:center;overflow:hidden;padding:0 16px;position:relative}.forgot-container:before{background:radial-gradient(circle at 20% 80%,#3f62b526 0,#0000 50%),radial-gradient(circle at 80% 20%,#004e921a 0,#0000 50%),radial-gradient(circle at 40% 40%,#0004281a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.forgot-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border-radius:20px;box-shadow:0 25px 60px #00000026,inset 0 0 0 1px #ffffff1a;display:block;max-width:650px;padding:3.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:90%}.forgot-card:hover{box-shadow:0 30px 70px #0003,inset 0 0 0 1px #fff3;transform:translateY(-5px)}.forgot-card:before{background:linear-gradient(90deg,#000428,#004e92 50%,#3f62b5);border-radius:20px 20px 0 0;height:4px}.forgot-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3f62b5,#4facfe);-webkit-background-clip:text;background-clip:text;font-size:38px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin-bottom:12px}.forgot-subtitle{color:#64748b;font-size:18px;font-weight:500;line-height:1.5;margin-bottom:35px}.forgot-form{display:flex;flex-direction:column;gap:20px}.forgot-form .input-group{position:relative}.forgot-form .input-group input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-size:16px;font-weight:500;height:54px;padding:0 16px;transition:all .3s ease;width:100%}.forgot-form .input-group input:focus{background:#fffffff2;border-color:#3f62b5;box-shadow:0 0 0 4px #3f62b51a,0 4px 12px #3f62b526;outline:none;transform:translateY(-2px)}.forgot-form .input-group input::placeholder{color:#94a3b8;font-weight:400}.forgot-form .input-group input.input-error{background:#fee2e280;border:2px solid #ef4444;outline:none}.forgot-form .input-group input.input-error:focus{border:2px solid #ef4444;box-shadow:0 0 0 4px #ef44441a,0 4px 12px #ef444426}.forgot-form .field-error{align-items:center;color:#ef4444;display:flex;font-size:13px;font-weight:500;gap:4px;margin-bottom:12px;margin-left:4px;margin-top:12px;text-align:left}.phone-input-group{align-items:stretch;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:0;height:54px;overflow:hidden;transition:all .3s ease;width:100%}.phone-input-group:focus-within{background:#fffffff2;border-color:#3f62b5;box-shadow:0 0 0 4px #3f62b51a,0 4px 12px #3f62b526;outline:none;transform:translateY(-2px)}.phone-input-group-error{background:#fee2e280;border:2px solid #ef4444;box-shadow:0 0 0 4px #ef44441a,0 4px 12px #ef444426}.phone-country-code{align-items:center;background:linear-gradient(135deg,#3f62b514,#4facfe14);border-right:2px solid #e2e8f0;color:#3f62b5;display:flex;font-size:16px;font-weight:600;justify-content:center;padding:0 16px;-webkit-user-select:none;user-select:none;white-space:nowrap}.phone-input-group-error .phone-country-code{background:#ef444414;border-right:2px solid #ef44444d;color:#ef4444}.phone-input-group input{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;flex:1 1;height:100%!important;padding:0 16px!important}.phone-input-group input:focus{transform:none!important}.phone-input-group input.input-error,.phone-input-group input:focus{background:#0000!important;border:none!important;box-shadow:none!important}.forgot-form .field-error:before{content:"⚠";font-size:12px}.forgot-form .password-container .eye-icon{right:12px;top:50%;transform:translateY(-50%)}.forgot-form .password-container input.input-error+.eye-icon,.forgot-form .password-container input.input-error~.eye-icon{background:#ef444414;color:#ef4444}.forgot-form .password-container input.input-error+.eye-icon:hover,.forgot-form .password-container input.input-error~.eye-icon:hover{background:#ef444426;box-shadow:0 4px 12px #ef444433;transform:translateY(-50%) scale(1.1)}.forgot-btn{background:linear-gradient(135deg,#3f62b5,#4facfe);border:none;border-radius:12px;box-shadow:0 4px 15px #3f62b54d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;height:58px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.forgot-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.forgot-btn:hover{background:linear-gradient(135deg,#29499d,#3b82f6);box-shadow:0 6px 20px #3f62b566;transform:translateY(-2px)}.forgot-btn:hover:before{left:100%}.forgot-btn:active{box-shadow:0 2px 10px #3f62b54d;transform:translateY(0)}.forgot-btn:disabled{box-shadow:0 2px 8px #3f62b533;cursor:not-allowed;opacity:.7;transform:none}.forgot-actions-row{align-items:center;display:flex;justify-content:space-between;margin-top:25px;width:100%}.back-link{border-radius:8px;color:#3f62b5;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;padding:8px 16px;position:relative;text-decoration:none;transition:all .2s ease}.back-link:hover{background:#3f62b51a;color:#29499d;transform:translateY(-1px)}.forgot-card{overflow:hidden;position:relative}.forgot-card:before{background:linear-gradient(90deg,#3f62b500,#3f62b50d 50%,#6366f114);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform 60s linear;z-index:1}.forgot-card.timer-active:before{transform:translateX(0)}.forgot-card.timer-expired:before{background:linear-gradient(90deg,#ef44441a,#ef444426);transform:translateX(0)}.forgot-card.timer-critical{animation:criticalPulse 1s ease-in-out infinite}.forgot-card.timer-critical:after{animation:criticalGlow 2s ease-in-out infinite;background:linear-gradient(90deg,#3f62b5,#4facfe,#3f62b5);border-radius:22px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes criticalPulse{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}@keyframes criticalGlow{0%,to{box-shadow:0 0 20px #3f62b54d;opacity:0}50%{box-shadow:0 0 30px #3f62b580;opacity:.6}}.forgot-card.timer-expired{animation:expiredShake .5s ease-in-out;border-color:#ef44444d!important}@keyframes expiredShake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-8px)}80%{transform:translateX(8px)}}.timer.timer-normal{color:#3f62b5}.timer.timer-warning{color:#f59e0b}.timer.timer-expired{color:#ef4444}.otp-inputs{display:flex;gap:16px;justify-content:center;margin-bottom:20px;transition:.2s ease}.otp-inputs.shake{animation:shake .5s}.otp-inputs input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;font-size:27px;height:68px;outline:none;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:68px}.otp-inputs input:focus{background:#fffffffa;border-color:#3f62b5;box-shadow:0 0 0 4px #3f62b526,0 8px 25px #3f62b533;transform:translateY(-3px)}.otp-inputs input.error{background:#fee2e299;border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a,0 4px 12px #ef444426}.otp-inputs input.error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef444426,0 8px 25px #ef444433}.timer{font-weight:600;transition:color .3s ease}.verification-logo-container{cursor:pointer;left:24px;position:fixed;top:24px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.verification-logo{background:#0000;border-radius:0;box-shadow:none;filter:drop-shadow(0 4px 20px rgba(0,0,0,.1));height:auto;transition:all .3s cubic-bezier(.4,0,.2,1);width:180px}.verification-container{align-items:center;animation:gradientShift 20s ease infinite;background:linear-gradient(135deg,#000428,#004e92 50%,#3f62b5);background-size:400% 400%;display:flex;font-family:Inter,sans-serif;height:100vh;justify-content:center;overflow:hidden;padding:0 16px;position:relative}.verification-container:before{background:radial-gradient(circle at 20% 80%,#3f62b526 0,#0000 60%),radial-gradient(circle at 80% 20%,#004e921a 0,#0000 60%),radial-gradient(circle at 40% 40%,#0004281a 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.verification-container:after{animation:rotate 30s linear infinite;background:radial-gradient(circle,#ffffff08 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.verification-card{align-items:center;animation:cardEntry .8s cubic-bezier(.4,0,.2,1) forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border-radius:20px;box-shadow:0 20px 60px #0003,inset 0 0 0 1px #ffffff1a;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow-y:auto;padding:2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:85%}.verification-card:before{background:linear-gradient(90deg,#000428,#004e92 50%,#3f62b5);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.verification-card:hover{box-shadow:0 40px 100px #0000004d,inset 0 0 0 1px #fff3,0 0 120px #3f62b526;transform:translateY(-8px) scale(1.01)}.verification-logo-image{height:auto;margin-bottom:16px;width:140px}.verification-title{-webkit-text-fill-color:#0000;animation:titleEntry 1s cubic-bezier(.4,0,.2,1) .5s forwards;background:linear-gradient(135deg,#3f62b5,#4facfe);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin-bottom:8px;opacity:0;transform:translateY(20px)}.verification-subtitle{animation:subtitleEntry 1s cubic-bezier(.4,0,.2,1) .7s forwards;color:#64748b;font-size:16px;font-weight:500;line-height:1.5;margin-bottom:24px;opacity:0;transform:translateY(20px)}.verification-otp-inputs{animation:formEntry 1s cubic-bezier(.4,0,.2,1) .9s forwards;display:flex;gap:10px;justify-content:center;margin-bottom:20px;opacity:0;transform:translateY(20px)}.verification-otp-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;font-size:24px;height:56px;outline:none;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px}.verification-otp-input:focus{background:#fffffffa;border-color:#3f62b5;box-shadow:0 0 0 4px #3f62b526,0 8px 25px #3f62b533;transform:translateY(-3px)}.verification-otp-input.error{background:#fee2e299;border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a,0 4px 12px #ef444426}.verification-error-text{align-items:center;animation:errorShake .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fee2e2e6;border:1px solid #ef444433;border-radius:10px;box-shadow:0 3px 10px #ef44441a;color:#ef4444;display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:12px;margin-top:-5px;padding:10px 14px;text-align:left}.verification-error-text:before{content:"⚠";font-size:12px}.verification-timer-section{color:#64748b;font-size:14px;font-weight:500;margin-bottom:10px;margin-top:20px}.verification-timer{color:#3f62b5;font-weight:600;transition:color .3s ease}.verification-timer.expired{color:#ef4444}.verification-resend-section{color:#64748b;font-size:14px;margin-bottom:20px;margin-top:10px}.verification-resend-link{color:#3f62b5;cursor:pointer;font-weight:600;text-decoration:none;transition:all .2s ease}.verification-resend-link:hover{color:#29499d;text-decoration:underline}.verification-resend-link.disabled{cursor:default;opacity:.6}.verification-verify-btn{animation:buttonEntry 1s cubic-bezier(.4,0,.2,1) 1.3s forwards;background:linear-gradient(135deg,#3f62b5,#4facfe);border:none;border-radius:12px;box-shadow:0 6px 20px #3f62b54d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:52px;margin-top:8px;opacity:0;overflow:hidden;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.verification-verify-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);width:100%}.verification-verify-btn:after{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s cubic-bezier(.4,0,.2,1),height .6s cubic-bezier(.4,0,.2,1);width:0}.verification-verify-btn:hover{background:linear-gradient(135deg,#29499d,#3b82f6);box-shadow:0 12px 35px #3f62b566;transform:translateY(-3px) scale(1.02)}.verification-verify-btn:hover:before{left:100%}.verification-verify-btn:hover:after{height:300px;width:300px}.verification-verify-btn:active{box-shadow:0 8px 25px #3f62b54d;transform:translateY(-1px) scale(1.01)}.verification-verify-btn:disabled{cursor:not-allowed;opacity:.6}.verification-verify-btn:disabled,.verification-verify-btn:disabled:hover{box-shadow:0 4px 15px #3f62b533;transform:none}.verification-verify-btn:disabled:hover:after,.verification-verify-btn:disabled:hover:before{display:none}.verification-cancel-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffe6;border:2px solid #e2e8f0;border-radius:12px;color:#3f62b5;cursor:pointer;font-size:15px;font-weight:600;height:48px;margin-top:8px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.verification-cancel-btn:hover{background:#3f62b50d;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.verification-cancel-btn:active{transform:translateY(0)}@media (max-width:600px){.verification-card{border-radius:16px;max-height:85vh;max-width:400px;padding:1.5rem;width:92vw}.verification-logo-image{margin-bottom:12px;width:120px}.verification-title{font-size:26px;margin-bottom:6px}.verification-subtitle{font-size:14px;margin-bottom:18px}.verification-otp-inputs{gap:8px}.verification-otp-input{border-radius:12px;font-size:18px;height:44px;width:44px}.verification-verify-btn{font-size:15px;height:48px}.verification-cancel-btn{font-size:14px;height:44px}}@media (max-width:480px){.verification-card{padding:1.2rem;width:90vw}.verification-title{font-size:24px}.verification-subtitle{font-size:13px;margin-bottom:16px}.verification-otp-inputs{gap:6px}.verification-otp-input{font-size:16px;height:38px;width:38px}}.resend-text{color:#64748b;font-size:14px;margin-top:15px}.timer-section{margin-bottom:10px;margin-top:20px}.resend-section{margin-bottom:20px;margin-top:10px}.resend{color:#3f62b5;cursor:pointer;font-weight:600;transition:all .2s ease}.resend:hover{color:#29499d;text-decoration:underline}@media (max-width:1100px){.otp-inputs input{font-size:22px;height:54px;width:54px}.forgot-card.timer-critical:after{border-radius:18px}}@media (max-width:600px){.otp-inputs{gap:12px}.otp-inputs input{border-radius:12px;font-size:18px;height:42px;width:42px}.resend-text{font-size:13px}.forgot-card.timer-critical:after{border-radius:15px}@keyframes criticalPulse{0%,to{transform:scale(1)}50%{transform:scale(1.005)}}}@media (max-width:480px){.otp-inputs{gap:8px}.otp-inputs input{font-size:16px;height:36px;width:36px}.forgot-card.timer-critical:after{border-radius:12px}@keyframes criticalGlow{0%,to{box-shadow:0 0 15px #3f62b54d;opacity:0}50%{box-shadow:0 0 20px #3f62b580;opacity:.5}}}.password-rules{color:#64748b;font-size:14px;margin-bottom:30px;text-align:left}.password-rule-item{align-items:center;display:flex;margin-bottom:10px;transition:all .2s ease}.password-rule-checkbox{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f0;border-radius:6px;display:flex;height:22px;justify-content:center;margin-right:12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:22px}.password-rule-checkbox.valid{background:linear-gradient(135deg,#16a34a,#22c55e);border-color:#16a34a;box-shadow:0 2px 8px #16a34a4d;transform:scale(1.05)}.password-rule-checkmark{color:#fff;font-size:12px;font-weight:700;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1)}.password-rule-checkbox.valid .password-rule-checkmark{opacity:1;transform:scale(1)}.password-rule-text{font-weight:500;transition:color .3s ease}.password-rule-checkbox.valid~.password-rule-text{color:#16a34a;font-weight:600}@media (max-width:600px){.password-rules{font-size:13px;margin-bottom:25px}.password-rule-item{margin-bottom:8px}.password-rule-checkbox{height:20px;margin-right:10px;width:20px}.password-rule-checkmark{font-size:11px}.forgot-card{border-radius:15px;padding:2rem;width:95vw}.forgot-title{font-size:32px}.forgot-subtitle{font-size:16px;margin-bottom:25px}.forgot-btn{font-size:16px;height:52px}.forgot-form .input-group input,.phone-input-group{height:50px}.phone-country-code{font-size:15px;padding:0 12px}}.admin-aura-layout{background:#f8fafc}.admin-aura-sidebar{background:#fff;border-right:1px solid #e2e8f0;box-shadow:2px 0 10px #0000000d;box-sizing:border-box;color:#1e293b;flex-shrink:0;height:100vh;max-height:100vh;min-width:0;overflow:hidden;padding:24px 20px;position:-webkit-sticky;position:sticky;top:0;width:260px}.admin-aura-profile{align-items:center;animation:logoGradientShift 8s ease-in-out infinite;background:linear-gradient(135deg,#1e3a8a,#1e293b 50%,#0f172a);background-size:300% 300%;border:1px solid #334155;box-shadow:0 6px 16px #0f172a80;display:flex;flex-direction:column;gap:12px;margin-bottom:32px;padding:24px 20px;text-align:left;width:100%}.admin-sidebar-logo{filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));height:auto;max-height:55px;object-fit:contain;width:100%}.admin-aura-menu{gap:6px;margin-bottom:16px}.admin-aura-menu button{border-radius:12px;color:#64748b;font-size:14px;gap:14px;padding:14px 16px;transition:all .25s ease}.admin-aura-menu button:hover{background:#f1f5f9;color:#3b82f6}.admin-aura-menu button.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;box-shadow:0 2px 8px #2563eb1a;color:#1e40af;font-weight:700}.admin-aura-menu button svg{transition:all .25s ease}.admin-aura-menu button.active svg,.admin-aura-menu button:hover svg{color:#3b82f6;transform:scale(1.05)}.admin-logout{background:#fef2f2;border:1px solid #fee2e2;color:#dc2626;margin-top:8px}.admin-logout:hover{background:#fee2e2;border-color:#fecaca;color:#b91c1c;transform:translateX(4px)}.admin-aura-content{background:#f8fafc;display:flex;flex-direction:column;height:100vh;min-width:0;overflow:hidden;z-index:5}.modal-overlay{z-index:1000}.modal-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 32px #0000001f;max-height:90vh;max-width:420px;overflow-y:auto;padding:0;width:90%}.modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:24px 24px 20px}.modal-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-close-top-right{position:absolute;right:16px;top:16px;z-index:10}.modal-form{padding:24px}.modal-textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;width:100%}.modal-textarea.full-width{max-width:100%!important;width:100%!important}.textarea-wrapper{position:relative;width:100%}.character-counter{background:#ffffffe6;border-radius:4px;bottom:8px;color:#6b7280;font-size:12px;padding:2px 4px;pointer-events:none;position:absolute;right:8px}.modal-subtitle{color:#6b7280;font-size:14px;font-weight:400;margin:30px 0 10px 16px;text-align:left}.password-field{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;margin-bottom:20px;padding:16px;position:relative;transition:border-color .2s ease}.password-field:focus-within{border-color:#3b82f6}.password-icon{color:#6b7280;font-size:18px;margin-right:12px;z-index:1}.password-input{background:#f8fafc;border:none;border-radius:6px;box-sizing:border-box;color:#374151;font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.password-toggle{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:18px;padding:4px;position:absolute;right:16px;transition:all .2s ease}.password-toggle:hover{background:#f3f4f6;color:#374151}.password-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;display:flex;font-size:14px;gap:8px;margin-top:12px;padding:12px 16px}.error-icon{flex-shrink:0;font-size:16px}.modal-actions{gap:12px;justify-content:flex-end;padding:0 24px 24px}.modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;min-width:100px;padding:12px 24px;transition:all .2s ease}.modal-btn-cancel{background:#f8fafc;border:1px solid #e2e8f0;color:#6b7280}.modal-btn-cancel:hover{background:#f1f5f9}.modal-btn-confirm{background:#7a9ee3;border:1px solid #7a9ee3;color:#fff;overflow:hidden;position:relative}.modal-btn-confirm:hover{background:#29499d;border-color:#29499d}.modal-btn:disabled{cursor:not-allowed;opacity:.6}.modal-btn.loading{color:#0000}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #fff;border-top-color:#0000;display:inline-block;height:16px;width:16px}.floating-index-tabs-wrapper{margin:0 0 15px}.floating-index-tabs-wrapper,.refresh-pagination-row{align-items:center;display:flex;justify-content:space-between}.refresh-pagination-row{margin-bottom:12px;width:100%}.cl-pagination-wrapper,.pagination-controls-right{display:flex;justify-content:flex-end}.cl-pagination-info,.pagination-counter{color:#6b7280;font-size:14px}.cl-pagination-controls,.pagination-arrows{align-items:center;display:flex;gap:12px}.cl-pagination-arrow,.pagination-arrows button{align-items:center;background:#1e3a8a;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;padding:8px 12px;width:44px}.cl-pagination-arrow:disabled,.pagination-arrows button:disabled{cursor:not-allowed;opacity:.6}.floating-index-tabs{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:6px;box-shadow:0 2px 4px #0000001a;display:inline-flex;margin:0;padding:2px;position:relative}.refresh-btn-in-tabs{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #3b82f633;border-radius:12px;box-shadow:0 2px 8px #00000014;color:#3b82f6;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;padding:8px 10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.refresh-btn-in-tabs:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;box-shadow:0 8px 24px #3b82f64d,0 4px 12px #3b82f633;color:#fff;transform:translateY(-2px)}.refresh-btn-in-tabs:disabled{cursor:not-allowed;opacity:.6;transform:none}.refresh-btn-in-tabs:disabled:hover{background:#ffffffe6;box-shadow:0 2px 4px #0000000d;color:#3b82f6;transform:none}.floating-tab{align-items:center;background:#0000;border:none;border-radius:4px;color:#fffc;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin:0;padding:8px 14px;position:relative;transition:all .2s ease}.floating-tab:hover{background:#ffffff26;color:#fff}.floating-tab.active{background:#fffffff2;box-shadow:0 1px 3px #0000001a;color:#3b82f6;font-weight:600}.tab-count{align-items:center;background:#ffffff40;border-radius:9px;color:#ffffffe6;display:inline-flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px;transition:all .2s ease}.floating-tab:hover .tab-count{background:#ffffff59;color:#fff}.floating-tab.active .tab-count{background:#3b82f6;color:#fff}.admin-aura-table-wrapper.with-floating-tabs{border-top:1px solid #e2e8f0;border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 1px 3px #0000001a;margin-top:0;position:relative}.notification-modal{animation:slideIn .3s ease-out;border-radius:6px;position:fixed;right:20px;top:20px;z-index:2000}.notification-modal.success{background:#28a745;color:#fff}.notification-modal.error{background:#dc3545;color:#fff}.notification-content{border-radius:6px;box-shadow:0 4px 12px #00000026;font-size:14px;font-weight:500;padding:12px 20px}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.admin-aura-layout{background:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#f1f5f9);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden;position:relative}.admin-aura-layout:before{animation:subtleShift 15s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#3b82f614 0,#0000 50%),radial-gradient(circle at 80% 20%,#93c5fd14 0,#0000 50%),conic-gradient(from 180deg at 50% 50%,#3b82f605 0deg,#0000 120deg,#93c5fd05 240deg,#0000 1turn);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.admin-aura-sidebar{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#3b82f6f2;border-right:1px solid #fff3;box-shadow:0 8px 32px #3b82f64d,inset 1px 0 0 #fff3;color:#fff;display:flex;flex-direction:column;padding:32px 24px;position:relative;width:230px;z-index:10}.admin-aura-profile{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;margin-bottom:40px;padding:12px 16px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-aura-profile:hover{background:#ffffff26;transform:translateY(-2px)}.admin-aura-avatar{background:linear-gradient(135deg,#ffffff4d,#ffffff1a);border:3px solid #fff6;border-radius:50%;box-shadow:0 8px 24px #0003;height:100px;margin:0 auto 16px;overflow:hidden;position:relative;width:100px}.admin-aura-avatar:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.admin-aura-profile h3{font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0;text-shadow:0 2px 4px #0000001a}.admin-aura-edit-profile{cursor:pointer;font-size:13px;opacity:.9}.admin-aura-menu{display:flex;flex:1 1;flex-direction:column;gap:4px;margin-bottom:10px;margin-top:30px;min-width:0;overflow-x:hidden;overflow-y:auto}.admin-aura-menu button{align-items:center;background:#0000;border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;margin-bottom:6px;overflow:hidden;padding:14px 18px;position:relative;text-align:left;transition:all .3s ease}.admin-aura-menu button:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.admin-aura-menu button:hover:before{left:100%}.admin-aura-menu button:hover{background:#ffffff26;box-shadow:0 4px 16px #0003;color:#fff;transform:translateX(4px)}.admin-aura-menu button.active{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 12px 32px #3b82f666,0 6px 16px #3b82f64d,inset 0 1px 0 #fff3;color:#fff;font-weight:600;transform:translateX(10px) scale(1.03)}.admin-aura-menu button svg{color:#fff;flex-shrink:0;height:20px;transition:all .3s ease;width:20px}.admin-aura-menu button.active svg,.admin-aura-menu button:hover svg{color:#fff;transform:scale(1.1)}.admin-aura-menu button:last-child{border:1px solid #ef444433;color:#ef4444;margin-top:20px}.admin-aura-menu button:last-child svg{color:#ef4444}.admin-aura-menu button:last-child:hover{background:#ef44441a;border-color:#ef44444d;box-shadow:0 4px 16px #ef444426;color:#dc2626;transform:translateX(6px) scale(1.02)}.admin-aura-menu button:last-child.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#0000;box-shadow:0 12px 32px #ef444466,0 6px 16px #ef44444d,inset 0 1px 0 #fff3;color:#fff}.admin-aura-content{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;box-sizing:border-box;flex:1 1;overflow-y:auto;padding:32px;position:relative}.admin-aura-content::-webkit-scrollbar{width:8px}.admin-aura-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.admin-aura-content::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.admin-aura-content::-webkit-scrollbar-thumb:hover{background:#3b82f6b3}.admin-aura-top-controls{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a;display:flex;flex-wrap:nowrap;gap:12px;margin-bottom:32px;padding:20px}.admin-aura-top-controls .admin-aura-search{flex:1 1;min-width:200px}.admin-aura-top-controls select{min-width:140px;white-space:nowrap}.admin-aura-top-controls .refresh-btn{white-space:nowrap}.admin-aura-top-controls input,.admin-aura-top-controls select{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #3b82f633;border-radius:12px;box-sizing:border-box;color:#1e293b;font-size:14px;font-weight:500;outline:none;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-aura-top-controls input:focus,.admin-aura-top-controls select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin-aura-top-controls input:hover,.admin-aura-top-controls select:hover{border-color:#3b82f666}.admin-aura-table-wrapper{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 12px 40px #00000014,0 6px 20px #0000000a;overflow-x:auto;overflow-y:visible;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-aura-table-wrapper:hover{box-shadow:0 16px 48px #0000001f,0 8px 24px #0000000f;transform:translateY(-2px)}.admin-aura-table{border-collapse:collapse;font-size:14px;font-weight:500;table-layout:fixed;width:100%}.admin-aura-table thead{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.admin-aura-table thead th{border-bottom:2px solid #fff3;font-size:12px;letter-spacing:-.01em;text-transform:uppercase}.admin-aura-table th,.admin-aura-table thead th{font-weight:700;padding:20px 16px;text-align:center}.admin-aura-table th{position:relative;white-space:nowrap}.admin-aura-table td{text-align:left}.admin-aura-table th:after{background:#fff3;bottom:0;content:"";height:1px;left:16px;position:absolute;right:16px}.admin-aura-table td{word-wrap:break-word;border-bottom:1px solid #3b82f614;color:#1e293b;font-weight:400;overflow-wrap:break-word;padding:18px 16px;transition:all .2s ease;vertical-align:top;white-space:normal}.admin-aura-col-image{max-width:80px;text-align:center!important;width:80px}.admin-aura-col-creator{max-width:180px}.admin-aura-col-title{max-width:300px}.admin-aura-col-category{max-width:200px}.admin-aura-col-date{max-width:140px;white-space:nowrap!important}.admin-aura-col-reason{max-width:220px}.admin-aura-col-actions{max-width:120px;text-align:center!important;white-space:nowrap!important;width:120px}.admin-aura-table .email-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-aura-role-stack{display:flex;flex-direction:column;gap:4px;white-space:normal}.admin-aura-table tbody tr:hover{background:#3b82f60a;box-shadow:0 2px 8px #3b82f61a;transform:scale(1.01)}.admin-aura-clickable-row{transition:background-color .2s ease}.admin-aura-clickable-row:hover{background:#3b82f60f!important;cursor:pointer}.admin-aura-clickable-row:active{background:#3b82f61a!important;transform:scale(.99)}.admin-aura-status{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-aura-status-dot{border-radius:50%;height:8px;position:relative;width:8px}.admin-aura-status-dot:before{animation:pulse 2s ease-in-out infinite;background:inherit;border-radius:50%;bottom:-2px;content:"";left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px}.admin-aura-status.active{background:#22c55e26;border-color:#22c55e4d;color:#15803d}.admin-aura-status.active .admin-aura-status-dot{background:#22c55e;box-shadow:0 0 8px #22c55e66}.admin-aura-status.inactive{background:#6b728026;border-color:#6b72804d;color:#6b7280}.admin-aura-status.inactive .admin-aura-status-dot{background:#9ca3af}.admin-aura-actions{display:flex;gap:12px;justify-content:flex-end}.admin-aura-actions button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #3b82f633;border-radius:10px;box-shadow:0 2px 8px #00000014;color:#3b82f6;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.admin-aura-actions button:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;box-shadow:0 8px 24px #3b82f64d,0 4px 12px #3b82f633;color:#fff;transform:translateY(-2px) scale(1.05)}.admin-aura-modal-overlay{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.account-details-card{animation:slideUp .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#fffffffa;border:1px solid #3b82f633;border-radius:24px;box-shadow:0 25px 60px #0000001f,0 10px 30px #00000014;box-sizing:border-box;display:flex;flex-direction:column;max-height:85vh;max-width:100%;overflow:visible;padding:40px;position:relative;width:540px;z-index:1}.account-details-content{box-sizing:border-box;max-height:calc(85vh - 80px);overflow-y:auto;width:100%}.account-details-content::-webkit-scrollbar{width:6px}.account-details-content::-webkit-scrollbar-track{background:#0000;border-radius:10px}.account-details-content::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:10px}.account-details-close{align-items:center;align-self:flex-end;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 16px #0000001a;color:#6b7280;cursor:pointer;display:flex;font-size:18px;font-weight:600;height:32px;justify-content:center;position:-webkit-sticky;position:sticky;top:8px;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px;z-index:20}.account-details-close:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 20px #ef44444d;color:#fff;transform:scale(1.1)}.account-details-card .modal-content{box-sizing:border-box;display:flex;flex-direction:column;gap:24px;max-height:calc(90vh - 100px);overflow-y:auto;padding-right:10px}.section-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.account-details-card h2,.account-details-card h4,.section-header-row .section-title,.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#374151);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700;margin:0;text-align:left}.account-status-tag{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff80;border-radius:999px;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.account-status-tag.active{background:#22c55e1a;border-color:#22c55e33;color:#15803d}.account-status-tag.inactive{background:#6b72801a;border-color:#6b728033;color:#6b7280}.account-status-tag .status-dot{border-radius:50%;height:10px;position:relative;width:10px}.account-status-tag .status-dot:after{animation:pulse 2s ease-in-out infinite;background:inherit;border-radius:50%;bottom:-3px;content:"";left:-3px;opacity:.3;position:absolute;right:-3px;top:-3px}.account-status-tag.active .status-dot{background:#22c55e}.account-status-tag.inactive .status-dot{background:#9ca3af}.details-section{box-sizing:border-box;display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.edit-details-row{align-items:center;display:flex;gap:16px;margin-bottom:16px}.edit-details-row label{color:#374151;font-size:15px;font-weight:600;min-width:130px;text-align:left}.edit-details-row input,.edit-details-row select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#ffffffe6;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath d='m5 8 5 5 5-5' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:1px solid #3b82f633;border-radius:12px;box-sizing:border-box;flex:1 1;font-size:15px;padding:14px 48px 14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-details-row input:focus,.edit-details-row select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.edit-details-row input:disabled{background:#f8fafccc;color:#6b7280;cursor:not-allowed}.details-row{align-items:center;display:flex;gap:16px;margin-bottom:16px}.details-row label{color:#374151;font-size:15px;font-weight:600;min-width:130px;text-align:left}.details-row input,.details-row select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#ffffffe6;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath d='m5 8 5 5 5-5' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:1px solid #3b82f633;border-radius:12px;box-sizing:border-box;flex:1 1;font-size:15px;padding:14px 48px 14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.details-row input:focus,.details-row select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.details-row input:disabled{background:#f8fafccc;color:#6b7280;cursor:not-allowed}.encrypted-note{color:#555;font-size:13px;margin:10px 0 26px}.account-details-actions{border-top:1px solid #e5e7ebcc;display:flex;gap:14px;justify-content:flex-end;margin-top:28px;padding-top:20px}.account-details-actions button{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.account-details-actions button:first-child{background:#f8fafce6;border:1px solid #e5e7ebe6;color:#374151}.account-details-actions button:first-child:hover{background:#f1f5f9;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.account-details-actions button:last-child{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.account-details-actions button:last-child:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 24px #3b82f666;transform:translateY(-2px)}.role-dropdown-wrapper{cursor:pointer;position:relative;width:100%}.role-selected{align-items:center;background:#fffffff2;border:1px solid #3b82f633;border-radius:12px;color:#1f2937;display:flex;font-size:15px;justify-content:space-between;min-height:50px;overflow-x:auto;padding:14px 16px;text-overflow:ellipsis;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:100%}.role-selected:hover{background:#fff;border-color:#3b82f666}.role-selected-text{flex:1 1;overflow:hidden;text-overflow:ellipsis}.role-chevron{color:#6b7280;flex-shrink:0;font-size:18px;margin-left:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.role-chevron.open{color:#3b82f6;transform:rotate(180deg)}.role-selected::-webkit-scrollbar{display:none}.role-selected{-ms-overflow-style:none;scrollbar-width:none}.role-options::-webkit-scrollbar{width:4px}.role-options::-webkit-scrollbar-track{background:#0000}.role-options::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:10px}.role-option{padding:10px 12px}.role-option:hover{background:#3b82f60d}.field-error{color:#dc2626;font-size:12px;margin-top:4px;text-align:left}.admin-aura-delete-modal{background:#fff;border:2px solid #dc2626;border-radius:12px;padding:24px;width:360px}.modal-title{font-size:16px;font-weight:600;margin-bottom:40px;text-align:left}.modal-text{color:#4b5563;font-size:14px;line-height:1.5;margin-bottom:20px;text-align:center}.modal-actions{align-items:center;display:flex;flex-direction:row!important;justify-content:space-between;margin-top:40px}.modal-actions button{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.btn-cancel{background:#e5e7eb;color:#374151}.btn-confirm{background:#dc2626;color:#fff}.details-row.role-dropdown,.edit-details-row.role-dropdown{align-items:center;display:flex;flex-direction:row;gap:16px;margin-bottom:16px}.details-row.role-dropdown label,.edit-details-row.role-dropdown label{color:#374151;font-size:15px;font-weight:600;min-width:130px;padding-top:0;text-align:left}.details-row.role-dropdown .role-field-container,.edit-details-row.role-dropdown .role-field-container{display:flex;flex:1 1;flex-direction:column;max-width:100%;min-width:0}.role-options{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #3b82f633;border-radius:16px;box-shadow:0 12px 40px #00000026,0 4px 12px #00000014;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;left:0;max-height:220px;overflow-y:auto;padding:12px;position:absolute;top:calc(100% + 8px);width:100%;z-index:9999}.role-option{align-items:center;background:#0000;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.role-option:hover{background:#3b82f614}.role-option input[type=checkbox]{display:none}.checkbox-custom{align-items:center;background:#fff;border:2px solid #3b82f666;border-radius:6px;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s ease;width:20px}.checkbox-custom:after{background:#3b82f6;-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 10%,85% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 10%,85% 0,43% 62%);content:"";display:block;height:11px;opacity:0;transition:opacity .2s ease;width:11px}.role-option input[type=checkbox]:checked+.checkbox-custom:after{background:#fff;opacity:1}.role-option input[type=checkbox]:checked+.checkbox-custom{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000}.content-management-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 12px 40px #00000014,0 6px 20px #0000000a;margin:0 auto;max-width:1200px;padding:24px}.content-management-header{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#3b82f61a,#1e40af1a);border-bottom:2px solid #3b82f633;border-radius:16px;margin-bottom:32px;padding:24px}.content-management-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.content-management-header p{color:#64748b;font-weight:500}.content-management-controls{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:16px;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:20px}.content-filter-tabs-wrapper{align-items:center;display:flex;justify-content:space-between;margin:0 0 15px}.content-filter-tabs{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:6px;box-shadow:0 2px 4px #0000001a;display:inline-flex;margin:0;padding:2px;position:relative}.apt-page .content-filter-tabs{justify-content:center}.apt-page .content-filter-tab{flex:1 1;font-size:14px;font-weight:600;justify-content:center;min-width:150px;padding:12px 20px;text-align:center}.status-tabs-wrapper{align-items:center;display:flex;justify-content:space-between;margin:0 0 -15px}.status-tabs{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:6px;box-shadow:0 2px 4px #0000001a;display:inline-flex;padding:2px}.status-tab,.status-tabs{margin:0;position:relative}.status-tab{align-items:center;background:#0000;border:none;border-radius:4px;color:#fffc;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;min-height:50px;padding:8px 10px;transition:all .2s ease}.status-tab:hover{background:#ffffff26;color:#fff}.status-tab.active{background:#fffffff2;box-shadow:0 1px 3px #0000001a;color:#3b82f6;font-weight:600}.status-tab .tab-count{align-items:center;background:#ffffff40;border-radius:9px;color:#ffffffe6;display:inline-flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px;transition:all .2s ease}.status-tab:hover .tab-count{background:#ffffff59;color:#fff}.status-tab.active .tab-count{background:#3b82f6;color:#fff}.content-filter-tab{align-items:center;background:#0000;border:none;border-radius:4px;color:#fffc;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin:0;padding:8px 14px;position:relative;transition:all .2s ease}.content-filter-tab:hover{background:#ffffff26;color:#fff}.content-filter-tab.active{background:#fffffff2;box-shadow:0 1px 3px #0000001a;color:#3b82f6;font-weight:600}.content-filter-tab .tab-count{align-items:center;background:#ffffff40;border-radius:9px;color:#ffffffe6;display:inline-flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px;transition:all .2s ease}.content-filter-tab:hover .tab-count{background:#ffffff59;color:#fff}.content-filter-tab.active .tab-count{background:#3b82f6;color:#fff}.cl-pagination-arrow{background:#1e3a8a;border:none;border-radius:4px;color:#fff;width:32px}.cl-pagination-arrow:disabled{opacity:.6}.cl-pagination-info{color:#6b7280}.content-management-container .pagination-controls-right{align-items:center;display:flex;justify-content:flex-end;margin-bottom:16px;width:100%}.filter-group label{font-weight:600;white-space:nowrap}.status-filter-select{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #3b82f633;border-radius:12px;color:#1e293b;cursor:pointer;font-weight:500;min-width:180px;outline:none;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.status-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.status-filter-select:hover{border-color:#3b82f666}.admin-primary-gradient-btn:hover,.refresh-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;box-shadow:0 8px 24px #3b82f64d,0 4px 12px #3b82f633;color:#fff;transform:translateY(-2px)}.admin-primary-gradient-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #3b82f633;border-radius:12px;box-shadow:0 2px 8px #00000014;color:#3b82f6;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.pagination-row{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffffb3;justify-content:center;margin-bottom:24px;padding:16px}.pagination-controls{gap:16px}.pagination-arrow{background:#ffffffe6;border:1px solid #3b82f633;border-radius:10px;box-shadow:0 2px 8px #00000014;color:#3b82f6;font-size:16px;height:36px;justify-content:center;width:36px}.admin-primary-gradient-btn:hover,.pagination-arrow:hover:not(:disabled),.refresh-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;box-shadow:0 8px 24px #3b82f64d,0 4px 12px #3b82f633;color:#fff;transform:translateY(-2px)}.pagination-arrow:disabled{color:#9ca3af}.pagination-info{background:#3b82f61a;border:1px solid #3b82f633;border-radius:20px;color:#374151}.content-management-placeholder{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:2px dashed #3b82f64d;border-radius:20px;display:flex;justify-content:center;min-height:400px;padding:48px;text-align:center}.placeholder-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:20px;font-weight:700;margin:0 0 12px}.placeholder-content p{color:#64748b;font-size:16px;font-weight:500;margin:0 0 24px}.placeholder-features{margin:0 auto;max-width:400px}.placeholder-features ul{list-style:none;margin:0;padding:0;text-align:left}.placeholder-features li{border-bottom:1px solid #3b82f61a;color:#475569;font-size:14px;font-weight:500;padding:12px 0}.placeholder-features li:before{color:#3b82f6;content:"· ";font-size:20px;font-weight:700;margin-right:12px}.placeholder-features li:last-child{border-bottom:none}.cs-aura-page{display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:1000px;padding:24px}.cs-aura-card{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 12px 40px #00000014,0 6px 20px #0000000a,inset 1px 0 0 #fff9,inset -1px 0 0 #3b82f614;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.cs-aura-card:before{background:radial-gradient(circle at 20% 80%,#3b82f608 0,#0000 50%),radial-gradient(circle at 80% 20%,#93c5fd08 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.cs-aura-card:hover{box-shadow:0 20px 60px #0000001f,0 10px 30px #00000014,inset 1px 0 0 #ffffffb3,inset -1px 0 0 #3b82f61f;transform:translateY(-4px)}.cs-aura-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:20px;font-weight:700;letter-spacing:-.02em;margin-bottom:24px;padding-bottom:12px;position:relative}.cs-aura-title:after{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.admin-header{background:#0000;margin-bottom:32px;overflow:hidden;padding:20px 0;position:relative;text-align:center;width:100%}.hello-text{background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-size:18px;margin-bottom:8px}.admin-text,.hello-text{-webkit-text-fill-color:#0000;font-weight:800;letter-spacing:-.02em;text-align:left}.admin-text{background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;font-size:32px;margin:0}.cs-aura-input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #3b82f633;border-radius:12px;box-sizing:border-box;color:#1e293b;font-size:15px;font-weight:500;margin-bottom:16px;outline:none;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.cs-aura-input:focus{background:#fffffff2;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.cs-aura-input:hover{border-color:#3b82f666}.cs-aura-input:disabled{background:#f3f4f6cc;border-color:#6b728033;color:#6b7280;cursor:not-allowed}.cs-aura-helper{color:#64748b;font-size:14px;font-weight:500;line-height:1.5;margin-bottom:20px}.cs-aura-role-box{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#fff9;border:1px solid #3b82f633;border-radius:16px;margin-bottom:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cs-aura-role-box:hover{background:#ffffffb3;border-color:#3b82f64d}.cs-aura-role-header{margin-bottom:20px}.cs-aura-role-header span{color:#1e293b;display:block;font-size:16px;font-weight:600;margin-bottom:4px}.cs-aura-role-header small{color:#64748b;font-size:14px;font-weight:500}.cs-aura-role-options{display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.cs-aura-role-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #3b82f633;border-radius:12px;color:#374151;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;justify-content:center;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cs-aura-role-item:hover{background:#3b82f61a;border-color:#3b82f64d;box-shadow:0 4px 16px #3b82f626;transform:translateY(-2px)}.cs-aura-role-item input{display:none}.cs-aura-checkbox{align-items:center;background:#ffffffe6;border:2px solid #3b82f64d;border-radius:6px;display:inline-flex;height:24px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.cs-aura-checkbox:before{background:linear-gradient(90deg,#0000,#3b82f633,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.cs-aura-role-item:hover .cs-aura-checkbox:before{left:100%}.cs-aura-role-item.active .cs-aura-checkbox{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.cs-aura-role-item.active .cs-aura-checkbox:after{animation:checkmark .3s ease-in-out;color:#fff;content:"✓";font-size:14px;font-weight:700}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0deg)}}.cs-aura-system-row{grid-gap:16px;align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #ffffff4d;border-radius:12px;display:grid;gap:16px;grid-template-columns:180px 1fr;margin-bottom:20px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cs-aura-system-row:hover{background:#ffffffb3;border-color:#3b82f633}.cs-aura-system-row label{color:#374151;font-size:14px;font-weight:600}.cs-aura-actions{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #00000014;display:flex;gap:20px;justify-content:flex-end;margin-top:32px;padding:24px}.cs-aura-btn{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.05em;min-width:140px;overflow:hidden;padding:14px 32px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.cs-aura-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.cs-aura-btn:hover:before{left:100%}.cs-aura-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 24px #3b82f64d,0 4px 12px #3b82f633;color:#fff}.cs-aura-btn.primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 12px 32px #3b82f666,0 6px 16px #3b82f64d;transform:translateY(-2px)}.cs-aura-btn.primary:active{transform:translateY(0)}.cs-aura-btn.secondary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #3b82f633;box-shadow:0 2px 8px #00000014;color:#64748b}.cs-aura-btn.secondary:hover{background:#3b82f61a;border-color:#3b82f64d;box-shadow:0 4px 16px #3b82f626;color:#3b82f6;transform:translateY(-2px)}.cs-aura-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.cs-aura-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.cs-aura-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.cs-aura-error,.error-msg{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;display:flex;font-size:13px;font-weight:500;gap:6px;margin-top:4px;padding:8px 12px}.cs-aura-error:before,.error-msg:before{content:"⚠";font-size:14px}.contact-wrapper{align-items:stretch;display:flex;gap:0;margin-bottom:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-wrapper .country-code{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px 0 0 12px;border-right:none;color:#3b82f6;display:flex;font-weight:600;justify-content:center;padding:16px;white-space:nowrap;width:80px}.contact-wrapper .country-code,.contact-wrapper input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-sizing:border-box;font-size:15px;height:52px;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-wrapper input{background:#fffc;border:1px solid #3b82f633;border-left:none;border-radius:0 12px 12px 0;color:#1e293b;flex:1 1;font-weight:500;outline:none;padding:16px 20px}.contact-wrapper input:focus{background:#fffffff2;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.contact-wrapper input:hover{border-color:#3b82f666}.contact-wrapper:hover .country-code{background:#3b82f626;border-color:#3b82f666}.contact-wrapper:hover input{border-color:#3b82f666}.email-wrapper{align-items:stretch;display:flex;gap:0;margin-bottom:16px}.email-wrapper input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #3b82f633;border-bottom-right-radius:0;border-top-right-radius:0;border-radius:12px 0 0 12px;box-sizing:border-box;color:#1e293b;flex:1 1;font-size:15px;font-weight:500;outline:none;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.email-wrapper input:focus{background:#fffffff2;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.email-wrapper input:hover{border-color:#3b82f666}.email-suffix{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#3b82f61a;border:1px solid #3b82f633;border-left:none;border-radius:0 12px 12px 0;color:#3b82f6;display:flex;font-size:15px;font-weight:600;justify-content:center;line-height:1;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.email-wrapper:hover+.email-suffix{background:#3b82f626;border-color:#3b82f666}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-lock-icon{font-size:18px;left:15px;pointer-events:none;position:absolute;top:25px;transform:translateY(-50%)}.password-input-wrapper input{padding-left:45px;width:100%}.admin-dashboard-container{animation:dashboardPulse 12s ease-in-out infinite;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:radial-gradient(ellipse at top left,#3b82f614 0,#0000 50%),radial-gradient(ellipse at bottom right,#8b5cf614 0,#0000 50%),#fff9;border-radius:20px;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:32px;min-height:calc(100vh - 80px);overflow:hidden;padding:32px;position:relative}@keyframes dashboardPulse{0%,to{background:radial-gradient(ellipse at top left,#3b82f614 0,#0000 50%),radial-gradient(ellipse at bottom right,#8b5cf614 0,#0000 50%),#fff9}50%{background:radial-gradient(ellipse at top left,#3b82f61f 0,#0000 50%),radial-gradient(ellipse at bottom right,#8b5cf61f 0,#0000 50%),#fff9}}.admin-dashboard-container:before{animation:rotate 30s linear infinite;background:conic-gradient(from 0deg at 50% 50%,#0000 0deg,#3b82f60d 60deg,#0000 120deg,#8b5cf60d 180deg,#0000 240deg,#3b82f60d 300deg,#0000 1turn);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:-1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-dashboard-container:after{animation:floatingOrbs 20s ease-in-out infinite;background:radial-gradient(circle at 20% 20%,#3b82f626 0,#0000 20%),radial-gradient(circle at 80% 80%,#8b5cf626 0,#0000 20%),radial-gradient(circle at 50% 50%,#22c55e1a 0,#0000 30%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}@keyframes floatingOrbs{0%,to{opacity:.2;transform:translate(0) scale(1)}33%{opacity:.3;transform:translate(15px,-15px) scale(1.05)}66%{opacity:.25;transform:translate(-10px,10px) scale(.95)}}.dashboard-header{margin-bottom:24px;text-align:left}.dashboard-title{color:#1e293b;letter-spacing:-.01em;margin:0 0 4px}.dashboard-subtitle{font-weight:500;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stats-grid{grid-gap:16px;gap:16px;margin-bottom:32px}.stat-card{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff6;border-radius:16px;box-shadow:0 4px 20px #0000000f;cursor:pointer;display:flex;gap:16px;min-height:180px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.stat-card:hover{box-shadow:0 12px 40px #00000026,0 8px 20px #0000001a;transform:translateY(-8px) scale(1.02)}.stat-card.gradient-1:hover{box-shadow:0 12px 40px #3b82f666,0 8px 20px #3b82f64d}.stat-card.gradient-2:hover{box-shadow:0 12px 40px #0ea5e966,0 8px 20px #0ea5e94d}.stat-card.gradient-3:hover{box-shadow:0 12px 40px #6366f166,0 8px 20px #6366f14d}.stat-card.gradient-4:hover{box-shadow:0 12px 40px #8b5cf666,0 8px 20px #8b5cf64d}.stat-card.gradient-1{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:1px solid #3b82f64d}.stat-card.gradient-2{background:linear-gradient(135deg,#0ea5e9,#0369a1);border:1px solid #0ea5e94d}.stat-card.gradient-3{background:linear-gradient(135deg,#6366f1,#4f46e5);border:1px solid #6366f14d}.stat-card.gradient-4{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:1px solid #8b5cf64d}.stat-card.gradient-1 .stat-content,.stat-card.gradient-2 .stat-content,.stat-card.gradient-3 .stat-content,.stat-card.gradient-4 .stat-content{align-items:stretch;display:flex;flex-direction:column;height:100%;justify-content:space-between}.stat-card.gradient-1 .stat-content-header,.stat-card.gradient-2 .stat-content-header,.stat-card.gradient-3 .stat-content-header,.stat-card.gradient-4 .stat-content-header{align-items:flex-start;display:flex;flex-direction:column;gap:8px;margin-bottom:0}.stat-card.gradient-1 .stat-content-header h3.stat-count,.stat-card.gradient-2 .stat-content-header h3.stat-count,.stat-card.gradient-3 .stat-content-header h3.stat-count,.stat-card.gradient-4 .stat-content-header h3.stat-count{-webkit-text-fill-color:#fff!important;background:none!important;background-clip:initial!important;-webkit-background-clip:border-box!important;color:#fff!important;filter:none!important;font-size:42px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0;opacity:1!important;text-align:left;text-shadow:none!important}h3.stat-count{-webkit-text-fill-color:#fff!important;background:none!important;background-clip:initial!important;-webkit-background-clip:border-box!important;color:#fff!important}.stat-card.gradient-1 .stat-content p.stat-label,.stat-card.gradient-2 .stat-content p.stat-label,.stat-card.gradient-3 .stat-content p.stat-label,.stat-card.gradient-4 .stat-content p.stat-label{color:#fffffff2;font-size:20px;font-weight:600;letter-spacing:.01em;line-height:1.4;margin:0;text-align:left;text-transform:none}.stat-card.gradient-1 .stat-change-wrapper,.stat-card.gradient-2 .stat-change-wrapper,.stat-card.gradient-3 .stat-change-wrapper,.stat-card.gradient-4 .stat-change-wrapper{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:auto}.stat-card.gradient-1 .stat-change-label,.stat-card.gradient-2 .stat-change-label,.stat-card.gradient-3 .stat-change-label,.stat-card.gradient-4 .stat-change-label{color:#fffc}.stat-icon{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:12px;color:#fff;font-size:20px;height:50px;opacity:1;position:relative;visibility:visible;width:50px;z-index:1}.stat-icon.users{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f633;color:#fff}.stat-icon.appointments{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e33;color:#fff}.stat-icon.content{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b33;color:#fff}.stat-icon.revenue{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px #8b5cf633;color:#fff}.stat-content{flex:1 1;position:relative;z-index:1}.stat-content h3{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 4px}.stat-content p{font-size:13px;margin:0 0 6px}.stat-change{border-radius:8px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.05em;padding:3px 6px;text-transform:uppercase}.stat-change.positive{background:#4ade8040;border:1px solid #4ade8066}.stat-card.gradient-1 .stat-change.positive,.stat-card.gradient-2 .stat-change.positive,.stat-card.gradient-3 .stat-change.positive,.stat-card.gradient-4 .stat-change.positive{background:#4ade804d;border:1px solid #4ade8080;color:#4ade80;display:inline-flex;text-shadow:0 1px 2px #0000001a}.stat-card.gradient-1 .stat-change.negative,.stat-card.gradient-2 .stat-change.negative,.stat-card.gradient-3 .stat-change.negative,.stat-card.gradient-4 .stat-change.negative{background:#ef44444d;border:1px solid #ef444480;color:#f87171;display:inline-flex;text-shadow:0 1px 2px #0000001a}.stat-change.negative{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.charts-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr;margin-bottom:32px}.chart-card{animation:chartCardEntrance 1s ease-out backwards;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a;overflow:hidden;padding:24px;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1)}.chart-card:first-child{animation-delay:.6s}.chart-card:nth-child(2){animation-delay:.8s}@keyframes chartCardEntrance{0%{opacity:0;transform:translateY(25px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chart-card:hover{border-color:#3b82f64d;box-shadow:0 12px 40px #0000001a,0 6px 20px #0000000f;transform:translateY(-4px) scale(1.01)}.chart-card:before{animation:chartBorderGlow 3s linear infinite;background:linear-gradient(45deg,#0000,#3b82f61a,#0000,#8b5cf61a,#0000);border-radius:20px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .4s ease;z-index:-1}@keyframes chartBorderGlow{0%,to{opacity:0}50%{opacity:1}}.chart-card:hover:before{opacity:1}.chart-header{position:relative;z-index:1}.chart-header h3{background:linear-gradient(135deg,#3b82f6,#2563eb);font-size:18px}.chart-controls{display:flex;gap:8px}.chart-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #3b82f633;border-radius:8px;color:#64748b;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.chart-btn:hover{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.chart-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;color:#fff}.chart-legend{display:flex;gap:16px}.legend-item{color:#64748b;font-size:12px;font-weight:500;gap:6px}.legend-dot{height:8px;width:8px}.legend-dot.blue{background:#3b82f6}.legend-dot.green{background:#22c55e}.chart-content{height:200px;position:relative;z-index:1}.chart-placeholder{justify-content:space-between;padding:0 16px}.chart-bars,.chart-placeholder{align-items:flex-end;display:flex;height:100%;width:100%}.chart-bars{gap:12px}.bar{animation:barGrow 1.5s ease-out backwards;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px 8px 0 0;flex:1 1;min-height:20px;overflow:hidden;position:relative;transform-origin:bottom}.bar:first-child{animation-delay:1.2s}.bar:nth-child(2){animation-delay:1.3s}.bar:nth-child(3){animation-delay:1.4s}.bar:nth-child(4){animation-delay:1.5s}.bar:nth-child(5){animation-delay:1.6s}.bar:nth-child(6){animation-delay:1.7s}.bar:nth-child(7){animation-delay:1.8s}@keyframes barGrow{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.bar:after{animation:barPulse 2s ease-in-out infinite;background:linear-gradient(180deg,#ffffff4d,#0000 50%,#3b82f633);border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes barPulse{0%,to{opacity:.7}50%{opacity:1}}.bar:hover{box-shadow:0 -5px 20px #3b82f666;filter:brightness(1.2);transform:scaleY(1.1)}.bar:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.bar:hover:before{left:100%}.line-chart{align-items:center;display:flex;height:100%;justify-content:space-between;position:relative;width:100%}.line{animation:lineGrow 2s ease-out backwards;border-radius:2px;height:2px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%);transform-origin:left}.line.blue{animation-delay:1.9s;background:linear-gradient(90deg,#3b82f6,#2563eb);top:40%}.line.green{animation-delay:2.1s;background:linear-gradient(90deg,#22c55e,#16a34a);top:60%}@keyframes lineGrow{0%{opacity:0;transform:scaleX(0) translateY(-50%)}to{opacity:1;transform:scaleX(1) translateY(-50%)}}.line:after{animation:lineGlow 3s ease-in-out infinite;background:inherit;bottom:-2px;content:"";filter:blur(8px);left:0;opacity:.6;position:absolute;right:0;top:-2px}@keyframes lineGlow{0%,to{opacity:.3}50%{opacity:.8}}.chart-dots{align-items:center;bottom:0;display:flex;justify-content:space-between;left:0;padding:0 16px;position:absolute;right:0;top:0}.dot{animation:dotPulse 2s ease-in-out infinite;background:#3b82f6;border:2px solid #fffc;border-radius:50%;box-shadow:0 2px 8px #3b82f64d;height:8px;transition:all .3s ease;width:8px}.dot:first-child{animation-delay:2.2s}.dot:nth-child(2){animation-delay:2.3s}.dot:nth-child(3){animation-delay:2.4s}.dot:nth-child(4){animation-delay:2.5s}.dot:nth-child(5){animation-delay:2.6s}@keyframes dotPulse{0%,to{box-shadow:0 2px 8px #3b82f64d;transform:scale(1)}50%{box-shadow:0 4px 16px #3b82f699;transform:scale(1.3)}}.dot:hover{box-shadow:0 6px 24px #3b82f6cc;transform:scale(1.5)}.activity-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}.activity-card,.quick-actions-card{animation:activityCardEntrance 1.2s ease-out backwards;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a;padding:24px;transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1)}.activity-card{animation-delay:1s}.quick-actions-card{animation-delay:1.2s}@keyframes activityCardEntrance{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.activity-card:hover,.quick-actions-card:hover{border-color:#3b82f64d;box-shadow:0 12px 40px #00000014,0 6px 20px #0000000a;transform:translateY(-3px) scale(1.01)}.activity-card:before,.quick-actions-card:before{background:linear-gradient(90deg,#0000,#3b82f60d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%;z-index:0}.activity-card:hover:before,.quick-actions-card:hover:before{left:100%}.activity-header,.quick-actions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.activity-header h3,.quick-actions-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:18px;font-weight:700;margin:0}.view-all-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #3b82f633;border-radius:8px;font-size:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.view-all-btn:hover{background:#3b82f61a;border-color:#3b82f64d;transform:translateY(-1px)}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{align-items:center;animation:activityItemEntrance .6s ease-out backwards;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #ffffff4d;border-radius:12px;display:flex;gap:16px;padding:16px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.activity-item:first-child{animation-delay:1.3s}.activity-item:nth-child(2){animation-delay:1.4s}.activity-item:nth-child(3){animation-delay:1.5s}.activity-item:nth-child(4){animation-delay:1.6s}@keyframes activityItemEntrance{0%{opacity:0;transform:translateX(-20px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.activity-item:hover{background:#ffffffb3;border-color:#3b82f633;box-shadow:0 4px 16px #3b82f61a;transform:translateX(4px) scale(1.01)}.activity-item:after{background:#3b82f6;border-radius:50%;content:"";height:6px;position:absolute;right:10px;top:50%;transform:translateY(-50%) scale(0);transition:all .3s ease;width:6px}.activity-item:hover:after{animation:activityPulse 1.5s ease-in-out infinite;transform:translateY(-50%) scale(1)}@keyframes activityPulse{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.7;transform:translateY(-50%) scale(1.5)}}.activity-icon{align-items:center;animation:iconRotate 4s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;box-shadow:0 2px 8px #3b82f64d;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:40px}@keyframes iconRotate{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(5deg) scale(1.05)}75%{transform:rotate(-5deg) scale(1.05)}}.activity-item:hover .activity-icon{box-shadow:0 4px 16px #3b82f680;transform:rotate(1turn) scale(1.1)}.activity-content{flex:1 1}.activity-content p{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 4px}.activity-time{color:#64748b;font-size:12px;font-weight:500}.quick-actions-list{grid-template-columns:1fr 1fr}.quick-action-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #ffffff4d;border-radius:12px;color:#374151;cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:8px;padding:16px;position:relative;text-align:center;transition:all .2s ease;z-index:1}.quick-action-btn:hover{background:#3b82f614;border-color:#3b82f633;color:#3b82f6;transform:translateY(-2px)}.quick-action-btn svg{font-size:20px;transition:all .2s ease}.quick-action-btn:hover svg{color:#3b82f6;transform:scale(1.1)}.dashboard-main-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:32px}.overview-card{animation:overviewCardEntrance 1s ease-out backwards;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a;overflow:hidden;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1)}.overview-card:first-child{animation-delay:.9s}.overview-card:nth-child(2){animation-delay:1s}.overview-card:nth-child(3){animation-delay:1.1s}.overview-card:nth-child(4){animation-delay:1.2s}@keyframes overviewCardEntrance{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.overview-card:hover{border-color:#3b82f64d;box-shadow:0 12px 40px #0000001a,0 6px 20px #0000000f;transform:translateY(-4px) scale(1.01)}.overview-header{position:relative;z-index:1}.overview-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:18px}.overview-content{position:relative;z-index:1}.user-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.user-stat-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #ffffff4d;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:12px;transition:all .3s ease}.user-stat-item:hover{background:#fffc;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.stat-label{font-size:12px;font-weight:500}.stat-value{color:#1e293b;font-size:20px;font-weight:700}.user-chart{gap:8px;height:60px}.mini-chart,.user-chart{align-items:flex-end;display:flex;justify-content:space-between}.mini-chart{gap:4px;height:100%;width:100%}.chart-bar{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:4px 4px 0 0;flex:1 1;min-height:8px;transition:all .3s ease}.chart-bar:hover{filter:brightness(1.2);transform:scaleY(1.05)}.approval-count{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.approval-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.approval-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #ffffff4d;border-radius:12px;display:flex;justify-content:space-between;padding:12px;transition:all .3s ease}.approval-item:hover{background:#fffc;box-shadow:0 4px 12px #3b82f61a;transform:translateX(4px)}.approval-info{display:flex;flex-direction:column;gap:2px}.approval-name{color:#1e293b;font-size:14px;font-weight:600}.approval-role{color:#64748b;font-size:12px}.approval-status{border-radius:8px;font-size:11px;font-weight:600;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase}.approval-status.pending{background:#f59e0b26;border:1px solid #f59e0b4d;color:#d97706}.content-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.content-stat-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #ffffff4d;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px;transition:all .3s ease}.content-stat-item:hover{background:#fffc;box-shadow:0 2px 8px #3b82f61a;transform:translateY(-1px)}.content-categories{display:flex;flex-direction:column;gap:12px}.category-item{align-items:center;display:flex;gap:12px;padding:8px 0}.category-name{color:#374151;font-size:13px;font-weight:500;min-width:60px}.category-progress{background:#0000001a;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.progress-bar{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:3px;height:100%;transition:width .3s ease}.category-count{color:#64748b;font-size:12px;font-weight:600;min-width:30px;text-align:right}.notification-badge{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase}.notification-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.notification-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #ffffff4d;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .3s ease}.notification-item:hover{background:#fffc;box-shadow:0 4px 12px #3b82f61a;transform:translateX(4px)}.notification-item.unread{background:#3b82f60d;border-left:3px solid #3b82f6}.notification-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.notification-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.notification-title{color:#1e293b;font-size:13px;font-weight:600}.notification-desc{color:#64748b;font-size:12px;line-height:1.3}.notification-time{color:#94a3b8;font-size:11px}.quick-actions-section{margin-top:32px}.quick-actions-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.aura-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff9;border-radius:20px;color:#1e293b;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:32px;min-height:calc(100vh - 80px);padding:32px}.aura-admin-section{margin-bottom:40px}.aura-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a,inset 1px 0 0 #fff9,inset -1px 0 0 #3b82f614;overflow:hidden;padding:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.aura-card:before{background:linear-gradient(90deg,#0000,#3b82f60d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:0}.aura-card:hover:before{left:100%}.aura-card:hover{box-shadow:0 12px 40px #0000001f,0 6px 20px #0000000f,inset 1px 0 0 #ffffffb3,inset -1px 0 0 #3b82f61f;transform:translateY(-4px)}.aura-card-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:20px;font-weight:700;letter-spacing:-.01em;margin-bottom:20px;position:relative;z-index:1}.aura-sub-title{color:#374151;font-size:16px;font-weight:600;margin-bottom:12px;position:relative;z-index:1}.aura-title-row{align-items:center;background:linear-gradient(135deg,#3b82f61a,#1e40af1a);border-bottom:1px solid #ffffff4d;border-radius:16px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px;position:relative;z-index:1}.aura-edit-icon{border-radius:8px;color:#3b82f6;cursor:pointer;font-size:18px;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.aura-edit-icon:hover{background:#3b82f61a;transform:scale(1.1)}.aura-edit-icon.disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.aura-two-col{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.aura-field-row{align-items:center;display:flex;gap:16px;padding:12px 0;position:relative;z-index:1}.aura-field-row label{color:#475569;font-size:14px;font-weight:600;letter-spacing:.01em;min-width:160px}.aura-field-row input,.aura-field-row select{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #3b82f633;border-radius:12px;color:#1e293b;flex:1 1;font-size:15px;height:44px;outline:none;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.aura-field-row input:focus,.aura-field-row select:focus{background:#fffffff2;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.aura-field-row input:hover,.aura-field-row select:hover{border-color:#3b82f666}.aura-field-row input:read-only{background:#ffffff80;color:#64748b;cursor:not-allowed}.aura-btn{border-radius:12px;font-size:15px;font-weight:600;letter-spacing:.05em;overflow:hidden;padding:14px 28px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.aura-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.aura-btn:hover:before{left:100%}.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 24px #3b82f64d,0 4px 12px #3b82f633}.primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 12px 32px #3b82f666,0 6px 16px #3b82f64d;transform:translateY(-2px)}.secondary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #3b82f633;box-shadow:0 2px 8px #00000014;color:#64748b}.secondary:hover{background:#3b82f61a;border-color:#3b82f64d;box-shadow:0 4px 16px #3b82f626;color:#3b82f6;transform:translateY(-2px)}.modal-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 24px #ef44444d,0 4px 12px #ef444433;color:#fff}.modal-btn.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 12px 32px #ef444466,0 6px 16px #ef44444d;transform:translateY(-2px)}.aura-action-row,.aura-password-action,.aura-session-action{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #00000014;display:flex;gap:16px;grid-column:span 2;justify-content:flex-end;margin-top:24px;padding:20px}.aura-password-action{margin-top:20px}.aura-security-inline{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #ffffff4d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.aura-security-inline:hover{background:#ffffffb3;border-color:#3b82f633}.aura-small-title{color:#374151;font-size:16px;font-weight:600}.aura-helper-text{color:#64748b;font-size:13px;font-weight:500;margin-top:4px}.aura-toggle{position:relative;width:48px}.aura-toggle input{display:none}.aura-toggle span{background:#6b72804d;border:1px solid #ffffff4d;border-radius:13px;display:block;height:26px;position:relative}.aura-toggle span,.aura-toggle span:after{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.aura-toggle span:after{background:#ffffffe6;border-radius:50%;box-shadow:0 2px 8px #0000001a;content:"";height:20px;left:3px;position:absolute;top:3px;width:20px}.aura-toggle input:checked+span{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e4d}.aura-toggle input:checked+span:after{background:#fffffff2;box-shadow:0 4px 12px #22c55e4d;transform:translateX(22px)}.aura-divider{background:linear-gradient(90deg,#0000,#3b82f633,#0000);border:none;height:1px;margin:32px 0}.aura-password-grid{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 1fr}.aura-password-left{gap:16px}.aura-password-left,.aura-password-right{display:flex;flex-direction:column;position:relative;z-index:1}.aura-password-right{align-items:center;gap:12px}.aura-password-strength{margin-top:12px}.password-strength-bar{height:6px}.content-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.content-table{font-size:14px;table-layout:fixed}.content-table thead{background:#f9fafb;color:#374151}.content-table thead th{border-bottom:2px solid #e5e7eb;font-weight:600;padding:16px}.content-table td,.content-table th{word-wrap:break-word;overflow-wrap:break-word;padding:16px;text-align:left;vertical-align:middle;word-break:break-word}.content-table td{border-bottom:1px solid #f3f4f6;color:#374151;white-space:normal}.content-image{width:100px}.content-thumbnail{display:block;margin:0 auto}.creator-info{width:180px}.creator-name{color:#1f2937;font-size:14px;font-weight:500}.creator-email{color:#6b7280;font-size:12px;margin-top:2px}.content-title{color:#1f2937;font-weight:500;width:25%}.content-category{color:#6b7280;width:160px}.archived-date-text,.submitted-date{color:#6b7280;font-size:13px;white-space:pre-line;width:160px}.status-cell{width:120px}.decision-date-cell{white-space:pre-line;width:160px}.actions-cell{width:160px}.rejection-reason{color:#6b7280;width:200px}.content-row:hover{background:#f9fafb}.loading-message,.no-data-message{color:#6b7280;padding:48px 24px}.admin-status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:500;letter-spacing:.5px;padding:4px 8px;position:static}.admin-status-badge-pending{background:#fef3c7;color:#92400e}.admin-status-badge-approved{background:#d1fae5;color:#065f46}.admin-status-badge-rejected{background:#fee2e2;color:#991b1b}.admin-status-badge-archived{background:#e5e7eb;color:#4b5563}.admin-status-badge-active{background:#dbeafe;color:#1e40af}.rejected-date-text{color:#991b1b;font-size:13px}.archived-date-text,.no-date-text{color:#9ca3af;font-size:13px}.loading-message,.no-data-message{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;color:#64748b;font-size:16px;font-weight:500;padding:48px;text-align:center}.admin-status-badge{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:16px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.admin-status-badge-pending{background:#fbbf2426;border-color:#fbbf244d;color:#d97706}.admin-status-badge-approved{background:#22c55e26;border-color:#22c55e4d;color:#15803d}.admin-status-badge-rejected{background:#ef444426;border-color:#ef44444d;color:#dc2626}.action-buttons{align-items:center;gap:8px}.action-btn{color:#fff;font-size:13px;gap:4px;padding:8px 16px}.approve-btn{background:#1e3a8a}.approve-btn:hover{background:#1d4ed8;box-shadow:0 2px 6px #1e3a8a4d;transform:translateY(-1px)}.reject-btn{background:#dc2626}.reject-btn:hover{background:#ef4444;box-shadow:0 2px 6px #dc26264d;transform:translateY(-1px)}.archive-btn{background:#dc2626}.archive-btn:hover{background:#ef4444;box-shadow:0 2px 6px #dc26264d;transform:translateY(-1px)}.restore-btn{background:#16a34a}.restore-btn:hover{background:#22c55e;box-shadow:0 2px 6px #16a34a4d;transform:translateY(-1px)}@media (max-width:1024px){.admin-aura-layout{flex-direction:column}.admin-aura-sidebar{border-bottom:1px solid #fff3;border-right:none;height:auto;padding:20px;width:100%}.admin-aura-content{padding:20px}.admin-aura-top-controls{gap:12px;grid-template-columns:1fr}.content-management-controls{align-items:stretch;flex-direction:column}}@media (max-width:768px){.admin-aura-sidebar{padding:16px}.admin-aura-profile{margin-bottom:20px;padding:16px}.admin-aura-avatar{height:80px;width:80px}.admin-aura-menu button{font-size:14px;padding:12px 16px}.admin-aura-content,.content-management-container,.content-management-header{padding:16px}.content-management-header h2{font-size:20px}.content-table-container{overflow-x:auto}.content-table{min-width:600px}.pagination-controls{gap:12px}.pagination-arrow{height:32px;width:32px}}@media (max-width:480px){.admin-aura-layout{font-size:14px}.admin-aura-profile,.admin-aura-sidebar{padding:12px}.admin-aura-avatar{height:60px;width:60px}.admin-aura-menu button{font-size:13px;padding:10px 12px}.admin-aura-content,.content-management-container,.content-management-header{padding:12px}.content-management-header h2{font-size:18px}.filter-group{align-items:stretch;flex-direction:column;gap:8px}.status-filter-select{min-width:auto}.action-buttons{flex-direction:column;gap:4px}.action-btn{font-size:11px;padding:6px 12px}}@media (max-width:1024px){.aura-container{gap:28px;padding:24px}.aura-card{padding:24px}.aura-two-col{gap:16px;grid-template-columns:1fr}.aura-field-row{align-items:flex-start;flex-direction:column;gap:12px}.aura-field-row label{min-width:auto}.aura-password-grid{gap:24px;grid-template-columns:1fr}.aura-action-row,.aura-password-action,.aura-session-action{flex-direction:column;gap:12px;grid-column:span 1}.aura-btn{min-width:auto;width:100%}}@media (max-width:768px){.aura-container{gap:24px;padding:20px}.aura-card{padding:20px}.aura-card-title{font-size:18px;margin-bottom:16px}.aura-sub-title{font-size:15px;margin-bottom:10px}.aura-title-row{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:16px;padding:12px 16px}.aura-field-row{padding:8px 0}.aura-field-row input,.aura-field-row select{font-size:14px;height:40px;padding:12px 14px}.aura-btn{font-size:14px;padding:12px 24px}.aura-security-inline{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 16px}.aura-toggle{width:44px}.aura-toggle span{height:24px}.aura-toggle span:after{height:18px;left:3px;top:3px;width:18px}.aura-toggle input:checked+span:after{transform:translateX(20px)}}@media (max-width:480px){.aura-container{gap:20px;padding:16px}.aura-card{padding:16px}.aura-card-title{font-size:16px;margin-bottom:12px}.aura-sub-title{font-size:14px;margin-bottom:8px}.aura-title-row{margin-bottom:12px;padding:10px 12px}.aura-field-row input,.aura-field-row select{font-size:13px;height:36px;padding:10px 12px}.aura-btn{font-size:13px;padding:10px 20px}.aura-security-inline{padding:10px 12px}.aura-small-title{font-size:14px}.aura-helper-text{font-size:12px}.aura-action-row,.aura-password-action,.aura-session-action{gap:10px;padding:16px}.aura-password-left{gap:12px}.aura-password-right{gap:8px}}@media (max-width:1024px){.admin-dashboard-container{gap:28px;padding:24px}.stats-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.activity-section,.charts-section{gap:20px;grid-template-columns:1fr}.dashboard-title{font-size:28px}.stat-card{gap:16px;padding:20px}.stat-icon{font-size:20px;height:50px;width:50px}.stat-content h3{font-size:24px}.activity-card,.chart-card,.quick-actions-card{padding:20px}.quick-actions-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.admin-dashboard-container{gap:24px;padding:20px}.dashboard-title{font-size:24px}.dashboard-subtitle{font-size:14px}.stats-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{flex-direction:column;gap:12px;padding:16px;text-align:center}.stat-icon{font-size:18px;height:40px;width:40px}.stat-content h3{font-size:20px}.stat-content p{font-size:12px}.chart-card{padding:16px}.chart-header{align-items:flex-start;flex-direction:column;gap:12px}.chart-controls{justify-content:space-between;width:100%}.chart-btn{flex:1 1;text-align:center}.chart-content{height:150px}.activity-card,.quick-actions-card{padding:16px}.activity-header{align-items:flex-start;flex-direction:column;gap:12px}.activity-item{gap:12px;padding:12px}.activity-icon{font-size:14px;height:32px;width:32px}.quick-actions-list{gap:8px;grid-template-columns:repeat(2,1fr)}.quick-action-btn{gap:6px;padding:12px}.quick-action-btn svg{font-size:16px}}@media (max-width:480px){.admin-dashboard-container{gap:20px;padding:16px}.dashboard-title{font-size:20px}.stats-grid{gap:12px;grid-template-columns:1fr}.stat-card{gap:8px;padding:12px}.stat-icon{font-size:16px;height:36px;width:36px}.stat-content h3{font-size:18px}.stat-content p{font-size:11px}.stat-change{font-size:10px;padding:2px 6px}.chart-card{padding:12px}.chart-header h3{font-size:16px}.chart-controls{gap:4px}.chart-btn{font-size:11px;padding:6px 12px}.chart-content{height:120px}.chart-bars{gap:8px}.activity-card,.quick-actions-card{padding:12px}.activity-header h3,.quick-actions-header h3{font-size:16px}.activity-item{gap:8px;padding:8px}.activity-icon{font-size:12px;height:28px;width:28px}.activity-content p{font-size:12px}.activity-time{font-size:10px}.quick-actions-list{gap:6px;grid-template-columns:1fr}.quick-action-btn{flex-direction:row;gap:4px;justify-content:flex-start;padding:10px}.quick-action-btn svg{font-size:14px}.quick-action-btn span,.view-all-btn{font-size:11px}.view-all-btn{padding:6px 12px}}.aura-password-input input{padding-right:44px;width:100%}.aura-password-toggle{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:inline-flex;justify-content:center;position:absolute;right:10px}.aura-password-checks.boxed{list-style:none;margin-top:12px;padding-left:0}.aura-password-checks.boxed li{align-items:center;color:#6b7280;display:flex;gap:12px;margin-bottom:10px}.aura-password-checks.boxed li:before{align-items:center;border:2px solid #1e3a8a;border-radius:4px;content:"";display:flex;flex-shrink:0;height:22px;justify-content:center;width:22px}.aura-password-checks.boxed li.valid:before{background:#1e3a8a;border-color:#1e3a8a;color:#fff;content:"✓";font-size:14px}.aura-session-table{border-collapse:collapse;margin-top:12px;width:100%}.aura-session-table td,.aura-session-table th{padding:12px}.aura-session-table thead{background:#1e3a8a;color:#fff}.aura-session-table tbody tr{cursor:pointer}.aura-session-table tbody tr.selected{background:#dbeafe}.aura-action-row,.aura-card,.aura-card-title,.aura-container,.aura-field-row,.aura-field-row input,.aura-field-row select,.aura-helper-text,.aura-password-checks.boxed li,.aura-password-left,.aura-password-right,.aura-security-inline p,.aura-session-action,.aura-session-table td,.aura-session-table th,.aura-small-title,.aura-sub-title,.aura-title-row,.aura-two-col{text-align:left}.aura-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 18px}.primary{background:#7a9ee3;color:#fff}.secondary{background:#e5e7eb}.aura-btn.primary:hover{background:#29499d}.apt-page{display:flex;flex-direction:column;gap:20px}.apt-header{align-items:center;display:flex;justify-content:space-between}.apt-title{font-size:22px;font-weight:700}.apt-create-btn{align-items:center;background:#fff;border:1px solid #111;border-radius:10px;cursor:pointer;display:inline-flex;gap:8px;padding:10px 14px}.apt-stats-card{background:#fff;border:1px solid #000;border-radius:8px;overflow:hidden}.apt-stats-header{background:#e8f1ff;border-bottom:1px solid #000;font-weight:600;padding:12px;text-align:left}.apt-stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.apt-stat{align-items:center;border-right:1px solid #000;display:flex;flex-direction:column;justify-content:center;padding:20px}.apt-stat:last-child{border-right:none}.apt-stat-label{font-size:14px}.apt-stat-value{font-size:24px;font-weight:700}.apt-calendar{margin-top:10px}.apt-cal-header{align-items:center;display:flex;gap:16px;justify-content:center;margin:10px 0}.apt-cal-title{font-size:20px;font-weight:700}.apt-cal-nav{background:#fff;border:1px solid #111;border-radius:8px;cursor:pointer;padding:6px 10px}.apt-cal-weekdays{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(7,1fr)}.apt-cal-weekday{background:#7a9ee3;border:1px solid #000;color:#fff;font-weight:600;padding:10px;text-align:center}.apt-cal-grid{display:grid;grid-template-columns:repeat(7,1fr)}.apt-cal-cell{align-items:center;border:1px solid #000;display:flex;font-size:14px;height:64px;justify-content:center}.apt-cal-cell.empty{background:#f9fafb}.apt-create-page{display:flex;flex-direction:column;gap:20px}.apt-create-header{align-items:center;display:flex;gap:12px}.apt-back-btn{background:#0000;border:none;cursor:pointer;font-size:22px;padding:0}.apt-search-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr auto}.apt-search{align-items:center;border:1px solid #d1d5db;border-radius:12px;display:flex;gap:10px;padding:12px 14px}.apt-search input{border:none;outline:none;width:100%}.apt-add-patient{align-items:center;background:#fff;border:1px solid #111;border-radius:12px;cursor:pointer;display:inline-flex;gap:8px;padding:12px 16px}.apt-form-card{background:#fff;border:1px solid #777;border-radius:12px;padding:16px}.apt-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.apt-form-field{align-items:flex-start;display:flex;flex-direction:column;gap:6px;text-align:left}.apt-form-field label{font-size:13px;font-weight:500}.apt-type-card{background:#fff;border:1px solid #777;border-radius:12px;padding:16px}.apt-type-title{font-size:16px;font-weight:600;margin-bottom:12px;text-align:left}.apt-type-pills{display:flex;flex-wrap:wrap;gap:8px}.apt-pill{background:#f5f5f5;border:1px solid #d1d5db;border-radius:999px;cursor:pointer;font-size:13px;padding:8px 12px}.apt-pill.active{background:#7a9ee3;border-color:#7a9ee3;color:#fff}.apt-pro-card{background:#fff;border:1px solid #777;border-radius:12px;padding:16px}.apt-pro-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.apt-pro{align-items:flex-start;background:#f5f5f5;border:1px solid #d1d5db;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px}.apt-pro.selected{background:#e8f1ff;border-color:#7a9ee3}.apt-pro-name{font-weight:600}.apt-pro-status{align-items:center;display:inline-flex;font-size:13px;gap:8px}.apt-pro-status.ok{color:#15803d}.apt-pro-status.full{color:#c53030}.apt-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.apt-pro-status.ok .apt-dot{background:#22c55e}.apt-pro-status.full .apt-dot{background:#dc2626}.apt-datetime-card{background:#fff;border:1px solid #777;border-radius:12px;padding:16px}.apt-datetime-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.apt-datetime-meta{align-items:center;color:#374151;display:inline-flex;gap:8px}.apt-days{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:16px}.apt-day{background:#f5f5f5;border:1px solid #d1d5db;border-radius:8px;font-size:13px;padding:10px;text-align:center}.apt-day.active{background:#294a9c;color:#fff}.apt-times{display:flex;flex-wrap:wrap;gap:8px}.admin-aura-content .pagination-container{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:20px;margin-top:24px;width:100%}.admin-aura-content .pagination-arrow{align-items:center;background:#b0c6e8;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;min-width:32px;padding:8px 12px;transition:all .2s ease}.admin-aura-content .pagination-arrow:hover:not(:disabled){background:#8fa5d0;transform:scale(1.05)}.admin-aura-content .pagination-arrow:disabled{background:#b0c6e8;cursor:not-allowed;opacity:.5}.admin-aura-content .pagination-number{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:14px;min-width:36px;padding:8px 12px;transition:all .2s ease}.admin-aura-content .pagination-number:hover{background:#f5f5f5;border-color:#d0d0d0}.admin-aura-content .pagination-number.active{background:#b0c6e8;border-color:#b0c6e8;color:#fff}.admin-aura-content .pagination-ellipsis{color:#666;font-size:14px;padding:0 4px}.apt-time{align-items:center;background:#f5f5f5;border:1px solid #d1d5db;border-radius:999px;cursor:pointer;display:inline-flex;gap:6px;padding:8px 12px}.apt-time.active{background:#7a9ee3;border-color:#7a9ee3;color:#fff}.apt-book-row{align-items:center;background:#79d6c3;border-radius:10px;color:#111;display:flex;justify-content:space-between;margin-top:16px;padding:12px 16px}.apt-selected{font-weight:600}.apt-book-btn{background:#111;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px 18px}@media (max-width:1280px){.admin-aura-sidebar{padding:24px 16px;width:220px}.admin-aura-content{padding:24px}.admin-aura-top-controls{grid-template-columns:1fr auto auto}}@media (max-width:1024px){.admin-aura-layout{flex-direction:column}.admin-aura-sidebar{align-items:center;flex-direction:row;min-height:auto;padding:12px 20px;width:100%}.admin-aura-profile{display:none}.admin-aura-menu{flex-direction:row;flex-wrap:wrap;gap:4px}.admin-aura-menu button{font-size:13px;padding:10px 14px}.admin-aura-content{padding:20px}.admin-aura-top-controls{gap:8px;grid-template-columns:1fr auto auto}.admin-aura-table-wrapper{overflow-x:auto}.admin-aura-table{min-width:700px}.admin-aura-content .pagination-container{justify-content:center;margin-left:0}.aura-two-col{grid-template-columns:1fr}.aura-action-row,.aura-password-action,.aura-session-action{grid-column:span 1}.aura-password-grid{grid-template-columns:1fr}.apt-stats-grid{grid-template-columns:repeat(2,1fr)}.apt-stat{border-bottom:1px solid #000;border-right:none}.apt-stat:nth-child(odd){border-right:1px solid #000}.apt-form-grid,.apt-pro-grid{grid-template-columns:1fr}}@media (max-width:1200px){.admin-aura-sidebar{padding:28px 20px 20px;width:260px}.admin-aura-profile h3{font-size:28px}}@media (max-width:1024px){.admin-aura-sidebar{padding:24px 18px 20px;width:240px}.admin-aura-profile h3{font-size:26px}}@media (max-width:768px){.admin-aura-layout{flex-direction:column}.admin-aura-sidebar{min-height:auto;padding:20px;width:100%}.admin-aura-menu{flex-direction:row;flex-wrap:wrap;gap:10px;margin-top:30px}.admin-aura-menu button{flex:1 1;font-size:14px;justify-content:center;min-width:calc(50% - 5px);padding:12px 16px}.admin-aura-menu svg{margin-right:6px}.admin-aura-menu button:last-child{border:1px solid #ef444433;color:#ef4444;margin-top:10px;min-width:100%}.admin-aura-content{padding:16px}.admin-aura-top-controls{grid-template-columns:1fr}.admin-aura-top-controls input,.admin-aura-top-controls select{width:100%}.account-details-card{padding:20px;width:95vw}}@media (max-width:480px){.admin-aura-menu{flex-direction:column;gap:8px}.admin-aura-menu button{font-size:13px;justify-content:flex-start;min-width:100%;padding:10px 14px}.admin-aura-menu svg{margin-right:8px}}.admin-aura-delete-modal{width:90vw}.cs-aura-system-row{grid-template-columns:1fr}.cs-aura-page{gap:24px;padding:16px}.cs-aura-card{padding:24px}.cs-aura-title{font-size:18px;margin-bottom:20px}.cs-aura-role-options{align-items:flex-start;flex-direction:column;gap:16px}.cs-aura-role-item{justify-content:flex-start;width:100%}.cs-aura-actions{flex-direction:column;gap:12px}.cs-aura-btn{min-width:auto;width:100%}@media (max-width:480px){.cs-aura-page{gap:20px;padding:12px}.cs-aura-card{padding:20px}.cs-aura-title{font-size:16px;margin-bottom:16px}.cs-aura-title:after{height:2px;width:40px}.cs-aura-input{font-size:14px;padding:14px 16px}.contact-wrapper .country-code{font-size:14px;padding:14px;width:70px}.contact-wrapper input,.email-suffix,.email-wrapper input{font-size:14px;padding:14px 16px}.cs-aura-role-box{padding:20px}.cs-aura-role-header span{font-size:15px}.cs-aura-role-header small{font-size:13px}.cs-aura-role-item{font-size:14px;padding:10px 16px}.cs-aura-checkbox{height:20px;width:20px}.cs-aura-role-item.active .cs-aura-checkbox:after{font-size:12px}.cs-aura-system-row{gap:12px;grid-template-columns:1fr;padding:12px}.cs-aura-actions{gap:12px;padding:20px}.cs-aura-btn{font-size:14px;padding:12px 24px}.cs-aura-error,.error-msg{font-size:12px;padding:6px 10px}}.content-management-header p{color:#6b7280;font-size:14px;margin:0}.content-management-controls{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;padding:20px 24px}.filter-group{align-items:center;display:flex;gap:12px}.filter-group label{color:#374151;font-size:14px;font-weight:500}.status-filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:160px;padding:8px 12px}.status-filter-select:focus{border-color:#3f62b5;box-shadow:0 0 0 3px #3f62b51a;outline:none}.refresh-btn{background:#3f62b5;border-radius:6px;padding:8px 16px;transition:background .2s}.refresh-btn:hover{background:#29499d}.content-view-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.content-view-modal{animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000026,0 10px 25px #0000001a,0 5px 10px #0000000d;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.content-view-header{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#f1f5f9);border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;overflow:hidden;padding:28px 36px;position:relative}.content-view-header:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#3b82f6,#2563eb 50%,#1d4ed8);content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%,to{opacity:.7}50%{opacity:1}}.content-view-title h2{color:#1f2937;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 12px}.submission-meta{align-items:center}.submission-id{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;border-radius:8px;color:#6b7280;font-weight:600;letter-spacing:.05em;padding:6px 12px;transition:all .3s ease}.submission-id:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f633;color:#fff;transform:translateY(-1px)}.modal-close-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#6b72801a;border:1px solid #6b728033;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-close-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#0000;box-shadow:0 8px 25px #ef44444d;color:#fff;transform:rotate(90deg) scale(1.1)}.content-view-body{background:linear-gradient(180deg,#fff,#fafbfc);flex:1 1;overflow-y:auto;padding:36px;position:relative}.content-view-body:before{background:linear-gradient(180deg,#0000,#3b82f61a 50%,#0000);content:"";height:100%;position:fixed;right:0;top:0;width:4px;z-index:1}.content-view-body::-webkit-scrollbar{width:8px}.content-view-body::-webkit-scrollbar-track{background:#3b82f60d;border-radius:4px}.content-view-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#2563eb);border:2px solid #fff;border-radius:4px}.content-view-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2563eb,#1d4ed8)}.article-info{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 25px #0000000d,0 4px 10px #00000008;margin-bottom:36px;overflow:hidden;padding:28px;position:relative}.article-info:before{background:linear-gradient(90deg,#3b82f6,#60a5fa 50%,#93c5fd);content:"";height:3px;left:0;position:absolute;right:0;top:0}.info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.info-item label{color:#374151;display:block;margin-bottom:12px;opacity:.8}.info-value{background:#3b82f608;border-left:3px solid #3b82f6;border-radius:8px;color:#1f2937;font-size:15px;font-weight:500;line-height:1.5;padding:8px 12px;transition:all .2s ease}.info-value:hover{background:#3b82f614;transform:translateX(4px)}.article-content{margin-bottom:40px;position:relative}.article-header{border-bottom:2px solid #e5e7eb;margin-bottom:32px;padding-bottom:20px}.article-header:after{background:linear-gradient(90deg,#3b82f6,#2563eb);width:60px}.article-title{background:linear-gradient(135deg,#1f2937,#374151);color:#1f2937;font-size:32px}.article-subtitle{color:#6b7280;font-size:18px;font-weight:400;line-height:1.5;opacity:.9}.article-tags{margin-bottom:28px}.tag{background:linear-gradient(135deg,#e5e7eb,#d1d5db);border:1px solid #3b82f61a;border-radius:20px;color:#374151;font-size:12px;font-weight:600;letter-spacing:.05em;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.tag:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f633;color:#fff;transform:translateY(-2px)}.article-body{background:#fffc;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 15px #00000008;color:#1f2937;line-height:1.7;padding:24px;position:relative}.article-content-html{font-size:16px;line-height:1.7}.article-content-html h1,.article-content-html h2,.article-content-html h3,.article-content-html h4,.article-content-html h5,.article-content-html h6{color:#1f2937;margin:32px 0 20px;padding-left:20px;position:relative}.article-content-html h1:before,.article-content-html h2:before,.article-content-html h3:before{background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:2px;content:"";height:80%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.article-content-html p{margin:20px 0;padding-left:16px;position:relative}.article-content-html p:before{background:#3b82f61a;border-radius:2px;content:"";height:100%;left:0;position:absolute;top:0;width:3px}.article-content-html ol,.article-content-html ul{margin:16px 0;padding-left:24px}.article-content-html li{margin:8px 0}.article-content-html blockquote{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:0 12px 12px 0;box-shadow:0 4px 15px #3b82f61a;margin:24px 0}.article-content-html blockquote:before{color:#3b82f6;opacity:.2}.article-content-html blockquote:after{bottom:8px;color:#3b82f6;content:'"';font-family:Georgia,serif;font-size:48px;opacity:.2;position:absolute;right:12px}.social-preview-section{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 25px #0000000d;margin-bottom:36px;overflow:hidden;padding:28px;position:relative}.social-preview-section:before{background:linear-gradient(90deg,#10b981,#059669);content:"";height:3px;left:0;position:absolute;right:0;top:0}.social-preview-section h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px}.social-preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 15px #0000000d;display:flex;gap:20px;padding:20px;transition:all .3s ease}.social-preview-card:hover{border-color:#3b82f64d;box-shadow:0 8px 25px #0000001a}.social-image{border-radius:12px;box-shadow:0 4px 12px #0000001a;flex-shrink:0;height:100px;transition:all .3s ease;width:140px}.social-image:hover{box-shadow:0 8px 20px #00000026;transform:scale(1.05)}.social-image img{height:100%}.social-content{flex:1 1;text-align:left}.social-title{color:#1f2937;transition:color .2s ease}.social-title:hover{color:#3b82f6}.social-description{color:#6b7280;line-height:1.4;margin-bottom:8px;text-align:left}.social-domain{color:#9ca3af;font-size:12px;letter-spacing:.5px;text-align:left}.rejection-reason{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:20px}.rejection-reason h4{color:#991b1b;font-size:16px;font-weight:600;margin:0 0 12px}.rejection-reason p{color:#7f1d1d;line-height:1.5}.content-view-footer{align-items:center;background:linear-gradient(135deg,#f8f9fa,#f1f5f9);border-top:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:28px 36px;position:relative}.content-view-footer:before{background:linear-gradient(90deg,#3b82f6,#2563eb 50%,#1d4ed8);content:"";height:2px;left:0;position:absolute;right:0;top:0}.close-btn{background:linear-gradient(135deg,#6b7280,#4b5563);border:none;border-radius:10px;box-shadow:0 4px 15px #6b728033;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.05em;padding:12px 24px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.close-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 25px #ef44444d;transform:translateY(-2px)}.action-buttons .approve-btn,.action-buttons .reject-btn{border-radius:10px;box-shadow:0 4px 15px #0000001a;font-size:14px;font-weight:600;letter-spacing:.05em;padding:12px 24px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-buttons .approve-btn{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #0000;color:#fff}.action-buttons .approve-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #10b9814d;transform:translateY(-2px)}.action-buttons .reject-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #0000;color:#fff}.action-buttons .reject-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 25px #ef44444d;transform:translateY(-2px)}@media (max-width:768px){.content-management-container{gap:16px;padding:16px}.content-management-controls{align-items:stretch;flex-direction:column;gap:16px}.filter-group{align-items:stretch;flex-direction:column;gap:8px}.content-table-container{overflow-x:auto}.content-table{min-width:800px}.content-view-modal{border-radius:0;margin:0;max-height:100vh}.content-view-body,.content-view-footer,.content-view-header{padding:20px}.info-grid{grid-template-columns:1fr}.social-preview-card{flex-direction:column}.social-image{height:160px;width:100%}.content-view-footer{flex-direction:column;gap:16px}.action-buttons{justify-content:stretch;width:100%}.action-buttons .approve-btn,.action-buttons .reject-btn{flex:1 1}}.content-review-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#f1f5f9);min-height:100vh;overflow:hidden;padding:0;position:relative}.content-review-page:before{animation:subtleShift 15s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#3b82f614 0,#0000 50%),radial-gradient(circle at 80% 20%,#93c5fd14 0,#0000 50%),conic-gradient(from 180deg at 50% 50%,#3b82f605 0deg,#0000 120deg,#93c5fd05 240deg,#0000 1turn);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.content-review-header{align-items:center;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#fffc;border-bottom:1px solid #3b82f61a;box-shadow:0 8px 32px #00000014,0 4px 16px #3b82f60d;display:flex;justify-content:space-between;padding:32px;position:relative;z-index:10}.content-review-header:before{background:linear-gradient(90deg,#3b82f6,#60a5fa 50%,#93c5fd);content:"";height:2px;left:0;opacity:.8;position:absolute;right:0;top:0}.header-left{align-items:flex-start;display:flex;flex:1 1;gap:24px;min-width:0}.back-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:16px;box-shadow:0 2px 8px #3b82f633;color:#fff;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;transition:background .2s ease;width:48px}.back-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d}.header-title{flex:1 1;min-width:0;text-align:left}.header-title h1{color:#fff;font-size:32px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px;text-shadow:0 2px 4px #0000001a}.submission-meta{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;width:100%}.submission-id-full{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;box-sizing:border-box;color:#cbd5e1;display:block;font-size:14px;font-weight:500;padding:8px 16px;white-space:normal;width:100%;word-break:break-all}.header-actions{display:flex;gap:12px}.content-review-body{display:flex;gap:32px;margin:0 auto;max-width:1400px;padding:32px;position:relative;z-index:5}.content-review-main{flex:1 1;min-width:0}.content-review-sidebar{flex-shrink:0;width:320px}.article-content-section,.article-info-section,.rejection-reason-section,.social-preview-section{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 12px 40px #00000014,0 6px 20px #3b82f60d,inset 1px 0 0 #fff9;margin-bottom:32px;overflow:hidden;padding:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.article-content-section:before,.article-info-section:before,.rejection-reason-section:before,.social-preview-section:before{background:linear-gradient(90deg,#3b82f6,#60a5fa 50%,#93c5fd);content:"";height:3px;left:0;opacity:.8;position:absolute;right:0;top:0}.article-content-section:hover,.article-info-section:hover,.social-preview-section:hover{box-shadow:0 16px 48px #0000001f,0 8px 24px #3b82f614,inset 1px 0 0 #fffc;transform:translateY(-4px)}.article-content-section h2,.article-info-section h2,.rejection-reason-section h2,.social-preview-section h2{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;background-clip:text;display:flex;font-size:22px;font-weight:700;gap:12px;letter-spacing:-.01em;margin:0 0 24px}.article-content-section h2 svg,.article-info-section h2 svg,.rejection-reason-section h2 svg,.social-preview-section h2 svg{color:#3b82f6;font-size:20px}.article-content{color:#1e293b;line-height:1.8}.article-header{border-bottom:2px solid #3b82f61a;margin-bottom:40px;padding-bottom:32px;position:relative}.article-header:after{background:linear-gradient(90deg,#3b82f6,#60a5fa);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100px}.article-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:36px;letter-spacing:-.02em;line-height:1.2;margin:0 0 16px}.article-subtitle{color:#64748b;font-size:22px;font-style:italic;font-weight:500;line-height:1.4;margin:0}.article-tags{align-items:center;background:#3b82f608;border:1px solid #3b82f614;border-radius:16px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px;padding:16px}.article-tags svg{color:#3b82f6;font-size:18px}.article-tags .tag{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;border-radius:20px;color:#3b82f6;font-size:13px;font-weight:600;padding:6px 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.article-tags .tag:hover{background:linear-gradient(135deg,#3b82f626,#2563eb26);box-shadow:0 4px 12px #3b82f633;transform:translateY(-2px) scale(1.05)}.article-body{font-size:16px}.article-body,.article-content-html{color:#1e293b;line-height:1.8}.article-content-html h1,.article-content-html h2,.article-content-html h3,.article-content-html h4,.article-content-html h5,.article-content-html h6{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;background-clip:text;font-weight:700;letter-spacing:-.01em;margin:36px 0 20px}.article-content-html h1{font-size:32px}.article-content-html h2{font-size:28px}.article-content-html h3{font-size:24px}.article-content-html h4{font-size:20px}.article-content-html h5{font-size:18px}.article-content-html h6{font-size:16px}.article-content-html p{margin:24px 0;text-align:justify}.article-content-html ol,.article-content-html ul{margin:24px 0;padding-left:36px}.article-content-html li{line-height:1.7;margin:16px 0}.article-content-html blockquote{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f60d,#2563eb0d);border-left:4px solid #3b82f6;border-radius:0 16px 16px 0;color:#475569;font-style:italic;margin:32px 0;padding:24px 28px;position:relative}.article-content-html blockquote:before{color:#3b82f633;content:'"';font-family:Georgia,serif;font-size:48px;left:12px;position:absolute;top:8px}.article-content-html img{border-radius:16px;box-shadow:0 8px 24px #0000001a;height:auto;margin:32px 0;max-width:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}.article-content-html img:hover{box-shadow:0 12px 32px #00000026;transform:scale(1.02)}.article-content-html a{border-bottom:2px solid #0000;color:#3b82f6;font-weight:600;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.article-content-html a:after{background:linear-gradient(90deg,#3b82f6,#60a5fa);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1);width:0}.article-content-html a:hover{color:#2563eb}.article-content-html a:hover:after{width:100%}.sidebar-card{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #00000014,0 4px 16px #3b82f60d,inset 1px 0 0 #fff9;margin-bottom:24px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-card:before{background:linear-gradient(90deg,#3b82f6,#60a5fa 50%,#93c5fd);content:"";height:2px;left:0;opacity:.8;position:absolute;right:0;top:0}.sidebar-card:hover{box-shadow:0 12px 40px #0000001f,0 6px 20px #3b82f614,inset 1px 0 0 #fffc;transform:translateY(-2px)}.sidebar-card h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0 0 20px}.action-buttons{display:flex;flex-direction:column;gap:16px}.action-buttons button{border:none;border-radius:16px;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.05em;padding:14px 24px;text-transform:uppercase;transition:background .2s ease}.reject-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef444433;color:#fff}.reject-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d}.approve-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f633;color:#fff}.approve-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d}.status-info{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#3b82f60d;border:1px solid #3b82f61a;border-radius:12px;color:#64748b;font-size:14px;line-height:1.6;padding:16px}.metrics-info{display:flex;flex-direction:column;gap:12px}.metric-item{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffffb3;border:1px solid #3b82f61a;border-radius:16px;display:flex;justify-content:space-between;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.metric-item:before{background:linear-gradient(180deg,#3b82f6,#2563eb);content:"";height:100%;left:0;opacity:.8;position:absolute;top:0;width:4px}.metric-item:hover{background:#ffffffe6;box-shadow:0 4px 16px #3b82f61a;transform:translateX(4px)}.metric-label{color:#64748b;font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.status-message{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#3b82f60d;border:1px solid #3b82f61a;border-radius:12px;color:#64748b;font-size:13px;line-height:1.5;margin-top:16px;padding:16px}.detail-list{display:flex;flex-direction:column;gap:16px}.detail-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #3b82f614;border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.detail-item:hover{background:#fffc;box-shadow:0 2px 8px #3b82f61a;transform:translateX(4px)}.detail-item:last-child{border-bottom:none}.detail-label{color:#64748b;font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.detail-value{color:#1e293b;font-size:16px;font-weight:700}.error-state,.loading-state{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 12px 40px #00000014,0 6px 20px #3b82f60d;color:#64748b;display:flex;flex-direction:column;justify-content:center;margin:32px;min-height:60vh;padding:40px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;height:48px;margin-bottom:24px;position:relative;width:48px}.loading-spinner:before{animation:pulse 2s ease-in-out infinite;border:2px solid #3b82f61a;border-radius:50%;bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}.error-state h3{color:#dc2626;font-size:24px;font-weight:700;margin:0 0 16px}.error-state p{color:#64748b;font-size:16px;line-height:1.6;margin:0 0 32px}.error-state .back-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;box-shadow:0 2px 8px #3b82f633;color:#fff;font-size:14px;font-weight:600;height:auto;letter-spacing:.05em;padding:12px 24px;text-transform:uppercase;transition:background .2s ease;width:auto}.error-state .back-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d}.social-preview-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #00000014,0 4px 16px #3b82f60d;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.social-preview-card:hover{box-shadow:0 12px 40px #0000001f,0 6px 20px #3b82f614;transform:translateY(-4px)}.social-image{overflow:hidden;position:relative}.social-image img{height:200px;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.social-preview-card:hover .social-image img{transform:scale(1.05)}.social-content{padding:24px;position:relative}.social-title{-webkit-line-clamp:2;line-clamp:2;color:#1e293b;font-size:18px;font-weight:700;line-height:1.3;margin-bottom:12px}.social-description,.social-title{-webkit-box-orient:vertical;box-orient:vertical;display:-webkit-box;overflow:hidden}.social-description{-webkit-line-clamp:3;line-clamp:3;color:#64748b;font-size:14px;line-height:1.5;margin-bottom:16px}.social-domain{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#3b82f61a;border:1px solid #3b82f633;border-radius:20px;color:#3b82f6;display:inline-flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase}.social-domain:before{content:"🔗";font-size:12px}.info-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-item{display:flex;flex-direction:column;gap:8px}.info-item label{align-items:center;color:#64748b;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.05em;text-transform:uppercase}.info-item label svg{color:#3b82f6;font-size:16px}.info-value{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #3b82f61a;border-radius:12px;color:#1e293b;font-size:16px;font-weight:600;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.info-value:hover{background:#ffffffe6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.creator-name{color:#1e293b;font-weight:700;margin-bottom:4px}.creator-email{color:#64748b;font-size:14px;margin-bottom:2px}.creator-role{color:#3b82f6;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.rejection-reason-section{background:linear-gradient(135deg,#ef44440d,#dc26260d);border:1px solid #ef444433;overflow:hidden;position:relative}.rejection-reason-section:before{background:linear-gradient(90deg,#ef4444,#f87171 50%,#fca5a5)}.rejection-reason-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;background-clip:text}.rejection-reason-section h2 svg{color:#ef4444}.rejection-reason{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#fffc;border:1px solid #ef444433;border-radius:16px;padding:24px;position:relative}.rejection-reason:before{content:"⚠️";font-size:20px;left:12px;opacity:.5;position:absolute;top:12px}.rejection-reason p{color:#991b1b;font-weight:500;line-height:1.6;margin:0;padding-left:32px}@media (max-width:1200px){.content-review-body{flex-direction:column;gap:24px}.content-review-sidebar{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}}@media (max-width:768px){.content-review-header{gap:20px;padding:24px 20px}.content-review-header,.header-left{align-items:stretch;flex-direction:column}.header-left{gap:16px}.header-title h1{font-size:28px}.content-review-body{gap:20px;padding:20px}.article-content-section,.article-info-section,.rejection-reason-section,.social-preview-section{border-radius:20px;padding:24px 20px}.article-title{font-size:28px}.article-subtitle{font-size:18px}.info-grid{gap:16px;grid-template-columns:1fr}.article-content-html h1{font-size:28px}.article-content-html h2{font-size:24px}.article-content-html h3{font-size:20px}.article-content-html h4{font-size:18px}.article-content-html h5{font-size:16px}.article-content-html h6{font-size:14px}.article-content-html p{font-size:15px}.content-review-sidebar{grid-template-columns:1fr}.sidebar-card{padding:20px}.action-buttons button{font-size:14px;padding:12px 20px}.header-actions{justify-content:stretch}.header-actions .approve-btn,.header-actions .reject-btn{flex:1 1}}.minor-eligible-badge{background:#e8f5e8;border:1px solid #a8d5a8;border-radius:4px;color:#2d7a2d}.minor-eligible-badge,.not-minor-eligible-badge{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.not-minor-eligible-badge{background:#fee;border:1px solid #fca5a5;border-radius:4px;color:#d32f2f}@media (max-width:480px){.content-review-header{padding:20px 16px}.content-review-body{padding:16px}.article-content-section,.article-info-section,.rejection-reason-section,.social-preview-section{border-radius:16px;padding:20px 16px}.article-title{font-size:24px}.article-subtitle{font-size:16px}.article-content-html p{font-size:14px;line-height:1.6}.sidebar-card{padding:16px}.action-buttons button{font-size:13px;padding:10px 16px}.metric-item{padding:12px 16px}.metric-value{font-size:18px}}.admin-tabs-nav{align-items:center;background:#0000;border-radius:12px;display:flex;gap:8px;padding:4px}.admin-tab{background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;font-size:15px;font-weight:600;padding:10px 20px;position:relative;transition:all .3s ease}.admin-tab:hover{background:#f1f5f9;color:#3b82f6}.admin-tab.active{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 4px 12px #3b82f64d;color:#fff}.tab-content{padding:24px 0}.tab-content h2{color:#1e293b;margin-bottom:16px}.tab-content p{color:#64748b;margin-bottom:32px}.charts-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:32px}.chart-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;padding:24px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.chart-header-spaced{margin-bottom:32px}.chart-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:24px;font-weight:700;margin:0;text-align:left}.chart-header p{color:#64748b;font-size:14px;margin:0;text-align:right}.stat-icon.chats{background:linear-gradient(135deg,#f59e0b,#d97706)}.pie-chart-layout{display:flex;flex-direction:column;gap:20px}.chart-header-full{align-items:center;display:flex;grid-column:1/-1;justify-content:space-between;margin-bottom:16px}.chart-header-full h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:24px;font-weight:700;margin:0;text-align:left}.chart-header-full p{color:#64748b;font-size:14px;margin:0;text-align:right}.pie-chart-content{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:1fr 1.5fr}.pie-chart-legend{display:flex;flex-direction:column;gap:12px}.pie-chart-legend h4{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:8px}.legend-item{background:#f8fafc;border-radius:8px;gap:12px;padding:8px 12px;transition:background .2s ease}.legend-item:hover{background:#f1f5f9}.legend-color{border-radius:3px;flex-shrink:0;height:12px;width:12px}.legend-label{color:#475569;flex:1 1;font-size:14px;font-weight:500;text-align:left}.legend-value{color:#1e293b;font-size:14px;font-weight:600}.pie-chart-wrapper{align-items:center;display:flex;justify-content:center}.users-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:.8fr .8fr 2fr;grid-template-rows:auto 1fr 1fr auto;margin-top:12px;min-height:800px}.users-action-section{display:flex;grid-column:3/4;grid-row:1/2;justify-content:flex-end}.users-stats-row-1{grid-column:1/2;grid-row:2/3}.users-stats-row-2{grid-column:2/3;grid-row:2/3}.users-stats-row-3{grid-column:1/2;grid-row:3/4}.users-stats-row-4{grid-column:2/3;grid-row:3/4}.users-chart-container-tall{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000f;grid-column:3/4;grid-row:2/4;height:100%;padding:24px}.users-charts-row-3{grid-gap:24px;display:grid;gap:24px;grid-column:1/4;grid-row:4/5;grid-template-columns:1fr 1fr}.users-charts-row-4{grid-gap:24px;display:grid;gap:24px;grid-column:1/4;grid-row:5/6;grid-template-columns:1fr 1fr}.create-staff-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.create-staff-btn:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.content-layout{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr .6fr .6fr;grid-template-rows:auto auto auto auto;margin-top:24px}.content-chart-tall{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000f;grid-column:1/2;grid-row:1/3;min-height:360px;padding:24px}.content-stats-row-1{grid-column:2/3;grid-row:1/2}.content-stats-row-2{grid-column:3/4;grid-row:1/2}.content-stats-row-3{grid-column:2/3;grid-row:2/3}.content-stats-row-4{grid-column:3/4;grid-row:2/3}.content-charts-row-3{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-column:1/4;grid-row:3/4;grid-template-columns:1fr 1fr}.content-charts-row-4{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-column:1/4;grid-row:4/5;grid-template-columns:.7fr 1fr}.chart-container-centered,.chart-container-full{display:flex;flex:1 1;flex-direction:column}.chart-container-centered{justify-content:center}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leaderboard-item{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:16px;padding:16px;text-align:left;transition:background .2s ease}.leaderboard-item:hover{background:#f1f5f9}.leaderboard-image{align-items:center;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:8px;color:#94a3b8;display:flex;flex-shrink:0;font-size:20px;font-weight:600;height:48px;justify-content:center;width:48px}.leaderboard-content{flex:1 1;text-align:left}.leaderboard-rank{color:#3b82f6;font-size:24px;font-weight:700;min-width:40px}.leaderboard-content h4{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 8px}.leaderboard-stats{color:#64748b;display:flex;font-size:12px;gap:16px}.approval-table{width:100%}.approval-table table{border-collapse:collapse;width:100%}.approval-table td,.approval-table th{border-bottom:1px solid #e2e8f0;padding:12px;text-align:left}.approval-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:600}.approval-table td{color:#64748b;font-size:13px}.table-actions{display:flex;gap:8px}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;padding:6px 10px;transition:all .2s ease}.action-btn.approve{background:#10b981;color:#fff}.action-btn.approve:hover{background:#059669}.action-btn.reject{background:#ef4444;color:#fff}.action-btn.reject:hover{background:#dc2626}.action-btn.view{background:#3b82f6;color:#fff}.action-btn.view:hover{background:#2563eb}.see-all-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;margin-top:16px;padding:12px;transition:all .2s ease;width:100%}.see-all-btn:hover{background:#f1f5f9;color:#475569}.chats-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;margin-top:24px;min-height:600px}.chats-row-1{grid-gap:24px;grid-row:1/2;grid-template-columns:1fr 1fr}.chats-row-1,.chats-row-2{align-items:stretch;display:grid;gap:24px;grid-column:1/4}.chats-row-2{grid-gap:24px;grid-row:2/3;grid-template-columns:1fr 1fr}.peer-educator-table{width:100%}.peer-educator-table table{border-collapse:collapse;width:100%}.peer-educator-table td,.peer-educator-table th{border-bottom:1px solid #e2e8f0;padding:12px;text-align:left}.peer-educator-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:600}.peer-educator-table td{color:#64748b;font-size:13px}.appointments-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto;margin-top:24px}.appointments-row-1{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-column:1/4;grid-row:1/2;grid-template-columns:1fr 1fr 1fr}.appointments-row-2{grid-column:1/4;grid-row:2/3}.appointments-row-3{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-column:1/4;grid-row:3/4;grid-template-columns:1fr 1fr;min-height:400px}.medical-professional-table{width:100%}.medical-professional-table table{border-collapse:collapse;width:100%}.medical-professional-table td,.medical-professional-table th{border-bottom:1px solid #e2e8f0;padding:12px;text-align:left}.medical-professional-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:600}.medical-professional-table td{color:#64748b;font-size:13px}.appointments-overview{display:flex;flex-direction:column}.today-appointments-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.today-stat-item{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;box-shadow:0 4px 12px #3b82f64d;padding:20px;text-align:center}.today-stat-item h4{color:#fff;font-size:32px;font-weight:700;margin:0 0 8px}.today-stat-item p{color:#ffffffe6;font-size:14px;margin:0}.today-schedule{flex:1 1}.today-schedule h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.today-schedule table{border-collapse:collapse;margin-bottom:16px;width:100%}.today-schedule td,.today-schedule th{border-bottom:1px solid #e2e8f0;padding:12px;text-align:left}.today-schedule th{background:#f8fafc;color:#475569;font-size:12px;font-weight:600}.today-schedule td{color:#64748b;font-size:13px;position:static}.status-badge{border-radius:12px;display:inline-block;font-size:11px;padding:4px 12px;position:static}.status-badge.pending{background:#fef3c7;color:#d97706}.status-badge.confirmed{background:#dbeafe;color:#2563eb}.status-badge.completed{background:#d1fae5;color:#059669}.heatmap-container{display:flex;flex:1 1;flex-direction:column}.heatmap-grid{grid-gap:1px;display:grid;flex:1 1;gap:1px;grid-template-columns:repeat(10,1fr)}.heatmap-cell{align-items:center;aspect-ratio:0;border-radius:1px;display:flex;flex-direction:column;justify-content:center;padding:0;transition:transform .2s ease}.heatmap-cell:hover{transform:scale(1.05)}.heatmap-label{font-weight:600}.heatmap-label,.heatmap-value{font-size:12px;line-height:1;margin-bottom:0}.modal-backdrop{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.mp-layout{background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.mp-layout,.mp-sidebar{display:flex;height:100vh;overflow:hidden}.mp-sidebar{animation:sidebarGradientShift 12s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#1e40af 25%,#1e293b 75%,#0f172a);background-size:400% 400%;border-right:1px solid #ffffff1a;box-shadow:2px 0 20px #0f172a66;box-sizing:border-box;color:#fff;flex-direction:column;flex-shrink:0;max-height:100vh;min-width:0;padding:24px 20px;position:-webkit-sticky;position:sticky;top:0;transition:width .3s ease,padding .3s ease;width:260px;z-index:10}.mp-sidebar.collapsed{padding:24px 12px;width:80px}.mp-brand{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff26,#ffffff14);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 24px #0000001f,inset 0 1px 0 #ffffff26;display:flex;flex-direction:column;gap:16px;justify-content:center;margin-bottom:32px;padding:24px 20px;position:relative;text-align:left;transition:all .3s ease;width:100%}.mp-brand:hover{box-shadow:0 12px 32px #00000026,inset 0 1px 0 #fff3;transform:translateY(-2px)}.mp-sidebar.collapsed .mp-brand{padding:16px 8px}.mp-sidebar-logo{cursor:pointer;filter:drop-shadow(0 6px 16px rgba(0,0,0,.25));max-height:58px;transition:all .35s cubic-bezier(.4,0,.2,1)}.mp-sidebar-logo:hover{filter:drop-shadow(0 8px 20px rgba(0,0,0,.35));transform:scale(1.03)}.mp-cfsi-logo{filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));height:auto;max-height:50px;object-fit:contain;opacity:.95;transition:all .35s cubic-bezier(.4,0,.2,1);width:100%}.mp-cfsi-logo:hover{filter:drop-shadow(0 6px 16px rgba(0,0,0,.28));opacity:1;transform:scale(1.02)}.mp-sidebar.collapsed .mp-sidebar-logo{max-height:44px}.mp-sidebar-logo{filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));height:auto;max-height:55px;object-fit:contain;width:100%}.mp-nav{display:flex;flex:1 1;flex-direction:column;gap:6px;margin-bottom:16px;min-width:0;overflow-x:hidden;overflow-y:auto}.mp-nav button{align-items:center;background:#0000;border:none;border-radius:12px;color:#fffc;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:14px;padding:14px 16px;text-align:left;transition:all .25s ease}.mp-nav button:hover{background:#ffffff26;color:#fff;transform:translateX(4px)}.mp-nav button.active{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff40;border:1px solid #ffffff4d;box-shadow:0 4px 12px #00000026;color:#fff;font-weight:700}.mp-nav button svg{color:#ffffffd9;flex-shrink:0;height:20px;transition:all .25s ease;width:20px}.mp-nav button.active svg,.mp-nav button:hover svg{color:#fff;transform:scale(1.05)}.mp-sidebar.collapsed .mp-chevron,.mp-sidebar.collapsed .mp-current-indicator,.mp-sidebar.collapsed .mp-nav button span,.mp-sidebar.collapsed .mp-sidebar-switch-btn span{display:none}.mp-sidebar.collapsed .mp-nav button{justify-content:center;padding:14px 0}.mp-sidebar.collapsed .mp-nav button:hover{transform:scale(1.05)}.mp-logout{background:#ffffff0d;border:1px solid #fff3;color:#ffffffe6;margin-top:8px}.mp-logout:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff;transform:translateX(4px)}.mp-sidebar.collapsed .mp-logout{border:1px solid #fff3}.mp-nav button{position:relative}.mp-sidebar.collapsed .mp-nav button:hover:after{animation:tooltipFadeIn .2s ease;background:#1e293b;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;content:attr(data-tooltip);font-size:13px;font-weight:500;left:calc(100% + 12px);padding:8px 12px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1000}.mp-sidebar.collapsed .mp-nav button:hover:before{border:6px solid #0000;border-right-color:#1e293b;content:"";left:calc(100% + 4px);position:absolute;top:50%;transform:translateY(-50%);z-index:999}.mp-main{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;height:100vh;min-width:0;overflow:hidden;position:relative;z-index:5}.mp-topbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px #00000008;display:flex;justify-content:space-between;padding:24px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.mp-topbar h3{color:#1e293b;font-size:24px;font-weight:700;letter-spacing:-.01em;margin:0}.mp-top-actions{gap:16px}.mp-btn,.mp-top-actions{align-items:center;display:flex}.mp-btn{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000d;color:#475569;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .25s ease}.mp-btn:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.mp-btn:active{box-shadow:0 2px 6px #0000000d;transform:translateY(0)}.mp-btn svg{height:18px;transition:transform .25s ease;width:18px}.mp-btn:hover svg{transform:scale(1.1)}.mp-action-card{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 4px 12px #3b82f640;color:#fff;font-weight:600}.mp-action-card:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #2563eb59;transform:translateY(-2px)}.mp-action-card svg{height:20px;width:20px}.mp-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border:2px solid #fff;border-radius:12px;box-shadow:0 2px 8px #3b82f633;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .25s ease;width:44px}.mp-avatar:hover{box-shadow:0 4px 12px #3b82f64d;transform:scale(1.05)}.mp-avatar svg{color:#fff;height:22px;width:22px}.mp-workspace{background:#f8fafc;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:32px;position:relative}.mp-sidebar-bottom{background:#0000;border-top:1px solid #e2e8f0;flex-shrink:0;margin-top:auto;padding:16px 0 0}.mp-sidebar-bottom-row{align-items:center;box-sizing:border-box;display:flex;gap:8px;justify-content:space-between;min-height:40px;width:100%}.mp-sidebar-switch{flex:1 1;min-width:0;position:relative}.mp-sidebar-switch-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:10px;min-width:0;overflow:hidden;padding:12px 14px;text-overflow:ellipsis;transition:all .25s ease;white-space:nowrap;width:100%}.mp-sidebar-switch-btn:hover{background:#f1f5f9;box-shadow:0 2px 8px #0000000d;color:#1e293b;transform:translateY(-2px)}.mp-sidebar-switch-btn svg{color:#64748b;flex-shrink:0;height:16px;width:16px}.mp-sidebar-switch-btn:hover svg{color:#3b82f6}.mp-chevron{height:12px;margin-left:auto;transition:transform .3s ease;width:12px}.mp-chevron.open{transform:rotate(180deg)}.mp-sidebar-role-dropdown{animation:slideUp .3s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;bottom:100%;box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014;box-sizing:border-box;margin-bottom:8px;max-width:220px;min-width:180px;overflow:hidden;position:absolute;right:0;z-index:1000}.mp-sidebar-role-option{align-items:center;background:#0000;border:none;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.mp-sidebar-role-option:hover{background:#f1f5f9;color:#3b82f6}.mp-sidebar-role-option.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;font-weight:600}.mp-current-indicator{color:#1e40af;font-size:16px;font-weight:700}@media (max-width:1100px){.mp-sidebar{padding:20px 16px;width:240px}.mp-brand h2{font-size:18px}.mp-brand span{font-size:12px}}@media (max-width:768px){.mp-layout{flex-direction:column}.mp-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;height:auto;max-height:none;min-height:auto;padding:20px;position:relative;width:100%}.mp-brand{margin-bottom:20px;padding:16px}.mp-nav{flex-direction:row;flex-wrap:wrap;gap:10px;margin-bottom:12px}.mp-nav button{flex:1 1;font-size:14px;justify-content:center;min-width:calc(50% - 5px);padding:12px 16px}.mp-logout{margin-top:10px;min-width:100%}.mp-topbar{padding:20px 24px}.mp-topbar h3{font-size:20px}.mp-workspace{padding:24px}}@media (max-width:480px){.mp-nav{flex-direction:column;gap:8px}.mp-nav button{font-size:13px;justify-content:flex-start;min-width:100%;padding:10px 14px}.mp-top-actions{flex-direction:column;gap:12px}.mp-btn{justify-content:center;width:100%}}.admin-dashboard-container{display:flex;flex-direction:column;gap:24px;min-height:100%;width:100%}.dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.dashboard-title{color:#0f172a;font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0}.dashboard-subtitle{color:#64748b;font-size:14px;margin:4px 0 0}.dashboard-header-actions{display:flex;gap:12px}.dashboard-action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;color:#334155;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .25s ease}.dashboard-action-btn:hover{background:#f8fafc;box-shadow:0 4px 12px #0000000f;transform:translateY(-2px)}.dashboard-action-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 4px 16px #3b82f640;color:#fff}.dashboard-action-btn.primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #2563eb59}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 2px 8px #0000000a;padding:24px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.stat-card.primary-gradient{background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#2563eb);border:none;box-shadow:0 8px 32px #3b82f64d}.stat-card-header{justify-content:space-between;margin-bottom:16px}.stat-card-header,.stat-icon{align-items:center;display:flex}.stat-icon{background:#3b82f61a;border-radius:14px;flex-shrink:0;font-size:22px;gap:0;height:48px;justify-content:center;width:48px}.stat-card.primary-gradient .stat-icon{background:#fff3;color:#fff}.stat-arrow{align-items:center;background:#ffffff1a;border-radius:10px;color:#fff;display:flex;height:36px;justify-content:center;width:36px}.stat-card:not(.primary-gradient) .stat-arrow{background:#3b82f61a;color:#3b82f6}.stat-content h3{color:#0f172a;font-size:32px;font-weight:800;letter-spacing:-.02em;margin:0}.stat-card.primary-gradient .stat-content h3{color:#fff}.stat-content p{color:#64748b;font-size:14px;font-weight:500;margin:4px 0 8px}.stat-card.primary-gradient .stat-content p{color:#fffc}.stat-change{align-items:center;display:flex;gap:6px}.stat-change.positive{color:#22c55e;font-size:13px;font-weight:600}.stat-change.negative{color:#ef4444;font-size:13px;font-weight:600}.stat-change-label{color:#64748b;font-size:12px}.stat-card.primary-gradient .stat-change-label{color:#ffffffb3}.dashboard-main-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.2fr .8fr}.overview-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 2px 8px #0000000a;padding:24px}.overview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.overview-header h3{color:#0f172a;font-size:16px;font-weight:700;margin:0}.view-all-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#3b82f6;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .25s ease}.view-all-btn:hover{background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.analytics-panel{grid-column:1}.analytics-content{display:flex;flex-direction:column;gap:16px}.analytics-chart-container{width:100%}.analytics-chart-bars{align-items:flex-end;border-left:4px solid #1e40af;display:flex;height:160px;justify-content:space-around;padding:16px 0;position:relative}.analytics-chart-bar-group{align-items:center;display:flex;flex-direction:column;gap:8px}.analytics-bar-label{color:#64748b;font-size:12px;font-weight:600}.analytics-bar{background:#e2e8f0;border-radius:12px 12px 4px 4px;transition:all .3s ease;width:40px}.analytics-bar.primary{background:linear-gradient(180deg,#60a5fa,#3b82f6 50%,#1e40af);box-shadow:0 4px 12px #3b82f64d}.analytics-bar:hover{transform:scaleY(1.05);transform-origin:bottom}.reminders-panel{grid-column:2}.reminders-list{display:flex;flex-direction:column;gap:16px}.reminder-item{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:12px;padding:16px;transition:all .25s ease}.reminder-item:hover{background:#f1f5f9;box-shadow:0 4px 12px #0000000f;transform:translateX(4px)}.reminder-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;padding:8px;width:40px}.reminder-content{flex:1 1;min-width:0}.reminder-content h4{color:#0f172a;font-size:14px;font-weight:700;margin:0 0 4px}.reminder-date,.reminder-time{color:#64748b;font-size:12px;margin:2px 0}.reminder-action-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .25s ease}.reminder-action-btn:hover{box-shadow:0 4px 12px #3b82f640;transform:translateY(-2px)}.staff-table-card{grid-column:1}.staff-table-container{overflow-x:auto}.staff-table{border-collapse:collapse;width:100%}.staff-table thead th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:700;letter-spacing:.05em;padding-bottom:12px;text-align:left;text-transform:uppercase}.staff-table tbody td{border-bottom:1px solid #f1f5f9;padding:16px 0}.staff-table tbody tr:hover{background:#f8fafc}.staff-cell{gap:12px}.staff-avatar,.staff-cell{align-items:center;display:flex}.staff-avatar{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:14px;color:#fff;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.staff-info{display:flex;flex-direction:column}.staff-name{color:#0f172a;font-size:14px;font-weight:700}.staff-detail{color:#64748b;font-size:12px}.staff-role-badge{align-items:center;background:#dbeafe;border-radius:10px;color:#1e40af;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;padding:6px 12px}.staff-role-badge.peer{background:#fef3c7;color:#b45309}.staff-role-badge.content{background:#dcfce7;color:#166534}.status-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;padding:6px 12px}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.pending{background:#fef9c3;color:#a16207}.system-health-card{grid-column:2}.system-health-content{align-items:center;display:flex;flex-direction:column;gap:24px}.health-circle{height:160px;position:relative;width:160px}.health-circle svg{height:100%;transform:rotate(-90deg);width:100%}.health-percentage{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.health-number{color:#0f172a;font-size:32px;font-weight:800}.health-label{color:#64748b;font-size:12px;font-weight:600}.health-legend{display:flex;flex-direction:column;gap:10px;width:100%}.legend-item{align-items:center;color:#334155;display:flex;font-size:13px;gap:8px}.legend-dot{border-radius:50%;height:14px;width:14px}.legend-dot.active{background:linear-gradient(135deg,#3b82f6,#1e40af)}.legend-dot.in-progress{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.legend-dot.pending{background:#e2e8f0}@media (max-width:1280px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-main-grid{grid-template-columns:1fr}.analytics-panel,.reminders-panel,.staff-table-card,.system-health-card{grid-column:1}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;gap:16px}.dashboard-header-actions{width:100%}.dashboard-action-btn{flex:1 1}}.modal-overlay{align-items:center;animation:fadeInOverlay .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.logout-modal-card{animation:slideUpModal .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:24px;box-shadow:0 20px 40px #00000026,0 8px 16px #0000001a;max-width:480px;padding:40px;position:relative;width:90%}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.logout-modal-close{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:36px}.logout-modal-close:hover{background:#0000001a;color:#fff;transform:scale(1.1)}.logout-modal-icon-wrapper{display:flex;justify-content:center;margin-bottom:32px}.logout-modal-icon-bg{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:50%;display:flex;height:80px;justify-content:center;position:relative;width:80px}.logout-modal-icon-bg svg{color:#dc2626;font-size:32px;transition:transform .3s ease}.logout-modal-icon-bg:hover svg{transform:rotate(-10deg)}.logout-modal-content{display:flex;flex-direction:column;gap:12px;margin-bottom:32px;text-align:center!important}.logout-modal-title{color:#1f2937;font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0}.logout-modal-subtext{color:#6b7280;font-size:16px;line-height:1.6;margin:0}.logout-modal-actions{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.logout-modal-btn{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:8px;justify-content:center;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.logout-modal-btn.cancel{background:#f8fafc;border:1px solid #e2e8f0;color:#374151}.logout-modal-btn.cancel:hover{background:#f1f5f9;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.logout-modal-btn.confirm{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d,0 2px 4px #ef444433;color:#fff}.logout-modal-btn.confirm:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 24px #ef444466,0 4px 8px #ef44444d;transform:translateY(-2px)}.logout-modal-btn .btn-text{position:relative;z-index:1}.logout-modal-btn .btn-icon{position:relative;transition:transform .3s ease;z-index:1}.logout-modal-btn.confirm:hover .btn-icon{transform:translateX(4px)}.logout-modal-btn:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.logout-modal-btn:hover:before{left:100%}.logout-modal-footer{border-top:1px solid #f3f4f6;padding-top:24px}.logout-modal-security-info{align-items:center;color:#64748b;display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:center}.logout-modal-security-info .security-icon{color:#10b981;font-size:18px}@media (max-width:480px){.logout-modal-card{border-radius:20px;padding:32px 24px}.logout-modal-icon-bg{height:64px;width:64px}.logout-modal-icon-bg svg{font-size:28px}.logout-modal-title{font-size:20px}.logout-modal-subtext{font-size:15px}.logout-modal-btn{border-radius:16px;font-size:16px;padding:14px 20px}}.cl-main{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff9;border-radius:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:calc(100vh - 80px);padding:32px}.cl-top-row{margin-bottom:24px}.cl-search-row,.cl-top-row{align-items:center;display:flex;gap:20px;justify-content:space-between}.cl-search-row{margin-bottom:32px}.cl-search-wrapper{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 4px 16px #0000000d;display:flex;flex:1 1;gap:12px;max-width:400px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cl-search-wrapper:hover{background:#fff;box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.cl-search-icon{color:#64748b;font-size:20px;transition:color .3s ease}.cl-search-wrapper:hover .cl-search-icon{color:#3b82f6}.cl-search-input{background:#0000;border:none;color:#1e293b;font-size:15px;font-weight:500;outline:none;width:100%}.cl-search-input::placeholder{color:#94a3b8}.cl-dropdowns{display:flex;gap:16px}.cl-dropdown-btn{align-items:center;background:#fff;border:1px solid #000;border-radius:4px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:30px;justify-content:space-between;min-width:120px;padding:12px 20px}.cl-status-buttons{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 4px 16px #0000000d;display:flex;gap:12px;padding:8px}.cl-status-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.cl-status-btn:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.cl-status-btn:hover:before{left:100%}.cl-status-btn:hover{background:#3b82f614;color:#3b82f6;transform:translateY(-2px)}.cl-status-btn.active{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 8px 24px #3b82f64d,0 4px 12px #3b82f633;color:#fff;transform:translateY(-2px)}.cl-status-btn.active:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 12px 32px #3b82f666,0 6px 16px #3b82f64d}.content-table-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a;overflow-x:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.content-table-container:hover{box-shadow:0 12px 40px #0000001f,0 6px 20px #0000000f;transform:translateY(-4px)}.content-table{background:#0000;border-collapse:collapse;border-spacing:0;width:100%}.content-table thead th{background:linear-gradient(135deg,#3b82f61a,#1e40af1a);border-bottom:2px solid #3b82f633;box-sizing:border-box;color:#1e40af;font-size:13px;font-weight:700;letter-spacing:.05em;padding:16px 20px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;vertical-align:middle;white-space:nowrap;z-index:10}.content-table .content-image,.content-table .header-image{min-width:100px;width:100px}.content-table .content-title,.content-table .header-title{flex:2 1;min-width:350px;width:auto}.content-table .content-category,.content-table .header-category{min-width:200px;width:200px}.content-table .approved-date,.content-table .header-date,.content-table .last-modified,.content-table .rejection-date,.content-table .submitted-date{min-width:180px;width:180px}.content-table .header-reason,.content-table .rejection-reason{min-width:250px;width:280px}.content-table tbody tr:before{background:linear-gradient(90deg,#0000,#3b82f60d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:0}.content-table tbody tr:hover:before{left:100%}.content-table tbody tr:hover{transform:translateX(4px)}.content-table tbody tr{border-bottom:1px solid #fff3;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.content-table tbody tr:hover{background:#3b82f608}.content-table tbody tr td{border-bottom:1px solid #ffffff1a;box-sizing:border-box;color:#475569;font-size:14px;padding:16px 20px;position:relative;text-align:left;vertical-align:middle;z-index:1}.content-table .content-image{padding:16px 10px 16px 20px;text-align:left;vertical-align:middle}.content-table .content-image img{border:2px solid #fffc;border-radius:12px;box-shadow:0 4px 12px #0000001a;height:50px;object-fit:cover;transition:transform .3s ease;width:50px}.content-table .content-image img:hover{transform:scale(1.05)}.content-table .submission-id{background:#0000000d;border-radius:6px;color:#64748b;display:inline-block;font-family:Courier New,monospace;font-size:11px;line-height:1.3;max-width:180px;overflow:hidden;padding:6px 10px;word-break:break-all}.content-table .content-title{word-wrap:break-word;color:#1e293b;font-weight:600;line-height:1.5;white-space:normal}.content-table .content-category{padding:0;vertical-align:middle}.content-table .category-badge{background:#3b82f61a;border-radius:20px;color:#3b82f6;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.05em;max-width:120px;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.content-table .approved-date,.content-table .last-modified,.content-table .rejection-date,.content-table .submitted-date{color:#64748b;font-family:Inter,sans-serif;font-size:13px;line-height:1.4;white-space:pre-line}.content-table .rejection-reason{word-wrap:break-word;color:#ef4444;font-size:13px;line-height:1.4;white-space:normal}.loading-message,.no-data-message{color:#64748b;font-size:16px;font-weight:500;padding:60px 20px;text-align:center}.cl-card{background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s}.cl-card:hover{box-shadow:0 8px 16px #0000001a}.cl-card-image-container{background:#000;height:160px;overflow:hidden;position:relative;width:100%}.cl-card-image-container:after{background:#00000080;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.cl-card-image{height:100%;object-fit:cover;width:100%}.cl-card-content{display:flex;flex-direction:column;gap:8px;padding:16px}.cl-card-meta{align-items:center;color:#666;display:flex;font-size:12px;gap:6px;margin-bottom:4px}.cl-card-type-icon{font-size:14px}.cl-card-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 12px;overflow:hidden;text-align:left}.cl-card-footer{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-top:auto;padding-top:12px}.cl-card-metrics{display:flex;gap:12px}.cl-metric{align-items:center;color:#666;display:flex;font-size:12px;gap:4px}.cl-metric svg{font-size:14px}.cl-card-actions{display:flex;gap:8px}.cl-action-btn{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.cl-action-btn:hover{color:#333}.content-lib-pagination{background:#0000;gap:8px;left:auto;margin-top:16px;padding:16px 0;position:relative;top:auto;transform:none;z-index:10}.content-lib-pagination,.content-lib-pagination-arrow{align-items:center;display:flex;justify-content:center}.content-lib-pagination-arrow{background:#b0c6e8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;height:36px;transition:all .2s ease;width:36px}.content-lib-pagination-arrow:hover:not(:disabled){background:#8fa5d0;transform:scale(1.05)}.content-lib-pagination-arrow:disabled{background:#b0c6e8;cursor:not-allowed;opacity:.5}.content-lib-pagination-number{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:14px;min-width:36px;padding:8px 12px;transition:all .2s ease}.content-lib-pagination-number:hover{background:#f5f5f5;border-color:#d0d0d0}.content-lib-pagination-number.active{background:#b0c6e8;border-color:#b0c6e8;color:#fff}.content-lib-pagination-ellipsis{color:#666;font-size:14px;padding:0 4px}@media (max-width:1280px){.cl-main{padding:28px}}@media (max-width:1024px){.cl-main{padding:20px}.cl-top-bar{gap:12px}.cl-dropdowns,.cl-top-bar{flex-wrap:wrap}}@media (max-width:768px){.cl-main{padding:16px}.cl-top-bar{align-items:stretch;flex-direction:column}.cl-dropdowns{width:100%}.cl-dropdown-btn{flex:1 1;justify-content:center}}.cl-pagination-wrapper{display:flex;justify-content:flex-end}.cl-pagination-controls{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border-radius:16px;box-shadow:0 4px 16px #0000000d;gap:12px;padding:8px 16px}.cl-pagination-arrow,.cl-pagination-controls{align-items:center;border:1px solid #ffffff4d;display:flex}.cl-pagination-arrow{background:#fffc;border-radius:12px;color:#475569;cursor:pointer;font-size:14px;font-weight:600;height:36px;justify-content:center;min-width:36px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cl-pagination-arrow:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6;transform:scale(1.05)}.cl-pagination-arrow:disabled{background:#ffffff80;border-color:#fff3;color:#94a3b8;cursor:not-allowed;opacity:.5}.cl-pagination-info{background:#3b82f60d;border-radius:8px;color:#475569;font-size:14px;font-weight:600;min-width:80px;padding:8px 12px;text-align:center}.content-row.clickable{cursor:pointer;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.content-row.clickable:before{background:linear-gradient(90deg,#0000,#3b82f60d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:0}.content-row.clickable:hover:before{left:100%}.content-row.clickable:hover{background:#3b82f608;transform:translateX(4px)}.content-row.clickable:active{background:#3b82f614;transform:translateX(2px)}.content-category{text-align:left}.approved-date,.submitted-date{color:#64748b;font-size:13px;text-align:left;white-space:pre-line}.content-image{min-width:80px;padding:16px 10px!important;width:80px}.content-image,.submission-id{text-align:center;vertical-align:middle}.submission-id{background:#0000000d;border-radius:6px;color:#64748b;font-family:Courier New,monospace;font-size:12px;min-width:120px;padding:6px 10px;width:120px}.ma-main{background:#fff;color:#1a1a1a;font-family:Inter,Arial,sans-serif;padding:24px}.ma-filters{gap:16px;margin-bottom:24px}.ma-filters,.ma-search-wrap{align-items:center;display:flex}.ma-search-wrap{flex:1 1;position:relative}.ma-search-icon{color:#666;font-size:18px;left:12px;pointer-events:none;position:absolute}.ma-search{max-width:400px;padding:10px 12px 10px 40px;width:100%}.ma-search,.ma-service-select{background:#fff;border:1px solid #d0d0d0;border-radius:6px;font-size:14px}.ma-service-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23333' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding:10px 36px 10px 14px}.ma-table-wrap{border:1px solid #d0d0d0;border-radius:20px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.ma-table{border-collapse:initial;border-spacing:0;font-size:14px;width:100%}.ma-table td,.ma-table th{border-bottom:1px solid #eee;padding:12px 16px;text-align:left}.ma-table th{background:#29499d;color:#fff;font-weight:600}.ma-table tbody tr:hover{background:#fafafa}.ma-table th:first-child{border-top-left-radius:20px}.ma-table th:last-child{border-top-right-radius:20px}.ma-table tbody tr:last-child td:first-child{border-bottom-left-radius:20px}.ma-table tbody tr:last-child td:last-child{border-bottom-right-radius:20px}.ma-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.ma-badge-pending{background:#fff3e0;color:#e65100}.ma-badge-completed{background:#e8f5e9;color:#2e7d32}.ma-badge-cancelled-user{background:#ffebee;color:#c62828}.ma-badge-cancelled-pro{background:#fff3e0;color:#e65100}.ma-badge-approved{background:#e3f2fd;color:#1565c0}.ma-badge-PENDING{background:#fff3e0;border:1px solid #f59e0b4d;border-radius:20px;color:#b45309}.ma-badge-CONFIRMED,.ma-badge-PENDING{align-items:center;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.04em;padding:6px 14px;text-transform:uppercase}.ma-badge-CONFIRMED{background:#dbeafe;border:1px solid #3b82f64d;border-radius:20px;color:#1d4ed8}.ma-badge-ACCEPTED{background:#dcfce7;border:1px solid #22c55e4d;border-radius:20px;color:#16a34a}.ma-badge-ACCEPTED,.ma-badge-CANCELLING{align-items:center;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.04em;padding:6px 14px;text-transform:uppercase}.ma-badge-CANCELLING{background:#fef2f2;border:1px solid #ef44444d;border-radius:20px;color:#dc2626}.ma-badge-COMPLETED{background:#f0fdf4;border:1px solid #22c55e4d;border-radius:20px;color:#166534}.ma-badge-CANCELLED_BY_USER,.ma-badge-COMPLETED{align-items:center;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.04em;padding:6px 14px;text-transform:uppercase}.ma-badge-CANCELLED_BY_USER{background:#fee2e2;border:1px solid #ef44444d;border-radius:20px;color:#991b1b}.ma-badge-CANCELLED_BY_PRO{background:#fef3c7;color:#92400e}.escalation-status-pending-review,.ma-badge-CANCELLED_BY_PRO{align-items:center;border:1px solid #f59e0b4d;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.04em;padding:6px 14px;text-transform:uppercase}.escalation-status-pending-review{background:#fff3e0;color:#b45309}.escalation-status-under-assessment{background:#dbeafe;border:1px solid #3b82f64d;border-radius:20px;color:#1d4ed8}.escalation-status-resolved,.escalation-status-under-assessment{align-items:center;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.04em;padding:6px 14px;text-transform:uppercase}.escalation-status-resolved{background:#dcfce7;border:1px solid #22c55e4d;border-radius:20px;color:#16a34a}.ma-row-actions{display:flex;flex-wrap:nowrap;gap:8px}.ma-action-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #3b82f633;border-radius:10px;box-shadow:0 2px 8px #00000014;color:#3b82f6;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.ma-action-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;box-shadow:0 8px 24px #3b82f64d,0 4px 12px #3b82f633;color:#fff;transform:translateY(-2px) scale(1.05)}.ma-action-btn:active{box-shadow:none;transform:translateY(0)}.ma-action-btn.approve:hover{background:linear-gradient(135deg,#3b82f6,#2563eb)}.ma-action-btn.reschedule:hover{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 24px #f59e0b47,0 4px 12px #f59e0b2e}.ma-action-btn.complete:hover{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 8px 24px #22c55e4d,0 4px 12px #22c55e33}.ma-action-btn.notes:hover,.ma-action-btn.view:hover{background:linear-gradient(135deg,#3b82f6,#2563eb)}.ma-action-btn.cancel:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 24px #ef44444d,0 4px 12px #ef444433}.ma-modal-backdrop{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1500}.ma-modal-backdrop.slim{align-items:flex-start;padding-top:80px}.ma-modal-card{animation:maModalIn .22s ease-out;background:#fff;border-radius:16px;box-shadow:0 18px 45px #0000003d;display:flex;flex-direction:column;font-family:Inter,Arial,sans-serif;max-height:94vh;max-width:92vw;overflow:hidden;padding:24px 28px;position:relative;width:100%}.ma-modal-card.narrow{max-width:560px}.ma-modal-card.wide{max-width:820px}.ma-modal-card h3{color:#111827;font-size:18px;font-weight:700;margin:15px 0 18px}.ma-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:999px;color:#4b5563;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;position:absolute;right:14px;top:14px;transition:background .18s ease,transform .1s ease;width:30px}.ma-modal-close:hover{background:#e5e7eb;transform:translateY(-1px)}.ma-modal-close:active{transform:translateY(0)}.ma-modal-details{background:#f1f5fe;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:18px 20px}.ma-detail-row{display:flex;font-size:14px;gap:16px;justify-content:space-between}.ma-detail-label,.ma-detail-value{color:#111827;font-weight:500}.ma-detail-value{text-align:right}.ma-modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:18px}.ma-notes-section{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:10px;margin-top:18px;padding-top:14px}.ma-notes-section h4{color:#111827;font-size:14px;font-weight:600;margin:0 0 2px}.ma-note-pill{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px}.ma-note-meta{display:flex;justify-content:space-between;margin-bottom:4px}.ma-note-tag{align-items:center;background:#ede9fe;border-radius:999px;color:#4c1d95;display:inline-flex;font-size:11px;font-weight:500;padding:2px 8px}.ma-note-pill p{color:#374151;font-size:13px;margin:0}.ma-notes-form{display:flex;flex-direction:column;gap:12px;margin-top:8px}.ma-note-editor{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px}.ma-note-header{align-items:center;color:#111827;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:8px}.ma-textarea-wrapper{position:relative;width:100%}.ma-note-textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:13px;min-height:72px;padding:8px 10px 28px;resize:vertical;width:100%}.ma-note-textarea:focus{border-color:#29499d;box-shadow:0 0 0 1px #29499d33;outline:none}.ma-char-counter{background:#ffffffe6;border-radius:4px;bottom:8px;color:#6b7280;font-size:11px;padding:2px 4px;pointer-events:none;position:absolute;right:10px}.ma-char-counter.at-limit{color:#dc2626;font-weight:600}.ma-note-save-btn{align-self:flex-end;background:#e5e7eb;border:1px solid #e5e7eb;border-radius:6px;color:#9ca3af;cursor:pointer;font-size:12px;font-weight:600;margin-left:490px;margin-top:8px;padding:6px 14px;transition:background .18s ease,transform .08s ease}.ma-note-save-btn:hover:not(:disabled){background:#1f3a7a;color:#fff;transform:translateY(-1px)}.ma-note-save-btn:active:not(:disabled){transform:translateY(0)}.ma-note-save-btn:disabled{background:#e5e7eb;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.ma-edit-btn{background:#f9fafb;border:1px solid #d1d5db;border-radius:4px;color:#4b5563;cursor:pointer;font-size:11px;font-weight:500;margin-left:8px;padding:2px 8px;transition:background .18s ease}.ma-edit-btn:hover{background:#e5e7eb}.ma-toggle{align-items:center;cursor:pointer;display:inline-flex;gap:8px}.ma-toggle input{display:none}.ma-toggle-slider{background:#e5e7eb;border-radius:999px;height:18px;position:relative;transition:background .18s ease;width:34px}.ma-toggle-slider:after{background:#fff;border-radius:999px;box-shadow:0 1px 3px #00000040;content:"";height:14px;left:2px;position:absolute;top:2px;transition:transform .18s ease;width:14px}.ma-toggle input:checked+.ma-toggle-slider{background:#22c55e}.ma-toggle input:checked+.ma-toggle-slider:after{transform:translateX(14px)}.ma-toggle-label{color:#4b5563;font-size:12px}.ma-modal-actions{display:flex;gap:10px;justify-content:center;margin-top:18px}.ma-modal-actions.right{justify-content:flex-end}.ma-outline-btn,.ma-primary-btn,.ma-secondary-btn{background:#fff;border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .08s ease}.ma-outline-btn{border-color:#d1d5db;color:#111827}.ma-outline-btn:hover{background:#e44555;box-shadow:0 2px 6px #00000014;color:#fff}.ma-primary-btn{background:#e5e7eb;border:1px solid #e5e7eb;color:#9ca3af}.ma-primary-btn:hover{background:#29499d;border-color:#29499d;color:#fff;transform:translateY(-1px)}.ma-primary-btn-approved{background:#22c55e;border-color:#16a34a;color:#fff}.ma-primary-btn-approved:hover{background:#16a34a;color:#fff}.ma-secondary-btn{background:#f3f4f6;border-color:#e5e7eb;color:#111827}.ma-secondary-btn:hover{background:#e5e7eb}.ma-outline-btn:active,.ma-primary-btn:active,.ma-secondary-btn:active{box-shadow:none;transform:translateY(1px)}.ma-input,.ma-textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:13px;padding:8px 10px;width:100%}.ma-textarea{min-height:80px;resize:vertical}.ma-input:focus,.ma-textarea:focus{border-color:#29499d;box-shadow:0 0 0 1px #29499d33;outline:none}.ma-banner{align-items:center;animation:bannerSlideIn .3s cubic-bezier(.16,1,.3,1);border:1px solid #0000;border-radius:12px;box-shadow:0 10px 25px #00000026;display:flex;font-size:14px;font-weight:500;max-width:450px;min-width:320px;padding:14px 20px;position:fixed;right:24px;top:24px;z-index:11000}@keyframes bannerSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.ma-banner.info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.ma-banner.success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.ma-banner.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.banner-icon{align-items:center;display:flex;flex-shrink:0;margin-right:12px}.banner-message{flex:1 1;line-height:1.4}.banner-close{align-items:center;background:#0000;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;justify-content:center;margin-left:12px;opacity:.7;padding:4px;transition:background .2s}.banner-close:hover{background:#0000000d;opacity:1}.ma-form-field{display:flex;flex-direction:column;gap:6px;margin-top:10px}.ma-form-field label{align-self:flex-start;color:#111827;font-size:13px;font-weight:500}.ma-helper-text{color:#6b7280;font-size:12px;margin-bottom:30px;margin-top:-4px}.ma-accessed-data{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:10px;margin-top:8px;padding:16px 18px}@keyframes maModalIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ma-user-cell{align-items:center;display:inline-flex;font-weight:600;gap:8px;text-transform:uppercase}.ma-status-dot{border-radius:50%;height:8px;width:8px}.ma-status-dot-pending{background:orange}.ma-status-dot-completed{background:#2e7d32}@media (max-width:1280px){.ma-table-wrap{overflow-x:auto}.ma-table{min-width:700px}.review-appointments-panel .ma-table-wrap{overflow-x:visible}.review-appointments-panel .ma-table{min-width:100%}}@media (max-width:1024px){.ma-filters{align-items:stretch;flex-direction:column}.ma-service-select{width:100%}.ma-search{max-width:100%}}@media (max-width:768px){.ma-main{padding:16px}.ma-table td,.ma-table th{font-size:13px;padding:8px 12px}.ma-action-btn{font-size:11px;padding:4px 8px}}.review-appointments-pagination{align-items:center;background:#0000;display:flex;gap:8px;justify-content:center;left:auto;margin-top:16px;padding:16px 0;position:relative;top:auto;transform:none;z-index:10}.review-pagination-arrow{align-items:center;background:#b0c6e8;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.review-pagination-arrow:hover:not(:disabled){background:#8fa5d0;transform:scale(1.05)}.review-pagination-arrow:disabled{background:#b0c6e8;cursor:not-allowed;opacity:.5}.review-pagination-number{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:14px;min-width:36px;padding:8px 12px;transition:all .2s ease}.review-pagination-number:hover{background:#f5f5f5;border-color:#d0d0d0}.review-pagination-number.active{background:#b0c6e8;border-color:#b0c6e8;color:#fff}.review-pagination-ellipsis{color:#666;font-size:14px;padding:0 4px}.review-appointments-panel{background:#0000;color:#1e293b;padding:0}.review-appointments-panel .ma-filters{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:minmax(240px,1fr) 200px minmax(220px,280px);margin-bottom:14px}.review-appointments-panel .ma-search,.review-appointments-panel .ma-service-select{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#ffffffe6;border:1px solid #3b82f633;border-radius:12px;box-sizing:border-box;color:#1e293b;font-size:14px;font-weight:500;max-width:none;outline:none;padding:12px 16px 12px 40px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.review-appointments-panel .ma-service-select{padding-left:14px}.review-appointments-panel .ma-search:hover,.review-appointments-panel .ma-service-select:hover{border-color:#3b82f666}.review-appointments-panel .ma-search:focus,.review-appointments-panel .ma-service-select:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.review-appointments-panel .floating-index-tabs-wrapper{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin:0 0 15px}.ma-review-controls-right{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.refresh-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #3b82f633;box-shadow:0 2px 8px #00000014;color:#3b82f6;display:inline-flex;font-size:14px;padding:12px 20px;white-space:nowrap}.refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;box-shadow:0 8px 24px #3b82f64d,0 4px 12px #3b82f633;color:#fff;transform:translateY(-2px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinning{animation:spin 1s linear infinite}.review-appointments-panel .floating-index-tabs{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:6px;box-shadow:0 2px 4px #0000001a;display:inline-flex;flex-wrap:wrap;gap:2px;margin:0;padding:2px;position:relative}.review-appointments-panel .floating-tab{align-items:center;background:#0000;border:none;border-radius:4px;color:#fffc;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin:0;padding:8px 14px;position:relative;transition:all .2s ease;white-space:nowrap}.review-appointments-panel .floating-tab:hover{background:#ffffff26;color:#fff}.review-appointments-panel .floating-tab-active,.review-appointments-panel .floating-tab.active{background:#fffffff2;box-shadow:0 1px 3px #0000001a;color:#3b82f6;font-weight:600}.review-appointments-panel .tab-count{align-items:center;background:#ffffff40;border-radius:9px;color:#ffffffe6;display:inline-flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px;transition:all .2s ease}.review-appointments-panel .floating-tab:hover .tab-count{background:#ffffff59;color:#fff}.review-appointments-panel .floating-tab-active .tab-count,.review-appointments-panel .floating-tab.active .tab-count{background:#3b82f6;color:#fff}.review-appointments-panel .ma-table-wrap{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 12px 40px #00000014,0 6px 20px #0000000a;overflow-x:visible;overflow-y:visible;transition:all .3s cubic-bezier(.4,0,.2,1)}.review-appointments-panel .ma-table-wrap.with-floating-tabs{border-top:1px solid #e2e8f0;border-top-left-radius:8px;border-top-right-radius:8px;margin-top:0;position:relative}.review-appointments-panel .ma-table-wrap:hover{box-shadow:0 16px 48px #0000001f,0 8px 24px #0000000f;transform:translateY(-2px)}.review-appointments-panel .ma-table{border-collapse:collapse;font-size:14px;font-weight:500;table-layout:fixed;width:100%}.review-appointments-panel .ma-table thead{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.review-appointments-panel .ma-table th{border-bottom:2px solid #fff3;font-size:14px;font-weight:700;letter-spacing:-.01em;padding:14px 12px;position:relative;text-align:left;text-transform:uppercase;white-space:normal}.review-appointments-panel .ma-table td:first-child,.review-appointments-panel .ma-table th:first-child{width:15%}.review-appointments-panel .ma-table td:nth-child(2),.review-appointments-panel .ma-table th:nth-child(2){width:12%}.review-appointments-panel .ma-table td:nth-child(3),.review-appointments-panel .ma-table th:nth-child(3){width:20%}.review-appointments-panel .ma-table td:nth-child(4),.review-appointments-panel .ma-table th:nth-child(4){width:25%}.review-appointments-panel .ma-table td:nth-child(5),.review-appointments-panel .ma-table th:nth-child(5){width:13%}.review-appointments-panel .ma-table td:nth-child(6),.review-appointments-panel .ma-table th:nth-child(6){width:15%}.review-appointments-panel .ma-table th:after{background:#fff3;bottom:0;content:"";height:1px;left:12px;position:absolute;right:12px}.review-appointments-panel .ma-table td{word-wrap:break-word;border-bottom:1px solid #3b82f614;color:#1e293b;font-weight:400;overflow-wrap:break-word;padding:12px;transition:all .2s ease;white-space:normal}.review-appointments-panel .ma-table tbody tr:hover{background:#3b82f60a;box-shadow:0 2px 8px #3b82f61a;transform:scale(1.01)}.review-appointments-panel .ma-badge{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.04em;padding:6px 12px;text-transform:uppercase}.review-appointments-panel .ma-badge-PENDING{background:#f59e0b24;border-color:#f59e0b4d;color:#b45309}.review-appointments-panel .ma-badge-RESCHEDULE_APPROVED,.review-appointments-panel .ma-badge-RESCHEDULE_REQUESTED_BY_PRO{background:#3b82f624;border-color:#3b82f64d;color:#1d4ed8}.review-appointments-panel .ma-badge-CANCELLING{background:#ef444424;border-color:#ef44444d;color:#dc2626}.review-appointments-panel .ma-row-actions{display:flex;flex-wrap:nowrap;gap:12px;justify-content:center}.review-appointments-panel .ma-action-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #3b82f633;border-radius:10px;box-shadow:0 2px 8px #00000014;color:#3b82f6;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.review-appointments-panel .ma-action-btn img{display:block;height:18px;transition:filter .3s ease,transform .3s ease;width:18px}.review-appointments-panel .ma-action-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;box-shadow:0 8px 24px #3b82f64d,0 4px 12px #3b82f633;color:#fff;transform:translateY(-2px) scale(1.05)}.review-appointments-panel .ma-action-btn:hover img{filter:brightness(0) invert(1);transform:scale(1.05)}.review-appointments-panel .ma-action-btn.cancel:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 24px #ef44444d,0 4px 12px #ef444433}.review-appointments-panel .ma-action-btn.reschedule:hover{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 24px #f59e0b47,0 4px 12px #f59e0b2e}.review-appointments-panel .review-appointments-pagination{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:16px;display:flex;gap:16px;justify-content:flex-end;margin-top:0;padding:0}.review-appointments-panel .pagination-counter{color:#6b7280;font-size:14px;font-weight:600;padding-left:14px;white-space:nowrap}.review-appointments-panel .pagination-arrows{align-items:center;display:flex;gap:8px;padding:8px}.review-appointments-panel .review-pagination-arrow,.review-appointments-panel .review-pagination-number{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #3b82f633;border-radius:10px;box-shadow:0 2px 8px #00000014;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;height:36px;justify-content:center;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.review-appointments-panel .review-pagination-arrow{font-size:0}.review-appointments-panel .review-pagination-arrow svg{font-size:18px;height:18px;width:18px}.review-appointments-panel .review-pagination-arrow:hover:not(:disabled),.review-appointments-panel .review-pagination-number.active,.review-appointments-panel .review-pagination-number:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;box-shadow:0 8px 24px #3b82f64d,0 4px 12px #3b82f633;color:#fff;transform:translateY(-2px)}.review-appointments-panel .review-pagination-arrow:disabled{color:#9ca3af;cursor:not-allowed;opacity:.5}.review-appointments-panel .review-pagination-ellipsis{color:#6b7280;font-size:14px;padding:0 4px}@media (max-width:1180px){.review-appointments-panel .ma-filters{grid-template-columns:1fr 200px}.review-appointments-panel .ma-service-select{grid-column:1/-1}.review-appointments-panel .floating-index-tabs-wrapper{align-items:flex-start;flex-direction:column}.ma-review-controls-right{align-items:flex-start;width:100%}}@media (max-width:768px){.review-appointments-panel .ma-filters{grid-template-columns:1fr}.ma-review-controls-right,.review-appointments-panel .floating-index-tabs,.review-appointments-panel .floating-index-tabs-wrapper,.review-appointments-panel .review-appointments-pagination{width:100%}.review-appointments-panel .floating-tab{flex:1 1;justify-content:center}.review-appointments-panel .ma-table td,.review-appointments-panel .ma-table th{padding:10px 12px}}.upcoming-appointments-pagination{align-items:center;background:#0000;display:flex;gap:8px;justify-content:center;left:auto;margin-top:16px;padding:16px 0;position:relative;top:auto;transform:none;z-index:10}.upcoming-pagination-arrow{align-items:center;background:#b0c6e8;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.upcoming-pagination-arrow:hover:not(:disabled){background:#8fa5d0;transform:scale(1.05)}.upcoming-pagination-arrow:disabled{background:#b0c6e8;cursor:not-allowed;opacity:.5}.upcoming-pagination-number{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:14px;min-width:36px;padding:8px 12px;transition:all .2s ease}.upcoming-pagination-number:hover{background:#f5f5f5;border-color:#d0d0d0}.upcoming-pagination-number.active{background:#b0c6e8;border-color:#b0c6e8;color:#fff}.upcoming-pagination-ellipsis{color:#666;font-size:14px;padding:0 4px}@keyframes ma-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ma-view-data-content{flex:1 1;overflow-y:auto;padding-bottom:8px;padding-right:12px}.ma-view-data-content::-webkit-scrollbar{width:6px}.ma-view-data-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.ma-view-data-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.ma-view-data-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.ma-history-timeline:before{background:#e5e7eb;bottom:5px;content:"";left:0;position:absolute;top:5px;width:2px}.staff-change-password{margin:20px 0}.staff-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.staff-section-title{color:#333;font-size:18px;font-weight:600;margin:0}.staff-section-controls{align-items:center;display:flex;gap:8px}.staff-edit-btn,.staff-toggle-btn{align-items:center;background:#0000;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px 8px;transition:all .2s ease}.staff-edit-btn:hover,.staff-toggle-btn:hover{background:#f5f5f5;border-color:#999}.staff-section-subheading{color:#666;font-size:14px;line-height:1.4;margin:0 0 16px}.staff-section-body{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.staff-form-row{margin-bottom:20px}.staff-form-row label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.staff-input-icon-wrapper{align-items:center;display:flex;position:relative;width:100%}.staff-input-icon{color:#666;left:12px;position:absolute;z-index:1}.staff-password-input-wrapper input{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 40px;width:100%}.staff-password-input-wrapper .staff-eye-icon{color:#666;cursor:pointer;position:absolute;right:12px;transition:color .2s ease;z-index:1}.staff-password-input-wrapper .staff-eye-icon:hover{color:#333}.staff-field-error{color:#e53e3e;font-size:13px;line-height:1.4;margin-top:6px}.input-error{border-color:#e53e3e!important;box-shadow:0 0 0 1px #e53e3e!important}.staff-password-rules{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:12px;padding:12px}.staff-rule-item{margin-bottom:8px}.staff-rule-item:last-child{margin-bottom:0}.staff-rule-text{color:#666;font-size:13px;transition:color .2s ease}.staff-rule-text.valid{color:#38a169}.staff-rule-text.invalid{color:#e53e3e}.staff-password-strength{margin-top:12px}.password-strength-bar{background:#e0e0e0;border-radius:2px;height:4px;margin-bottom:6px;overflow:hidden;width:100%}.password-strength-bar span{background:linear-gradient(90deg,#3182ce,#4299e1,#63b3ed,#90cdf4);display:block;height:100%;transition:width .3s ease}.password-strength-text{color:#666;font-size:12px;line-height:1.4}.staff-form-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.staff-cancel-btn,.staff-update-btn{border:1px solid;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.staff-cancel-btn{background:#fff;border-color:#ddd;color:#666}.staff-cancel-btn:hover:not(:disabled){background:#f5f5f5;border-color:#999}.staff-update-btn{background:#3f62b5;border-color:#3f62b5;color:#fff}.staff-update-btn:hover:not(:disabled){background:#2c4d8f;border-color:#2c4d8f}.staff-cancel-btn:disabled,.staff-update-btn:disabled{cursor:not-allowed;opacity:.6}.right-aligned{justify-content:flex-end}@media (max-width:768px){.staff-section-header{align-items:flex-start;flex-direction:column;gap:8px}.staff-section-controls{align-self:flex-end}.staff-form-actions{flex-direction:column}.staff-cancel-btn,.staff-update-btn{width:100%}}.cc-main{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffffd9;border:1px solid #fff6;border-radius:24px;box-shadow:0 12px 40px #0000001f,inset 1px 0 0 #fff9,inset -1px 0 0 #3b82f614;color:#1a1a2e;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:20px;max-height:calc(100vh - 40px);overflow-y:auto;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1)}.cc-main:before{animation:subtleShift 15s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#3b82f614 0,#0000 50%),radial-gradient(circle at 80% 20%,#93c5fd14 0,#0000 50%),conic-gradient(from 180deg at 50% 50%,#3b82f605 0deg,#0000 120deg,#93c5fd05 240deg,#0000 1turn);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.cc-dashboard{display:flex;flex-direction:column;gap:16px;padding:0}.cc-dashboard-actions{display:flex;justify-content:flex-end;margin-bottom:8px}.cc-action-card{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #3b82f626,0 4px 12px #0000000d;cursor:pointer;display:flex;flex:none;font-size:15px;gap:12px;height:56px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.cc-action-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.cc-action-card:hover:before{left:100%}.cc-action-card:hover{box-shadow:0 12px 40px #3b82f640,0 6px 16px #00000014}.cc-create-new-btn{background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:16px;box-shadow:0 8px 24px #3b82f64d,0 4px 12px #3b82f633;color:#fff;height:56px;min-width:200px;padding:0 32px}.cc-create-new-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 12px 32px #3b82f666,0 6px 16px #3b82f64d;transform:translateY(-2px)}.cc-analytics{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a;overflow:hidden}.cc-section-header{background:linear-gradient(135deg,#3b82f61a,#1e40af1a);border-bottom:1px solid #fff3;color:#1e40af;font-size:18px;font-weight:700;letter-spacing:-.01em;padding:14px 18px}.cc-analytics-grid{display:flex;flex-direction:column;gap:16px;padding:16px}.cc-analytics-section-title{color:#475569;font-size:14px;font-weight:600;letter-spacing:.05em;margin:8px 0 4px;padding:0 4px;text-transform:uppercase}.cc-analytics-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.cc-analytics-row.three-col{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.cc-analytics-row,.cc-analytics-row.three-col{grid-template-columns:1fr}}.cc-analytics-card{background:#fffc;border-radius:12px;flex-direction:column;gap:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cc-analytics-card:hover{background:#fff;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.cc-analytics-icon-wrapper{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.cc-analytics-icon-wrapper svg{color:#fff;height:24px;width:24px}.cc-analytics-label{color:#475569;text-align:center}.cc-analytics-value{background:linear-gradient(135deg,#3b82f6,#1e40af);font-size:36px;margin:0}.cc-analytics-stats{gap:16px;justify-content:center;margin-top:4px;width:100%}.cc-analytics-stats div{display:flex;flex-direction:column;gap:4px;text-align:center}.cc-analytics-stats strong{color:#1e40af;font-size:18px}.cc-analytics-stats span{color:#64748b}.cc-dashboard-bottom{display:flex;gap:16px}.cc-engagement,.cc-top-content{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a;flex:1 1;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.cc-engagement:hover,.cc-top-content:hover{box-shadow:0 12px 40px #0000001f,0 6px 20px #0000000f;transform:translateY(-4px)}.cc-top-content ul{list-style:none;margin:0;padding:16px 20px}.cc-top-content li{background:#fff9;border-left:4px solid #3b82f6;border-radius:12px;font-size:15px;margin-bottom:12px;overflow:hidden;padding:12px 16px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.cc-top-content li:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.cc-top-content li:hover:before{left:100%}.cc-top-content li:hover{background:#ffffffe6;box-shadow:0 4px 12px #3b82f626;transform:translateX(8px)}.cc-top-content li:last-child{margin-bottom:0}.cc-chart-placeholder{align-items:center;background:#3b82f60d;border:2px dashed #3b82f64d;border-radius:12px;color:#64748b;display:flex;font-size:14px;font-weight:500;height:200px;justify-content:center;margin:16px;transition:all .3s ease}.cc-chart-placeholder:hover{background:#3b82f614;border-color:#3b82f680}.cc-add-content-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-radius:20px;box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a;display:flex;flex-direction:column;gap:24px;min-height:80vh;padding:32px}.cc-add-header{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:flex-start;padding-bottom:24px}.cc-add-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1e40af);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;letter-spacing:-.01em;margin:0}.cc-header-actions{align-items:center;display:flex;gap:16px}.cc-header-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 12px #0000000d;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cc-header-btn:hover{background:#fff;box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.cc-profile-btn{background:none;border:none;cursor:pointer;padding:4px}.cc-add-grid{display:flex;gap:24px}.cc-details-panel,.cc-preview-panel{display:flex;flex:1 1;flex-direction:column;gap:16px}.cc-details-panel h3,.cc-preview-panel h3{font-size:18px;font-weight:500;margin:0;text-align:left}.cc-form-box{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 4px 16px #0000000a;padding:24px}.cc-form-group{margin-bottom:20px}.cc-form-group label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;text-align:left}.cc-form-group-no-label{margin-bottom:20px;text-align:left}.cc-form-group-no-label label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;text-align:left}.cc-input,.cc-select,.cc-textarea{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:12px;box-sizing:border-box;color:#1e293b;font-size:15px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.cc-input:focus,.cc-select:focus,.cc-textarea:focus{background:#fffffff2;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.cc-textarea{min-height:120px;resize:vertical}.cc-form-section-blue{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#3b82f60d;border:1px solid #3b82f633;border-radius:16px;margin-top:24px;overflow:hidden}.cc-form-header{background:linear-gradient(135deg,#3b82f626,#1e40af26);border-bottom:1px solid #3b82f633;color:#1e40af;font-size:16px;font-weight:600;padding:16px 20px;text-align:left}.cc-form-body{padding:16px}.cc-form-body,.cc-preview-card{display:flex;flex-direction:column;gap:16px}.cc-preview-card{background:#fff;border:1px solid #ccc;min-height:300px;padding:24px}.cc-preview-card h1{font-size:28px;margin:0;text-align:left}.cc-preview-desc{color:#666;font-style:italic;text-align:left}.cc-media-placeholder{align-items:center;background:#f9f9f9;border:1px dashed #ccc;color:#666;display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;min-height:150px}.cc-label-strong{display:block;font-weight:600;margin-bottom:8px;text-align:left}.cc-radio-group{display:flex;flex-direction:column;gap:8px}.cc-radio{align-items:center;cursor:pointer;display:flex;gap:8px}.cc-date-picker-wrapper{margin-top:12px;position:relative}.cc-date-icon{color:#666;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.cc-toolbar-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 4px 16px #0000000a;margin-top:24px;padding:12px}.cc-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.cc-tool-btn{border-radius:8px;color:#475569;transition:all .3s cubic-bezier(.4,0,.2,1)}.cc-tool-btn:hover{background:#3b82f61a;color:#3b82f6;transform:scale(1.05)}.cc-divider{background:#ffffff4d;border-radius:1px;height:24px;margin:0 8px;width:2px}.cc-footer-actions{border-top:1px solid #eee;display:flex;gap:16px;justify-content:flex-end;margin-top:20px;padding-top:20px}.cc-btn-primary{background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:12px;box-shadow:0 8px 24px #3b82f64d,0 4px 12px #3b82f633;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cc-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 12px 32px #3b82f666,0 6px 16px #3b82f64d;transform:translateY(-2px)}.cc-btn-secondary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 12px #0000000d;color:#475569;cursor:pointer;font-size:15px;font-weight:600;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cc-btn-secondary:hover{background:#fff;box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.cc-rich-editor{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:16px;overflow:hidden}.cc-mini-toolbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #ffffff4d;border-radius:16px 16px 0 0;flex-wrap:wrap;gap:8px;padding:12px 16px}.cc-mini-tool-btn,.cc-mini-toolbar{align-items:center;display:flex;justify-content:center}.cc-mini-tool-btn{background:none;border:none;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cc-mini-tool-btn:hover{background:#3b82f61a;color:#3b82f6;transform:scale(1.05)}.cc-textarea-no-border{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:none;border-radius:0 0 16px 16px;box-sizing:border-box;color:#1e293b;direction:ltr;font-size:15px;min-height:150px;outline:none;padding:16px;resize:vertical;text-align:left;unicode-bidi:embed;width:100%}.cc-textarea-no-border:focus{background:#fffc}.cc-drop-zone{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:2px dashed #3b82f666;border-radius:16px;color:#64748b;cursor:pointer;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:200px;padding:48px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.cc-drop-zone:hover{background:#fffc;border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626;transform:translateY(-2px)}.cc-drop-zone p{font-size:14px;margin:0}.cc-drop-zone em{color:#000;font-style:italic;font-weight:600}.no-margin-top{margin-top:0!important}.cc-radio-row{align-items:center;display:flex;gap:24px;justify-content:center}@media (max-width:1280px){.cc-dashboard-actions{gap:28px}}@media (max-width:1024px){.cc-dashboard-actions{flex-wrap:wrap;gap:16px}.cc-action-card{min-width:calc(50% - 8px)}.cc-add-grid,.cc-dashboard-bottom{flex-direction:column}}.cc-top-header{background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:12px 20px}.cc-header-left,.cc-top-header{align-items:center;display:flex}.cc-header-left{gap:16px}.cc-header-right{display:flex;gap:12px}.cc-back-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cc-back-btn:hover{background:#f0f0f0;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.cc-saved-status{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}.cc-status-dot{background:#ccc;border-radius:50%;height:8px;width:8px}.cc-status-dot.saved{background:#4caf50}.cc-status-dot.unsaved{background:#ff9800}.cc-preview-btn{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cc-preview-btn:hover{background:#e9ecef;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.cc-continue-btn{background:#3f62b5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cc-continue-btn:hover{background:#29499d;box-shadow:0 6px 20px #3f62b566;transform:translateY(-2px)}.cc-toolbar-header{align-items:center;background:#fafafa;border-bottom:1px solid #e0e0e0;display:flex;gap:16px;padding:12px 20px}.cc-history-buttons{display:flex;gap:4px}.cc-editor-toolbar{align-items:center;display:flex;flex:1 1;gap:8px}.cc-toolbar-divider{background:#e0e0e0;height:24px;margin:0 8px;width:1px}.cc-dropdown{display:inline-block;position:relative}.cc-dropdown-btn{align-items:center;background:none;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:4px;padding:6px 12px;white-space:nowrap}.cc-dropdown-btn:hover{background:#f8f9fa;border-color:#ccc}.cc-dropdown-menu{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 8px #0000001a;display:none;left:0;min-width:150px;position:absolute;top:100%;z-index:1000}.cc-dropdown:hover .cc-dropdown-menu{display:block}.cc-dropdown-menu div{border-bottom:1px solid #f0f0f0;cursor:pointer;font-size:14px;padding:8px 12px;text-align:left}.cc-dropdown-menu div:last-child{border-bottom:none}.cc-dropdown-menu div:hover{background:#f8f9fa}.cc-editor-content{margin:0;max-width:100%;padding:20px}.cc-editor,.cc-editor-content{background:#fff;box-sizing:border-box;width:100%}.cc-editor{border:none;border-radius:4px;color:#333;direction:ltr;font-size:16px;line-height:1.6;min-height:400px;outline:none;padding:16px;text-align:left;text-orientation:mixed;unicode-bidi:embed;writing-mode:horizontal-tb}.cc-editor h1{font-size:32px;font-weight:700;margin:24px 0 16px}.cc-editor h2{font-size:24px;font-weight:600;margin:20px 0 12px}.cc-editor h3{font-size:20px;font-weight:600;margin:16px 0 10px}.cc-editor h4{font-size:18px;font-weight:600;margin:14px 0 8px}.cc-editor h5{font-size:16px;font-weight:600;margin:12px 0 6px}.cc-editor h6{font-size:14px;font-weight:600;margin:10px 0 4px}.cc-editor p{margin:12px 0}.cc-editor ol,.cc-editor ul{margin:12px 0;padding-left:24px}.cc-editor li{margin:6px 0}.cc-email-header{color:#666;font-size:12px;font-style:italic;margin-bottom:24px;text-align:left}.cc-title{border:none;border-radius:4px;box-sizing:border-box;direction:ltr;font-size:32px;font-weight:700;line-height:1.2;margin:0 0 16px;min-height:48px;outline:none;padding:8px;text-align:left;unicode-bidi:embed;width:100%}.cc-title:focus{background:#f8f9fa}.cc-subtitle{border:none;border-radius:4px;box-sizing:border-box;color:#666;direction:ltr;font-size:18px;font-style:italic;margin:0 0 24px;min-height:32px;outline:none;padding:8px;text-align:left;unicode-bidi:embed;width:100%}.cc-subtitle:focus{background:#f8f9fa}.cc-subtitle:empty:before{color:#999;content:attr(placeholder);font-style:italic}.cc-tags-container{box-sizing:border-box;flex-wrap:wrap;gap:8px;margin-bottom:32px;min-height:32px;text-align:left;width:100%}.cc-tag,.cc-tags-container{align-items:center;display:flex}.cc-tag{background:#e3f2fd;border-radius:16px;color:#1976d2;font-size:12px;font-weight:500;gap:6px;padding:4px 8px}.cc-tag button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:2px}.cc-tag button:hover{background:#0000001a}.cc-add-tag{position:relative}.cc-tag-input{background:none;border:1px dashed #ccc;border-radius:16px;color:#666;font-size:12px;outline:none;padding:4px 8px;text-align:left;width:30px}.cc-tag-input:focus{border-color:#1976d2;color:#333;width:100px}.cc-tag-input::placeholder{color:#999}.cc-text-editor{background:#fff;border:none;border-radius:4px;box-sizing:border-box;color:#333;direction:ltr;font-size:16px;line-height:1.6;min-height:400px;outline:none;padding:16px;text-align:left;text-orientation:mixed;unicode-bidi:embed;width:100%;writing-mode:horizontal-tb}.cc-text-editor:focus{background:#f8f9fa}.cc-text-editor:empty:before{color:#999;content:attr(placeholder);font-style:italic}.cc-text-editor h1{font-size:32px;font-weight:700;margin:24px 0 16px}.cc-text-editor h2{font-size:24px;font-weight:600;margin:20px 0 12px}.cc-text-editor h3{font-size:20px;font-weight:600;margin:16px 0 10px}.cc-text-editor h4{font-size:18px;font-weight:600;margin:14px 0 8px}.cc-text-editor h5{font-size:16px;font-weight:600;margin:12px 0 6px}.cc-text-editor h6{font-size:14px;font-weight:600;margin:10px 0 4px}.cc-text-editor p{margin:12px 0}.cc-text-editor ol,.cc-text-editor ul{margin:12px 0;padding-left:24px}.cc-text-editor li{margin:4px 0}.cc-text-editor pre{background:#f5f5f5;border-radius:4px;font-family:Courier New,monospace;font-size:14px;margin:12px 0;overflow-x:auto;padding:12px}.cc-text-editor blockquote{border-left:4px solid #e0e0e0;color:#666;font-style:italic;margin:12px 0;padding-left:16px}.cc-text-editor a{color:#1976d2}.cc-text-editor a:hover{text-decoration:underline}.cc-text-editor img{border-radius:4px;height:auto;margin:12px 0;max-width:100%}.cc-character-counter{color:#666;font-size:12px;margin-top:8px;padding-right:8px;text-align:right}.cc-character-counter.warning{color:#f59e0b;font-weight:600}.cc-character-counter.error{color:#ef4444;font-weight:600}.cc-text-editor .cc-embed{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;display:block;margin:12px 0;padding:12px;position:relative}.cc-text-editor .cc-embed-remove{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;display:inline-flex;font-size:18px;height:24px;justify-content:center;line-height:1;position:absolute;right:8px;top:8px;-webkit-user-select:none;user-select:none;width:24px}.cc-text-editor .cc-embed-remove:hover{background:#ffebee;border-color:#ef9a9a;color:#c62828}.cc-text-editor .cc-embed-image{padding:8px;text-align:center}.cc-text-editor .cc-embed-image img{display:block;margin:0 auto 8px}.cc-text-editor .cc-embed-image figcaption{color:#666;font-size:14px;padding:4px 0;text-align:center}.cc-text-editor .cc-embed-link{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:block;padding:12px 16px}.cc-text-editor .cc-embed-link a{color:#1976d2;font-weight:600;text-decoration:none}.cc-text-editor .cc-embed-link a:hover{text-decoration:underline}.cc-text-editor .cc-embed-link-url{color:#666;display:block;font-size:12px;margin-top:4px;word-break:break-all}.cc-text-editor .cc-embed-audio,.cc-text-editor .cc-embed-video{padding:16px}.cc-text-editor .cc-embed-audio audio,.cc-text-editor .cc-embed-video video{max-width:100%;width:100%}.cc-text-editor .cc-embed-comment{background:#f0f4ff;border-left:4px solid #7a9ee3;color:#333;font-style:italic;min-height:2em}.cc-embed-bar{align-items:center;background:#f5f5f5;border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:10px;padding:12px 20px}.cc-embed-input{border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:180px;padding:8px 12px}.cc-embed-input-wide{flex:1 1;min-width:280px}.cc-embed-hint{color:#666;font-size:14px}.cc-embed-bar-actions{display:flex;gap:8px;margin-left:auto}.cc-embed-insert{background:#7a9ee3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px}.cc-embed-insert:hover{background:#5a8bd3}.cc-embed-cancel{background:#f0f0f0;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;padding:8px 16px}.cc-embed-cancel:hover{background:#e5e5e5}.cc-import-file-input{height:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:0}.cc-import-btn{align-items:center;display:inline-flex;gap:6px;margin-left:4px}.cc-import-btn:hover{background:#e8f0fe;color:#1976d2}.cc-preview-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:9999}.cc-preview-modal{background:#f3f3f3;border-radius:16px;box-shadow:0 18px 45px #00000059;display:flex;flex-direction:column;max-height:95vh;max-width:1100px;width:95%}.cc-preview-header{align-items:center;background:#f8f8f8;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:12px 20px}.cc-preview-tabs{display:flex;gap:8px}.cc-preview-tabs button{background:#0000;border:1px solid #0000;border-radius:999px;color:#555;cursor:pointer;font-size:13px;padding:6px 14px}.cc-preview-tabs button.active{background:#fff;border-color:#ddd;color:#222}.cc-preview-done{background:#d1c7ae;border:none;border-radius:999px;color:#333;cursor:pointer;font-weight:600;padding:6px 18px}.cc-preview-body{display:flex;flex:1 1;justify-content:center;overflow:auto;padding:32px}.cc-preview-mobile-frame{background:#fff;border-radius:36px;box-shadow:0 12px 30px #00000059;max-height:90vh;padding:18px 12px;position:relative;width:340px}.cc-preview-mobile-notch{background:#000;border-radius:999px;height:24px;left:50%;position:absolute;top:12px;transform:translateX(-50%);width:120px}.cc-preview-mobile-content{height:500px;margin-top:32px;overflow:auto;padding:8px 10px}.cc-preview-mobile-content h1{font-size:18px;margin-bottom:8px}.cc-preview-mobile-content h2{color:#666;font-size:14px;margin-bottom:8px}.cc-preview-mobile-body{word-wrap:break-word;font-size:13px;line-height:1.6;overflow-wrap:break-word;text-align:left;white-space:normal;width:100%}.cc-preview-mobile-body h1{font-size:22px;font-weight:700;margin:20px 0 12px;text-align:left}.cc-preview-mobile-body h2{font-size:18px;font-weight:600;margin:16px 0 10px;text-align:left}.cc-preview-mobile-body h3{font-size:16px;font-weight:600;margin:14px 0 8px;text-align:left}.cc-preview-mobile-body h4{font-size:14px;font-weight:600;margin:12px 0 6px;text-align:left}.cc-preview-mobile-body h5{font-size:13px;font-weight:600;margin:10px 0 4px;text-align:left}.cc-preview-mobile-body h6{font-size:12px;font-weight:600;margin:8px 0 2px;text-align:left}.cc-preview-mobile-body p{word-wrap:break-word;margin:10px 0;overflow-wrap:break-word;text-align:left;white-space:normal}.cc-preview-mobile-body ol,.cc-preview-mobile-body ul{margin:10px 0;padding-left:20px;text-align:left}.cc-preview-mobile-body li{margin:4px 0;text-align:left}.cc-preview-desktop-frame{background:#f5f5f5;border-radius:12px;box-shadow:0 10px 30px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;width:100%}.cc-preview-desktop-toolbar{background:#ebebeb;border-bottom:1px solid #ddd;border-radius:12px 12px 0 0;height:32px}.cc-preview-desktop-content{min-height:500px;overflow:auto;padding:24px 32px 32px}.cc-preview-desktop-content h1{font-size:22px;margin-bottom:10px}.cc-preview-desktop-content h2{color:#666;font-size:16px;margin-bottom:10px}.cc-preview-desktop-body{word-wrap:break-word;font-size:14px;line-height:1.7;overflow-wrap:break-word;text-align:left;white-space:normal;width:100%}.cc-preview-desktop-body h1{font-size:28px;font-weight:700;margin:24px 0 16px;text-align:left}.cc-preview-desktop-body h2{font-size:22px;font-weight:600;margin:20px 0 12px;text-align:left}.cc-preview-desktop-body h3{font-size:18px;font-weight:600;margin:16px 0 10px;text-align:left}.cc-preview-desktop-body h4{font-size:16px;font-weight:600;margin:14px 0 8px;text-align:left}.cc-preview-desktop-body h5{font-size:15px;font-weight:600;margin:12px 0 6px;text-align:left}.cc-preview-desktop-body h6{font-size:13px;font-weight:600;margin:10px 0 4px;text-align:left}.cc-preview-desktop-body p{word-wrap:break-word;margin:12px 0;overflow-wrap:break-word;text-align:left;white-space:normal}.cc-preview-desktop-body ol,.cc-preview-desktop-body ul{margin:12px 0;padding-left:24px;text-align:left}.cc-preview-desktop-body li{margin:4px 0;text-align:left}.cc-publish-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:9999}.cc-publish-modal{background:#f7f7f7;border-radius:10px;box-shadow:0 20px 50px #00000059;display:flex;flex-direction:column;max-height:90vh;max-width:980px;overflow:hidden;width:92%}.cc-publish-header{align-items:center;background:#f4f4f4;border-bottom:1px solid #e2e2e2;display:flex;justify-content:space-between;padding:12px 16px}.cc-publish-title{color:#333;font-size:16px;font-weight:700}.cc-publish-close{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:inline-flex;height:34px;justify-content:center;width:34px}.cc-publish-close:hover{background:#ececec}.cc-publish-content{overflow:auto;padding:18px 22px}.cc-publish-section{align-items:center;display:flex;flex-direction:column;margin:0 0 18px}.cc-publish-label{color:#444;font-size:12px;font-weight:700;margin-bottom:8px;max-width:100%;text-align:left;width:520px}.cc-publish-checkbox-wrapper,.cc-publish-select{max-width:100%;padding:10px 12px;width:520px}.cc-publish-checkbox-wrapper{align-items:center;background:#fff;border:1px solid #ccc;border-radius:8px;display:flex;gap:8px}.cc-publish-checkbox{cursor:pointer;height:16px;margin:0;width:16px}.cc-publish-checkbox-label{color:#333;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none}.cc-publish-checkbox-label:hover{color:#3f62b5}.cc-social-preview{background:#fff;border:1px solid #ddd;border-radius:8px;margin:0 auto;max-width:100%;overflow:hidden;width:520px}.cc-social-image{background:#fafafa;position:relative}.cc-social-image img{display:block;max-height:260px;object-fit:cover;width:100%}.cc-social-image-placeholder{align-items:center;color:#777;display:flex;font-size:14px;height:240px;justify-content:center}.cc-social-edit{background:#0000008c;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;position:absolute;right:10px;top:10px}.cc-social-meta{padding:12px 14px 14px;text-align:left}.cc-social-title{font-size:14px;font-weight:700;margin-bottom:4px;text-align:left}.cc-social-desc{color:#555;font-size:13px;margin-bottom:6px;text-align:left}.cc-social-domain{color:#777;font-size:12px;text-align:left}.cc-publish-footer{background:#f4f4f4;border-top:1px solid #e2e2e2;display:flex;gap:10px;justify-content:flex-end;padding:12px 16px}.cc-publish-cancel{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:10px 16px}.cc-publish-send{background:#3f62b5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px 16px}.cc-publish-send:hover{background:#29499d}.cc-edit-social-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:9999}.cc-edit-social-modal{background:#fff;border-radius:16px;box-shadow:0 20px 55px #00000073;display:flex;flex-direction:column;max-height:90vh;max-width:720px;overflow:hidden;width:92%}.cc-edit-social-header{align-items:flex-start;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:18px 20px;text-align:left}.cc-edit-social-title{color:#222;font-size:22px;font-weight:800;text-align:left}.cc-edit-social-subtitle{color:#666;margin-top:6px;text-align:left}.cc-edit-social-close{align-items:center;background:#0000;border:none;border-radius:10px;cursor:pointer;display:inline-flex;height:40px;justify-content:center;width:40px}.cc-edit-social-close:hover{background:#f3f3f3}.cc-edit-social-body{overflow:auto;padding:18px 20px;text-align:left}.cc-edit-field{display:block;margin-bottom:18px}.cc-edit-field span{color:#333;display:block;font-weight:700;margin-bottom:8px;text-align:left}.cc-edit-field input,.cc-edit-field textarea{border:1px solid #ddd;border-radius:10px;font-size:14px;padding:12px;width:100%}.cc-edit-count{color:#777;font-size:12px;margin-top:6px;text-align:right}.cc-edit-image-section{margin-top:8px}.cc-edit-image-label{color:#333;font-weight:700;margin-bottom:10px;text-align:left}.cc-edit-image-box{align-items:center;background:#fafafa;border:1px solid #ddd;border-radius:12px;cursor:pointer;display:flex;justify-content:center;min-height:220px;overflow:hidden;position:relative}.cc-edit-image-box img{display:block;height:320px;object-fit:cover;width:100%}.cc-edit-image-placeholder{color:#666;font-size:14px}.cc-edit-image-remove{align-items:center;background:#0000008c;border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;height:38px;justify-content:center;position:absolute;right:12px;top:12px;width:38px}.cc-edit-social-footer{background:#fafafa;border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:14px 20px}.cc-edit-cancel{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px #00000014;color:#495057;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cc-edit-cancel:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#adb5bd;box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.cc-edit-cancel:active{box-shadow:0 1px 4px #0000001a;transform:translateY(0)}.cc-edit-save{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 12px #3b82f666;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cc-edit-save:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 24px #3b82f680;transform:translateY(-2px)}.cc-edit-save:active{box-shadow:0 2px 6px #3b82f64d;transform:translateY(0)}.cc-tool-btn{align-items:center;background:none;border:none;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:8px;transition:all .2s ease}.cc-tool-btn:hover{background:#f0f0f0;color:#000}.cc-tool-btn:disabled{cursor:not-allowed;opacity:.4}.cc-tool-btn:disabled:hover{background:none;color:#333}@media (max-width:768px){.cc-toolbar-header,.cc-top-header{align-items:stretch;flex-direction:column;gap:12px}.cc-editor-toolbar{flex-wrap:wrap}.cc-editor-toolbar,.cc-header-right{justify-content:center}.cc-editor-content{padding:16px}.cc-title{font-size:24px}.cc-text-editor{font-size:14px}}.cc-success-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:9999}.cc-success-modal{animation:cc-successSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:400px;padding:0;width:90%}@keyframes cc-successSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cc-success-header{border-bottom:1px solid #eee;padding:32px 24px 16px;text-align:center}.cc-success-icon{align-items:center;animation:cc-successPulse .6s ease-out;background:#4caf50;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 16px;width:60px}@keyframes cc-successPulse{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.cc-success-checkmark{color:#fff;font-size:24px;font-weight:700}.cc-success-title{color:#333;font-size:20px;font-weight:600;margin:0}.cc-success-content{padding:20px 24px;text-align:center}.cc-success-content p{color:#666;line-height:1.5;margin:0 0 12px}.cc-success-content p:last-child{margin-bottom:0}.cc-success-footer{padding:16px 24px 24px;text-align:center}.cc-success-btn{background:#3f62b5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;min-width:140px;padding:12px 24px;transition:background .2s}.cc-success-btn:hover{background:#29499d}.cc-success-btn:focus{outline:2px solid #3f62b5;outline-offset:2px}.cc-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.cc-section:hover{box-shadow:0 12px 40px #0000001f,0 6px 20px #0000000f;transform:translateY(-4px)}.cc-quick-actions{grid-gap:16px;background:#fff9;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:24px}.cc-action-btn,.cc-quick-actions{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.cc-action-btn{align-items:center;background:linear-gradient(135deg,#2563eb1f,#3b82f614);border:1px solid #2563eb59;border-radius:12px;color:#1e40af;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cc-action-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 24px #2563eb59;color:#fff;transform:translateY(-2px) scale(1.02)}.cc-analytics-grid{grid-gap:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;display:grid;gap:0;grid-template-columns:repeat(3,1fr)}.cc-analytics-card{align-items:center;background:#0000;border-bottom:1px solid #ffffff4d;border-right:1px solid #ffffff4d;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:28px 24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.cc-analytics-card:hover{background:#2563eb1f;box-shadow:0 8px 24px #2563eb26;transform:translateY(-4px) scale(1.02)}.cc-analytics-icon{align-items:center;background:linear-gradient(135deg,#2563eb1f,#3b82f61f);border-radius:14px;box-shadow:0 4px 16px #2563eb26;color:#2563eb;display:flex;flex:0 0 60px;font-size:28px;height:60px;justify-content:center;width:60px}.cc-analytics-label{color:#3b4964;font-size:14px;font-weight:600;letter-spacing:-.01em;margin:0}.cc-analytics-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#3b82f6 50%,#1d4ed8);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;letter-spacing:-.03em;margin:4px 0 8px}.cc-analytics-stats{display:flex;gap:20px;justify-content:flex-start;padding:0}.cc-analytics-stats div{text-align:left}.cc-analytics-stats strong{color:#1e3a8a;display:block;font-size:16px;font-weight:700;margin-bottom:2px}.cc-analytics-stats span{color:#475569;font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.cc-two-columns{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.cc-column{gap:24px}.cc-column,.cc-content-list{display:flex;flex-direction:column}.cc-content-list{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;gap:12px;padding:16px}.cc-content-item{align-items:center;background:#fffc;border:1px solid #2563eb26;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.cc-content-item:hover{background:#2563eb14;transform:translateX(4px)}.cc-content-icon{align-items:center;background:#2563eb1f;border-radius:12px;color:#2563eb;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.cc-content-details{flex:1 1}.cc-content-title{color:#1e3a8a;font-size:15px;font-weight:600}.cc-content-meta{color:#475569;font-size:13px}.cc-content-actions{color:#3b82f6;display:flex;font-size:18px;gap:12px}.cc-workflow-list{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;display:flex;flex-direction:column;gap:12px;padding:16px}.cc-workflow-item{align-items:center;background:#fffc;border:1px solid #2563eb26;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.cc-workflow-item:hover{background:#2563eb14;transform:translateX(4px)}.cc-workflow-status{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.cc-draft{background:#f59e0b26;color:#f59e0b}.cc-review{background:#8b5cf626;color:#8b5cf6}.cc-scheduled{background:#3b82f626;color:#3b82f6}.cc-workflow-details{flex:1 1}.cc-workflow-title{color:#1e3a8a;font-size:15px;font-weight:600}.cc-workflow-time{color:#475569;font-size:13px}.cc-workflow-action{background:#2563eb1f;border-radius:999px;color:#1e40af;font-size:13px;font-weight:600;padding:6px 12px}.cc-chart-container{border-radius:0 0 16px 16px;padding:24px 32px}.cc-chart-container,.cc-table-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9}.cc-table-container{overflow-x:auto;padding:16px}.cc-content-table{border-collapse:collapse;width:100%}.cc-content-table th{border-bottom:2px solid #2563eb33;color:#1e3a8a;font-size:13px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.cc-content-table td{border-bottom:1px solid #ffffff4d;color:#334155;font-size:14px;padding:14px 16px}.cc-content-table tbody tr{transition:all .2s ease}.cc-content-table tbody tr:hover{background:#2563eb0f}.cc-status-published{background:#10b98126;color:#166534}.cc-status-draft,.cc-status-published{border-radius:999px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.cc-status-draft{background:#f59e0b26;color:#92400e}.cc-status-review{background:#8b5cf626;border-radius:999px;color:#5b21b6;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.cc-insights{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;display:flex;flex-direction:column;gap:16px;padding:20px 24px}.cc-insight-item{align-items:center;background:#ffffffe6;border:1px solid #2563eb26;border-radius:10px;display:flex;justify-content:space-between;padding:14px 16px}.cc-insight-label{color:#3b4964;font-size:14px;font-weight:600}.cc-insight-value{color:#2563eb;font-size:14px;font-weight:700}.cc-notification-header{align-items:center;display:flex;justify-content:space-between}.cc-notification-badge{background:#ef4444;border-radius:999px;color:#fff;font-size:12px;font-weight:700;padding:4px 10px}.cc-notification-list{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;display:flex;flex-direction:column;gap:12px;padding:16px}.cc-notification-item{align-items:flex-start;background:#fffc;border:1px solid #2563eb26;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.cc-notification-item:hover{background:#2563eb14}.cc-unread{background:linear-gradient(135deg,#2563eb1a,#0000);border-left:4px solid #2563eb}.cc-notification-icon{align-items:center;background:#2563eb1a;border-radius:10px;color:#2563eb;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.cc-notification-content{flex:1 1}.cc-notification-title{color:#1e3a8a;font-size:14px;font-weight:600}.cc-notification-time{color:#475569;font-size:12px;margin-top:4px}@media (max-width:1200px){.cc-analytics-grid{grid-template-columns:repeat(2,1fr)}.cc-analytics-card:nth-child(2n){border-right:none}.cc-two-columns{grid-template-columns:1fr}}@media (max-width:768px){.cc-analytics-grid{gap:0;grid-template-columns:1fr}.cc-analytics-card{align-items:flex-start;border-bottom:1px solid #fff3;border-right:none;flex-direction:column;gap:12px}.cc-quick-actions{grid-template-columns:1fr}.cc-chart-container{padding:16px 20px}}.cnp-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:24px;height:100%;padding:24px}.cnp-header h2{color:#333;font-size:24px;margin:0}.cnp-form{display:flex;flex:1 1;flex-direction:column;gap:20px}.cnp-field{display:flex;flex-direction:column;gap:8px}.cnp-field label{color:#333;font-size:14px;font-weight:600;text-align:left}.cnp-field input,.cnp-field select,.cnp-field textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px;text-align:left;transition:border-color .2s}.cnp-field input:focus,.cnp-field select:focus,.cnp-field textarea:focus{border-color:#7a9ee3;box-shadow:0 0 0 3px #7a9ee31a;outline:none}.cnp-tags{border:1px dashed #ddd;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;min-height:44px;padding:12px}.cnp-tag{background:#e3f2fd;border-radius:20px;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.cnp-tag,.cnp-tag button{align-items:center;color:#1976d2;display:flex}.cnp-tag button{background:none;border:none;border-radius:50%;cursor:pointer;height:18px;justify-content:center;padding:2px;width:18px}.cnp-add-tag{align-items:center;display:flex;flex:1 1;gap:8px;min-width:120px}.cnp-add-tag input{background:none;border:1px dashed #ccc;flex:1 1;min-height:32px}.cnp-actions{border-top:1px solid #eee;display:flex;flex-direction:column;gap:16px;padding-top:16px}.cnp-buttons{display:flex;gap:12px;justify-content:flex-end}.cnp-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.cnp-btn.primary{background:#7a9ee3;color:#fff}.cnp-btn.primary:hover{background:#5a8bd3}.cnp-btn.secondary{background:#f5f5f5;border:1px solid #ddd;color:#666}.cnp-btn.secondary:hover{background:#e9e9e9}.cnp-preview{border-top:1px solid #e0e0e0;padding-top:24px}.cnp-preview h3{color:#333;margin:0 0 16px}.cnp-preview-content{background:#f9f9f9;border:1px solid #eee;border-radius:6px;padding:20px}.cnp-preview-content h1{color:#333;font-size:28px;margin:0 0 12px}.cnp-preview-content p{color:#555;font-size:16px;line-height:1.6;margin:0 0 16px}.cnp-preview-tags{display:flex;flex-wrap:wrap;gap:8px}.cnp-preview-tags span{background:#e3f2fd;border-radius:16px;color:#1976d2;font-size:13px;padding:4px 12px}@media (max-width:768px){.cnp-container{padding:16px}.cnp-buttons{flex-direction:column}}.staff-change-verification-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;font-family:Inter,sans-serif;justify-content:center;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.staff-change-verification-modal-card{align-items:center;animation:cardEntry .8s cubic-bezier(.4,0,.2,1) forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border-radius:20px;box-shadow:0 20px 60px #0003,inset 0 0 0 1px #ffffff1a;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow-y:auto;padding:2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:85%}.staff-change-verification-modal-card:before{background:linear-gradient(90deg,#000428,#004e92 50%,#3f62b5);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.staff-change-verification-modal-card:hover{box-shadow:0 40px 100px #0000004d,inset 0 0 0 1px #fff3,0 0 120px #3f62b526;transform:translateY(-8px) scale(1.01)}@keyframes cardEntry{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.staff-change-verification-title{-webkit-text-fill-color:#0000;animation:titleEntry 1s cubic-bezier(.4,0,.2,1) .5s forwards;background:linear-gradient(135deg,#3f62b5,#4facfe);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin-bottom:8px;opacity:0;transform:translateY(20px)}@keyframes titleEntry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.staff-change-verification-subtitle{animation:subtitleEntry 1s cubic-bezier(.4,0,.2,1) .7s forwards;color:#64748b;font-size:16px;font-weight:500;line-height:1.5;margin-bottom:24px;opacity:0;transform:translateY(20px)}@keyframes subtitleEntry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.staff-change-verification-otp-inputs{animation:formEntry 1s cubic-bezier(.4,0,.2,1) .9s forwards;display:flex;gap:10px;justify-content:center;margin-bottom:20px;opacity:0;transform:translateY(20px)}@keyframes formEntry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.staff-change-verification-otp-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;font-size:24px;height:56px;outline:none;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px}.staff-change-verification-otp-input:focus{background:#fffffffa;border-color:#3f62b5;box-shadow:0 0 0 4px #3f62b526,0 8px 25px #3f62b533;transform:translateY(-3px)}.staff-change-verification-otp-input.error{background:#fffffff2;border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a,0 4px 12px #ef444426}.staff-change-verification-otp-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef444426,0 8px 25px #ef444433}@keyframes shake{0%{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}to{transform:translateX(0)}}.staff-change-verification-otp-inputs.shake{animation:shake .5s}.staff-change-verification-error-text{align-items:center;animation:errorShake .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fee2e2e6;border:1px solid #ef444433;border-radius:10px;box-shadow:0 3px 10px #ef44441a;color:#ef4444;display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:12px;margin-top:-5px;padding:10px 14px;text-align:left}.staff-change-verification-error-text:before{content:"⚠";font-size:12px}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.staff-change-verification-timer-section{color:#64748b;font-size:14px;font-weight:500;margin-bottom:10px;margin-top:20px}.staff-change-verification-timer{color:#3f62b5;font-weight:600;transition:color .3s ease}.staff-change-verification-timer.expired{color:#ef4444}.staff-change-verification-resend-section{color:#64748b;font-size:14px;margin-bottom:20px;margin-top:10px}.staff-change-verification-resend-link{color:#3f62b5;cursor:pointer;font-weight:600;text-decoration:none;transition:all .2s ease}.staff-change-verification-resend-link:hover{color:#29499d;text-decoration:underline}.staff-change-verification-resend-link.disabled{cursor:default;opacity:.6}.staff-change-verification-send-btn{background:none;border:none;border-radius:8px;color:#3f62b5;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:12px;margin-top:10px;padding:8px 16px;text-decoration:underline;transition:all .2s ease}.staff-change-verification-send-btn:hover{background:#3f62b51a;color:#29499d;transform:translateY(-1px)}.staff-change-verification-send-btn:disabled{cursor:not-allowed;opacity:.5}.staff-change-verification-verify-btn{animation:buttonEntry 1s cubic-bezier(.4,0,.2,1) 1.3s forwards;background:linear-gradient(135deg,#3f62b5,#4facfe);border:none;border-radius:12px;box-shadow:0 6px 20px #3f62b54d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:52px;margin-top:8px;opacity:0;overflow:hidden;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.staff-change-verification-verify-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);width:100%}.staff-change-verification-verify-btn:hover:not(:disabled){background:linear-gradient(135deg,#29499d,#3b82f6);box-shadow:0 12px 35px #3f62b566;transform:translateY(-3px) scale(1.02)}.staff-change-verification-verify-btn:hover:not(:disabled):before{left:100%}.staff-change-verification-verify-btn:active:not(:disabled){box-shadow:0 8px 25px #3f62b54d;transform:translateY(-1px) scale(1.01)}.staff-change-verification-verify-btn:disabled{box-shadow:0 4px 15px #3f62b533;cursor:not-allowed;opacity:.6;transform:none}@keyframes buttonEntry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.staff-change-verification-cancel-btn{animation:buttonEntry 1s cubic-bezier(.4,0,.2,1) 1.3s forwards;background:linear-gradient(135deg,#6b7280,#9ca3af);border:none;border-radius:12px;box-shadow:0 6px 20px #6b72804d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:52px;margin-top:8px;opacity:0;overflow:hidden;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.staff-change-verification-cancel-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);width:100%}.staff-change-verification-cancel-btn:hover:not(:disabled){background:linear-gradient(135deg,#4b5563,#6b7280);box-shadow:0 12px 35px #6b728066;transform:translateY(-3px) scale(1.02)}.staff-change-verification-cancel-btn:hover:not(:disabled):before{left:100%}.staff-change-verification-cancel-btn:active:not(:disabled){box-shadow:0 8px 25px #6b72804d;transform:translateY(-1px) scale(1.01)}.staff-change-verification-cancel-btn:disabled{box-shadow:0 4px 15px #6b728033;cursor:not-allowed;opacity:.6;transform:none}.staff-change-verification-back-link{border-radius:8px;color:#3f62b5;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;margin-top:10px;padding:8px 16px;position:relative;text-decoration:none;text-decoration:underline;transition:all .2s ease}.staff-change-verification-back-link:hover{background:#3f62b51a;color:#29499d;transform:translateY(-1px)}@media (max-width:600px){.staff-change-verification-modal-card{border-radius:15px;padding:1.5rem;width:95vw}.staff-change-verification-title{font-size:28px}.staff-change-verification-subtitle{font-size:15px;margin-bottom:20px}.staff-change-verification-otp-input{font-size:20px;height:48px;width:48px}.staff-change-verification-verify-btn{font-size:15px;height:48px}}.cc-layout{background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.cc-layout,.cc-sidebar{display:flex;height:100vh;overflow:hidden}.cc-sidebar{animation:sidebarGradientShift 12s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#1e40af 25%,#1e293b 75%,#0f172a);background-size:400% 400%;border-right:1px solid #ffffff1a;box-shadow:2px 0 20px #0f172a66;box-sizing:border-box;color:#fff;flex-direction:column;flex-shrink:0;max-height:100vh;min-width:0;padding:24px 20px;position:-webkit-sticky;position:sticky;top:0;transition:width .3s ease,padding .3s ease;width:260px;z-index:10}.cc-sidebar.collapsed{padding:24px 12px;width:80px}.cc-brand{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff26,#ffffff14);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 24px #0000001f,inset 0 1px 0 #ffffff26;display:flex;flex-direction:column;gap:16px;justify-content:center;margin-bottom:32px;padding:24px 20px;position:relative;text-align:left;transition:all .3s ease;width:100%}.cc-brand:hover{box-shadow:0 12px 32px #00000026,inset 0 1px 0 #fff3;transform:translateY(-2px)}.cc-sidebar.collapsed .cc-brand{padding:16px 8px}.cc-sidebar-logo{cursor:pointer;filter:drop-shadow(0 6px 16px rgba(0,0,0,.25));max-height:58px;transition:all .35s cubic-bezier(.4,0,.2,1)}.cc-sidebar-logo:hover{filter:drop-shadow(0 8px 20px rgba(0,0,0,.35));transform:scale(1.03)}.cc-cfsi-logo{filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));height:auto;max-height:50px;object-fit:contain;opacity:.95;transition:all .35s cubic-bezier(.4,0,.2,1);width:100%}.cc-cfsi-logo:hover{filter:drop-shadow(0 6px 16px rgba(0,0,0,.28));opacity:1;transform:scale(1.02)}.cc-sidebar.collapsed .cc-sidebar-logo{max-height:44px}.cc-sidebar-logo{filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));height:auto;max-height:55px;object-fit:contain;width:100%}.cc-nav{display:flex;flex:1 1;flex-direction:column;gap:6px;margin-bottom:16px;min-width:0;overflow-x:hidden;overflow-y:auto}.cc-nav button{align-items:center;background:#0000;border:none;border-radius:12px;color:#fffc;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:14px;padding:14px 16px;text-align:left;transition:all .25s ease}.cc-nav button:hover{background:#ffffff26;color:#fff;transform:translateX(4px)}.cc-nav button.active{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff40;border:1px solid #ffffff4d;box-shadow:0 4px 12px #00000026;color:#fff;font-weight:700}.cc-nav button svg{color:#ffffffd9;flex-shrink:0;height:20px;transition:all .25s ease;width:20px}.cc-nav button.active svg,.cc-nav button:hover svg{color:#fff;transform:scale(1.05)}.cc-sidebar.collapsed .cc-chevron,.cc-sidebar.collapsed .cc-current-indicator,.cc-sidebar.collapsed .cc-nav button span,.cc-sidebar.collapsed .cc-sidebar-switch-btn span{display:none}.cc-sidebar.collapsed .cc-nav button{justify-content:center;padding:14px 0}.cc-sidebar.collapsed .cc-nav button:hover{transform:scale(1.05)}.cc-logout{background:#ffffff0d;border:1px solid #fff3;color:#ffffffe6;margin-top:8px}.cc-logout:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.cc-sidebar.collapsed .cc-logout{border:1px solid #fff3}.cc-nav button{position:relative}.cc-sidebar.collapsed .cc-nav button:hover:after{animation:tooltipFadeIn .2s ease;background:#1e293b;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;content:attr(data-tooltip);font-size:13px;font-weight:500;left:calc(100% + 12px);padding:8px 12px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1000}.cc-sidebar.collapsed .cc-nav button:hover:before{border:6px solid #0000;border-right-color:#1e293b;content:"";left:calc(100% + 4px);position:absolute;top:50%;transform:translateY(-50%);z-index:999}.cc-logout:hover{background:#fee2e2;border-color:#fecaca;color:#b91c1c;transform:translateX(4px)}.cc-main{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;height:100vh;min-width:0;overflow:hidden;position:relative;z-index:5}.cc-topbar{align-items:center;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffffd9;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px #00000008;display:flex;justify-content:space-between;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.cc-topbar h3{color:#1e293b;font-size:24px;font-weight:700;letter-spacing:-.01em;margin:0}.cc-top-actions{gap:16px}.cc-btn,.cc-top-actions{align-items:center;display:flex}.cc-btn{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000d;color:#475569;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .25s ease}.cc-btn:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.cc-btn:active{box-shadow:0 2px 6px #0000000d;transform:translateY(0)}.cc-btn svg{height:18px;transition:transform .25s ease;width:18px}.cc-btn:hover svg{transform:scale(1.1)}.cc-action-card{background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;box-shadow:0 4px 12px #3b82f640;color:#fff;font-weight:600}.cc-action-card:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #2563eb59;transform:translateY(-2px)}.cc-action-card svg{height:20px;width:20px}.cc-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border:2px solid #fff;border-radius:12px;box-shadow:0 2px 8px #3b82f633;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .25s ease;width:44px}.cc-avatar:hover{box-shadow:0 4px 12px #3b82f64d;transform:scale(1.05)}.cc-avatar svg{color:#fff;height:22px;width:22px}.cc-workspace{background:#f8fafc;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:20px;position:relative}.cc-sidebar-bottom{background:#0000;border-top:1px solid #e2e8f0;flex-shrink:0;margin-top:auto;padding:16px 0 0}.cc-sidebar-bottom-row{align-items:center;box-sizing:border-box;display:flex;gap:8px;justify-content:space-between;min-height:40px;width:100%}.cc-sidebar-switch{flex:1 1;min-width:0;position:relative}.cc-sidebar-switch-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:10px;min-width:0;overflow:hidden;padding:12px 14px;text-overflow:ellipsis;transition:all .25s ease;white-space:nowrap;width:100%}.cc-sidebar-switch-btn:hover{background:#f1f5f9;box-shadow:0 2px 8px #0000000d;color:#3b82f6;transform:translateY(-2px)}.cc-sidebar-switch-btn svg{color:#64748b;flex-shrink:0;height:16px;width:16px}.cc-sidebar-switch-btn:hover svg{color:#3b82f6}.cc-chevron{height:12px;margin-left:auto;transition:transform .3s ease;width:12px}.cc-chevron.open{transform:rotate(180deg)}.cc-sidebar-role-dropdown{animation:slideUp .3s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;bottom:100%;box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014;box-sizing:border-box;margin-bottom:8px;max-width:220px;min-width:180px;overflow:hidden;position:absolute;right:0;z-index:1000}.cc-sidebar-role-option{align-items:center;background:#0000;border:none;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.cc-sidebar-role-option:hover{background:#f1f5f9;color:#3b82f6}.cc-sidebar-role-option.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;font-weight:600}.cc-current-indicator{color:#1e40af;font-size:16px;font-weight:700}@media (max-width:1100px){.cc-sidebar{padding:20px 16px;width:240px}}@media (max-width:768px){.cc-layout{flex-direction:column}.cc-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;height:auto;max-height:none;min-height:auto;padding:20px;position:relative;width:100%}.cc-nav{flex-direction:row;flex-wrap:wrap;gap:10px;margin-bottom:12px}.cc-nav button{flex:1 1;font-size:14px;justify-content:center;min-width:calc(50% - 5px);padding:12px 16px}.cc-logout{margin-top:10px;min-width:100%}.cc-topbar{padding:20px 24px}.cc-topbar h3{font-size:20px}.cc-workspace{padding:24px}}@media (max-width:480px){.cc-nav{flex-direction:column;gap:8px}.cc-nav button{font-size:13px;justify-content:flex-start;min-width:100%;padding:10px 14px}.cc-top-actions{flex-direction:column;gap:12px}.cc-btn{justify-content:center;width:100%}}.md-main{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffffd9;border:1px solid #fff6;border-radius:24px;box-shadow:0 12px 40px #0000001f,inset 1px 0 0 #fff9,inset -1px 0 0 #3b82f614;color:#1a1a2e;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:20px;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.md-main:before{animation:subtleShift 15s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#3b82f614 0,#0000 50%),radial-gradient(circle at 80% 20%,#93c5fd14 0,#0000 50%),conic-gradient(from 180deg at 50% 50%,#3b82f605 0deg,#0000 120deg,#93c5fd05 240deg,#0000 1turn);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.md-section-header{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#3b82f61f,#1e40af1f);border-bottom:2px solid #3b82f640;border-radius:16px 16px 0 0;color:#1a1a2e;font-size:20px;font-weight:700;letter-spacing:-.01em;margin-bottom:0;overflow:hidden;padding:18px 24px;position:relative}.md-section-header:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.md-section-header:hover:before{left:100%}.md-analytics{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffffeb;border:1px solid #fff6;border-radius:20px;box-shadow:0 12px 40px #0000001f,inset 1px 0 0 #fff9,inset -1px 0 0 #3b82f614;display:flex;flex-direction:column;gap:0;margin-bottom:32px;overflow:hidden;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.md-analytics:hover{box-shadow:0 20px 60px #0000002e,inset 1px 0 0 #ffffffb3,inset -1px 0 0 #3b82f61f;transform:translateY(-4px) scale(1.01)}.md-analytics-grid{grid-gap:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;display:grid;gap:0;grid-template-columns:repeat(3,1fr)}@media (max-width:1100px){.md-analytics-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.md-stat-card{padding:20px}.md-icon{flex:0 0 50px;font-size:30px}.md-stat-value{flex:0 0 50px;font-size:24px}}@media (max-width:768px){.md-analytics-grid{gap:10px;grid-template-columns:1fr}.md-main{padding:16px}.md-section-header{font-size:14px;padding:10px 12px}.md-stat-card{align-items:flex-start;flex-direction:column;gap:8px;padding:16px}.md-icon{flex:0 0 40px;font-size:24px}.md-stat-info{font-size:14px;padding:0}.md-stat-value{flex:0 0 auto;font-size:22px}}.md-stat-card{align-items:center;background:#0000;border:none;border-right:1px solid #ffffff4d;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:28px 24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.md-stat-card:before{background:linear-gradient(90deg,#0000,#3b82f60d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.md-stat-card:hover:before{left:100%}.md-stat-card:hover{background:#3b82f61f;box-shadow:0 8px 24px #3b82f626;transform:translateY(-4px) scale(1.02)}.md-stat-card:last-child{border-right:none}.md-pending{background:linear-gradient(135deg,#3b82f60d,#0000);border-left:4px solid #3b82f6}.md-completed{background:linear-gradient(135deg,#10b9810d,#0000);border-left:4px solid #10b981}.md-request{background:linear-gradient(135deg,#f59e0b0d,#0000);border-left:4px solid #f59e0b}.md-icon{align-items:center;background:linear-gradient(135deg,#3b82f61f,#1e40af1f);border-radius:16px;box-shadow:0 4px 16px #3b82f626;color:#3b82f6;display:flex;flex:0 0 64px;font-size:36px;height:64px;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:64px}.md-stat-card:hover .md-icon{box-shadow:0 8px 24px #3b82f640;transform:scale(1.15) rotate(5deg)}.md-completed .md-icon{background:linear-gradient(135deg,#10b9811f,#0596691f);color:#10b981}.md-request .md-icon{background:linear-gradient(135deg,#f59e0b1f,#d977061f);color:#f59e0b}.md-stat-info{color:#475569;flex:1 1;font-size:15px;font-weight:600;letter-spacing:-.01em;padding:0 16px}.md-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 25%,#3b82f6 75%,#1e40af);-webkit-background-clip:text;background-clip:text;flex:0 0 64px;font-size:36px;font-weight:800;letter-spacing:-.03em;text-align:right;transition:all .3s ease}.md-completed .md-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text}.md-request .md-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text}.md-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:24px}.md-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 12px #0000000d;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.md-btn:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.md-btn:hover:before{left:100%}.md-btn:hover{background:#3b82f61f;border-color:#3b82f64d;box-shadow:0 8px 24px #3b82f626;color:#3b82f6;transform:translateY(-2px) scale(1.02)}.md-btn:active{box-shadow:0 4px 12px #3b82f614;transform:translateY(0) scale(1)}.md-btn svg{height:18px;transition:transform .3s ease;width:18px}.md-btn:hover svg{transform:scale(1.1)}@media (max-width:1024px){.md-analytics-grid{grid-template-columns:1fr}}@media (max-width:768px){.md-main{padding:16px}.md-section-header{font-size:14px;padding:8px 12px}.md-stat-value{font-size:24px}.md-stat-info{font-size:14px}.md-section iframe{height:400px!important}}.md-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a;margin-bottom:24px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.md-section:hover{box-shadow:0 12px 40px #0000001f,0 6px 20px #0000000f;transform:translateY(-4px)}.md-quick-actions{grid-gap:16px;background:#fff9;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:24px}.md-action-btn,.md-quick-actions{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.md-action-btn{align-items:center;background:linear-gradient(135deg,#2563eb1f,#3b82f614);border:1px solid #2563eb59;border-radius:12px;color:#1e40af;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.md-action-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 24px #2563eb59;color:#fff;transform:translateY(-2px) scale(1.02)}.md-cancelled{background:linear-gradient(135deg,#ef44440d,#0000);border-left:4px solid #ef4444}.md-cancelled .md-icon{background:linear-gradient(135deg,#ef44441f,#dc26261f);color:#ef4444}.md-cancelled .md-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;background-clip:text}.md-patients{background:linear-gradient(135deg,#8b5cf60d,#0000);border-left:4px solid #8b5cf6}.md-patients .md-icon{background:linear-gradient(135deg,#8b5cf61f,#6d28d91f);color:#8b5cf6}.md-patients .md-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;background-clip:text}.md-satisfaction{background:linear-gradient(135deg,#06b6d40d,#0000);border-left:4px solid #06b6d4}.md-satisfaction .md-icon{background:linear-gradient(135deg,#06b6d41f,#0891b21f);color:#06b6d4}.md-satisfaction .md-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#06b6d4,#0891b2);-webkit-background-clip:text;background-clip:text}.md-two-columns{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.md-column{gap:24px}.md-appointment-list,.md-column{display:flex;flex-direction:column}.md-appointment-list{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;gap:12px;padding:16px}.md-appointment-item{align-items:center;background:#fffc;border:1px solid #2563eb26;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.md-appointment-item:hover{background:#2563eb14;transform:translateX(4px)}.md-upcoming{background:linear-gradient(135deg,#2563eb1a,#0000);border-left:4px solid #2563eb}.md-appointment-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.md-appointment-details{flex:1 1}.md-appointment-name{color:#1e3a8a;font-size:15px;font-weight:600}.md-appointment-topic{color:#475569;font-size:13px}.md-appointment-time{color:#64748b;font-size:13px}.md-appointment-actions{color:#3b82f6;display:flex;font-size:18px;gap:12px}.md-metrics-list{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;display:flex;flex-direction:column;gap:16px;padding:20px 24px}.md-metric-item{align-items:center;background:#ffffffe6;border:1px solid #2563eb26;border-radius:10px;display:flex;justify-content:space-between;padding:14px 16px}.md-metric-label{color:#3b4964;font-size:14px;font-weight:600}.md-metric-value{color:#2563eb;font-size:14px;font-weight:700}.md-schedule-list{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;display:flex;flex-direction:column;gap:12px;padding:16px}.md-schedule-item{align-items:center;background:#fffc;border:1px solid #2563eb26;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.md-schedule-item:hover{background:#2563eb14;transform:translateX(4px)}.md-available{background:linear-gradient(135deg,#10b9811a,#0000);border-left:4px solid #10b981}.md-booked{background:linear-gradient(135deg,#2563eb1a,#0000);border-left:4px solid #2563eb}.md-schedule-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.md-available .md-schedule-icon{background:#10b98126;color:#10b981}.md-booked .md-schedule-icon{background:#2563eb26;color:#2563eb}.md-schedule-details{flex:1 1}.md-schedule-time{color:#1e3a8a;font-size:15px;font-weight:600}.md-schedule-status{color:#475569;font-size:13px}.md-notification-header{align-items:center;display:flex;justify-content:space-between}.md-notification-badge{background:#ef4444;border-radius:999px;color:#fff;font-size:12px;font-weight:700;padding:4px 10px}.md-notification-list{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;display:flex;flex-direction:column;gap:12px;padding:16px}.md-notification-item{align-items:flex-start;background:#fffc;border:1px solid #2563eb26;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.md-notification-item:hover{background:#2563eb14}.md-unread{background:linear-gradient(135deg,#2563eb1a,#0000);border-left:4px solid #2563eb}.md-notification-icon{align-items:center;background:#2563eb1a;border-radius:10px;color:#2563eb;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.md-notification-content{flex:1 1}.md-notification-title{color:#1e3a8a;font-size:14px;font-weight:600}.md-notification-time{color:#475569;font-size:12px;margin-top:4px}@media (max-width:1200px){.md-analytics-grid{grid-template-columns:repeat(2,1fr)}.md-stat-card:nth-child(2n){border-right:none}.md-two-columns{grid-template-columns:1fr}}@media (max-width:768px){.md-analytics-grid{gap:0;grid-template-columns:1fr}.md-stat-card{align-items:flex-start;border-bottom:1px solid #fff3;border-right:none;flex-direction:column;gap:12px}.md-quick-actions{grid-template-columns:1fr}}.pd-main{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffffd9;border:1px solid #fff6;border-radius:24px;box-shadow:0 12px 40px #0000001f,inset 1px 0 0 #fff9,inset -1px 0 0 #3b82f614;color:#1a1a2e;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:20px;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.pd-main:before{animation:subtleShift 15s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#3b82f614 0,#0000 50%),radial-gradient(circle at 80% 20%,#93c5fd14 0,#0000 50%),conic-gradient(from 180deg at 50% 50%,#3b82f605 0deg,#0000 120deg,#93c5fd05 240deg,#0000 1turn);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}@keyframes subtleShift{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.pd-welcome{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#3b82f6 30%,#60a5fa 60%,#1e40af);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;letter-spacing:-.03em;margin:0 0 40px;position:relative;text-align:left;transition:all .3s ease}.pd-welcome:after{background:linear-gradient(135deg,#2563eb,#3b82f6 50%,#1d4ed8);border-radius:2px;bottom:-10px;box-shadow:0 2px 8px #2563eb59;content:"";height:4px;left:0;position:absolute;width:80px}.pd-section-header{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#2563eb26,#3b82f61a);border-bottom:2px solid #2563eb40;border-radius:16px 16px 0 0;color:#1e3a8a;font-size:19px;font-weight:700;letter-spacing:-.01em;margin-bottom:0;overflow:hidden;padding:18px 24px;position:relative}.pd-section-header:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.pd-section-header:hover:before{left:100%}.pd-section{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffffeb;border:1px solid #fff6;border-radius:20px;box-shadow:0 12px 40px #0000001f,inset 1px 0 0 #fff9,inset -1px 0 0 #3b82f614;display:flex;flex-direction:column;gap:0;margin-bottom:24px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.pd-section:hover{box-shadow:0 20px 60px #0000002e,inset 1px 0 0 #ffffffb3,inset -1px 0 0 #3b82f61f;transform:translateY(-4px) scale(1.01)}.pd-quick-actions{grid-gap:16px;background:#fff9;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:24px}.pd-action-btn,.pd-quick-actions{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.pd-action-btn{align-items:center;background:linear-gradient(135deg,#2563eb1f,#3b82f614);border:1px solid #2563eb59;border-radius:12px;color:#1e40af;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.pd-action-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 24px #2563eb59;color:#fff;transform:translateY(-2px) scale(1.02)}.pd-analytics{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffffeb;border:1px solid #fff6;border-radius:20px;box-shadow:0 12px 40px #0000001f,inset 1px 0 0 #fff9,inset -1px 0 0 #3b82f614;display:flex;flex-direction:column;gap:0;margin-bottom:24px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.pd-analytics:hover{box-shadow:0 20px 60px #0000002e,inset 1px 0 0 #ffffffb3,inset -1px 0 0 #3b82f61f;transform:translateY(-4px) scale(1.01)}.pd-analytics-grid{grid-gap:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;display:grid;gap:0;grid-template-columns:repeat(3,1fr)}.pd-two-columns{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.pd-column{display:flex;flex-direction:column;gap:24px}.pd-stat-card{align-items:center;background:#0000;border:1px solid #ffffff4d;border-left:none;border-top:none;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:28px 24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.pd-stat-card:before{background:linear-gradient(90deg,#0000,#3b82f60d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.pd-stat-card:hover:before{left:100%}.pd-stat-card:hover{background:#3b82f61f;box-shadow:0 8px 24px #3b82f626;transform:translateY(-4px) scale(1.02)}.pd-active{background:linear-gradient(135deg,#3b82f60d,#0000);border-left:4px solid #3b82f6}.pd-waiting{background:linear-gradient(135deg,#f59e0b0d,#0000);border-left:4px solid #f59e0b}.pd-resolved{background:linear-gradient(135deg,#10b9810d,#0000)}.pd-escalated{background:linear-gradient(135deg,#ef44440d,#0000);border-left:4px solid #ef4444}.pd-response{background:linear-gradient(135deg,#8b5cf60d,#0000);border-left:4px solid #8b5cf6}.pd-satisfaction{background:linear-gradient(135deg,#06b6d40d,#0000);border-left:4px solid #06b6d4}.pd-icon{align-items:center;background:linear-gradient(135deg,#3b82f61f,#1e40af1f);border-radius:16px;box-shadow:0 4px 16px #3b82f626;color:#3b82f6;display:flex;flex:0 0 64px;font-size:32px;height:64px;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:64px}.pd-stat-card:hover .pd-icon{box-shadow:0 8px 24px #3b82f640;transform:scale(1.15) rotate(5deg)}.pd-waiting .pd-icon{background:linear-gradient(135deg,#f59e0b1a,#d977061a);color:#f59e0b}.pd-resolved .pd-icon{background:linear-gradient(135deg,#10b9811a,#0596691a);color:#10b981}.pd-escalated .pd-icon{background:linear-gradient(135deg,#ef44441a,#dc26261a);color:#ef4444}.pd-response .pd-icon{background:linear-gradient(135deg,#8b5cf61a,#6d28d91a);color:#8b5cf6}.pd-satisfaction .pd-icon{background:linear-gradient(135deg,#06b6d41a,#0891b21a);color:#06b6d4}.pd-stat-info{color:#3b4964;flex:1 1;font-size:14px;font-weight:600;letter-spacing:-.01em;padding:0 16px}.pd-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#3b82f6 50%,#1d4ed8);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;letter-spacing:-.03em;text-align:right;transition:all .3s ease}.pd-waiting .pd-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text}.pd-resolved .pd-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text}.pd-escalated .pd-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;background-clip:text}.pd-response .pd-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;background-clip:text}.pd-satisfaction .pd-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#06b6d4,#0891b2);-webkit-background-clip:text;background-clip:text}.pd-categories{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffffeb;border:1px solid #fff6;border-radius:20px;box-shadow:0 12px 40px #0000001f,inset 1px 0 0 #fff9,inset -1px 0 0 #3b82f614;margin-bottom:24px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.pd-categories:hover{box-shadow:0 20px 60px #0000002e,inset 1px 0 0 #ffffffb3,inset -1px 0 0 #3b82f61f;transform:translateY(-4px) scale(1.01)}.pd-bar-chart-container{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border-radius:0 0 16px 16px;display:flex;min-height:200px;padding:24px 32px;position:relative}.pd-bar-chart-container:before{background:radial-gradient(circle at 30% 70%,#3b82f608 0,#0000 50%),radial-gradient(circle at 70% 30%,#93c5fd08 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.recharts-tooltip-wrapper{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:#fffffff2!important;border:1px solid #ffffff4d!important;border-radius:12px!important;box-shadow:0 8px 32px #0000001f,inset 1px 0 0 #ffffff80!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;padding:12px 16px!important}.recharts-tooltip-item{color:#1a1a2e!important;font-size:14px!important;font-weight:600!important}.pd-chat-list{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;display:flex;flex-direction:column;gap:12px;padding:16px}.pd-chat-item{align-items:center;background:#fffc;border:1px solid #3b82f626;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.pd-chat-item:hover{background:#3b82f614;transform:translateX(4px)}.pd-active-chat{background:linear-gradient(135deg,#3b82f61a,#0000);border-left:4px solid #3b82f6}.pd-waiting-chat{background:linear-gradient(135deg,#f59e0b1a,#0000);border-left:4px solid #f59e0b}.pd-chat-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.pd-chat-details{flex:1 1}.pd-chat-name{color:#1a1a2e;font-size:15px;font-weight:600}.pd-chat-topic{color:#475569;font-size:13px}.pd-chat-status{border-radius:999px;font-size:13px;font-weight:600;padding:6px 12px}.pd-active-chat .pd-chat-status{background:#3b82f626;color:#1e40af}.pd-waiting-chat .pd-chat-status{background:#f59e0b26;color:#92400e}.pd-insights{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;display:flex;flex-direction:column;gap:16px;padding:20px 24px}.pd-insight-item{align-items:center;background:#ffffffe6;border:1px solid #3b82f626;border-radius:10px;display:flex;justify-content:space-between;padding:14px 16px}.pd-insight-label{color:#3b4964;font-size:14px;font-weight:600}.pd-insight-value{color:#2563eb;font-size:14px;font-weight:700}.pd-escalation-list{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;display:flex;flex-direction:column;gap:12px;padding:16px}.pd-escalation-item{align-items:center;background:#fffc;border:1px solid #3b82f626;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.pd-escalation-item:hover{background:#3b82f614;transform:translateX(4px)}.pd-pending{background:linear-gradient(135deg,#f59e0b1a,#0000);border-left:4px solid #f59e0b}.pd-resolved{background:linear-gradient(135deg,#10b9811a,#0000);border-left:4px solid #10b981}.pd-escalation-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.pd-pending .pd-escalation-icon{background:#f59e0b26;color:#f59e0b}.pd-resolved .pd-escalation-icon{background:#10b98126;color:#10b981}.pd-escalation-details{flex:1 1}.pd-escalation-user{color:#1e3a8a;font-size:15px;font-weight:600}.pd-escalation-time{color:#475569;font-size:13px}.pd-escalation-status{border-radius:999px;font-size:13px;font-weight:600;padding:6px 12px}.pd-pending .pd-escalation-status{background:#f59e0b26;color:#92400e}.pd-resolved .pd-escalation-status{background:#10b98126;color:#166534}.pd-notification-header{align-items:center;display:flex;justify-content:space-between}.pd-notification-badge{background:#ef4444;border-radius:999px;color:#fff;font-size:12px;font-weight:700;padding:4px 10px}.pd-notification-list{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;display:flex;flex-direction:column;gap:12px;padding:16px}.pd-notification-item{align-items:flex-start;background:#fffc;border:1px solid #3b82f626;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.pd-notification-item:hover{background:#3b82f614}.pd-unread{background:linear-gradient(135deg,#3b82f61a,#0000);border-left:4px solid #3b82f6}.pd-notification-icon{align-items:center;background:#3b82f61a;border-radius:10px;color:#3b82f6;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.pd-notification-content{flex:1 1}.pd-notification-title{color:#1e3a8a;font-size:14px;font-weight:600}.pd-notification-time{color:#475569;font-size:12px;margin-top:4px}@media (max-width:1200px){.pd-analytics-grid{grid-template-columns:repeat(2,1fr)}.pd-stat-card:nth-child(2n){border-right:none}.pd-two-columns{grid-template-columns:1fr}}@media (max-width:1100px){.pd-main{margin:16px;padding:24px}.pd-welcome{font-size:28px;margin-bottom:32px}.pd-section-header{font-size:16px;padding:14px 18px}.pd-stat-card{padding:20px 16px}.pd-icon{height:50px;width:50px}.pd-icon,.pd-stat-value{font-size:28px}}@media (max-width:768px){.pd-main{margin:12px;padding:20px}.pd-analytics-grid{gap:0;grid-template-columns:1fr}.pd-stat-card{align-items:flex-start;border-bottom:1px solid #fff3;border-right:none;flex-direction:column;gap:12px;padding:20px 16px}.pd-stat-card:last-child{border-bottom:none}.pd-welcome{font-size:24px;margin-bottom:24px}.pd-section-header{font-size:15px;padding:12px 16px}.pd-icon{flex:0 0 auto;font-size:24px;height:48px;width:48px}.pd-stat-info{font-size:14px;padding:0}.pd-stat-value{flex:0 0 auto;font-size:24px}.pd-bar-chart-container{min-height:180px;padding:20px 24px}.pd-quick-actions{grid-template-columns:1fr}}@media (max-width:480px){.pd-main{margin:8px;padding:16px}.pd-welcome{font-size:22px}.pd-section-header{font-size:14px;padding:10px 14px}.pd-stat-card{padding:16px 12px}.pd-bar-chart-container{min-height:160px;padding:16px 20px}}@media (max-width:1024px){.pd-analytics-grid{grid-template-columns:repeat(2,1fr)}.pd-stat-card:nth-child(2n){border-right:none}.chat-categories-grid{grid-template-columns:1fr!important;height:auto!important}.chat-categories-legend{flex-direction:row!important;flex-wrap:wrap!important;gap:16px!important;padding-bottom:16px!important}.chat-status-grid{grid-template-columns:1fr!important;height:auto!important}.chat-status-right{flex-direction:row!important}.chat-count{font-size:120px!important}.chat-label{font-size:28px!important}}@media (max-width:768px){.chat-count{font-size:80px!important}.chat-label{font-size:20px!important}.chat-status-right{flex-direction:column!important}.chat-status-card{aspect-ratio:2/1!important}}@media (max-width:480px){.chat-count{font-size:60px!important}.chat-label{font-size:16px!important}}.pcf-layout{color:#1a1a2e;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:20px;height:calc(100vh - 40px);padding:20px}.pcf-left-column{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 1px 0 0 #ffffff80;display:flex;flex:2 1;flex-direction:column;min-width:0;overflow:hidden}.pcf-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f61a,#1e40af1a);border-bottom:1px solid #ffffff4d;justify-content:space-between;padding:16px 20px}.pcf-header,.pcf-header-left{align-items:center;display:flex;gap:16px}.pcf-header-left{flex:1 1}.pcf-header h3{font-size:20px;font-weight:700;margin:0}.pcf-back-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.pcf-back-btn:hover{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6;transform:translateY(-2px)}.pcf-chat-id{background:#fff9;border:1px solid #ffffff4d;border-radius:6px;color:#64748b;font-size:14px;font-weight:600;margin-top:4px;padding:4px 8px}.pcf-end-chat-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 4px 16px #ef44444d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.pcf-end-chat-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 24px #ef444466;transform:translateY(-2px)}.pcf-messages-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff6;border:1px solid #ffffff4d;border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:16px;margin:16px;max-height:calc(100vh - 250px);min-height:0;overflow-y:auto;padding:16px;transition:all .3s ease}.pcf-messages-container.pcf-drag-over{background:#3b82f61a;border-color:#3b82f680}.pcf-loading{align-items:center;background:#fff9;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:60px}.pcf-spinner{animation:pcf-spin 1s linear infinite;border:3px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes pcf-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pcf-messages{flex:1 1;gap:12px;min-height:0;overflow-y:auto}.pcf-message,.pcf-messages{display:flex;flex-direction:column}.pcf-message{max-width:70%;transition:all .3s cubic-bezier(.4,0,.2,1)}.pcf-message:hover{transform:translateY(-1px)}.pcf-message-content{display:flex;flex:1 1;flex-direction:column;gap:6px;max-width:100%}.pcf-message-role{align-self:flex-start;background:#fff9;border:1px solid #ffffff4d;border-radius:6px;color:#64748b;font-size:12px;font-weight:600;padding:2px 8px}.pcf-message-text{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 4px 16px #00000014,inset 0 1px 0 #ffffff80;color:#1a1a2e;font-size:15px;line-height:1.5;padding:12px 16px;text-align:left;white-space:pre-wrap;word-break:break-word}.pcf-message.pcf-user .pcf-message-text{background:#ffffffe6}.pcf-message.pcf-educator .pcf-message-text{background:linear-gradient(135deg,#3b82f626,#1e40af1a 50%,#6366f10d);border:1px solid #3b82f64d;color:#1e3a8a}.pcf-message.pcf-user{align-self:flex-start}.pcf-message.pcf-educator{align-self:flex-end!important;margin-left:auto}.pcf-message.pcf-educator .pcf-message-role{align-self:flex-end;background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.pcf-message.pcf-educator .pcf-message-time{align-self:flex-end}.pcf-message-time{align-self:flex-start;color:#94a3b8;font-size:11px;font-weight:500}.pcf-input-container{background:#ffffff4d;border-top:1px solid #ffffff4d;display:flex;flex-shrink:0;gap:12px;padding:16px 20px}.pcf-input-container,.pcf-message-input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.pcf-message-input{background:#fffc;border:1px solid #ffffff4d;border-radius:12px;flex:1 1;font-size:15px;font-weight:500;line-height:1.5;outline:none;padding:14px 18px;resize:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.pcf-message-input:focus{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626,0 0 0 2px #3b82f61a;transform:translateY(-1px)}.pcf-send-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:12px;box-shadow:0 4px 16px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.pcf-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 24px #3b82f666;transform:translateY(-2px)}.pcf-send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.pcf-send-btn.typing{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#64748b,#475569)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.pcf-chat-resolved-notice{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;color:#059669;font-weight:600;padding:20px;text-align:center;width:100%}.pcf-right-column{max-width:450px;min-width:350px}.pcf-references-panel,.pcf-right-column{display:flex;flex:1 1;flex-direction:column}.pcf-references-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 1px 0 0 #ffffff80;overflow:hidden}.pcf-tabs{background:#fff6;border-bottom:1px solid #ffffff4d;display:flex;gap:4px;padding:8px}.pcf-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 12px;transition:all .3s ease}.pcf-tab:hover{background:#ffffff80;color:#475569}.pcf-escalate-btn,.pcf-tab.active{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 2px 8px #3b82f64d;color:#fff}.pcf-escalate-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.pcf-escalate-btn:hover{background:linear-gradient(135deg,#2563eb,#1e3a8a);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.pcf-modal-overlay{background:#00000080;z-index:2000}.pcf-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;text-align:left;width:90%}.pcf-modal-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;padding:20px 24px}.pcf-modal-header>div{flex:1 1}.pcf-modal-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1e40af);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;margin:0 0 8px}.pcf-modal-subtitle{color:#6b7280;font-size:11px;line-height:1.3;margin:0}.pcf-modal-close{background:none;border-radius:4px;color:#6b7280;font-size:20px;padding:4px;transition:all .2s ease}.pcf-modal-close:hover{background:#f3f4f6;color:#1f2937}.pcf-form-group{margin-bottom:24px}.pcf-form-label{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1e40af);-webkit-background-clip:text;background-clip:text;display:block;font-size:16px;font-weight:600;margin-bottom:4px}.pcf-required{-webkit-text-fill-color:#ef4444;color:#ef4444;margin-left:2px}.pcf-form-sublabel{color:#6b7280;font-size:10px;margin:0 0 8px}.pcf-form-select{background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#1f2937;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.pcf-form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.pcf-form-error,.pcf-form-error:focus{border-color:#ef4444!important}.pcf-form-error:focus{box-shadow:0 0 0 3px #ef44441a!important}.pcf-error-message{color:#ef4444;font-size:11px;font-weight:500;margin:4px 0 0}.pcf-radio-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.pcf-radio-label{align-items:center;border:2px solid #d1d5db;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:16px 12px;text-align:center;transition:all .2s ease}.pcf-radio-label:hover{background:#f9fafb;border-color:#3b82f6}.pcf-radio-label input[type=radio]{display:none}.pcf-radio-label.selected{background:linear-gradient(135deg,#3b82f6,#1e40af);border-color:#0000;box-shadow:0 4px 12px #3b82f64d}.pcf-radio-label.selected span{-webkit-text-fill-color:#fff;color:#fff}.pcf-radio-label.selected .pcf-radio-description{color:#ffffffe6}.pcf-radio-label span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1e40af);-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:600;margin-bottom:8px}.pcf-radio-description{color:#6b7280;font-size:10px;line-height:1.3;margin:0}.pcf-form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-family:inherit;font-size:14px;padding:10px 12px 30px;resize:vertical;transition:all .2s ease;width:100%}.pcf-textarea-wrapper{position:relative}.pcf-char-counter{bottom:8px;color:#6b7280;font-size:11px;pointer-events:none;position:absolute;right:12px}.pcf-form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.pcf-radio-group.pcf-form-error .pcf-radio-label,.pcf-radio-group.pcf-form-error .pcf-radio-label:hover{border-color:#ef4444}.pcf-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.pcf-modal-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.pcf-modal-btn-cancel{background:#f3f4f6;color:#4b5563}.pcf-modal-btn-cancel:hover{background:#e5e7eb;color:#1f2937}.pcf-modal-btn-submit{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 2px 8px #3b82f64d;color:#fff}.pcf-modal-btn-submit:hover{background:linear-gradient(135deg,#2563eb,#1e3a8a);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.pcf-tab-content{flex:1 1;overflow-y:auto;padding:16px}.pcf-resources-tab{display:flex;flex-direction:column;gap:16px}.pcf-resource-search{align-items:center;background:#fffc;border:1px solid #ffffff4d;border-radius:10px;color:#64748b;display:flex;gap:12px;padding:12px 16px}.pcf-resource-search input{background:#0000;border:none;color:#1a1a2e;flex:1 1;font-size:14px;font-weight:500;outline:none}.pcf-resources-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;max-height:408px;overflow-y:auto;padding-right:8px}.pcf-resource-card{align-items:center;background:#ffffffb3;border:1px solid #fff6;border-radius:12px;cursor:pointer;display:flex;flex-direction:row;gap:16px;padding:16px;transition:all .3s ease}.pcf-resource-card:hover{border-color:#3b82f64d;box-shadow:0 4px 16px #3b82f626;transform:translateY(-2px)}.pcf-resource-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.pcf-resource-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0;text-align:left}.pcf-resource-card h4{color:#1a1a2e;font-size:12px;font-weight:600;line-height:1.4;margin:0}.pcf-resource-meta{display:flex;flex-wrap:wrap;gap:8px}.pcf-resource-category{background:#3b82f61a;color:#3b82f6}.pcf-resource-category,.pcf-resource-type{border-radius:6px;font-size:8px;font-weight:600;padding:4px 10px}.pcf-resource-type{background:#6b72801a;color:#6b7280}.pcf-nextsteps-tab{display:flex;flex-direction:column;gap:20px}.pcf-nextsteps-header{background:#fffc;border:1px solid #fff6;border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:20px}.pcf-nextsteps-ticket{align-items:flex-start;display:flex;flex-direction:column;gap:8px;text-align:left}.pcf-nextsteps-ticket-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1e40af);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800}.pcf-nextsteps-status{align-items:center;color:#059669;display:flex;font-size:14px;font-weight:700;gap:8px}.pcf-nextsteps-dot{animation:pcf-pulse 1.5s ease-in-out infinite;background:#10b981;border-radius:50%;height:10px;width:10px}@keyframes pcf-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.pcf-nextsteps-progress{display:flex;flex-direction:column;gap:10px}.pcf-nextsteps-progress-text{color:#475569;font-size:14px;font-weight:700}.pcf-nextsteps-progress-bar{background:#fff9;border-radius:10px;height:12px;overflow:hidden;width:100%}.pcf-nextsteps-progress-fill{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:10px;height:100%;transition:width .3s ease}.pcf-nextsteps-card{background:#ffffffe6;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 4px 16px #3b82f60d;display:flex;flex-direction:column;gap:16px;padding:24px}.pcf-nextsteps-card-header{align-items:center;display:flex;gap:16px;justify-content:flex-start}.pcf-nextsteps-step-indicator{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:50%;box-shadow:0 4px 12px #3b82f64d;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.pcf-nextsteps-step-number{color:#fff;font-size:20px;font-weight:800}.pcf-nextsteps-card-title{align-items:center;color:#1e3a8a;display:flex;font-size:16px;font-weight:800;gap:12px}.pcf-nextsteps-badge{border-radius:10px;font-size:12px;font-weight:700;padding:6px 14px}.pcf-nextsteps-required{background:#ef44441a;color:#dc2626}.pcf-nextsteps-optional{background:#6b72801a;color:#6b7280}.pcf-nextsteps-card-content{align-items:flex-start;display:flex;flex-direction:column;gap:16px;padding-left:64px;text-align:left}.pcf-nextsteps-textarea{background:#fffffff2;border:2px solid #3b82f626;border-radius:12px;color:#1e3a8a;font-family:inherit;font-size:15px;line-height:1.6;outline:none;padding:16px;resize:vertical;text-align:left;transition:all .3s ease;width:100%}.pcf-nextsteps-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.pcf-nextsteps-textarea-container{position:relative}.pcf-nextsteps-char-counter{color:#94a3b8;font-size:13px;font-weight:600;margin-top:8px;text-align:right}.pcf-nextsteps-checklist{display:flex;flex-direction:column;gap:12px}.pcf-nextsteps-checklist-item{align-items:center;background:#ffffffb3;border:1px solid #ffffff80;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:15px;gap:12px;justify-content:flex-start;padding:12px 16px;text-align:left;transition:all .3s ease}.pcf-nextsteps-checklist-item span{text-align:left}.pcf-nextsteps-checklist-item:hover{background:#3b82f60d;border-color:#3b82f633;transform:translateY(-2px)}.pcf-nextsteps-checklist-item input{accent-color:#3b82f6;cursor:pointer;height:20px;width:20px}.pcf-nextsteps-action-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.pcf-nextsteps-action-card{align-items:center;background:#fffc;border:2px solid #3b82f633;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:15px;font-weight:700;justify-content:flex-start;padding:14px 20px;text-align:left;transition:all .3s ease}.pcf-nextsteps-action-card:hover{background:#3b82f614;border-color:#3b82f666;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.pcf-nextsteps-action-card.active{background:linear-gradient(135deg,#3b82f626,#1e40af1a);border-color:#3b82f6;box-shadow:0 4px 16px #3b82f633;color:#1e3a8a}.pcf-nextsteps-actions{display:flex;gap:14px;margin-top:8px}.pcf-nextsteps-btn{border:none;border-radius:14px;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;padding:14px 28px;transition:all .3s ease}.pcf-nextsteps-btn-preview{background:#6b72801a;border:2px solid #6b728033;color:#475569}.pcf-nextsteps-btn-preview:hover{background:#6b728033;box-shadow:0 4px 12px #6b728026;transform:translateY(-2px)}.pcf-nextsteps-btn-save{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 4px 16px #3b82f64d;color:#fff}.pcf-nextsteps-btn-save:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 24px #3b82f666;transform:translateY(-2px)}.pcf-nextsteps-btn-save:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.pcf-nextsteps-success{align-items:center;animation:pcf-fadeIn .3s ease;background:#10b9811a;border:2px solid #10b9814d;border-radius:14px;color:#059669;display:flex;font-size:14px;font-weight:700;gap:10px;margin-top:8px;padding:14px 18px}@keyframes pcf-fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pcf-preview-modal{max-width:850px}.pcf-preview-section{align-items:flex-start;border-bottom:2px solid #e5e7ebe6;display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding-bottom:24px;text-align:left}.pcf-preview-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.pcf-preview-ticket{align-items:flex-start;background:linear-gradient(135deg,#3b82f614,#1e40af0d);border:2px solid #3b82f633;border-radius:16px;box-shadow:0 4px 12px #3b82f614;display:flex;flex-direction:column;gap:12px;padding:20px}.pcf-preview-ticket-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1e40af);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800;text-align:left}.pcf-preview-status{align-items:center;color:#059669;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:flex-start;text-align:left}.pcf-preview-dot{animation:pcf-pulse 1.5s ease-in-out infinite;background:#10b981;border-radius:50%;box-shadow:0 0 12px #10b98166;height:14px;width:14px}.pcf-preview-title{align-items:center;color:#1e3a8a;display:flex;font-size:17px;font-weight:800;gap:10px;margin:0}.pcf-preview-title:before{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:2px;content:"";height:24px;width:4px}.pcf-preview-content{align-items:flex-start;display:flex;flex-direction:column;gap:14px;text-align:left}.pcf-preview-text{background:#f8fafce6;border:1px solid #e5e7ebe6;border-radius:12px;color:#334155;font-size:15px;line-height:1.7;margin:0;padding:16px;white-space:pre-wrap}.pcf-preview-empty{background:#f8fafcb3;border:1px dashed #94a3b866;border-radius:12px;color:#94a3b8;font-size:15px;font-style:italic;margin:0;padding:16px}.pcf-preview-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.pcf-preview-list li{align-items:flex-start;background:#f8fafce6;border:1px solid #e5e7ebe6;border-radius:10px;color:#334155;display:flex;font-size:15px;gap:10px;line-height:1.6;padding:12px 16px}.pcf-preview-list li:before{color:#3b82f6;content:"•";font-size:20px;font-weight:700;line-height:1;margin-top:2px}.pcf-error-modal{animation:pcf-modal-in .25s ease-out;border-radius:20px;box-shadow:0 25px 70px #0f172a4d;max-width:520px;overflow:hidden;width:100%}@keyframes pcf-modal-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.pcf-error-header{align-items:center;background:linear-gradient(135deg,#1e3a8a,#0f172a);display:flex;justify-content:space-between;padding:22px 28px}.pcf-error-header-title{color:#fff;font-size:22px;font-weight:800;margin:0}.pcf-error-close{align-items:center;background:#ffffff26;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.pcf-error-close:hover{background:#ffffff40;transform:scale(1.05)}.pcf-error-content{align-items:center;background:linear-gradient(180deg,#f8fafc,#eff6ff);display:flex;flex-direction:column;gap:28px;padding:40px 32px}.pcf-error-icon-wrapper{align-items:center;background:linear-gradient(135deg,#ef444414,#f871710d);border:1px solid #f8717133;border-radius:22px;box-shadow:inset 0 2px 8px #ef44440d;display:flex;height:92px;justify-content:center;width:92px}.pcf-error-icon{color:#ef4444}.pcf-error-title{color:#1e293b;font-size:26px;font-weight:800;margin:0;text-align:center}.pcf-error-message{color:#64748b;font-size:18px;line-height:1.6;margin:0;max-width:400px;text-align:center}.pcf-error-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:16px;box-shadow:0 8px 28px #3b82f666;color:#fff;cursor:pointer;font-size:18px;font-weight:800;min-width:200px;padding:16px 48px;transition:all .3s ease}.pcf-error-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 14px 36px #3b82f680;transform:translateY(-3px)}.pcf-error-btn:active{box-shadow:0 6px 18px #3b82f64d;transform:translateY(-1px)}@media (max-width:560px){.pcf-error-modal{margin:0 16px;max-width:92vw}.pcf-error-header{padding:18px 20px}.pcf-error-header-title{font-size:18px}.pcf-error-close{border-radius:8px;height:38px;width:38px}.pcf-error-content{gap:22px;padding:32px 24px}.pcf-error-icon-wrapper{border-radius:18px;height:76px;width:76px}.pcf-error-title{font-size:22px}.pcf-error-message{font-size:16px}.pcf-error-btn{font-size:16px;min-width:160px;padding:14px 36px}}.pcf-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ad9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.pcf-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0f172a4d;display:flex;flex-direction:column;height:auto;margin-top:0;max-height:85vh;max-width:900px;overflow:hidden;width:100%}.pcf-modal-header{align-items:center;background:linear-gradient(135deg,#1e3a8a,#0f172a);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.pcf-modal-header h3{-webkit-text-fill-color:#fff;color:#fff;margin:0}.pcf-modal-back-btn{align-items:center;background:#ffffff1f;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.pcf-modal-back-btn:hover{background:#fff3;transform:scale(1.05)}.pcf-modal-close{align-items:center;background:#ffffff1f;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.pcf-modal-close:hover{background:#ef444433;color:#fca5a5}.pcf-modal-body{background:linear-gradient(135deg,#f8fafc,#eff6ff);flex:1 1;overflow-y:auto;padding:24px}.article-content{text-align:left;width:100%}.article-header{align-items:flex-start;border-bottom:2px solid #e2e8f0;display:flex;flex-direction:column;margin-bottom:24px;padding-bottom:16px}.article-title{color:#1e293b;font-size:28px;font-weight:800;margin:0 0 8px;text-align:left}.article-meta{align-items:flex-start;color:#6b7280;display:flex;flex-direction:column;font-size:14px;gap:8px;margin-top:12px}.article-meta-item{align-items:center;display:flex;gap:6px}.article-preview-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-height:500px;overflow:hidden}.article-placeholder{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;min-height:500px}.article-placeholder p{font-size:16px;margin:0}.pdf-viewer-container{display:flex;flex-direction:column;height:100%;min-height:500px}.pdf-viewer-controls{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;padding:20px}.pdf-viewer-btn{background:linear-gradient(135deg,#1e3a8a,#0f172a);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 28px;transition:all .3s ease}.pdf-viewer-btn:disabled{cursor:not-allowed;opacity:.6}.pdf-viewer-btn:not(:disabled):hover{box-shadow:0 4px 12px #1e3a8a66;transform:translateY(-2px)}.pdf-viewer-page{color:#475569;font-size:17px;font-weight:600;padding:0 8px}.pdf-viewer-download{align-items:center;background:linear-gradient(135deg,#047857,#10b981);border-radius:10px;box-shadow:0 4px 12px #10b9814d;color:#fff;display:flex;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.pdf-viewer-download:hover{box-shadow:0 8px 24px #10b98166;color:#fff;text-decoration:none;transform:translateY(-2px)}.pdf-viewer-content{background:#f1f5f9;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:20px}.pdf-viewer-error,.pdf-viewer-loading{align-items:center;color:#64748b;display:flex;font-weight:500;justify-content:center;padding:40px}.pdf-viewer-page{border-radius:8px;box-shadow:0 4px 12px #0000001a}.image-viewer-container{display:flex;flex-direction:column;height:100%;min-height:500px}.image-viewer-controls{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:14px}.image-viewer-content{align-items:center;background:#f1f5f9;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:20px}.image-viewer-img{border-radius:12px;box-shadow:0 4px 12px #0000001a;max-height:600px;max-width:100%;object-fit:contain}.doc-viewer-container{align-items:center;background:#f8fafc;color:#64748b;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;min-height:500px;padding:32px}.doc-viewer-container p{font-size:16px;margin:0}@media (max-width:1100px){.pcf-layout{flex-direction:column}.pcf-right-column{max-width:100%;min-width:100%}.pcf-left-column{min-height:500px}}@media (max-width:768px){.pcf-layout{gap:10px;padding:10px}.pcf-header,.pcf-header-left{align-items:flex-start;flex-direction:column;gap:12px}.pcf-header-left{width:100%}.pcf-back-btn{align-self:flex-start}.pcf-input-container{flex-direction:column}.pcf-send-btn{width:100%}.pcf-message{max-width:85%}}.peer-chats-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 1px 0 0 #ffffff80;color:#1a1a2e;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:calc(100vh - 40px);margin:20px;overflow:visible;padding:0;position:relative}.peer-chats-container:before{background:radial-gradient(circle at 20% 80%,#3b82f60d 0,#0000 50%),radial-gradient(circle at 80% 20%,#93c5fd0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.peer-chats-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f61a,#1e40af1a);border-bottom:1px solid #ffffff4d;display:flex;justify-content:space-between;padding:24px 28px;position:relative;z-index:10}.peer-chats-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1e40af);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0;position:relative;text-align:left}.peer-chats-header h2:after{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;transform:none;width:40px}.peer-chats-stats{grid-gap:16px;align-items:stretch;display:grid;flex-shrink:0;flex:1 1;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));justify-content:flex-end;max-width:600px}.stat-item{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #3b82f640;border-radius:20px;box-shadow:0 8px 32px #00000014,inset 0 2px 0 #fffc;color:#475569;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:20px 16px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-item:before{background:linear-gradient(90deg,#0000,#3b82f614,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s cubic-bezier(.4,0,.2,1);width:100%}.stat-item:hover:before{left:100%}.stat-item:hover{box-shadow:0 16px 48px #0000001f,inset 0 2px 0 #ffffffe6;transform:translateY(-5px) scale(1.02)}.stat-icon{filter:drop-shadow(0 4px 8px rgba(59,130,246,.2));font-size:40px;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-item:hover .stat-icon{color:#2563eb;filter:drop-shadow(0 6px 12px rgba(59,130,246,.3));transform:scale(1.15) rotate(3deg)}.stat-item-active{background:linear-gradient(135deg,#3b82f62e,#2563eb1f);border-color:#3b82f680;box-shadow:0 12px 40px #3b82f659,inset 0 2px 0 #ffffffb3;color:#1e40af;font-weight:700}.stat-item-active .stat-icon{color:#2563eb;filter:drop-shadow(0 6px 16px rgba(59,130,246,.4));font-size:52px}.stat-item-active:before{background:linear-gradient(90deg,#0000,#fff6,#0000)}.stat-item-active:hover{background:linear-gradient(135deg,#3b82f640,#2563eb2e);box-shadow:0 20px 56px #3b82f673,inset 0 2px 0 #fffc;transform:translateY(-6px) scale(1.03)}.stat-label{color:#64748b;font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.stat-count{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#1e40af);-webkit-background-clip:text;background-clip:text;font-size:40px;font-weight:900;letter-spacing:-1px;line-height:1}.stat-item-active .stat-label{color:#3b82f6;font-weight:800}.stat-item-active .stat-count{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#1e40af);-webkit-background-clip:text;background-clip:text;font-size:48px}.peer-chats-search{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff6;border-bottom:1px solid #ffffff4d;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 28px;z-index:1}.peer-chats-search,.search-box{align-items:center;display:flex;position:relative}.search-box{flex:0 1 500px;max-width:600px}.search-icon{color:#3b82f6;font-size:20px;left:16px;pointer-events:none;position:absolute;transition:all .3s ease}.peer-chats-search input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 16px #00000014,inset 0 1px 0 #ffffff80;font-size:15px;font-weight:500;outline:none;padding:12px 16px 12px 48px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.stat-icon{color:#3b82f6;font-size:32px;transition:all .3s ease}.peer-chats-search input:focus{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626,0 0 0 2px #3b82f61a,inset 0 1px 0 #fff9;transform:translateY(-1px)}.peer-chats-search input:focus+.search-icon{color:#1e40af;transform:scale(1.1)}.status-filter-dropdown{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 16px #00000014,inset 0 1px 0 #ffffff80;color:#475569;cursor:pointer;font-size:15px;font-weight:500;min-width:150px;outline:none;padding:12px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.status-filter-dropdown:focus{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626,0 0 0 2px #3b82f61a,inset 0 1px 0 #fff9;transform:translateY(-1px)}.status-filter-dropdown:hover{border-color:#3b82f680}.refresh-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:12px;box-shadow:0 4px 16px #3b82f64d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.refresh-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 24px #3b82f666,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.refresh-btn:active{box-shadow:0 4px 16px #3b82f64d,inset 0 1px 0 #fff3;transform:translateY(0)}.pagination-row{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a,inset 0 1px 0 #ffffff80;display:flex;gap:24px;justify-content:space-between;margin:24px 28px;overflow:hidden;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.pagination-row:before{background:linear-gradient(90deg,#0000,#3b82f608,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:0}.pagination-row:hover:before{left:100%}.pagination-row:hover{box-shadow:0 12px 40px #0000001f,0 6px 20px #0000000f,inset 0 1px 0 #fff9;transform:translateY(-2px)}.pagination-controls{align-items:center;display:flex;gap:12px;position:relative;z-index:1}.pagination-arrow,.pagination-numbers{align-items:center;display:flex;gap:8px}.pagination-arrow{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 16px #00000014,inset 0 1px 0 #ffffff80;color:#475569;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.pagination-arrow:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%;z-index:-1}.pagination-arrow:hover:not(:disabled):before{left:100%}.pagination-arrow:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f64d;box-shadow:0 8px 24px #3b82f626,0 4px 12px #3b82f61a,inset 0 1px 0 #fff9;color:#3b82f6;transform:translateY(-2px)}.pagination-arrow:active:not(:disabled){transform:translateY(0)}.pagination-arrow:disabled{background:#fff6;border-color:#fff3;color:#94a3b8;cursor:not-allowed;opacity:.5;transform:none}.pagination-number{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 16px #00000014,inset 0 1px 0 #ffffff80;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;min-width:40px;overflow:hidden;padding:10px 14px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.pagination-number:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%;z-index:-1}.pagination-number:hover:before{left:100%}.pagination-number:hover{background:#3b82f61a;border-color:#3b82f64d;box-shadow:0 8px 24px #3b82f626,0 4px 12px #3b82f61a,inset 0 1px 0 #fff9;color:#3b82f6;transform:translateY(-2px)}.pagination-number.active{background:linear-gradient(135deg,#3b82f6,#1e40af);border-color:#3b82f64d;box-shadow:0 8px 24px #3b82f64d,0 4px 12px #3b82f633,inset 0 1px 0 #fff3;color:#fff;font-weight:700;transform:translateY(-1px)}.pagination-number.active:before{display:none}.pagination-ellipsis{color:#94a3b8;font-size:16px;font-weight:600;letter-spacing:.05em;padding:10px 8px}.pagination-info{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 2px 8px #0000000a,inset 0 1px 0 #ffffff80;color:#64748b;font-size:14px;font-weight:600;padding:8px 16px;position:relative;white-space:nowrap;z-index:1}.peer-chats-content{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#fff3;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px 28px;text-align:center}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.spinner{animation:spin 1s linear infinite;border:3px solid #e5e5e5;border-radius:50%;border-top-color:#29499d;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #ffffff4d;border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin:20px auto;max-width:400px;padding:80px 20px;text-align:center}.empty-icon{color:#94a3b8;font-size:64px;margin-bottom:20px;opacity:.7}.empty-state h3{color:#475569;font-size:20px;font-weight:700;margin:0 0 16px}.empty-state p{color:#64748b;font-size:15px;font-weight:500;margin:0}.inquiries-table{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-collapse:collapse;border-radius:16px;box-shadow:0 8px 32px #0000001a,inset 1px 0 0 #ffffff80;margin:0 auto;overflow:hidden;width:100%}.table-header{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;display:grid;font-size:15px;font-weight:700;grid-template-columns:1fr 2fr 1fr 1fr 1fr;letter-spacing:-.01em}.table-header>div{padding:16px 20px;position:relative;text-align:left}.table-header>div:after{background:#fff3;bottom:20%;content:"";position:absolute;right:0;top:20%;width:1px}.table-header>div:last-child:after{display:none}.table-row{border-bottom:1px solid #fff3;display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.table-row:before{background:linear-gradient(90deg,#0000,#3b82f60d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.table-row:hover:before{left:100%}.table-row:hover{background:#3b82f614;transform:translateY(-1px)}.table-row>div{border-right:1px solid #fff3;color:#1a1a2e;font-size:14px;font-weight:500;padding:16px 20px;position:relative;text-align:left;z-index:1}.table-row>div:last-child{border-right:none}.ticket-number{color:#3b82f6;font-size:15px;font-weight:700;letter-spacing:-.01em}.message-preview{color:#475569;font-size:14px;font-weight:500;line-height:1.5}.status{align-items:center;background:none;border:none;border-radius:0;display:flex;justify-content:center;padding:0}.status,.status .pill{font-size:12px;font-weight:600}.status .pill{border-radius:20px;box-shadow:0 2px 8px #0000001a,inset 0 1px 0 #fff3;display:inline-block;letter-spacing:-.01em;padding:6px 12px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.status.waiting .pill{background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid #f59e0b4d;color:#fff}.status.waiting .pill:hover{box-shadow:0 4px 12px #f59e0b4d,inset 0 1px 0 #ffffff4d;transform:translateY(-1px)}.status.assigned .pill,.status.claimed .pill{background:linear-gradient(135deg,#3b82f6,#1e40af);border:1px solid #3b82f64d;color:#fff}.status.assigned .pill:hover,.status.claimed .pill:hover{box-shadow:0 4px 12px #3b82f64d,inset 0 1px 0 #ffffff4d;transform:translateY(-1px)}.status.standby .pill{background:linear-gradient(135deg,#06b6d4,#0891b2);border:1px solid #06b6d44d;color:#fff}.status.standby .pill:hover{box-shadow:0 4px 12px #06b6d44d,inset 0 1px 0 #ffffff4d;transform:translateY(-1px)}.status.resolved .pill{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b9814d;color:#fff}.status.resolved .pill:hover{box-shadow:0 4px 12px #10b9814d,inset 0 1px 0 #ffffff4d;transform:translateY(-1px)}.status.inactive .pill{background:linear-gradient(135deg,#6b7280,#4b5563);border:1px solid #6b72804d;color:#fff}.status.inactive .pill:hover{box-shadow:0 4px 12px #6b72804d,inset 0 1px 0 #ffffff4d;transform:translateY(-1px)}.status.archived .pill{background:linear-gradient(135deg,#9ca3af,#6b7280);border:1px solid #9ca3af4d;color:#fff}.status.archived .pill:hover{box-shadow:0 4px 12px #9ca3af4d,inset 0 1px 0 #ffffff4d;transform:translateY(-1px)}.status.escalated .pill{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #ef44444d;color:#fff}.status.escalated .pill:hover{box-shadow:0 4px 12px #ef44444d,inset 0 1px 0 #ffffff4d;transform:translateY(-1px)}.escalation-status{align-items:center;display:flex;justify-content:center}.escalation-status .pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.escalation-status.pending-review .pill{background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid #f59e0b4d;color:#fff}.escalation-status.pending-review .pill:hover{box-shadow:0 4px 12px #f59e0b4d,inset 0 1px 0 #ffffff4d;transform:translateY(-1px)}.escalation-status.under-assessment .pill{background:linear-gradient(135deg,#3b82f6,#1e40af);border:1px solid #3b82f64d;color:#fff}.escalation-status.under-assessment .pill:hover{box-shadow:0 4px 12px #3b82f64d,inset 0 1px 0 #ffffff4d;transform:translateY(-1px)}.escalation-status.resolved .pill{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b9814d;color:#fff}.escalation-status.resolved .pill:hover{box-shadow:0 4px 12px #10b9814d,inset 0 1px 0 #ffffff4d;transform:translateY(-1px)}.pc-btn-view{background:#6c757d}.pc-btn-view:hover{background:#5a6268}.created-time{color:#64748b;font-size:13px;font-weight:500}.claimed-by{color:#666;font-size:13px}.action{text-align:center}.pc-btn-action{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:10px;box-shadow:0 4px 16px #00000014,inset 0 1px 0 #ffffff80;color:#475569;display:inline-block;font-weight:600;margin:0 auto;min-width:130px;padding:10px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.pc-btn-action:hover{box-shadow:0 8px 24px #0000001f,inset 0 1px 0 #fff9;transform:translateY(-2px)}.pc-btn-accept{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b9814d;box-shadow:0 4px 16px #10b9814d,inset 0 1px 0 #fff3;color:#fff}.pc-btn-accept:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 24px #10b98166,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.pc-btn-continue{background:linear-gradient(135deg,#3b82f6,#1e40af);border:1px solid #3b82f64d;box-shadow:0 4px 16px #3b82f64d,inset 0 1px 0 #fff3;color:#fff}.pc-btn-continue:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 24px #3b82f666,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.pc-btn-view{background:linear-gradient(135deg,#6b7280,#4b5563);border:1px solid #6b72804d;box-shadow:0 4px 16px #6b72804d,inset 0 1px 0 #fff3;color:#fff}.pc-btn-view:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 8px 24px #6b728066,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.pc-stats{background:#f8f9fa;border-top:1px solid #e5e5e5;display:flex;gap:16px;padding:16px 24px}.pc-stat{align-items:center;background:#f0f0f0;border-radius:6px;color:#666;display:flex;font-size:14px;gap:8px;padding:8px 12px}@media (max-width:768px){.peer-chats-header{align-items:flex-start;flex-direction:column;gap:16px}.peer-chats-stats{justify-content:flex-start;width:100%}.table-header{font-size:12px}.table-header,.table-row{grid-template-columns:1fr}.table-row>div{font-size:12px;padding:10px 8px}.action{text-align:center}.pc-btn-action{font-size:12px;min-width:100px}.pagination-row{align-items:center;flex-direction:column;gap:16px;margin:16px 20px;padding:16px 20px}.pagination-controls{flex-wrap:wrap;gap:8px;justify-content:center}.pagination-arrow{border-radius:10px;font-size:13px;min-width:90px;padding:10px 20px}.pagination-number{font-size:13px;height:36px;min-width:36px}}.peer-chats-header-left{display:flex;flex:1 1;flex-direction:column;gap:12px}.language-pills-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.language-pill{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:9999px;box-shadow:0 2px 8px #3b82f633;color:#fff;font-size:13px;font-weight:500;padding:6px 14px}.add-languages-btn{background:#3b82f61a;border:1px dashed #3b82f6;border-radius:9999px;color:#2563eb;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-languages-btn:hover{background:#3b82f626;transform:translateY(-1px)}.language-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.language-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;max-width:500px;padding:32px;width:90%}.language-modal h3{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 24px}.language-modal-options{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.language-modal-option{background:#fff;border:2px solid #e2e8f0;border-radius:9999px;color:#374151;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.language-modal-option:hover{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.language-modal-option.selected{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f640;color:#fff}.others-language-input{border:2px solid #e2e8f0;border-radius:12px;font-size:15px;margin-bottom:20px;padding:12px 16px;transition:all .3s ease;width:100%}.others-language-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.language-modal-actions{display:flex;gap:12px;justify-content:flex-end}.language-modal-btn{border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.language-modal-cancel{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.language-modal-cancel:hover{background:#f1f5f9}.language-modal-apply{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #ffffff4d;box-shadow:0 4px 16px #3b82f640;color:#fff}.language-modal-apply:hover{box-shadow:0 8px 24px #3b82f659;transform:translateY(-2px)}@media (max-width:480px){.pagination-row{align-items:center;flex-direction:column;gap:14px;margin:12px 16px;padding:14px 16px}.pagination-controls{flex-wrap:wrap;gap:6px}.pagination-arrow{border-radius:8px;font-size:12px;min-width:80px;padding:8px 18px}.pagination-number{border-radius:8px;font-size:12px;height:32px;min-width:32px;padding:6px 10px}.pagination-info{font-size:12px;padding:5px 10px}}.pc-filters{gap:16px;margin-bottom:24px}.pc-filters,.pc-search-wrap{align-items:center;display:flex}.pc-search-wrap{flex:1 1;position:relative}.pc-search-icon{color:#666;font-size:18px;left:12px;pointer-events:none;position:absolute}.pc-search{background:#fff;border:1px solid #d0d0d0;border-radius:6px;font-size:14px;padding:10px 12px 10px 40px;width:100%}.pc-search::placeholder{color:#999}.pc-chevron{color:#666;font-size:10px}.pc-list,.pc-table{width:100%}.pc-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden}.pc-table thead{background:#29499d}.pc-table th{color:#fff;font-size:14px;font-weight:600;padding:14px 16px}.pc-table td,.pc-table th,.pc-th-action{text-align:left}.pc-table td{border-bottom:1px solid #e5e5e5;color:#1a1a1a;font-size:14px;padding:14px 16px}.pc-row:hover{background:#f5f8ff}.pc-status,.pc-title-cell{font-weight:600}.pc-status{border-radius:6px;color:#fff;display:inline-block;font-size:12px;padding:4px 10px}.pc-status-new{background:#4682b4}.pc-status-in-progress{background:orange}.pc-status-resolved{background:#696969}.pc-action-cell{text-align:left}.pc-btn-action{background:#fff;border:1px solid #ccc;border-radius:6px;color:#333;cursor:pointer;font-size:14px;min-width:120px;padding:8px 16px;text-align:center}.pc-btn-action:hover{background:#29499d;border:#29499d;color:#fff}.pc-time{color:#666;font-size:13px}.pc-select-cell{cursor:pointer;text-align:center;width:60px}.pc-row .pc-circle{align-items:center;border:2px solid #ccc;border-radius:50%;color:#fff;display:inline-flex;font-size:16px;height:24px;justify-content:center;transition:all .2s;visibility:hidden;width:24px}.pc-row:hover .pc-circle{visibility:visible}.pc-row .pc-circle.selected{background:#29499d;border-color:#29499d;visibility:visible}.pc-check{font-size:16px;line-height:0}.selected-row{background-color:#e6f0ff!important}.pc-archive-btn,.pc-category-btn{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:10px 16px}.pc-archive-btn:hover{background:#29499d;border:#29499d;color:#fff}.peer-chats-pagination{align-items:center;background:#0000;display:flex;gap:8px;justify-content:center;left:auto;margin-top:16px;padding:16px 0;position:relative;top:auto;transform:none;z-index:10}@media (max-width:1100px){.peer-chats-pagination{gap:6px}.peer-pagination-arrow{font-size:12px;height:32px;width:32px}}@media (max-width:768px){.peer-chats-pagination{flex-wrap:wrap;padding:12px 8px}.peer-pagination-arrow{font-size:11px;height:28px;width:28px}}.peer-pagination-arrow{align-items:center;background:#b0c6e8;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.peer-pagination-arrow:hover:not(:disabled){background:#8fa5d0;transform:scale(1.05)}.peer-pagination-arrow:disabled{background:#b0c6e8;cursor:not-allowed;opacity:.5}.peer-pagination-number{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:14px;min-width:36px;padding:8px 12px;transition:all .2s ease}.peer-pagination-number:hover{background:#f5f5f5;border-color:#d0d0d0}.peer-pagination-number.active{background:#b0c6e8;border-color:#b0c6e8;color:#fff}.peer-pagination-ellipsis{color:#666;font-size:14px;padding:0 4px}.rp-main{color:#1a1a2e;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:20px;height:100%;padding:24px}.rp-header{align-items:center;display:flex;justify-content:space-between}.rp-header h2{font-size:24px;font-weight:700;margin:0}.rp-upload-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:10px;box-shadow:0 4px 16px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.rp-upload-btn:hover{box-shadow:0 8px 24px #3b82f666;transform:translateY(-2px)}.rp-controls,.rp-search{align-items:center;display:flex;gap:12px}.rp-search{background:#fffc;border:1px solid #ffffff4d;border-radius:10px;color:#64748b;flex:1 1;padding:12px 16px}.rp-search input{background:#0000;border:none;flex:1 1}.rp-category-filter,.rp-search input{color:#1a1a2e;font-size:14px;font-weight:500;outline:none}.rp-category-filter{background:#fffc;border:1px solid #ffffff4d;border-radius:10px;cursor:pointer;padding:12px 16px}.rp-refresh-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:10px;box-shadow:0 4px 16px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.rp-refresh-btn:hover{box-shadow:0 8px 24px #3b82f666;transform:translateY(-2px)}.rp-table-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:12px}.rp-table{border-collapse:collapse;width:100%}.rp-table thead{background:#ffffff80}.rp-table th{color:#64748b;font-size:13px;font-weight:600;text-align:left}.rp-table td,.rp-table th{border-bottom:1px solid #ffffff4d;padding:14px 16px}.rp-title-cell{align-items:center;display:flex;font-weight:500;gap:10px}.rp-type{background:#6b72801a;color:#6b7280}.rp-category,.rp-type{border-radius:6px;font-size:11px;font-weight:600;padding:4px 10px}.rp-category{background:#3b82f61a;color:#3b82f6}.rp-delete-btn{background:#ef44441a;border:none;border-radius:6px;color:#ef4444;cursor:pointer;padding:6px 10px;transition:all .3s ease}.rp-delete-btn:hover{background:#ef444433}.rp-pagination{align-items:center;display:flex;gap:16px;justify-content:center;padding:16px}.rp-pagination button{background:#fffc;border:1px solid #ffffff4d;border-radius:8px;color:#475569;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.rp-pagination button:hover:not(:disabled){background:#3b82f61a;color:#3b82f6}.rp-pagination button:disabled{cursor:not-allowed;opacity:.5}.rp-pagination span{color:#64748b;font-weight:600}.rp-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.rp-modal{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-width:500px;overflow:hidden;width:100%}.rp-modal-header{align-items:center;border-bottom:1px solid #ffffff4d;display:flex;justify-content:space-between;padding:20px}.rp-modal-header h3{font-size:20px;font-weight:700;margin:0}.rp-modal-header button{align-items:center;background:#fffc;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.rp-modal-header button:hover{background:#ef44441a;color:#ef4444}.rp-modal-body{gap:16px;padding:20px}.rp-form-group,.rp-modal-body{display:flex;flex-direction:column}.rp-form-group{gap:8px}.rp-form-group label{color:#475569;font-size:13px;font-weight:600}.rp-form-group input,.rp-form-group select,.rp-form-group textarea{background:#fffc;border:1px solid #ffffff4d;border-radius:8px;font-family:inherit;font-size:14px;outline:none;padding:12px 14px;transition:all .3s ease;width:100%}.rp-form-group input:focus,.rp-form-group select:focus,.rp-form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.rp-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.rp-modal-actions button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.rp-modal-actions button[type=button]{background:#fffc;color:#64748b}.rp-modal-actions button[type=submit]{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff}.rp-modal-actions button:hover{transform:translateY(-1px)}*{box-sizing:border-box;margin:0;padding:0}.pe-layout{background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.pe-layout,.pe-sidebar{display:flex;height:100vh;overflow:hidden}.pe-sidebar{animation:sidebarGradientShift 12s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#1e40af 25%,#1e293b 75%,#0f172a);background-size:400% 400%;border-right:1px solid #ffffff1a;box-shadow:2px 0 20px #0f172a66;box-sizing:border-box;color:#fff;flex-direction:column;flex-shrink:0;max-height:100vh;min-width:0;padding:24px 20px;position:-webkit-sticky;position:sticky;top:0;transition:width .3s ease,padding .3s ease;width:260px;z-index:10}.pe-sidebar.collapsed{padding:24px 12px;width:80px}@keyframes sidebarGradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.pe-brand{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff26,#ffffff14);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 24px #0000001f,inset 0 1px 0 #ffffff26;display:flex;flex-direction:column;gap:16px;justify-content:center;margin-bottom:32px;padding:24px 20px;position:relative;text-align:left;transition:all .3s ease;width:100%}.pe-brand:hover{box-shadow:0 12px 32px #00000026,inset 0 1px 0 #fff3;transform:translateY(-2px)}.pe-sidebar.collapsed .pe-brand{padding:16px 8px}.pe-sidebar-logo{cursor:pointer;filter:drop-shadow(0 6px 16px rgba(0,0,0,.25));max-height:58px;transition:all .35s cubic-bezier(.4,0,.2,1)}.pe-sidebar-logo:hover{filter:drop-shadow(0 8px 20px rgba(0,0,0,.35));transform:scale(1.03)}.pe-cfsi-logo{filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));height:auto;max-height:50px;object-fit:contain;opacity:.95;transition:all .35s cubic-bezier(.4,0,.2,1);width:100%}.pe-cfsi-logo:hover{filter:drop-shadow(0 6px 16px rgba(0,0,0,.28));opacity:1;transform:scale(1.02)}.pe-sidebar.collapsed .pe-sidebar-logo{max-height:44px}@keyframes logoGradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.pe-sidebar-logo{filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));height:auto;max-height:55px;object-fit:contain;width:100%}.pe-nav{display:flex;flex:1 1;flex-direction:column;gap:6px;margin-bottom:16px;min-width:0;overflow-x:hidden;overflow-y:auto}.pe-nav button{align-items:center;background:#0000;border:none;border-radius:12px;color:#fffc;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:14px;padding:14px 16px;text-align:left;transition:all .25s ease}.pe-nav button:hover{background:#ffffff26;color:#fff;transform:translateX(4px)}.pe-nav button.active{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff40;border:1px solid #ffffff4d;box-shadow:0 4px 12px #00000026;color:#fff;font-weight:700}.pe-nav button svg{color:#ffffffd9;flex-shrink:0;height:20px;transition:all .25s ease;width:20px}.pe-nav button.active svg,.pe-nav button:hover svg{color:#fff;transform:scale(1.05)}.pe-sidebar.collapsed .pe-chevron,.pe-sidebar.collapsed .pe-current-indicator,.pe-sidebar.collapsed .pe-nav button span,.pe-sidebar.collapsed .pe-sidebar-switch-btn span{display:none}.pe-sidebar.collapsed .pe-nav button{justify-content:center;padding:14px 0}.pe-sidebar.collapsed .pe-nav button:hover{transform:scale(1.05)}.pe-logout{background:#ffffff0d;border:1px solid #fff3;color:#ffffffe6;margin-top:8px}.pe-logout:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.pe-sidebar.collapsed .pe-logout{border:1px solid #fff3}.pe-nav button{position:relative}.pe-sidebar.collapsed .pe-nav button:hover:after{animation:tooltipFadeIn .2s ease;background:#1e293b;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;content:attr(data-tooltip);font-size:13px;font-weight:500;left:calc(100% + 12px);padding:8px 12px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1000}.pe-sidebar.collapsed .pe-nav button:hover:before{border:6px solid #0000;border-right-color:#1e293b;content:"";left:calc(100% + 4px);position:absolute;top:50%;transform:translateY(-50%);z-index:999}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translateX(-4px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.pe-logout:hover{background:#fee2e2;border-color:#fecaca;color:#b91c1c;transform:translateX(4px)}.pe-main{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;height:100vh;min-width:0;overflow:hidden;position:relative;z-index:5}.pe-topbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px #00000008;display:flex;justify-content:space-between;padding:24px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.pe-topbar h3{color:#1e293b;font-size:24px;font-weight:700;letter-spacing:-.01em;margin:0}.pe-top-actions{gap:16px}.pe-btn,.pe-top-actions{align-items:center;display:flex}.pe-btn{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000d;color:#475569;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .25s ease}.pe-btn:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.pe-btn:active{box-shadow:0 2px 6px #0000000d;transform:translateY(0)}.pe-btn svg{height:18px;transition:transform .25s ease;width:18px}.pe-btn:hover svg{transform:scale(1.1)}.pe-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border:2px solid #fff;border-radius:12px;box-shadow:0 2px 8px #3b82f633;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .25s ease;width:44px}.pe-avatar:hover{box-shadow:0 4px 12px #3b82f64d;transform:scale(1.05)}.pe-avatar svg{color:#fff;height:22px;width:22px}.pe-status-dropdown{position:relative;z-index:9999}.pe-status-toggle-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;gap:10px;padding:12px 18px;transition:all .3s ease}.pe-status-toggle-btn:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.pe-status-icon{height:20px;width:20px}.pe-status-label{color:#1f2937;font-size:15px;font-weight:600}.pe-status-chevron{color:#64748b;height:16px;transition:transform .3s ease;width:16px}.pe-status-chevron.open{transform:rotate(180deg)}.pe-status-dropdown-menu{animation:slideDown .2s ease-out;background:#1e293b;border-radius:12px;box-shadow:0 8px 24px #0003;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:99999}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pe-status-option{align-items:center;background:#0000;border:none;color:#f1f5f9;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:14px 18px;text-align:left;transition:all .2s ease;width:100%}.pe-status-option:hover{background:#ffffff1a}.pe-status-option.active{background:#3b82f633}.pe-status-option-icon{height:20px;width:20px}.pe-workspace{background:#f8fafc;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:32px;position:relative}.pe-sidebar-bottom{background:#0000;border-top:1px solid #e2e8f0;flex-shrink:0;margin-top:auto;padding:16px 0 0}.pe-sidebar-bottom-row{align-items:center;box-sizing:border-box;display:flex;gap:8px;justify-content:space-between;min-height:40px;width:100%}.pe-sidebar-switch{flex:1 1;min-width:0;position:relative}.pe-sidebar-switch-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:10px;min-width:0;overflow:hidden;padding:12px 14px;text-overflow:ellipsis;transition:all .25s ease;white-space:nowrap;width:100%}.pe-sidebar-switch-btn:hover{background:#f1f5f9;box-shadow:0 2px 8px #0000000d;color:#3b82f6;transform:translateY(-2px)}.pe-sidebar-switch-btn svg{color:#64748b;flex-shrink:0;height:16px;width:16px}.pe-sidebar-switch-btn:hover svg{color:#3b82f6}.pe-chevron{height:12px;margin-left:auto;transition:transform .3s ease;width:12px}.pe-chevron.open{transform:rotate(180deg)}.pe-sidebar-role-dropdown{animation:slideUp .3s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;bottom:100%;box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014;box-sizing:border-box;margin-bottom:8px;max-width:220px;min-width:180px;overflow:hidden;position:absolute;right:0;z-index:1000}.pe-sidebar-role-option{align-items:center;background:#0000;border:none;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.pe-sidebar-role-option:hover{background:#f1f5f9;color:#3b82f6}.pe-sidebar-role-option.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;font-weight:600}.pe-current-indicator{color:#1e40af;font-size:16px;font-weight:700}@media (max-width:1100px){.pe-sidebar{padding:20px 16px;width:240px}}@media (max-width:768px){.pe-layout{flex-direction:column}.pe-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;height:auto;max-height:none;min-height:auto;padding:20px;position:relative;width:100%}.pe-nav{flex-direction:row;flex-wrap:wrap;gap:10px;margin-bottom:12px}.pe-nav button{flex:1 1;font-size:14px;justify-content:center;min-width:calc(50% - 5px);padding:12px 16px}.pe-logout{margin-top:10px;min-width:100%}.pe-topbar{padding:20px 24px}.pe-topbar h3{font-size:20px}.pe-workspace{padding:24px}}@media (max-width:480px){.pe-nav{flex-direction:column;gap:8px}.pe-nav button{font-size:13px;justify-content:flex-start;min-width:100%;padding:10px 14px}.pe-top-actions{flex-direction:column;gap:12px}.pe-btn{justify-content:center;width:100%}}.landing-page{animation:gradientShift 20s ease infinite;background:linear-gradient(135deg,#000428,#004e92 50%,#3f62b5);background-size:400% 400%;color:#e2e8f0;font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;width:100%}.lp-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.01em;padding:10px 24px}.lp-btn,.lp-btn-primary{transition:all .25s ease}.lp-btn-primary{background:linear-gradient(135deg,#000,#2563eb);border-radius:8px;box-shadow:none;color:#fff}.lp-btn-primary:hover{background:linear-gradient(135deg,#fff,#2563eb);box-shadow:0 4px 12px #2563eb33;color:#000;transform:translateY(-1px)}.lp-btn-outline{background:#0000;border:1px solid #fff;color:#fff;transition:all .25s ease}.lp-btn-outline:hover{background:#ffffff26;border-color:#fff;box-shadow:0 2px 8px #0000001a;color:#fff;transform:translateY(-1px)}.lp-btn-dark{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f172acc,#1e293bcc);border:1px solid #94a3b833;color:#e2e8f0}.lp-btn-dark:hover{background:linear-gradient(135deg,#1e293be6,#334155e6);border-color:#3b82f666;box-shadow:0 8px 30px #3b82f64d}.lp-btn-light{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1px solid #3b82f666;box-shadow:0 4px 20px #3b82f633;color:#e2e8f0}.lp-btn-light:hover{background:linear-gradient(135deg,#3b82f64d,#8b5cf64d);border-color:#3b82f699;box-shadow:0 8px 30px #3b82f666;color:#fff}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes btn-jump{0%{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}to{transform:translateY(-4px)}}.lp-btn:hover{background:linear-gradient(135deg,#004e92,#000428);box-shadow:0 8px 30px #3f62b580;transform:translateY(-2px)}a{color:#3f62b5;position:relative;text-decoration:none;transition:color .2s cubic-bezier(.4,0,.2,1)}a:hover{color:#5587e3}a:after{bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.lp-btn,a:after{background:linear-gradient(135deg,#3f62b5,#004e92)}.lp-btn{border:1px solid #3f62b54d;box-shadow:0 4px 20px #3f62b54d;color:#fff;overflow:hidden;position:relative;transition:all .3s ease}.lp-btn:after,.lp-btn:before,.lp-feature-card:before,.lp-tumble-card:before{display:none}.lp-security-box{transition:all .3s ease}.lp-security-box:hover{box-shadow:0 25px 60px #3f62b559,0 12px 30px #0000004d}html{scroll-behavior:smooth}.lp-btn:focus,.lp-feature-card:focus,.lp-tumble-card:focus{outline:2px solid #6366f1;outline-offset:2px}@media (prefers-reduced-motion:reduce){.lp-btn{transition:none}.lp-btn:hover{animation:none;box-shadow:0 4px 12px #0000001a;transform:none}.lp-btn:before,.lp-tumble-card,a,a:after{transition:none}.lp-tumble-card:hover{transform:none}.lp-feature-card{transition:none}.lp-feature-card:hover{transform:none}.lp-security-box{transition:none}.lp-security-box:hover{transform:none}html{scroll-behavior:auto}}.lp-section{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:80px 40px;position:relative}.lp-container{margin:0 auto;max-width:1200px;width:100%}.lp-split{align-items:center;display:flex;gap:60px;justify-content:space-between}@media (max-width:900px){.lp-split{flex-direction:column;text-align:center}}.lp-navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172acc;border-bottom:1px solid #3b82f633;box-shadow:0 4px 20px #0000004d;color:#fff;justify-content:flex-start;min-height:70px;overflow:visible;padding:16px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.lp-logo,.lp-navbar{align-items:center;display:flex}.lp-logo{flex-shrink:0;gap:10px;line-height:0;min-width:180px}.lp-logo .logo-image{display:block;filter:drop-shadow(0 2px 8px rgba(59,130,246,.3));height:auto;max-height:35px;object-fit:contain;width:180px}.lp-nav-actions{align-items:center;display:flex;gap:16px;margin-left:auto}.lp-nav-actions .lp-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#3f62b533,#004e9233);border:1px solid #3f62b566;box-shadow:0 4px 20px #3f62b533;color:#fff}.lp-nav-actions .lp-btn:hover{background:linear-gradient(135deg,#3f62b54d,#004e924d);border-color:#3f62b599;box-shadow:0 8px 30px #3f62b566;color:#fff}.lp-hero{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#000428cc,#004e9299 50%,#3f62b566);overflow:hidden;padding-top:80px;position:relative;text-align:center}.lp-hero:before{background:radial-gradient(circle at 20% 80%,#3f62b526 0,#0000 50%),radial-gradient(circle at 80% 20%,#004e921a 0,#0000 50%),radial-gradient(circle at 50% 50%,#00042814 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.lp-hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e2e8f0 50%,#cbd5e1);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3.2rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:32px;position:relative;text-shadow:0 4px 20px #3f62b580;z-index:1}.lp-hero-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:60px;position:relative;z-index:1}.lp-hero-image-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #3f62b533;border-radius:20px;box-shadow:0 25px 80px #3f62b54d,0 10px 40px #0006;max-width:1000px;overflow:hidden;position:relative;width:100%}.lp-hero-image-container:after{background:linear-gradient(135deg,#3f62b51a,#004e9233);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.lp-hero-image{animation:float 8s ease-in-out infinite;display:block;height:auto;width:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.lp-hero-footer{background:linear-gradient(135deg,#000428cc,#004e9299);border-radius:0;border-top:1px solid #3f62b533;height:80px;margin-top:60px;width:100%}.lp-hero-footer,.lp-problem{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.lp-problem{background:linear-gradient(135deg,#00042899,#004e9266 50%,#3f62b599);color:#e2e8f0;overflow:hidden;padding:100px 40px;position:relative}.lp-problem .lp-section-desc,.lp-problem .lp-section-header,.lp-problem .lp-text-content{text-align:left}.lp-problem .lp-container{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#00042866;border:1px solid #3f62b533;border-radius:24px;box-shadow:0 20px 60px #3f62b526,0 10px 40px #0000004d;max-width:1400px;padding:40px 56px;position:relative;z-index:1}.lp-section-header{color:#fff;font-size:2.8rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:24px;text-shadow:0 2px 10px #3f62b54d}.lp-section-header:after{background:linear-gradient(135deg,#3f62b5,#004e92);border-radius:2px;bottom:-10px;content:"";height:4px;left:0;position:absolute;width:60px}.lp-section-desc{color:#cbd5e1;font-size:1.2rem;font-weight:400;line-height:1.6;max-width:500px}.lp-cards-tumble-container{align-items:center;display:flex;height:400px;justify-content:center;max-width:1040px;position:relative;width:100%}.lp-tumble-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#00042899;border:1px solid #3f62b533;border-radius:20px;box-shadow:0 10px 40px #3f62b533,0 4px 20px #0006;color:#e2e8f0;cursor:pointer;display:flex;flex-direction:column;gap:16px;padding:32px;position:absolute;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:280px}.card-icon-circle{align-items:center;background:linear-gradient(135deg,#3f62b51a,#004e921a);border:2px solid #3f62b5;border-radius:50%;color:#3f62b5;display:flex;font-size:20px;height:48px;justify-content:center;transition:all .3s ease;width:48px}.lp-tumble-card h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0;text-align:left}.lp-tumble-card p{color:#cbd5e1;font-size:.95rem;line-height:1.5;margin:0;text-align:left}.card-1{transform:translateX(-260px);z-index:1}.card-1,.card-2{left:46%;top:50px}.card-2{transform:translateX(-100px);z-index:2}.card-3{transform:translateX(60px);z-index:3}.card-3,.card-4{left:46%;top:50px}.card-4{transform:translateX(220px);z-index:4}.lp-tumble-card:hover{background:#000428d9;border:2px solid #3f62b580;box-shadow:0 20px 60px #3f62b566,0 8px 30px #0000004d;transform:translateY(-8px)!important;z-index:15}.lp-tumble-card:hover h3{color:#fff;font-size:1.25rem;font-weight:700}.lp-tumble-card:hover p{color:#f1f5f9;font-size:.98rem;line-height:1.6}.lp-tumble-card:hover .card-icon-circle{background:linear-gradient(135deg,#3f62b54d,#004e924d);border-color:#3f62b599;box-shadow:0 6px 20px #3f62b54d;transform:scale(1.05)}.lp-features{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#00042866,#004e924d 50%,#3f62b566);overflow:hidden;padding:100px 40px;position:relative}.lp-section-center-header{margin-bottom:60px;max-width:800px;text-align:center}.lp-section-center-header h2{color:#fff;font-size:2.8rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:20px;text-shadow:0 2px 10px #3f62b54d}.lp-section-center-header p{color:#cbd5e1;font-size:1.2rem;line-height:1.6}.lp-features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:1200px;width:100%}.lp-feature-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#00042899;border:1px solid #3f62b533;border-radius:20px;box-shadow:0 8px 32px #3f62b526,0 4px 20px #0000004d;cursor:pointer;overflow:hidden;padding:40px 24px;position:relative;text-align:center;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.lp-feature-card:hover{background:#000428cc;border:2px solid #3f62b566;box-shadow:0 16px 50px #3f62b54d,0 6px 25px #0006;transform:translateY(-6px)}.lp-feature-card:hover h3{color:#fff;font-size:1.25rem;font-weight:700;text-shadow:0 2px 6px #3f62b54d}.lp-feature-card:hover p{color:#f1f5f9;font-size:.98rem;line-height:1.6}.lp-feature-image-wrapper{background:linear-gradient(135deg,#3f62b5,#004e92);border:3px solid #fff3;border-radius:50%;box-shadow:0 8px 32px #3f62b533;display:grid;height:90px;margin:0 auto 24px;overflow:hidden;place-items:center;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:90px}.lp-feature-card:hover .lp-feature-image-wrapper{border-color:#3f62b566;box-shadow:0 10px 30px #3f62b566;transform:scale(1.05)}.lp-feature-card h3{color:#fff;font-size:1.2rem;font-weight:600;letter-spacing:-.01em;margin-bottom:16px}.lp-feature-card p{color:#cbd5e1;font-size:.95rem;font-weight:400;line-height:1.6}.lp-mission{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#00042899,#004e9266 50%,#3f62b599);color:#e2e8f0;overflow:hidden;padding:100px 40px;position:relative}.lp-mission .lp-split{align-items:center}.lp-mission .lp-text-content{text-align:left}.lp-mission h2{color:#fff;font-size:3.2rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:28px;text-shadow:0 2px 10px #3f62b54d}.lp-mission p{color:#cbd5e1;font-size:1.3rem;font-weight:400;line-height:1.6}.lp-mission-image-container{border:1px solid #6366f11a;border-radius:24px;box-shadow:0 30px 80px #6366f133,0 15px 40px #0000001a;display:block;max-width:800px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.lp-mission-image-container:after{background:linear-gradient(135deg,#0000001a,#0000004d);border-radius:16px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.lp-mission-image{border-radius:16px;box-shadow:none;display:block;height:auto;width:100%}.lp-mission-image-container:hover{box-shadow:0 35px 80px #3f62b54d,0 18px 40px #0003;transform:translateY(-6px)}.lp-section6{background:linear-gradient(135deg,#000428cc,#004e9299);overflow:hidden;padding:0;position:relative}.lp-section6-image-container{border-radius:0;box-shadow:none;height:100vh;max-width:100%;overflow:hidden;position:relative;width:100%}.lp-section6-image-container:after{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#004e92cc,#3f62b5e6 50%,#000428cc);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.lp-section6-image{display:block;height:100%;object-fit:cover;position:relative;width:100%;z-index:0}.lp-section6-content{color:#fff;left:50%;max-width:800px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%;z-index:2}.lp-section6-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f8fafc);-webkit-background-clip:text;background-clip:text;font-size:2.4rem;font-weight:800;letter-spacing:-.02em;line-height:1.3;margin-bottom:32px;text-shadow:0 4px 20px #0006}.lp-btn-journey{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:2px solid #3f62b566;border-radius:16px;box-shadow:0 12px 40px #0006;color:#004e92;font-size:1.1rem;font-weight:700;padding:18px 36px;transition:all .3s ease}.lp-btn-journey:hover{background:linear-gradient(135deg,#fffffff2,#f8fafce6);border-color:#3f62b599;box-shadow:0 20px 60px #3f62b566;color:#000428;transform:translateY(-2px)}@media (max-width:768px){.lp-section6-title{font-size:1.6rem}}.lp-security{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#00042866,#004e924d 50%,#3f62b566);overflow:hidden;padding:100px 40px;position:relative;text-align:center}.lp-security-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);margin-bottom:60px;max-width:800px}.lp-security-box{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#000428cc,#004e9299 50%,#3f62b533);border:1px solid #3f62b54d;border-radius:24px;box-shadow:0 20px 60px #3f62b54d,0 10px 40px #0006;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:220px;overflow:hidden;padding:48px;position:relative;text-align:center}.lp-sec-icon,.lp-security-box{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.lp-sec-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:2.5rem}.lp-security-box:hover{background:linear-gradient(135deg,#000428d9,#004e92a6 50%,#3f62b540);border:2px solid #3f62b580;box-shadow:0 20px 60px #3f62b566,0 10px 35px #0006;transform:translateY(-4px)}.lp-security-box:hover .lp-sec-icon{filter:drop-shadow(0 4px 8px rgba(63,98,181,.3));transform:scale(1.08)}.lp-security-box:hover h3{color:#fff;font-size:1.15rem;font-weight:700;text-shadow:0 2px 6px #3f62b54d}.lp-footer-text{color:#cbd5e1;font-size:1.1rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:700px}.initial-state{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.animate{opacity:1;transform:translateY(0)}.slide-up{transform:translateY(30px)}.animate.slide-up{transform:translateY(0)}.zoom-in{transform:scale(.9)}.animate.zoom-in{transform:scale(1)}.slide-right{transform:translateX(-50px)}.animate.slide-right{transform:translateX(0)}.slide-left{transform:translateX(50px)}.animate.slide-left{transform:translateX(0)}.pop-up{transform:scale(.8)}.animate.pop-up{transform:scale(1)}@keyframes fan-1{0%{opacity:0;transform:translateX(0) rotate(0)}to{opacity:1;transform:translateX(-260px) rotate(-10deg)}}@keyframes fan-2{0%{opacity:0;transform:translateX(0) rotate(0)}to{opacity:1;transform:translateX(-100px) rotate(-3deg)}}@keyframes fan-3{0%{opacity:0;transform:translateX(0) rotate(0)}to{opacity:1;transform:translateX(60px) rotate(3deg)}}@keyframes fan-4{0%{opacity:0;transform:translateX(0) rotate(0)}to{opacity:1;transform:translateX(220px) rotate(10deg)}}.animate.tumble-in-1{animation:fan-1 .8s ease-out forwards}.animate.tumble-in-2{animation:fan-2 .8s ease-out .2s forwards}.animate.tumble-in-3{animation:fan-3 .8s ease-out .4s forwards}.animate.tumble-in-4{animation:fan-4 .8s ease-out .6s forwards}@media (prefers-reduced-motion:reduce){.lp-tumble-card{transition:none}.lp-tumble-card:hover{box-shadow:0 4px 15px #0000001a;z-index:auto}.card-1:hover{transform:translateX(-260px) rotate(-10deg)}.card-2:hover{transform:translateX(-100px) rotate(-3deg)}.card-3:hover{transform:translateX(60px) rotate(3deg)}.card-4:hover{transform:translateX(220px) rotate(10deg)}}.flip-in-x{transform:perspective(400px) rotateX(90deg)}.animate.flip-in-x{transform:perspective(400px) rotateX(0);transition:transform .6s ease-out,opacity .6s}.flip-in-y{transform:perspective(400px) rotateY(90deg)}.animate.flip-in-y{transform:perspective(400px) rotateY(0);transition:transform .6s ease-out,opacity .6s}@media (max-width:1280px){.lp-section{padding:80px 30px}.lp-hero-title{font-size:2.8rem}.lp-section-header{font-size:2.4rem}.lp-problem .lp-container{padding:32px 40px}.lp-navbar{padding:18px 30px}}@media (max-width:1024px){.lp-section{padding:70px 24px}.lp-hero-title{font-size:2.4rem}.lp-section-header{font-size:2.2rem}.lp-split{gap:40px}.lp-navbar{min-height:65px;padding:14px 24px}.lp-logo .logo-image{max-height:55px}.lp-problem .lp-container{padding:28px 32px}.lp-cards-tumble-container{height:360px;max-width:860px}.lp-tumble-card{width:220px}.card-1{transform:translateX(-220px) rotate(-10deg)}.card-2{transform:translateX(-80px) rotate(-3deg)}.card-3{transform:translateX(60px) rotate(3deg)}.card-4{transform:translateX(200px) rotate(10deg)}.lp-mission h2{font-size:2.6rem}.lp-section6-image-container{height:80vh}.lp-nav-actions{gap:12px}.lp-btn{font-size:.9rem;padding:8px 20px}}@media (max-width:768px){.lp-hero-title{font-size:2rem;line-height:1.3;text-shadow:0 2px 8px #3b82f666}.lp-split{flex-direction:column;gap:40px}.lp-navbar{background:#0f172ae6;flex-wrap:nowrap;min-height:60px;padding:12px 16px}.lp-logo .logo-image{filter:drop-shadow(0 1px 4px rgba(59,130,246,.4));max-height:30px;width:140px}.lp-nav-actions{gap:12px}.lp-btn{font-size:.9rem;min-height:44px;padding:12px 20px}.lp-section{padding:60px 20px}.lp-problem .lp-container{background:#0f172a99;border-radius:16px;padding:30px 24px}.lp-cards-tumble-container{display:flex;flex-direction:column;gap:24px;height:auto;width:100%}.lp-tumble-card{background:#0f172ab3;border-radius:16px;margin:0;padding:24px;position:static;transform:none!important;width:100%}.animate.tumble-in-1,.animate.tumble-in-2,.animate.tumble-in-3,.animate.tumble-in-4{animation:none;opacity:1;transform:none}.lp-security-grid{gap:20px;grid-template-columns:1fr}.lp-security-box{background:#0f172acc;border-radius:16px;min-height:180px;padding:32px 24px}.lp-mission h2{font-size:2rem;line-height:1.2;text-shadow:0 2px 8px #3b82f666}.lp-mission p{color:#e2e8f0;font-size:1.1rem;line-height:1.6}.lp-section6-image-container{height:70vh}.lp-section6-title{font-size:1.8rem;margin-bottom:24px}.lp-btn-journey{font-size:1rem;padding:16px 28px}.lp-features-grid{gap:24px;grid-template-columns:1fr}.lp-feature-card{background:#0f172ab3;padding:32px 20px}.lp-hero-buttons{align-items:center;flex-direction:column;gap:16px}.lp-hero-buttons .lp-btn{max-width:280px;width:100%}.lp-section-header{color:#fff;font-size:2.2rem;text-shadow:0 2px 8px #3b82f666}.lp-section-desc{color:#e2e8f0}.lp-section-center-header h2{font-size:2.2rem;text-shadow:0 2px 8px #3b82f666}.lp-section-center-header p{color:#e2e8f0}}@media (max-width:480px){.lp-hero-title{font-size:1.6rem}.lp-navbar{flex-wrap:wrap;gap:8px;justify-content:center;min-height:auto;padding:12px 16px}.lp-logo{margin-bottom:8px;order:1}.lp-logo,.lp-nav-actions{justify-content:center;width:100%}.lp-nav-actions{gap:12px;order:2}.lp-btn{font-size:.85rem;max-width:140px;padding:10px 16px;width:100%}.lp-section-header{font-size:1.6rem}.lp-section-desc{font-size:1rem}.lp-hero-buttons{align-items:center;flex-direction:column;gap:12px}.lp-section6-image-container{height:50vh}.lp-tumble-card{padding:20px}.lp-feature-card,.lp-security-box{padding:30px 20px}.lp-security-box{min-height:160px}}.terms-root{background:#f4f6fb;display:flex;flex-direction:column;min-height:100vh}.terms-navbar{align-items:center;background:#4a69bd;color:#fff;display:flex;justify-content:space-between;min-height:120px;padding:16px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.terms-logo img{display:block;height:auto;max-height:120px;object-fit:contain;width:auto}.terms-hero{height:200px;overflow:hidden;position:relative}.terms-hero-gradient{align-items:center;background:linear-gradient(135deg,#0f172a,#29499d 50%,#4a69bd);display:flex;height:100%;justify-content:center;padding:0 32px}.terms-hero h1{color:#fff;font-size:64px;font-weight:700;margin:0;text-align:center}.terms-content{align-items:center;display:flex;flex-direction:column;padding:40px 0}.terms-scroll{background:#0000;border:none;border-radius:0;box-shadow:none;max-width:960px;overflow-y:auto;padding:40px 80px;scrollbar-color:#0003 #0000001a;scrollbar-width:thin;width:100%}.terms-scroll::-webkit-scrollbar{width:8px}.terms-scroll::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.terms-scroll::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}.terms-scroll::-webkit-scrollbar-thumb:hover{background:#00000080}.terms-subheader{color:#1a1a1a;font-size:26px;font-weight:700;line-height:1.4;margin:32px 0 12px;text-align:left}.terms-subheader:first-child{margin-top:0}.terms-body-text{color:#4a5568;font-size:17px;line-height:1.8;margin:0 0 16px;text-align:justify}.terms-list{list-style:none;margin:0 0 16px;padding-left:0}.terms-list li{color:#4a5568;font-size:17px;line-height:1.8;margin-bottom:12px;padding-left:24px;position:relative;text-align:justify}.terms-list li:before{color:#4a69bd;content:"•";font-size:18px;font-weight:700;left:0;position:absolute}.terms-callout{align-items:center;background:linear-gradient(135deg,#29499d,#4a69bd);border:none;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;gap:16px;justify-content:space-between;margin:24px 0;padding:20px 24px}.terms-callout-text{color:#fff;font-size:16px;font-weight:500}.terms-accept-btn{background:#fff;border:none;border-radius:8px;box-shadow:0 4px 12px #0003;color:#29499d;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.terms-accept-btn:hover{background:#f8f9fa;box-shadow:0 6px 16px #0000004d;transform:translateY(-2px)}.terms-nested-section{margin-bottom:24px;margin-left:40px;margin-top:16px}.terms-nested-title{color:#1a1a1a;font-size:20px;font-weight:700;line-height:1.4;margin:24px 0 10px;text-align:left}.terms-nested-text{color:#4a5568;font-size:15px;line-height:1.8;margin:0 0 14px;text-align:justify}.terms-nested-list{list-style:none;margin:0 0 14px;padding-left:0}.terms-nested-list li{color:#4a5568;font-size:15px;line-height:1.8;margin-bottom:10px;padding-left:24px;position:relative;text-align:justify}.terms-nested-list li:before{color:#4a69bd;content:"•";font-size:16px;font-weight:700;left:0;position:absolute}@media (max-width:1280px){.terms-scroll{max-width:880px;padding:40px 60px}}@media (max-width:1024px){.terms-navbar{min-height:90px;padding:12px 24px}.terms-logo img{max-height:80px}.terms-scroll{max-width:100%;padding:32px 48px}.terms-hero h1{font-size:52px}}@media (max-width:768px){.terms-navbar{min-height:70px;padding:10px 16px}.terms-logo img{max-height:60px}.terms-hero{height:160px}.terms-hero h1{font-size:40px}.terms-scroll{padding:24px 28px}.terms-subheader{font-size:22px}.terms-body-text,.terms-list li{font-size:15px}.terms-callout{flex-direction:column;text-align:center}.terms-nested-section{margin-left:20px}}@media (max-width:480px){.terms-hero h1{font-size:30px}.terms-scroll{padding:20px 16px}.terms-subheader{font-size:18px}.terms-body-text,.terms-list li{font-size:14px}.terms-nested-section{margin-left:12px}.terms-accept-btn{text-align:center;width:100%}}.terms-bottom-bar{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-top-left-radius:16px;border-top-right-radius:16px;bottom:0;box-shadow:0 -4px 20px #00000026;left:0;opacity:0;padding:20px 32px;pointer-events:none;position:fixed;right:0;transform:translateY(100%);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.terms-bottom-bar.visible{opacity:1;pointer-events:all;transform:translateY(0)}.terms-bottom-bar-content{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1200px}.terms-bottom-bar-text{color:#fff;flex:1 1;font-size:16px;font-weight:500;line-height:1.5}.terms-bottom-bar-actions{align-items:center;display:flex;gap:16px}.terms-decline-btn{background:#0000;border:2px solid #fffc;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:100px;padding:12px 24px;transition:all .25s ease}.terms-decline-btn:hover{background:#ffffff1a;border-color:#fff;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.terms-accept-bottom-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 12px #2563eb4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:100px;padding:12px 24px;transition:all .25s ease}.terms-accept-bottom-btn:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 6px 16px #2563eb66;transform:translateY(-1px)}@media (max-width:1024px){.terms-bottom-bar-content{flex-direction:column;gap:16px;text-align:center}.terms-bottom-bar-text{font-size:15px}.terms-bottom-bar-actions{justify-content:center;width:100%}}@media (max-width:768px){.terms-bottom-bar{padding:16px 20px}.terms-bottom-bar-text{font-size:14px;line-height:1.4}.terms-accept-bottom-btn,.terms-decline-btn{font-size:14px;min-width:80px;padding:10px 20px}}@media (max-width:480px){.terms-bottom-bar{padding:12px 16px}.terms-bottom-bar-text{font-size:13px}.terms-bottom-bar-actions{flex-direction:column;gap:12px;width:100%}.terms-accept-bottom-btn,.terms-decline-btn{padding:12px 20px;width:100%}}.terms-actions-container{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-radius:12px;box-shadow:0 4px 16px #0000001a;margin-top:32px;opacity:0;padding:24px;pointer-events:none;transform:scale(.8);transition:all .5s cubic-bezier(.34,1.56,.64,1)}.terms-actions-container.visible{opacity:1;pointer-events:all;transform:scale(1)}.terms-actions-text{color:#fff;font-size:15px;font-weight:500;line-height:1.6;margin-bottom:20px;text-align:left}.terms-actions-buttons{display:flex;gap:16px;justify-content:flex-end}@media (max-width:768px){.terms-actions-container{padding:20px}.terms-actions-text{font-size:14px}.terms-actions-buttons{flex-direction:column;justify-content:center}}.article-page-container{background:#fff;display:flex;flex-direction:column;min-height:100vh}.article-page-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.article-back-button{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.article-back-button:hover{background:#f1f1f1;transform:translateY(-1px)}.article-play-button{align-items:center;background:#4a90e2;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.article-play-button:hover{background:#357abd;transform:translateY(-1px)}.article-page-actions{display:flex;gap:12px}.article-action-button{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.article-action-button:hover{background:#f1f1f1;transform:translateY(-1px)}.article-action-button.bookmarked{background:#e8f4fd;color:#4a90e2}.article-page-container{overflow-x:hidden}.article-page-content-wrapper{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:48px;margin:0 auto;max-width:1400px;padding:40px 24px;width:100%}.article-page-content{flex:1 1 650px;line-height:1.6;min-width:0;text-align:left}.article-page-related-articles{flex:1 1 300px;min-width:0;text-align:left}.related-articles-header{color:#1e293b;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0 0 20px}.related-articles-list{display:flex;flex-direction:column;gap:16px}.related-article-item{border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;gap:12px;padding:16px 0;transition:all .3s ease}.related-article-item:hover{border-bottom-color:#cbd5e1;padding-left:8px}.related-article-item:last-child{border-bottom:none}.related-article-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.related-article-category{color:#333;font-size:10px;font-weight:700;letter-spacing:.5px}.related-article-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;display:-webkit-box;font-size:15px;font-weight:600;letter-spacing:-.1px;line-height:1.4;margin:0;overflow:hidden;text-align:left;transition:color .3s ease}.related-article-item:hover .related-article-title{color:#3f62b5}.related-article-read-time{color:#999;font-size:10px;font-weight:500;margin:0}.related-article-image{border-radius:8px;box-shadow:0 2px 6px #0000001a;flex-shrink:0;height:50px;overflow:hidden;transition:transform .3s ease;width:70px}.related-article-item:hover .related-article-image{transform:scale(1.05)}.related-article-image img{height:100%;object-fit:cover;width:100%}.article-page-category-badge{background:#4a90e2;border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:20px;padding:6px 12px;text-transform:uppercase}.article-page-title{color:#2c3e50;font-size:32px;font-weight:700;line-height:1.2;margin:0 0 20px;text-align:left}.article-page-meta{color:#6c757d;display:flex;font-size:14px;gap:20px;justify-content:flex-start;margin-bottom:30px}.article-page-meta-item{align-items:center;display:flex;gap:6px}.article-page-meta-icon{font-size:16px}.article-page-image-container{border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:30px 0;max-height:300px;overflow:hidden}.article-page-image{display:block;height:auto;object-fit:cover;width:100%}.article-page-body{margin-top:40px;overflow-x:hidden}.article-page-body img{display:block;height:auto;max-width:100%}.article-page-paragraph{color:#2c3e50;font-size:16px;line-height:1.8;margin-bottom:20px;text-align:justify}.article-page-paragraph:last-child{margin-bottom:0}.article-share-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.article-share-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;text-align:left;width:90%}.article-share-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.article-share-modal-title{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.article-share-modal-close{align-items:center;background:#f8f9fa;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s ease;width:32px}.article-share-modal-close:hover{background:#e9ecef}.article-share-content-preview{margin-bottom:20px}.article-share-preview-title{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 8px}.article-share-preview-description{color:#6c757d;font-size:14px;line-height:1.4;margin:0}.article-share-url-section{margin-top:20px}.article-share-url-label{color:#2c3e50;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.article-share-url-box{display:flex;gap:8px}.article-share-url-input{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;flex:1 1;font-size:14px;padding:10px 12px}.article-share-copy-button{background:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background .2s ease}.article-share-copy-button:hover{background:#357abd}.article-share-copy-button.copied{background:#28a745}.article-share-copy-button.copied:hover{background:#218838}.speech-control-bar{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;bottom:20px;box-shadow:0 8px 32px #0003;padding:16px;position:fixed;right:20px;width:320px;z-index:2000}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.speech-control-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.speech-user-info{align-items:center;display:flex;gap:8px}.speech-avatar{border-radius:50%;height:32px;overflow:hidden;width:32px}.speech-avatar img{height:100%;object-fit:cover;width:100%}.speech-user-details{display:flex;flex-direction:column;font-size:12px}.speech-user-trait{color:#2c3e50;font-weight:600}.speech-user-name{color:#6c757d}.speech-close-button{align-items:center;background:#f8f9fa;border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;transition:background .2s ease;width:24px}.speech-close-button:hover{background:#e9ecef}.speech-title{margin-bottom:12px}.speech-title h4{color:#2c3e50;font-size:14px;font-weight:600;line-height:1.3;margin:0}.speech-progress-container{align-items:center;display:flex;gap:8px;margin-bottom:12px}.speech-time-current,.speech-time-remaining{color:#6c757d;font-size:11px;font-weight:500;min-width:35px}.speech-progress-bar{background:#e9ecef;border-radius:2px;cursor:pointer;flex:1 1;height:4px;overflow:hidden;transition:height .2s ease}.speech-progress-bar:hover{height:6px}.speech-progress-bar.clickable:hover{background:#dee2e6}.speech-progress-fill{background:#4a90e2;border-radius:2px;cursor:pointer;height:100%;transition:width .1s ease}.speech-controls{gap:12px}.speech-control-button,.speech-controls{align-items:center;display:flex;justify-content:center}.speech-control-button{background:#f8f9fa;border:none;border-radius:50%;cursor:pointer;height:36px;transition:all .2s ease;width:36px}.speech-control-button:hover{background:#e9ecef;transform:scale(1.05)}.speech-play-button{align-items:center;background:#4a90e2;border:none;border-radius:50%;box-shadow:0 2px 8px #4a90e24d;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.speech-play-button:hover{background:#357abd;box-shadow:0 4px 12px #4a90e266;transform:scale(1.05)}.speech-rate-button{background:#f8f9fa;border:none;border-radius:16px;color:#2c3e50;cursor:pointer;font-size:11px;font-weight:600;padding:6px 10px;transition:all .2s ease}.speech-rate-button:hover{background:#e9ecef}.article-font-button{align-items:center;background:#d8d8d8;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.article-font-button:hover{background:#f1f1f1;transform:translateY(-1px)}.article-font-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.article-font-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;max-height:90vh;max-width:400px;overflow:hidden;padding:0;width:90%}.article-font-modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px 24px}.article-font-modal-title{color:#1f2937;font-size:18px;font-weight:600;margin:0}.article-font-modal-close{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.article-font-modal-close:hover{background:#e5e7eb;color:#374151}.article-font-content{padding:24px}.font-size-slider-container{display:flex;flex-direction:column;gap:16px}.font-size-labels{align-items:center;display:flex;justify-content:space-between;padding:0 4px}.font-size-label{color:#6b7280;font-size:12px;font-weight:500}.font-size-slider{-webkit-appearance:none;appearance:none;background:#e5e7eb;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.font-size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4a90e2;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.font-size-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 8px #4a90e266;transform:scale(1.1)}.font-size-slider::-moz-range-thumb{background:#4a90e2;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;-moz-transition:all .2s ease;transition:all .2s ease;width:20px}.font-size-slider::-moz-range-thumb:hover{box-shadow:0 4px 8px #4a90e266;transform:scale(1.1)}.font-size-preview{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;padding:16px;text-align:center}.font-size-preview span{color:#374151;font-weight:500;transition:font-size .1s ease}.article-page-engagement-metrics{color:#6c757d;display:flex;font-size:14px;gap:24px;margin-bottom:16px}.article-page-engagement-metric{align-items:center;display:flex;gap:6px}.article-dropdown-container{position:relative}.article-dropdown-menu{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;margin-top:8px;min-width:180px;padding:8px 0;position:absolute;right:0;top:100%;z-index:200}.article-dropdown-item{align-items:center;background:none;border:none;color:#2c3e50;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:background .15s ease;width:100%}.article-dropdown-item:hover{background:#f8f9fa}.article-share-social-section{margin-bottom:20px}.article-share-social-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.article-share-social-button{align-items:center;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;transition:all .2s ease;width:48px}.article-share-social-button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-3px)}.article-share-social-button:active{transform:translateY(0)}.article-share-facebook{background:#1877f2}.article-share-facebook:hover{background:#166fe5}.article-share-messenger{background:#0084ff}.article-share-messenger:hover{background:#0073e6}.article-share-twitter{background:#000}.article-share-twitter:hover{background:#333}.article-share-instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.article-share-instagram:hover{background:linear-gradient(45deg,#e68a2e,#db5e36 25%,#d1233d 50%,#c11f5e 75%,#b1167d)}.article-share-whatsapp{background:#25d366}.article-share-whatsapp:hover{background:#1fb855}.article-share-telegram{background:#08c}.article-share-telegram:hover{background:#0077b3}@media (max-width:576px){.article-share-social-buttons{gap:12px}.article-share-social-button{font-size:20px;height:44px;width:44px}}
/*# sourceMappingURL=main.69cc1a5b.css.map*/