body{font-family:Poppins,sans-serif;margin:0;padding:0;overflow-x:hidden}.login-page-container{font-family:Poppins,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#69804759,#55683659);position:relative;overflow-x:hidden;overflow-y:auto;padding:2rem 1rem;color:#e2e8f0}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-container{position:relative;z-index:1;width:100%;max-width:900px;margin:0 auto;padding:1.5rem 1rem;min-height:auto}.login-wrapper{display:grid;grid-template-columns:1fr 1fr;background:#698047;-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border-radius:24px;box-shadow:0 25px 70px #00000059;overflow:hidden;animation:slideUp .8s ease;border:1px solid rgba(255,255,255,.18);position:relative}.login-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#69804726,#5568361a);pointer-events:none;z-index:0}.login-wrapper>*{position:relative;z-index:1}.login-left{background:#fff;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--dark);position:relative;overflow:hidden;border-right:1px solid rgba(226,232,240,.5)}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.login-left-content{position:relative;z-index:1;text-align:center}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-left h1{font-size:1.75rem;font-weight:800;margin-bottom:.75rem;color:#000}.login-left p{font-size:.95rem;color:#000;line-height:1.5}.login-right{padding:2.5rem;display:flex;flex-direction:column;justify-content:center;min-height:100%;overflow-y:auto;background:#ffffff0a}.login-header{text-align:center;margin-bottom:2rem}.login-header h2{font-size:1.75rem;font-weight:700;color:#f8fafc;margin-bottom:.5rem}.login-header p{color:#ffffffb3;font-size:.9rem}.login-right .form-group{margin-bottom:1.25rem;position:relative}.login-right .form-label{font-weight:600;color:#e2e8f0;margin-bottom:.75rem;display:block;font-size:.9rem}.login-right .input-wrapper{position:relative}.login-right .input-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#ffffffa6;font-size:1.1rem;z-index:1;transition:color .3s}.login-right .input-wrapper.has-error .input-icon{color:#ffffffa6}.login-right .form-control{width:100%;padding:.875rem .875rem .875rem 3rem;border:1px solid rgba(255,255,255,.25);border-radius:12px;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffff14;font-family:Poppins,sans-serif;color:#f8fafc}.login-right .form-control:focus{outline:none;border-color:#698047cc;background:#ffffff1f;box-shadow:0 0 0 4px #69804733,0 6px 18px #69804740;transform:translateY(-2px);color:#fff}.login-right .form-control:hover{border-color:#ffffff59;background:#ffffff1f}.login-right .form-control::placeholder{color:#ffffffa6}.login-right .form-control.error{border-color:#ffffff40;border-width:1px;background:#ffffff14;color:#fff}.login-right .form-control.error:focus{border-color:#698047cc;box-shadow:0 0 0 4px #69804733,0 6px 18px #69804740;background:#ffffff1f}.login-right .form-control.error::placeholder{color:#ffffff80}.login-right .error-message{display:flex;align-items:center;gap:.5rem;color:#f44;font-size:.875rem;margin-top:.5rem;font-weight:600;padding-left:.5rem;animation:slideDown .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.2)}.login-right .error-message:before{content:"⚠";font-size:1rem;color:#f44;font-weight:700}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.85rem}.remember-me{display:flex;align-items:center;gap:.5rem;color:#ffffffbf}.remember-me input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#6366f1}.forgot-password{color:#cbd5ff;text-decoration:none;font-weight:600;transition:color .3s}.forgot-password:hover{color:#e0e7ff}.btn-login{width:100%;padding:.875rem;background:linear-gradient(135deg,#698047,#556836);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 12px 28px #69804759;position:relative;overflow:hidden;letter-spacing:.3px}.btn-login:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-login:hover:before{width:300px;height:300px}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 25px #69804780}.btn-login:active{transform:translateY(0)}.btn-login span{position:relative;z-index:1}@media(max-width:992px){.login-page-container{align-items:flex-start;padding:1rem}.login-wrapper{grid-template-columns:1fr;min-height:auto}.login-left{display:none}.login-right{padding:2rem 1.5rem;min-height:auto}.login-container{padding:0}}@media(max-width:576px){.login-page-container{padding:.5rem}.login-container{padding:0}.login-wrapper{border-radius:20px}.login-right{padding:1.75rem 1.25rem}.login-header h2{font-size:1.5rem}.login-left{padding:2rem 1.5rem}.form-group{margin-bottom:1rem}}@media(max-height:700px){.login-page-container{align-items:flex-start;padding:1rem}.login-wrapper{margin:1rem 0}.login-right{padding:2rem}}.change-password-page-container{font-family:Poppins,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#69804759,#55683659);position:relative;overflow-x:hidden;overflow-y:auto;padding:2rem 1rem;color:#e2e8f0}.change-password-container{position:relative;z-index:1;width:100%;max-width:900px;margin:0 auto;padding:1.5rem 1rem;min-height:auto}.change-password-wrapper{display:grid;grid-template-columns:1fr 1fr;background:#698047;-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border-radius:24px;box-shadow:0 25px 70px #00000059;overflow:hidden;animation:slideUp .8s ease;border:1px solid rgba(255,255,255,.18);position:relative}.change-password-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#69804726,#5568361a);pointer-events:none;z-index:0}.change-password-wrapper>*{position:relative;z-index:1}.change-password-left{background:#fff;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--dark);position:relative;overflow:hidden;border-right:1px solid rgba(226,232,240,.5)}.change-password-left-content{position:relative;z-index:1;text-align:center}.change-password-left h1{font-size:1.75rem;font-weight:800;margin-bottom:.75rem;color:#000}.change-password-left p{font-size:.95rem;color:#000;line-height:1.5}.change-password-right{padding:2.5rem;display:flex;flex-direction:column;justify-content:center;min-height:100%;overflow-y:auto;background:#ffffff0a}.change-password-header{text-align:center;margin-bottom:2rem}.change-password-header h2{font-size:1.75rem;font-weight:700;color:#f8fafc;margin-bottom:.5rem}.change-password-header p{color:#ffffffb3;font-size:.9rem}.input-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#ffffffa6;font-size:1.1rem;z-index:1}@media(max-width:992px){.change-password-page-container{align-items:flex-start;padding:1rem}.change-password-wrapper{grid-template-columns:1fr;min-height:auto}.change-password-left{display:none}.change-password-right{padding:2rem 1.5rem;min-height:auto}.change-password-container{padding:0}}@media(max-width:576px){.change-password-page-container{padding:.5rem}.change-password-container{padding:0}.change-password-wrapper{border-radius:20px}.change-password-right{padding:1.75rem 1.25rem}.change-password-header h2{font-size:1.5rem}.form-group{margin-bottom:1rem}.form-actions{flex-direction:column}.btn-submit,.btn-cancel{width:100%}}@media(max-height:700px){.change-password-page-container{align-items:flex-start;padding:1rem}.change-password-wrapper{margin:1rem 0}.change-password-right{padding:2rem}}.forgot-password-page-container{font-family:Poppins,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#69804759,#55683659);position:relative;overflow-x:hidden;overflow-y:auto;padding:2rem 1rem;color:#e2e8f0}.forgot-password-container{position:relative;z-index:1;width:100%;max-width:900px;margin:0 auto;padding:1.5rem 1rem;min-height:auto}.forgot-password-wrapper{display:grid;grid-template-columns:1fr 1fr;background:#698047;-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border-radius:24px;box-shadow:0 25px 70px #00000059;overflow:hidden;animation:slideUp .8s ease;border:1px solid rgba(255,255,255,.18);position:relative}.forgot-password-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#69804726,#5568361a);pointer-events:none;z-index:0}.forgot-password-wrapper>*{position:relative;z-index:1}.forgot-password-left{background:#fff;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--dark);position:relative;overflow:hidden;border-right:1px solid rgba(226,232,240,.5)}.forgot-password-left-content{position:relative;z-index:1;text-align:center}.forgot-password-left h1{font-size:1.75rem;font-weight:800;margin-bottom:.75rem;color:#000}.forgot-password-left p{font-size:.95rem;color:#000;line-height:1.5}.forgot-password-right{padding:2.5rem;display:flex;flex-direction:column;justify-content:center;min-height:100%;overflow-y:auto;background:#ffffff0a}.forgot-password-header{text-align:center;margin-bottom:2rem}.forgot-password-header h2{font-size:1.75rem;font-weight:700;color:#f8fafc;margin-bottom:.5rem}.forgot-password-header p{color:#ffffffb3;font-size:.9rem}@media(max-width:992px){.forgot-password-page-container{align-items:flex-start;padding:1rem}.forgot-password-wrapper{grid-template-columns:1fr;min-height:auto}.forgot-password-left{display:none}.forgot-password-right{padding:2rem 1.5rem;min-height:auto}.forgot-password-container{padding:0}}@media(max-width:576px){.forgot-password-page-container{padding:.5rem}.forgot-password-container{padding:0}.forgot-password-wrapper{border-radius:20px}.forgot-password-right{padding:1.75rem 1.25rem}.forgot-password-header h2{font-size:1.5rem}.form-group{margin-bottom:1rem}.form-actions{flex-direction:column}.btn-submit,.btn-cancel{width:100%}}@media(max-height:700px){.forgot-password-page-container{align-items:flex-start;padding:1rem}.forgot-password-wrapper{margin:1rem 0}.forgot-password-right{padding:2rem}}.verify-otp-page-container{font-family:Poppins,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#69804759,#55683659);position:relative;overflow-x:hidden;overflow-y:auto;padding:2rem 1rem;color:#e2e8f0}.verify-otp-container{position:relative;z-index:1;width:100%;max-width:900px;margin:0 auto;padding:1.5rem 1rem;min-height:auto}.verify-otp-wrapper{display:grid;grid-template-columns:1fr 1fr;background:#698047;-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border-radius:24px;box-shadow:0 25px 70px #00000059;overflow:hidden;animation:slideUp .8s ease;border:1px solid rgba(255,255,255,.18);position:relative}.verify-otp-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#69804726,#5568361a);pointer-events:none;z-index:0}.verify-otp-wrapper>*{position:relative;z-index:1}.verify-otp-left{background:#fff;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--dark);position:relative;overflow:hidden;border-right:1px solid rgba(226,232,240,.5)}.verify-otp-left-content{position:relative;z-index:1;text-align:center}.verify-otp-left h1{font-size:1.75rem;font-weight:800;margin-bottom:.75rem;color:#000}.verify-otp-left p{font-size:.95rem;color:#000;line-height:1.5}.verify-otp-right{padding:2.5rem;display:flex;flex-direction:column;justify-content:center;min-height:100%;overflow-y:auto;background:#ffffff0a}.verify-otp-header{text-align:center;margin-bottom:2rem}.verify-otp-header h2{font-size:1.75rem;font-weight:700;color:#f8fafc;margin-bottom:.5rem}.verify-otp-header p{color:#ffffffb3;font-size:.9rem}@media(max-width:992px){.verify-otp-page-container{align-items:flex-start;padding:1rem}.verify-otp-wrapper{grid-template-columns:1fr;min-height:auto}.verify-otp-left{display:none}.verify-otp-right{padding:2rem 1.5rem;min-height:auto}.verify-otp-container{padding:0}}@media(max-width:576px){.verify-otp-page-container{padding:.5rem}.verify-otp-container{padding:0}.verify-otp-wrapper{border-radius:20px}.verify-otp-right{padding:1.75rem 1.25rem}.verify-otp-header h2{font-size:1.5rem}.form-group{margin-bottom:1rem}.form-actions{flex-direction:column}.btn-submit,.btn-cancel{width:100%}}@media(max-height:700px){.verify-otp-page-container{align-items:flex-start;padding:1rem}.verify-otp-wrapper{margin:1rem 0}.verify-otp-right{padding:2rem}}.reset-password-page-container{font-family:Poppins,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#69804759,#55683659);position:relative;overflow-x:hidden;overflow-y:auto;padding:2rem 1rem;color:#e2e8f0}.bg-shapes{position:absolute;width:100%;height:100%;overflow:hidden;z-index:0}.shape{position:absolute;border-radius:50%;opacity:.1;animation:float 20s infinite}.shape-1{width:300px;height:300px;background:#ffffff1f;top:-100px;left:-100px;animation-delay:0s}.shape-2{width:200px;height:200px;background:#ffffff1a;bottom:-50px;right:-50px;animation-delay:5s}.shape-3{width:150px;height:150px;background:#ffffff14;top:50%;right:10%;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.reset-password-container{position:relative;z-index:1;width:100%;max-width:900px;margin:0 auto;padding:1.5rem 1rem;min-height:auto}.reset-password-wrapper{display:grid;grid-template-columns:1fr 1fr;background:#698047;-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border-radius:24px;box-shadow:0 25px 70px #00000059;overflow:hidden;animation:slideUp .8s ease;border:1px solid rgba(255,255,255,.18);position:relative}.reset-password-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#69804726,#5568361a);pointer-events:none;z-index:0}.reset-password-wrapper>*{position:relative;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reset-password-left{background:#fff;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--dark);position:relative;overflow:hidden;border-right:1px solid rgba(226,232,240,.5)}.reset-password-left-content{position:relative;z-index:1;text-align:center}.reset-password-left h1{font-size:1.75rem;font-weight:800;margin-bottom:.75rem;color:#000}.reset-password-left p{font-size:.95rem;color:#000;line-height:1.5}.reset-password-right{padding:2.5rem;display:flex;flex-direction:column;justify-content:center;min-height:100%;overflow-y:auto;background:#ffffff0a}.reset-password-header{text-align:center;margin-bottom:2rem}.reset-password-header h2{font-size:1.75rem;font-weight:700;color:#f8fafc;margin-bottom:.5rem}.reset-password-header p{color:#ffffffb3;font-size:.9rem}.form-group{margin-bottom:1.25rem;position:relative}.form-label{font-weight:600;color:#e2e8f0;margin-bottom:.75rem;display:block;font-size:.9rem}.input-wrapper{position:relative}.input-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#ffffffa6;font-size:1.1rem;z-index:1;transition:color .3s}.input-wrapper.has-error .input-icon{color:#f44!important}.form-control{width:100%;padding:.875rem .875rem .875rem 3rem;border:1px solid rgba(255,255,255,.25);border-radius:12px;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffff14;font-family:Poppins,sans-serif;color:#f8fafc}.form-control:focus{outline:none;border-color:#698047cc;background:#ffffff1f;box-shadow:0 0 0 4px #69804733,0 6px 18px #69804740;transform:translateY(-2px);color:#fff}.form-control:hover{border-color:#ffffff59;background:#ffffff1f}.form-control::placeholder{color:#ffffffa6}.form-control.error{border-color:#ffffff40;border-width:1px;background:#ffffff14;color:#fff}.form-control.error:focus{border-color:#698047cc;box-shadow:0 0 0 4px #69804733,0 6px 18px #69804740;background:#ffffff1f}.form-control.error::placeholder{color:#ffffff80}.password-toggle{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:1.1rem;transition:color .3s;z-index:1}.password-toggle:hover{color:#cbd5ff}.error-message{display:flex;align-items:center;gap:.5rem;color:#f44;font-size:.875rem;margin-top:.5rem;font-weight:600;padding-left:.5rem;animation:slideDown .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.2)}.error-message:before{content:"⚠";font-size:1rem;color:#f44;font-weight:700}.form-hint{display:block;color:#fff9;font-size:.8rem;margin-top:.5rem;font-weight:400}.form-actions{display:flex;gap:1rem;margin-top:2rem}.btn-submit,.btn-cancel{flex:1;padding:.875rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;letter-spacing:.3px}.btn-submit{background:linear-gradient(135deg,#698047,#556836);color:#fff;box-shadow:0 12px 28px #69804759}.btn-submit:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-submit:hover:before{width:300px;height:300px}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px #69804780}.btn-submit span{position:relative;z-index:1}.btn-cancel{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.25)}.btn-cancel:hover{background:#ffffff26;border-color:#ffffff59;transform:translateY(-2px)}.btn-cancel:disabled{opacity:.7;cursor:not-allowed;transform:none}@media(max-width:992px){.reset-password-page-container{align-items:flex-start;padding:1rem}.reset-password-wrapper{grid-template-columns:1fr;min-height:auto}.reset-password-left{display:none}.reset-password-right{padding:2rem 1.5rem;min-height:auto}.reset-password-container{padding:0}}@media(max-width:576px){.reset-password-page-container{padding:.5rem}.reset-password-container{padding:0}.reset-password-wrapper{border-radius:20px}.reset-password-right{padding:1.75rem 1.25rem}.reset-password-header h2{font-size:1.5rem}.form-group{margin-bottom:1rem}.form-actions{flex-direction:column}.btn-submit,.btn-cancel{width:100%}}@media(max-height:700px){.reset-password-page-container{align-items:flex-start;padding:1rem}.reset-password-wrapper{margin:1rem 0}.reset-password-right{padding:2rem}}.sidebar{position:fixed;left:0;top:0;height:100vh;width:var(--sidebar-width);background:var(--sidebar-bg);box-shadow:4px 0 20px #0000001a;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#ffffff0d}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-header{padding:1.5rem;background:#fff;border-bottom:1px solid rgba(226,232,240,.5);display:flex;align-items:center;justify-content:center;min-height:100px}.sidebar-logo{width:100%;max-width:200px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo img{width:100%;height:auto;max-height:80px;object-fit:contain}.sidebar-title{color:#fff;font-size:1.25rem;font-weight:700;white-space:nowrap;transition:opacity .3s}.sidebar.collapsed .sidebar-title{opacity:0;width:0;overflow:hidden}.sidebar-menu{padding:1rem 0}.menu-item{display:flex;align-items:center;padding:.875rem 1.5rem;color:#ffffffb3;text-decoration:none;transition:all .3s ease;position:relative;margin:.25rem .75rem;border-radius:12px}.menu-item:hover{background:#ffffff1a;color:#fff;transform:translate(5px)}.menu-item.active{background:linear-gradient(135deg,#69804733,#7a915533);color:#fff;border-left:3px solid var(--primary)}.menu-item i{font-size:1.25rem;width:24px;flex-shrink:0}.menu-item span{margin-left:1rem;font-weight:500;white-space:nowrap;transition:opacity .3s}.sidebar.collapsed .menu-item span{opacity:0;width:0;overflow:hidden}.menu-badge{margin-left:auto;background:var(--danger);color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.sidebar.collapsed .menu-badge{display:none}.menu-section{margin-top:1rem}.menu-section-title{padding:.5rem 1.5rem;color:#ffffff80;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.menu-sub-item{display:flex;align-items:center;padding:.75rem 1.5rem .75rem 3rem;color:#ffffffb3;text-decoration:none;transition:all .3s ease;position:relative;margin:.125rem .75rem;border-radius:8px;font-size:.9rem}.menu-sub-item:hover{background:#ffffff1a;color:#fff}.menu-sub-item.active{background:#ffffff26;color:#fff}@media(max-width:992px){.sidebar{transform:translate(-100%)}.sidebar.show{transform:translate(0)}}.topbar-left{display:flex;align-items:center;gap:1rem}.sidebar-toggle{background:var(--light);border:none;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:var(--dark)}.sidebar-toggle:hover{background:var(--primary);color:#fff;transform:rotate(180deg)}.search-box{position:relative;width:400px}.search-box input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid var(--light);border-radius:12px;font-size:.9rem;transition:all .3s}.search-box input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #6980471a}.search-box i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.topbar-right{display:flex;align-items:center;gap:1.5rem}.notification-icon{position:relative;background:var(--light);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:var(--dark)}.notification-icon:hover{background:var(--primary);color:#fff}.notification-badge{position:absolute;top:-5px;right:-5px;background:var(--danger);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600}.user-profile-top{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--light);border-radius:12px;cursor:pointer;transition:all .3s}.user-profile-top:hover{background:var(--primary);color:#fff}.user-avatar-top{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}@media(max-width:992px){.search-box{width:250px}}@media(max-width:768px){.search-box{display:none}}.dashboard-container{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background-attachment:fixed;color:var(--dark);overflow-x:hidden;min-height:100vh;position:relative}.dashboard-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(105,128,71,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(105,128,71,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.alert-banner{background:#f59e0b;border:2px solid #f97316;color:#fff;padding:1.75rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 12px #f59e0b4d;display:flex;align-items:center;gap:1.25rem;position:relative}.alert-banner i{font-size:2rem;color:#fff}.alert-banner>div{flex:1}.stat-card{background:#fff;border-radius:24px;padding:0;box-shadow:0 4px 20px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(226,232,240,.8);height:100%;position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column}.stat-icon-header{padding:1.5rem 1.75rem 1rem;position:relative;overflow:hidden}.stat-icon-header.primary{background:linear-gradient(135deg,#6980471a,#7a91550d)}.stat-icon-header.success{background:linear-gradient(135deg,#10b9811a,#0596690d)}.stat-icon-header.warning{background:linear-gradient(135deg,#f59e0b1a,#d977060d)}.stat-icon-header.info{background:linear-gradient(135deg,#3b82f61a,#2563eb0d)}.stat-icon-header.danger{background:linear-gradient(135deg,#ef44441a,#dc26260d)}.stat-icon-wrapper{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;position:relative;box-shadow:0 4px 16px #0000001f;transition:all .4s ease}.stat-icon.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-icon.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-icon.info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.stat-icon.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-card:hover .stat-icon{transform:scale(1.15) rotate(-5deg);box-shadow:0 8px 24px #0003}.stat-icon-header:after{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;border-radius:50%;opacity:.3;transition:all .6s ease}.stat-icon-header.primary:after{background:radial-gradient(circle,rgba(105,128,71,.4),transparent)}.stat-icon-header.success:after{background:radial-gradient(circle,rgba(16,185,129,.4),transparent)}.stat-icon-header.warning:after{background:radial-gradient(circle,rgba(245,158,11,.4),transparent)}.stat-icon-header.info:after{background:radial-gradient(circle,rgba(59,130,246,.4),transparent)}.stat-icon-header.danger:after{background:radial-gradient(circle,rgba(239,68,68,.4),transparent)}.stat-card:hover .stat-icon-header:after{transform:scale(1.3);opacity:.5}.stat-content{padding:1.25rem 1.75rem 1.75rem;flex:1;display:flex;flex-direction:column;justify-content:space-between}.stat-label{color:var(--text-secondary);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;margin-bottom:.75rem;display:block}.stat-value{font-size:2.75rem;font-weight:900;color:var(--dark);margin:.5rem 0;line-height:1;display:block}.stat-value.primary{background:linear-gradient(135deg,#698047,#556836);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-value.success{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-value.warning{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-value.info{background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-value.danger{background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-change{font-size:.75rem;margin-top:.5rem;display:inline-flex;align-items:center;gap:.4rem;font-weight:700;padding:.35rem .7rem;border-radius:12px;transition:all .3s ease;width:fit-content}.stat-change.positive{color:var(--success);background:#10b9811f}.stat-change.negative{color:var(--danger);background:#ef44441f}.stat-card:hover .stat-change{transform:translate(3px)}.stat-progress{margin-top:1rem;position:relative}.stat-progress-bar{height:5px;border-radius:10px;background:var(--light);overflow:hidden;position:relative}.stat-progress-fill{height:100%;border-radius:10px;transition:width 1.2s ease;position:relative;overflow:hidden}.stat-progress-fill.primary{background:linear-gradient(90deg,var(--primary),var(--secondary))}.stat-progress-fill.success{background:linear-gradient(90deg,#10b981,#059669)}.stat-progress-fill.warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.stat-progress-fill.info{background:linear-gradient(90deg,#3b82f6,#2563eb)}.stat-progress-fill.danger{background:linear-gradient(90deg,#ef4444,#dc2626)}.stat-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.stat-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #69804733;border-color:#6980474d}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.content-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:1.75rem;box-shadow:0 4px 20px #00000014;margin-bottom:1.5rem;border:1px solid rgba(226,232,240,.6);transition:all .3s ease}.content-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.nav-tabs-modern{border:none;margin-bottom:1.5rem;display:flex;gap:.5rem}.nav-tabs-modern .nav-link{border:none;border-radius:12px;padding:.75rem 1.5rem;color:var(--text-secondary);font-weight:600;font-size:.9rem;transition:all .3s ease;background:transparent;position:relative}.nav-tabs-modern .nav-link:hover{color:var(--primary);background:#6980471a}.nav-tabs-modern .nav-link.active{color:var(--primary);background:linear-gradient(135deg,#6980471a,#7a91551a);border:none}.nav-tabs-modern .nav-link.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:2px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;margin-top:1.5rem}.kpi-item{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:0;border:1px solid rgba(226,232,240,.8);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.kpi-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--primary),var(--secondary));transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.kpi-item:hover:before{transform:scaleY(1)}.kpi-item:hover{border-color:#6980474d;box-shadow:0 8px 24px #69804726;transform:translateY(-4px)}.kpi-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.kpi-name{font-weight:700;font-size:1rem;color:var(--dark);line-height:1.4}.kpi-weightage{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:.35rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700;white-space:nowrap}.kpi-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.kpi-detail-item{display:flex;flex-direction:column;gap:.35rem}.kpi-detail-label{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.kpi-detail-value{font-size:1rem;font-weight:700;color:var(--dark)}.kpi-meta{font-size:.8rem;color:var(--text-secondary);margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--light)}.btn,.btn-modern{padding:.75rem 1.75rem;border-radius:12px;font-weight:600;font-size:.875rem;border:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;cursor:pointer;text-decoration:none}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-sm{padding:.5rem 1.25rem;font-size:.8rem}.btn-lg{padding:1rem 2.25rem;font-size:1rem}.btn-primary,.btn-primary-modern{background:linear-gradient(135deg,#698047,#556836);color:#fff;box-shadow:0 4px 15px #69804759;border:1px solid rgba(255,255,255,.1)}.btn-primary:hover,.btn-primary-modern:hover{transform:translateY(-3px);box-shadow:0 8px 25px #69804780;background:linear-gradient(135deg,#5856eb,#7c3aed);color:#fff}.btn-primary:active,.btn-primary-modern:active{transform:translateY(-1px);box-shadow:0 4px 15px #69804766}.btn-outline-primary{background:#fff;color:var(--primary);border:2px solid var(--primary);box-shadow:0 2px 8px #69804726}.btn-outline-primary:hover{background:linear-gradient(135deg,#698047,#556836);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 6px 20px #69804766}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b98159;border:1px solid rgba(255,255,255,.1)}.btn-success:hover{transform:translateY(-3px);box-shadow:0 8px 25px #10b98180;background:linear-gradient(135deg,#059669,#047857);color:#fff}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 15px #f59e0b59;border:1px solid rgba(255,255,255,.1)}.btn-warning:hover{transform:translateY(-3px);box-shadow:0 8px 25px #f59e0b80;background:linear-gradient(135deg,#e68900,#c2410c);color:#fff}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef444459;border:1px solid rgba(255,255,255,.1)}.btn-danger:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ef444480;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.btn-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 15px #3b82f659;border:1px solid rgba(255,255,255,.1)}.btn-info:hover{transform:translateY(-3px);box-shadow:0 8px 25px #3b82f680;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.btn-light,.btn-secondary{background:#fff;color:var(--dark);border:2px solid rgba(226,232,240,.8);box-shadow:0 2px 8px #00000014}.btn-light:hover,.btn-secondary:hover{background:var(--light);border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #69804733}.btn i{font-size:1rem;transition:transform .3s ease}.btn:hover i{transform:scale(1.1)}.btn:disabled,.btn.disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media(max-width:768px){.stat-value{font-size:2rem}.kpi-details{grid-template-columns:1fr}}.self-rating-container{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background-attachment:fixed;color:var(--dark);overflow-x:hidden;min-height:100vh;position:relative}.self-rating-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(105,128,71,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(105,128,71,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.card-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--light)}.card-title-modern{font-size:1.25rem;font-weight:700;color:var(--dark);display:flex;align-items:center;gap:.75rem}.kpi-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.input-wrapper-modern{display:flex;gap:1rem;flex-wrap:wrap}.input-field{flex:1;min-width:150px;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;font-weight:600;transition:all .3s;background:#fff;font-family:Poppins,sans-serif;width:100%}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #6980471a;transform:translateY(-2px)}.input-field.readonly{background:#f8fafc;color:#64748b;cursor:not-allowed}.rating-option-modern:hover:not(.selected):not([data-rating]){background:#69804714;border-color:#6980474d;color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 4px #69804726}.notes-section{margin-top:1.5rem}.notes-textarea{width:100%;min-height:80px;padding:.75rem;border:2px solid #e2e8f0;border-radius:10px;font-family:Poppins,sans-serif;font-size:.85rem;transition:all .3s;resize:vertical}.notes-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #6980471a}@media(max-width:992px){.main-content{margin-left:0}.content-wrapper{padding:1rem}.kpi-rating-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.kpi-rating-table thead th,.kpi-rating-table tbody td{padding:.875rem 1rem;white-space:nowrap}.kpi-name-cell{min-width:150px;white-space:normal}.table-input,.table-textarea{min-width:120px}.rating-scale-modern{gap:.25rem;padding:.375rem}.rating-option-modern{min-width:35px;padding:.5rem .375rem;font-size:.875rem}.kpi-cards-container,.kpi-details-grid{grid-template-columns:1fr}.input-wrapper-modern{flex-direction:column}.input-field{width:100%}.button-section{flex-direction:column-reverse;gap:.75rem}.btn-completed,.btn-cancel{width:100%;justify-content:center}}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.rating-column-wrapper{display:flex;flex-direction:column;min-width:280px}.rating-card{position:relative;width:100%;min-height:80px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:1.25rem 1.5rem;border:2px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;gap:1rem}.rating-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#cbd5e1}.rating-card.filled{background:linear-gradient(135deg,#ecfdf5,#d1fae5,#a7f3d0);border-color:#10b981}.rating-card.empty{background:linear-gradient(135deg,#fff,#f8fafc);border:2px dashed #cbd5e1;opacity:.7}.rating-content{display:flex;align-items:center;gap:1.25rem;flex:1}.rating-badge{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.5rem;color:#fff;background:linear-gradient(135deg,#059669,#10b981,#34d399);box-shadow:0 4px 6px #10b9814d,0 2px 4px #10b98133;position:relative;overflow:hidden}.rating-badge:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);animation:badgeShine 3s infinite}@keyframes badgeShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.rating-badge.empty{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#64748b;box-shadow:0 2px 4px #0000001a}.rating-badge.empty:before{display:none}.rating-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.rating-value{font-size:1.75rem;font-weight:800;color:#059669;line-height:1;letter-spacing:-.5px}.rating-card.empty .rating-value{color:#94a3b8;font-size:1.25rem}.rating-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.rating-emoji-display{font-size:2rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));animation:emojiFloat 3s ease-in-out infinite}@keyframes emojiFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}.rating-card.empty .rating-emoji-display{opacity:.5;animation:emojiPulse 2s ease-in-out infinite}@keyframes emojiPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@media(max-width:992px){.main-content{margin-left:0}.content-wrapper{padding:1rem}.rating-column-wrapper{min-width:200px}.rating-card{min-height:70px;padding:1rem 1.25rem}.rating-badge{width:56px;height:56px;font-size:1.25rem}.rating-value{font-size:1.5rem}.rating-emoji-display{font-size:1.75rem}.pms-table thead th,.pms-table tbody td{padding:.75rem .5rem}}.hod-rating-container{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background-attachment:fixed;color:var(--dark);overflow-x:hidden;min-height:100vh;position:relative}.instructions-card{background:#ef4444;border:1px solid rgba(105,128,71,.3);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;color:#fff}.instructions-card ul{margin:.5rem 0 0 1.5rem;line-height:1.8}.employee-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.employee-table thead{background:linear-gradient(135deg,#698047,#556836);color:#fff}.employee-table thead th{padding:1rem;font-weight:600;font-size:.9rem;text-align:left;border:none}.employee-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .3s}.employee-table tbody tr:hover{background:#6980470d}.employee-table tbody tr:last-child{border-bottom:none}.employee-table tbody td{padding:1rem;vertical-align:middle;border:none}.employee-info{display:flex;flex-direction:column;gap:.25rem}.employee-name{font-weight:600;color:var(--dark)}.employee-role{font-size:.85rem;color:#64748b;margin-top:.25rem}.rating-badge{padding:.5rem 1.25rem;border-radius:8px;font-weight:600;font-size:.9rem;display:inline-block;min-width:80px;text-align:center;box-shadow:0 2px 4px #0000001a}.rating-badge.success{background:#10b9811a;color:#10b981}.rating-badge.warning,.rating-badge.pending{background:#f59e0b1a;color:#f59e0b}.rating-badge.rating-red{background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3);font-weight:700}.rating-badge.rating-yellow{background:#eab30826;color:#ca8a04;border:1px solid rgba(234,179,8,.3);font-weight:700}.rating-badge.rating-green{background:#22c55e26;color:#16a34a;border:1px solid rgba(34,197,94,.3);font-weight:700}.btn-details{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s}.btn-details:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-details:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;transform:none}@media(max-width:992px){.main-content{margin-left:0}}.hod-rating-detail-container{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background-attachment:fixed;color:var(--dark);overflow-x:hidden;min-height:100vh;position:relative}.main-content{margin-left:var(--sidebar-width);min-height:100vh}.topbar{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 2rem;box-shadow:0 4px 20px #00000014;border-bottom:1px solid rgba(226,232,240,.5);position:sticky;top:0;z-index:999;display:flex;justify-content:space-between;align-items:center}.employee-header{background:linear-gradient(135deg,#6980471a,#7a91550d);padding:1.5rem;border-radius:16px;margin-bottom:1.5rem;border-left:4px solid var(--primary)}.employee-name-large{font-size:1.5rem;font-weight:700;color:var(--dark);margin-bottom:.5rem}.employee-role-large{font-size:1rem;color:#64748b}.kpi-rating-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #00000014,0 1px 3px #0000000d;border:1px solid rgba(226,232,240,.8)}.kpi-rating-table thead{background:linear-gradient(135deg,#698047,#556836);color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #0000001a}.kpi-rating-table thead th{padding:1.25rem 1.5rem;font-weight:700;font-size:.875rem;text-align:left;border:none;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;color:#fffffff2;position:relative}.kpi-rating-table thead th:not(:last-child):after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:#fff3}.kpi-rating-table tbody{background:#fff}.kpi-rating-table tbody tr{border-bottom:1px solid rgba(226,232,240,.6);transition:all .25s cubic-bezier(.4,0,.2,1);background:#fff}.kpi-rating-table tbody tr:nth-child(2n){background:#f8fafc80}.kpi-rating-table tbody tr:hover{background:linear-gradient(90deg,#69804714,#69804708);transform:translate(2px);box-shadow:inset 4px 0 0 var(--primary)}.kpi-rating-table tbody tr:last-child{border-bottom:none}.kpi-rating-table tbody td{padding:1.5rem;vertical-align:middle;border:none;position:relative}.kpi-rating-table tbody td:not(:last-child):after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:#e2e8f066}.kpi-name-cell{display:flex;align-items:flex-start;gap:1rem;min-width:200px}.kpi-name-text{font-size:1rem;font-weight:700;color:#1e293b;margin-bottom:.375rem;line-height:1.4}.kpi-description{font-size:.8125rem;color:#64748b;line-height:1.5;margin-top:.25rem;font-weight:400}.table-value{font-size:.9375rem;font-weight:600;color:#1e293b;padding:.5rem .75rem;background:#f1f5f999;border-radius:8px;display:inline-block;min-width:80px;text-align:center}.table-value.emp-rating{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);color:#2563eb;font-weight:700}.table-input{width:100%;min-width:100px;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.9375rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;font-family:Poppins,sans-serif;color:#1e293b}.table-input:hover{border-color:#69804766;background:#f8fafccc}.table-input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #6980471f,0 2px 8px #69804726;transform:translateY(-1px)}.table-input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed;border-color:#e2e8f0}.table-textarea{width:100%;min-height:70px;max-height:150px;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);resize:vertical;background:#fff;color:#1e293b;line-height:1.6}.table-textarea:hover{border-color:#69804766;background:#f8fafccc}.table-textarea:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #6980471f,0 2px 8px #69804726}.table-textarea::placeholder{color:#94a3b8;font-weight:400}.percentage-box{background:linear-gradient(135deg,#698047,#556836);color:#fff;width:48px;height:48px;border-radius:12px;font-size:.8125rem;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px #69804759,0 2px 4px #69804733;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.percentage-box:hover{transform:scale(1.05);box-shadow:0 6px 16px #69804766,0 2px 6px #69804740}.kpi-cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.kpi-card{background:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 4px 20px #00000014;border:2px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.kpi-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--primary),var(--secondary));transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #69804726;border-color:#6980474d}.kpi-card:hover:before{transform:scaleY(1)}.kpi-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #f1f5f9}.kpi-title-section{flex:1}.kpi-name{font-size:1.1rem;font-weight:700;color:var(--dark);margin-bottom:.25rem;display:flex;align-items:center;gap:.75rem}.percentage-box{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;width:50px;height:50px;border-radius:50%;font-size:.85rem;font-weight:700;white-space:nowrap;box-shadow:0 2px 8px #6980474d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-description{font-size:.85rem;color:#64748b;line-height:1.5;margin-top:.25rem}.weightage-badge{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:.5rem 1rem;border-radius:12px;font-size:.9rem;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px #6980474d}.kpi-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem}.detail-item{background:linear-gradient(135deg,#6980470d,#7a915505);padding:.75rem;border-radius:10px;border:1px solid rgba(105,128,71,.1)}.detail-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.detail-value{font-size:1.1rem;font-weight:700;color:var(--dark)}.detail-value.emp-rating{color:var(--primary)}.input-group-modern{margin-bottom:1rem}.input-label{font-weight:600;color:var(--dark);margin-bottom:.75rem;display:block;font-size:.95rem}.hod-rating-input{width:100%;max-width:150px;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1.25rem;font-weight:700;text-align:center;transition:all .3s;background:#fff;font-family:Poppins,sans-serif}.hod-rating-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #6980471a;transform:translateY(-2px)}.weighted-avg-display{background:linear-gradient(135deg,#6980471a,#7a91550d);padding:1rem;border-radius:12px;text-align:center;margin-top:1rem;border:2px solid rgba(105,128,71,.2)}.weighted-avg-value{font-size:1.5rem;font-weight:700;color:var(--primary)}.notes-section{margin-top:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.notes-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1rem}.notes-label{font-weight:600;margin-bottom:.5rem;color:var(--dark)}.notes-textarea{width:100%;min-height:80px;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-family:Poppins,sans-serif;font-size:.85rem;transition:all .3s;resize:vertical}.notes-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6980471a}.notes-textarea.readonly{background:#f8fafc;color:#64748b}.avg-rating-section{display:flex;align-items:center;gap:1rem;margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#6980471a,#7a91550d);border-radius:16px;border:2px solid rgba(105,128,71,.2)}.avg-rating-label{font-weight:600;color:var(--dark);font-size:1.1rem}.avg-rating-input{flex:1;max-width:200px;padding:1rem;border:2px solid var(--primary);border-radius:12px;font-size:1.5rem;font-weight:700;text-align:center;color:var(--primary);background:#fff}.button-section{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e2e8f0;clear:both}.btn-completed{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);color:#fff;border:none;padding:.875rem 2.5rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #10b98159;display:inline-flex;align-items:center;gap:.5rem}.btn-completed:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98180}.btn-cancel{background:#fff;color:var(--dark);border:2px solid #e2e8f0;padding:.875rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem}.btn-cancel:hover{border-color:var(--primary);color:var(--primary);background:#6980470d}.btn-back{background:#fff;color:var(--dark);border:2px solid #e2e8f0;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s;margin-bottom:1rem;display:inline-flex;align-items:center;gap:.5rem}.btn-back:hover{border-color:var(--primary);color:var(--primary)}@media(max-width:1200px){.kpi-rating-table{font-size:.875rem}.kpi-rating-table thead th,.kpi-rating-table tbody td{padding:1rem 1.25rem}.kpi-name-cell{min-width:180px}}@media(max-width:992px){.main-content{margin-left:0}.content-wrapper{padding:1rem}.kpi-rating-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.kpi-rating-table thead th,.kpi-rating-table tbody td{padding:.875rem 1rem;white-space:nowrap}.kpi-name-cell{min-width:150px;white-space:normal}.table-input,.table-textarea{min-width:120px}.kpi-cards-container,.kpi-details-grid,.notes-section{grid-template-columns:1fr}.button-section{flex-direction:column-reverse;gap:.75rem}.btn-completed,.btn-cancel{width:100%;justify-content:center}}@media(max-width:576px){.kpi-card{padding:1.25rem}.kpi-name,.detail-value{font-size:1.1rem}}.file-upload-modern{border:2px dashed #cbd5e1;border-radius:12px;padding:.875rem 1rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;background:linear-gradient(135deg,#f8fafccc,#f1f5f999);margin-top:.5rem;position:relative;overflow:hidden}.file-upload-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(105,128,71,.1),transparent);transition:left .5s}.file-upload-modern:hover{border-color:var(--primary);background:linear-gradient(135deg,#69804714,#6980470d);box-shadow:0 4px 12px #69804726;transform:translateY(-2px)}.file-upload-modern:hover:before{left:100%}.file-upload-modern.dragover{border-color:var(--primary);background:linear-gradient(135deg,#69804726,#6980471a);box-shadow:0 6px 20px #69804740;transform:scale(1.02)}.file-list-modern{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.file-item-modern{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:linear-gradient(135deg,#f8fafce6,#f1f5f9b3);border-radius:10px;border:1px solid rgba(226,232,240,.8);transition:all .25s ease;box-shadow:0 1px 3px #0000000d}.file-item-modern:hover{background:linear-gradient(135deg,#f1f5f9f2,#f8fafccc);border-color:#6980474d;box-shadow:0 2px 6px #6980471a;transform:translate(2px)}.rating-scale-modern{display:flex;gap:.375rem;align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:.5rem;border-radius:12px;border:1px solid rgba(226,232,240,.6);box-shadow:inset 0 1px 2px #0000000d}.rating-option-modern{flex:1;padding:.625rem .5rem;text-align:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:.9375rem;font-weight:700;color:#475569;min-width:40px;box-shadow:0 1px 2px #0000000d}.rating-option-modern[data-rating="1"]{border-color:#ef4444;color:#ef4444}.rating-option-modern[data-rating="1"]:hover:not(.selected){background:#ef44441a;border-color:#ef4444;color:#dc2626;transform:translateY(-1px);box-shadow:0 2px 4px #ef444433}.rating-option-modern[data-rating="1"].selected{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef4444;box-shadow:0 4px 12px #ef444459,0 2px 4px #ef444433;transform:scale(1.05)}.rating-option-modern[data-rating="2"]{border-color:#eab308;color:#eab308}.rating-option-modern[data-rating="2"]:hover:not(.selected){background:#eab3081a;border-color:#eab308;color:#ca8a04;transform:translateY(-1px);box-shadow:0 2px 4px #eab30833}.rating-option-modern[data-rating="2"].selected{background:linear-gradient(135deg,#eab308,#ca8a04);color:#fff;border-color:#eab308;box-shadow:0 4px 12px #eab30859,0 2px 4px #eab30833;transform:scale(1.05)}.rating-option-modern[data-rating="3"],.rating-option-modern[data-rating="4"],.rating-option-modern[data-rating="5"]{border-color:#22c55e;color:#22c55e}.rating-option-modern[data-rating="3"]:hover:not(.selected),.rating-option-modern[data-rating="4"]:hover:not(.selected),.rating-option-modern[data-rating="5"]:hover:not(.selected){background:#22c55e1a;border-color:#22c55e;color:#16a34a;transform:translateY(-1px);box-shadow:0 2px 4px #22c55e33}.rating-option-modern[data-rating="3"].selected,.rating-option-modern[data-rating="4"].selected,.rating-option-modern[data-rating="5"].selected{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-color:#22c55e;box-shadow:0 4px 12px #22c55e59,0 2px 4px #22c55e33;transform:scale(1.05)}.pms-dashboard-container{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background-attachment:fixed;color:var(--dark);overflow-x:hidden;min-height:100vh;position:relative}.pms-dashboard-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(105,128,71,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(105,128,71,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.topbar{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 2rem;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:999;border-bottom:1px solid rgba(226,232,240,.5)}.content-wrapper{padding:2rem;position:relative;z-index:1}.content-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:1.75rem;box-shadow:0 4px 20px #00000014;margin-bottom:1.5rem;border:1px solid rgba(226,232,240,.6)}.page-header{margin-bottom:1.5rem}.page-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#f472b6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.page-title{font-size:1.5rem;font-weight:700;color:var(--dark)}.pms-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.pms-table thead{background:linear-gradient(135deg,#698047,#556836);color:#fff}.pms-table thead th{padding:1rem;font-weight:600;font-size:.9rem;text-align:left;border:none}.pms-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .3s}.pms-table tbody tr:hover{background:#6980470d}.pms-table tbody tr:last-child{border-bottom:none}.pms-table tbody td{padding:1rem;vertical-align:middle}.month-info{display:flex;flex-direction:column;gap:.25rem}.month-name{font-weight:700;color:var(--dark);font-size:1rem}.month-dates{font-size:.85rem;color:#64748b}.employee-count{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--dark)}.count-badge{background:var(--primary);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:700}.status-badge{padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.85rem;display:inline-block}.status-pending{background:#f59e0b1a;color:#d97706}.status-completed{background:#10b9811a;color:#059669}.status-in-progress{background:#3b82f61a;color:#2563eb}.btn-details{background:var(--info);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s}.btn-details:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media(max-width:992px){.main-content{margin-left:0}.content-wrapper{padding:1rem}.pms-table{font-size:.85rem}.pms-table thead th,.pms-table tbody td{padding:.75rem .5rem}}.employee-roles-list-container{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background-attachment:fixed;color:var(--dark);overflow-x:hidden;min-height:100vh;position:relative}.employee-roles-list-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(105,128,71,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(105,128,71,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.page-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.btn-create-role{padding:.875rem 2rem;background:linear-gradient(135deg,#698047,#556836);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #6980474d;display:flex;align-items:center;gap:.5rem}.btn-create-role:hover{transform:translateY(-2px);box-shadow:0 6px 20px #69804766}.btn-create-role:active{transform:translateY(0)}.loading-state{text-align:center;padding:3rem 2rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:.5rem}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.empty-state i{font-size:3rem;color:#cbd5e1;margin-bottom:1rem}.empty-state p{font-size:1.1rem;font-weight:600;color:var(--dark);margin-bottom:.5rem}.empty-state small{color:var(--text-secondary)}.error-state{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.error-state i{font-size:3rem;color:#ef4444;margin-bottom:1rem}.error-state-title{font-size:1.25rem;font-weight:700;color:var(--dark);margin-bottom:.75rem}.error-state-message{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.btn-retry-error{padding:.875rem 2rem;background:linear-gradient(135deg,#698047,#556836);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #6980474d;display:inline-flex;align-items:center;gap:.5rem}.btn-retry-error:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #69804766}.btn-retry-error:disabled{opacity:.7;cursor:not-allowed}.roles-table{overflow-x:auto}.table-modern{width:100%;border-collapse:collapse}.table-modern thead{background:linear-gradient(135deg,#6980470d,#7a915505)}.table-modern th{padding:1rem 1.5rem;text-align:left;font-weight:700;color:var(--dark);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.table-modern td{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;color:var(--dark);font-weight:500}.table-modern tbody tr{transition:all .3s}.table-modern tbody tr:hover{background:#69804708}.roles-container{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.role-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem .5rem 1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:8px;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #69804733;white-space:nowrap;position:relative}.role-badge-remove{background:#fff3;border:none;border-radius:50%;width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin-left:.25rem;transition:all .2s;color:#fff;font-size:.875rem;line-height:1}.role-badge-remove:hover{background:#ffffff4d;transform:scale(1.1)}.role-badge-remove:active{transform:scale(.95)}.role-badge-remove i{font-size:.75rem;font-weight:700}.btn-action{padding:.5rem .75rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;justify-content:center;font-size:1rem}.btn-remove{background:#ef44441a;color:#ef4444}.btn-remove:hover{background:#ef444433;transform:translateY(-2px)}.btn-edit{background:#3b82f61a;color:#3b82f6}.btn-edit:hover{background:#3b82f633;transform:translateY(-2px)}.action-buttons{display:flex;align-items:center;gap:.5rem}.role-badge.no-role{background:linear-gradient(135deg,#94a3b8,#64748b)}.filters-section{padding:1.5rem 2rem;background:#f8fafc;border-bottom:1px solid rgba(226,232,240,.5)}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-label{font-size:.875rem;font-weight:600;color:var(--dark);display:flex;align-items:center;gap:.5rem}.filter-label i{color:var(--primary)}.filter-input,.filter-select{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:var(--dark);background:#fff;transition:all .3s;font-family:Poppins,sans-serif}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6980471a}.btn-clear-filters{padding:.75rem 1.5rem;background:#fff;color:var(--text-secondary);border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;height:fit-content}.btn-clear-filters:hover{background:#f1f5f9;border-color:var(--primary);color:var(--primary)}.pagination-container{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.pagination-info{font-size:.875rem;color:var(--text-secondary);font-weight:500}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{padding:.5rem 1rem;background:#fff;color:var(--dark);border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:var(--primary);color:var(--primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;gap:.25rem}.pagination-page{min-width:2.5rem;height:2.5rem;padding:.5rem;background:#fff;color:var(--dark);border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.pagination-page:hover:not(:disabled){background:#f8fafc;border-color:var(--primary);color:var(--primary)}.pagination-page.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-color:var(--primary)}.pagination-page:disabled{opacity:.5;cursor:not-allowed}.pagination-size{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);font-weight:500}.pagination-size select{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:var(--dark);background:#fff;cursor:pointer;transition:all .3s;font-family:Poppins,sans-serif}.pagination-size select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6980471a}.pagination-size select:disabled{opacity:.5;cursor:not-allowed}@media(max-width:992px){.main-content,.main-content.sidebar-collapsed{margin-left:0}.content-wrapper{padding:1.5rem 1rem}.page-header{flex-direction:column;align-items:flex-start}.btn-create-role{width:100%;justify-content:center}}@media(max-width:992px){.filters-row{grid-template-columns:1fr}.pagination-container{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center}}@media(max-width:576px){.content-wrapper{padding:1rem}.page-title{font-size:1.5rem}.card-body-modern{padding:1.5rem}.filters-section{padding:1rem}.table-modern{font-size:.875rem}.table-modern th,.table-modern td{padding:.75rem 1rem}.pagination-pages{flex-wrap:wrap}.pagination-page{min-width:2rem;height:2rem;font-size:.75rem}}:root{--primary: #698047;--primary-dark: #556836;--secondary: #7a9155;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--dark: #0f172a;--light: #f8fafc;--sidebar-bg: linear-gradient(180deg, #698047 0%, #556836 100%);--sidebar-width: 280px;--sidebar-collapsed: 80px;--text-secondary: #64748b}*{margin:0;padding:0;box-sizing:border-box}.assign-role-container{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background-attachment:fixed;color:var(--dark);overflow-x:hidden;min-height:100vh;position:relative}.assign-role-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(105,128,71,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(105,128,71,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.main-content{margin-left:var(--sidebar-width);transition:all .3s cubic-bezier(.4,0,.2,1);min-height:100vh}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}.content-wrapper{padding:2rem}.page-header{margin-bottom:2rem;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:1rem}.page-title{font-size:2rem;font-weight:800;color:var(--dark);margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.page-title i{color:var(--primary);font-size:2rem}.page-subtitle{color:var(--text-secondary);font-size:1rem}.btn-back{padding:.875rem 2rem;background:#fff;color:var(--primary);border:2px solid var(--primary);border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem}.btn-back:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #6980474d}.btn-back:active{transform:translateY(0)}.content-card{background:#fff;border-radius:24px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(226,232,240,.8);overflow:hidden}.card-header-modern{padding:1.5rem 2rem;background:linear-gradient(135deg,#6980470d,#7a915505);border-bottom:1px solid rgba(226,232,240,.5)}.card-title-modern{font-size:1.25rem;font-weight:700;color:var(--dark);margin:0;display:flex;align-items:center;gap:.75rem}.card-title-modern i{color:var(--primary);font-size:1.5rem}.card-body-modern{padding:2rem}.form-row{display:flex;flex-direction:column;gap:1.5rem}.assign-role-container .form-group{margin-bottom:1.5rem;position:relative}.assign-role-container .form-label{font-weight:600;color:var(--dark);margin-bottom:.75rem;display:block;font-size:.95rem}.assign-role-container .input-wrapper{position:relative}.assign-role-container .input-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:1.1rem;z-index:1}.assign-role-container .form-control{width:100%;padding:.875rem .875rem .875rem 3rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;font-family:Poppins,sans-serif;color:var(--dark)}.assign-role-container .form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #6980471a;transform:translateY(-2px)}.assign-role-container .form-control:hover{border-color:var(--primary)}.assign-role-container .form-control::placeholder{color:#94a3b8}.assign-role-container .form-control.error{border-color:#ef4444;background:#ef44440d}.assign-role-container .error-message{display:flex;align-items:center;gap:.5rem;color:#f44;font-size:.875rem;margin-top:.5rem;font-weight:600;padding-left:.5rem;animation:slideDown .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.2)}.assign-role-container .error-message:before{content:"⚠";font-size:1rem;color:#f44;font-weight:700}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.role-checkboxes{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.role-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem 1rem;border-radius:12px;border:2px solid #e2e8f0;background:#fff;transition:all .3s;position:relative}.role-checkbox-label:hover{border-color:var(--primary);background:#6980470d}.role-checkbox{display:none}.role-checkbox-custom{width:24px;height:24px;border:2px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .3s;background:#fff;flex-shrink:0}.role-checkbox-custom i{color:#fff;font-size:.875rem;opacity:0;transition:opacity .2s}.role-checkbox:checked+.role-checkbox-custom{background:var(--primary);border-color:var(--primary)}.role-checkbox:checked+.role-checkbox-custom i{opacity:1}.role-name{font-weight:600;color:var(--dark);font-size:.95rem}.form-actions{margin-top:2rem;display:flex;gap:1rem;justify-content:flex-end}.btn-submit{padding:.875rem 2rem;background:linear-gradient(135deg,#698047,#556836);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #6980474d;display:flex;align-items:center;gap:.5rem}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #69804766}.btn-submit:active{transform:translateY(0)}.btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-cancel{padding:.875rem 2rem;background:#fff;color:var(--text-secondary);border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem}.btn-cancel:hover{background:#f1f5f9;border-color:var(--text-secondary);transform:translateY(-2px)}.btn-cancel:active{transform:translateY(0)}@media(max-width:992px){.main-content,.main-content.sidebar-collapsed{margin-left:0}.content-wrapper{padding:1.5rem 1rem}.form-row{gap:1rem}.page-header{flex-direction:column;align-items:flex-start}.btn-back{width:100%;justify-content:center}}@media(max-width:576px){.content-wrapper{padding:1rem}.page-title{font-size:1.5rem}.card-body-modern{padding:1.5rem}.form-actions{flex-direction:column}.btn-submit,.btn-cancel{width:100%;justify-content:center}}.error-boundary-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:2rem;font-family:Poppins,sans-serif}.error-boundary-content{background:#fff;border-radius:24px;padding:3rem;max-width:600px;width:100%;box-shadow:0 4px 20px #00000014;text-align:center}.error-boundary-icon{font-size:4rem;color:#ef4444;margin-bottom:1.5rem}.error-boundary-title{font-size:1.75rem;font-weight:700;color:#0f172a;margin-bottom:1rem}.error-boundary-message{font-size:1rem;color:#64748b;margin-bottom:2rem;line-height:1.6}.error-boundary-details{text-align:left;margin:2rem 0;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.error-boundary-details summary{cursor:pointer;font-weight:600;color:#0f172a;margin-bottom:.5rem}.error-boundary-stack{font-size:.75rem;color:#64748b;white-space:pre-wrap;word-break:break-all;margin-top:.5rem}.error-boundary-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-retry,.btn-reload{padding:.875rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem}.btn-retry{background:linear-gradient(135deg,#698047,#556836);color:#fff;box-shadow:0 4px 12px #6980474d}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 6px 20px #69804766}.btn-reload{background:#fff;color:#698047;border:2px solid #698047}.btn-reload:hover{background:#698047;color:#fff;transform:translateY(-2px)}@media(max-width:576px){.error-boundary-content{padding:2rem 1.5rem}.error-boundary-title{font-size:1.5rem}.error-boundary-actions{flex-direction:column}.btn-retry,.btn-reload{width:100%;justify-content:center}}