.user-page[data-v-2c2ab4d4]{padding:20px;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);min-height:100vh}.page-header[data-v-2c2ab4d4]{background:linear-gradient(135deg,#1a5f2a,#2d8a3e);border-radius:16px;padding:24px 32px;margin-bottom:24px;box-shadow:0 4px 20px rgba(26,95,42,.3);display:flex;justify-content:space-between;align-items:center}.header-content[data-v-2c2ab4d4]{display:flex;align-items:center;gap:20px}.header-icon[data-v-2c2ab4d4]{width:60px;height:60px;background:hsla(0,0%,100%,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}.header-text h1[data-v-2c2ab4d4]{color:#fff;font-size:24px;font-weight:700;margin:0 0 4px 0}.header-text p[data-v-2c2ab4d4]{color:hsla(0,0%,100%,.8);font-size:14px;margin:0}.btn-add[data-v-2c2ab4d4]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:hsla(0,0%,100%,.2);color:#fff;border:1px solid hsla(0,0%,100%,.3);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-add[data-v-2c2ab4d4]:hover{background:hsla(0,0%,100%,.3)}.table-card[data-v-2c2ab4d4]{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.08);overflow-x:auto}.info-tags[data-v-2c2ab4d4]{display:flex;flex-direction:column;gap:6px}.info-tag[data-v-2c2ab4d4]{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.info-tag svg[data-v-2c2ab4d4]{font-size:10px}.role-tag[data-v-2c2ab4d4]{background:#dbeafe;color:#1e40af}.satker-tag[data-v-2c2ab4d4]{background:#dcfce7;color:#166534}.position-tag[data-v-2c2ab4d4]{background:#fef3c7;color:#92400e}.action-buttons[data-v-2c2ab4d4]{display:flex;gap:8px;flex-wrap:nowrap}.btn-table-action[data-v-2c2ab4d4]{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-table-action.btn-edit[data-v-2c2ab4d4]{background:#fef3c7;color:#92400e}.btn-table-action.btn-edit[data-v-2c2ab4d4]:hover{background:#fde68a}.btn-table-action.btn-delete[data-v-2c2ab4d4]{background:#fee2e2;color:#dc2626}.btn-table-action.btn-delete[data-v-2c2ab4d4]:hover{background:#fecaca}@media (max-width:768px){.user-page[data-v-2c2ab4d4]{padding:12px}.page-header[data-v-2c2ab4d4]{flex-direction:column;gap:16px;padding:16px 20px;border-radius:12px}.header-content[data-v-2c2ab4d4]{flex-direction:column;text-align:center}.header-icon[data-v-2c2ab4d4]{width:50px;height:50px;font-size:24px}.header-text h1[data-v-2c2ab4d4]{font-size:20px}.btn-add[data-v-2c2ab4d4]{width:100%;justify-content:center}.table-card[data-v-2c2ab4d4]{padding:12px;border-radius:12px}.action-buttons[data-v-2c2ab4d4]{flex-direction:column}.btn-table-action[data-v-2c2ab4d4]{width:100%;justify-content:center}}@media (max-width:480px){.page-header[data-v-2c2ab4d4]{padding:14px 16px}.header-text h1[data-v-2c2ab4d4]{font-size:18px}.header-text p[data-v-2c2ab4d4]{font-size:12px}}