.profile-card-page{--nav-gradient:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);--nav-accent:#667eea;--nav-accent-dark:#0f3460;background-color:#f1f6ff;min-height:calc(100vh - 80px)}.profile-card-page .cards-container{max-width:1120px;width:100%;padding:24px 16px 48px;margin:0 auto}.profile-card-page .cards-content{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.profile-card-page .profile-card{border-radius:25px;background-color:#fff;max-width:400px;min-width:240px;margin:0 auto;box-shadow:0 10px 20px -10px rgba(15,52,96,.35);width:100%;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.profile-card-page .profile-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px -10px rgba(15,52,96,.45)}.profile-card-page .profile-card.inactive-card{opacity:.88}.profile-card-page .image-content{display:flex;flex-direction:column;align-items:center;position:relative;row-gap:5px;padding:25px 0}.profile-card-page .overlay-card{position:absolute;left:0;top:0;height:100%;width:100%;background:var(--nav-gradient);border-radius:25px 25px 0 25px}.profile-card-page .overlay-card:after,.profile-card-page .overlay-card:before{content:"";position:absolute;right:0;bottom:-40px;height:40px;width:40px;background:#0f3460}.profile-card-page .overlay-card:after{border-radius:0 25px 0 0;background-color:#fff}.profile-card-page .card-image{position:relative;height:150px;width:150px;border-radius:50%;background:#fff;padding:3px;z-index:1}.profile-card-page .card-image .card-img,.profile-card-page .card-image .employee-avatar{height:100%;width:100%;object-fit:cover;border-radius:50%;border:4px solid var(--nav-accent);box-sizing:border-box;display:block}.profile-card-page .card-image .employee-avatar-fallback{height:100%;width:100%;border-radius:50%;border:4px solid var(--nav-accent);box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#f8f9fa;color:var(--nav-accent);font-size:3rem}.profile-card-page .card-content{color:#666;display:flex;flex-direction:column;gap:0;padding:15px 14px 20px;position:relative}.profile-card-page .card-name{font-size:18px;font-weight:900;color:#333;width:100%;text-align:center;margin:0 0 12px;line-height:1.4}.profile-card-page .card-name a{color:#333;text-decoration:none}.profile-card-page .card-name a:hover{color:var(--nav-accent-dark)}.profile-card-page .card-info-row{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:10px;min-height:28px}.profile-card-page .card-row-icon{flex:0 0 22px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:var(--nav-accent);font-size:.85rem;line-height:1}.profile-card-page .card-row-text{flex:1 1 auto;min-width:0;font-size:.9rem;line-height:1.35;display:flex;align-items:center}.profile-card-page .card-row-text a{color:#666;text-decoration:none}.profile-card-page .card-row-text a:hover{color:var(--nav-accent-dark)}.profile-card-page .status-badge{display:inline-block;font-size:.78rem;padding:.15rem .55rem;border-radius:999px;font-weight:600;line-height:1.3}.profile-card-page .status-badge.active{background:#d1e7dd;color:#0f5132}.profile-card-page .status-badge.inactive{background:#f8d7da;color:#842029}.profile-card-page .quick-edit-card{width:100%;text-align:end;margin-top:4px;opacity:0;transition:opacity .3s ease-in-out}.profile-card-page .profile-card:hover .quick-edit-card{opacity:1}.profile-card-page .quick-edit-card a{text-decoration:none;padding:0 4px}.profile-card-page .profile-card.new-user{min-width:100%;cursor:pointer}.profile-card-page .profile-card.new-user .overlay-card{background:linear-gradient(135deg,#157347,#198754 50%,#20c997)}.profile-card-page .profile-card.new-user .overlay-card:before{background:#157347}.profile-card-page .profile-card.new-user .overlay-card:after{background-color:#fff}.profile-card-page .card-add-new{position:relative;z-index:1;text-decoration:none;color:#fff!important}.profile-card-page .card-add-new h5{font-size:1rem;font-weight:700;margin:0}.profile-card-page .card-add-new-ico{font-size:6rem!important;min-height:calc(100% - 80px);text-decoration:none;color:#198754!important;display:flex;align-items:center;justify-content:center}.profile-card-page .page-header-box{border:1px solid #dfebff;border-radius:8px;padding:15px;background:#fff;box-shadow:0 10px 20px -10px #87a0b5;margin-bottom:1rem}@media screen and (max-width:1100px){.profile-card-page .cards-content{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:837px){.profile-card-page .cards-content{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.profile-card-page .cards-content{grid-template-columns:1fr}.profile-card-page .profile-card{max-width:100%}}