html,body{color:#323130;background:#f0f2f5;margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.top-bar{z-index:1000;background:#fff;border-bottom:2px solid #ddd;justify-content:space-between;align-items:center;height:65px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.filters-left{scrollbar-width:none;flex-grow:1;align-items:center;gap:10px;min-width:0;padding:10px 0;display:flex;overflow-x:auto}.filters-left::-webkit-scrollbar{display:none}.actions-right{flex-shrink:0;align-items:center;gap:8px;margin-left:10px;display:flex}.select-wrapper{grid-template-areas:"select";align-items:center;display:inline-grid;position:relative}.select-wrapper select,.select-wrapper:after{grid-area:select;height:34px;margin:0;padding:0 25px 0 8px;font-size:13px}.select-wrapper:after{content:attr(data-value);visibility:hidden;white-space:pre;pointer-events:none}.select-wrapper select{appearance:none;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;width:100%}.filter-group{color:#555;white-space:nowrap;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.content-area{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:15px;margin-top:85px;padding:20px;display:grid}.user-card{background:#fff;border:1px solid #c8c8c8;border-radius:12px;flex-direction:column;height:fit-content;padding:15px;display:flex;box-shadow:0 2px 6px #00000014}.header-main{align-items:center;display:flex}.photo-box{background:#f3f2f1;border:1px solid #ddd;border-radius:50%;flex-shrink:0;width:55px;height:55px;position:relative;overflow:hidden}.profile-img{-o-object-fit:cover;object-fit:cover;z-index:2;width:100%;height:100%;position:absolute}.initials{color:#888;z-index:1;font-size:16px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.name-box{flex-grow:1;margin-left:18px;overflow:hidden}.teams-status-icon{border:2px solid #fff;border-radius:50%;flex-shrink:0;width:12px;height:12px}.status-Available{background:#6bb700}.status-Busy,.status-InAMeeting{background:#d83b01}.status-Away,.status-BeRightBack{background:#fa4}.status-Offline{background:#8a8886}.ooo-badge{background:#f7630c;border:1px solid #fff;border-radius:50%;width:9px;height:9px}.user-name{color:#000;align-items:center;gap:6px;font-size:16px;font-weight:700;display:flex}.user-mail{color:#666;white-space:nowrap;text-overflow:ellipsis;margin:1px 0;font-size:12px;overflow:hidden}.user-company{color:#0078d4;text-transform:uppercase;font-size:10px;font-weight:700}.action-bar{border-bottom:1px solid #f0f0f0;gap:8px;margin:10px 0;padding-bottom:8px;display:flex}.btn-action{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.btn-action svg{fill:#fff;width:16px;height:16px}.btn-teams{background:#4b53bc}.btn-tensor{background:#0088d4}.btn-sf{background:#00a1e0}.details{font-size:12px}.info-row{align-items:baseline;margin-bottom:3px;display:flex}.label{color:#777;flex-shrink:0;width:75px;font-weight:600}.val{color:#000;font-weight:600}.ooo-box{color:#843b00;background:#fff4e5;border-left:4px solid #f7630c;border-radius:4px;margin-top:10px;padding:6px 10px;font-size:11px}input[type=text]{border:1px solid #ccc;border-radius:6px;flex-shrink:0;width:160px;height:34px;padding:0 8px;font-size:13px}.btn-icon{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.btn-refresh{background:#0078d4}.btn-excel{background:#1d6f42}.btn-logout{background:#d83b01}.count-badge{color:#fff;background:#333;border-radius:8px;align-items:center;height:36px;padding:0 12px;font-size:13px;font-weight:800;display:flex}.user-address-link{color:#888;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;font-style:italic;text-decoration:none;transition:color .2s;display:block;overflow:hidden}.user-address-link:hover{color:#0078d4;text-decoration:underline}