/* Soft-dark user management. All rules are scoped to this workspace. */
body[data-active-tab="manajemenUser"] .app-workspace-fluid{background:#182538!important}
#tab-manajemenUser{color:#eaf1fc;color-scheme:dark}
#tab-manajemenUser .um-page{background:#1b293e;border:1px solid #34465f;border-radius:22px;padding:26px;box-shadow:0 12px 40px #0b152b1a;max-width:1160px}
#tab-manajemenUser .um-header{position:relative;overflow:hidden;background:linear-gradient(120deg,#243f59,#26354c)!important;border:1px solid #43627c!important;border-radius:16px;padding:26px!important;margin-bottom:22px}
#tab-manajemenUser .um-header::after{content:'';position:absolute;width:230px;height:230px;border:1px solid #82c6ed18;border-radius:50%;top:-95px;right:50px;background:radial-gradient(circle,#75c9eb12,transparent 70%);pointer-events:none}
#tab-manajemenUser .um-header>div,#tab-manajemenUser .um-header>button{position:relative;z-index:1}
#tab-manajemenUser .um-header h4{color:#f4f8ff!important;font-size:1.65rem;font-weight:800;letter-spacing:-.4px}
#tab-manajemenUser .um-eyebrow{color:#99d8f3!important;letter-spacing:1.6px;font-size:.64rem}
#tab-manajemenUser .um-header p{color:#c0d1e4!important;line-height:1.7;font-size:.8rem}
#tab-manajemenUser .um-stats{gap:13px;margin-bottom:24px}
#tab-manajemenUser .um-stats>div{position:relative;background:#25354c;border:1px solid #40546e;border-radius:13px;padding:19px 20px}
#tab-manajemenUser .um-stats>div::after{content:'';position:absolute;right:18px;top:21px;width:7px;height:7px;border-radius:50%;background:#8bcdf1;box-shadow:0 0 0 4px #8bcdf10c}
#tab-manajemenUser .um-stats>div:nth-child(2)::after{background:#c5b6f7;box-shadow:0 0 0 4px #c5b6f70c}
#tab-manajemenUser .um-stats>div:nth-child(3)::after{background:#94dfc8;box-shadow:0 0 0 4px #94dfc80c}
#tab-manajemenUser .um-stats span{color:#bdcce0!important;font-size:.71rem;padding-right:10px;min-height:18px}
#tab-manajemenUser .um-stats strong{color:#f0f6ff!important;font-size:1.85rem;font-weight:800;letter-spacing:-.6px}
#tab-manajemenUser .um-tabs{background:#152238;border:1px solid #34485f;border-radius:11px;padding:5px;gap:6px;margin:0 0 20px}
#tab-manajemenUser .um-tabs button{color:#b8c9e0!important;background:transparent;font-size:.76rem;padding:11px 15px}
#tab-manajemenUser .um-tabs button.is-active{background:#2a465f!important;color:#d6f0ff!important;box-shadow:inset 0 0 0 1px #4c7592}
#tab-manajemenUser .um-tabs button span{background:#4b3d2c;color:#ffe0ac;border:1px solid #796449;font-size:.63rem}
#tab-manajemenUser .um-toolbar{background:#213047;border-color:#3b4e67;padding:14px;border-radius:12px}
#tab-manajemenUser .um-toolbar input,#tab-manajemenUser .um-toolbar select{background:#18273c!important;color:#e5eefc!important;border-color:#4a607b;font-size:.78rem;padding:11px 12px}
#tab-manajemenUser .um-toolbar input::placeholder{color:#a8bbd4!important;opacity:1}
#tab-manajemenUser .um-toolbar select option{background:#213047;color:#e5eefc}
#tab-manajemenUser .um-status{color:#b1c3db!important;font-size:.72rem;margin:13px 3px}
#tab-manajemenUser .um-status.is-error,#tab-manajemenUser .um-form-error{color:#ffc0d0!important}
#tab-manajemenUser .um-list{gap:15px}
#tab-manajemenUser .um-card{background:#26364d!important;border:1px solid #425671!important;border-radius:14px;padding:20px;box-shadow:0 5px 17px #0e1a2c15!important;transition:border-color .15s,transform .15s}
#tab-manajemenUser .um-card:hover{border-color:#6882a1!important;box-shadow:0 8px 23px #0e1a2c24!important;transform:translateY(-1px)}
#tab-manajemenUser .um-card-top{margin-bottom:19px}
#tab-manajemenUser .um-avatar{background:linear-gradient(145deg,#365b7a,#2b465f);border:1px solid #5e829f;color:#bceaff!important;width:44px;height:44px;border-radius:12px;font-size:.79rem}
#tab-manajemenUser .um-identity h5{color:#f1f6ff!important;font-size:.91rem;line-height:1.35}
#tab-manajemenUser .um-role{background:#3a4b62;color:#dce7f6;font-size:.61rem;padding:4px 7px;border:1px solid #536780}
#tab-manajemenUser .um-role-Admin{background:#433b5e;color:#e0d6ff;border-color:#776992}
#tab-manajemenUser .um-role-A{background:#204a63;color:#b6eaff;border-color:#4c7c98}
#tab-manajemenUser .um-role-B{background:#244c45;color:#b8f4df;border-color:#4d7f70}
#tab-manajemenUser .um-role-C{background:#5b432f;color:#ffdfb4;border-color:#947750}
#tab-manajemenUser .um-self{background:#31465e;color:#c7d9f0;border-color:#5b718c;font-size:.6rem}
#tab-manajemenUser .um-presence{color:#c5d5e9!important;font-size:.72rem}
#tab-manajemenUser .um-dot{background:#9dafc8}
#tab-manajemenUser .um-dot.is-online{background:#80dec1;box-shadow:0 0 0 3px #80dec110}
#tab-manajemenUser .um-last{border-color:#465970;padding-bottom:17px}
#tab-manajemenUser .um-last span{color:#b1c3da!important;font-size:.65rem}
#tab-manajemenUser .um-last b{color:#e1ebfa!important;font-size:.73rem;font-weight:600}
#tab-manajemenUser .um-button{background:#30435d!important;color:#e6effb!important;border-color:#59718f;font-size:.74rem;border-radius:9px;font-weight:650}
#tab-manajemenUser .um-button:hover{background:#3b5270!important;border-color:#7796b6}
#tab-manajemenUser .um-button.um-primary{background:linear-gradient(110deg,#1b668d,#245a7d)!important;color:#f4fbff!important;border-color:#5097bc;box-shadow:0 3px 9px #12283d22}
#tab-manajemenUser .um-button.um-primary:hover{background:#245e83!important}
#tab-manajemenUser .um-button.um-danger{background:#4d3344!important;color:#ffd1de!important;border-color:#8d5d76}
#tab-manajemenUser .um-button.um-danger:hover{background:#5b3c50!important}
#tab-manajemenUser .um-card-actions .um-button{padding:9px 11px;font-size:.68rem}
#tab-manajemenUser .um-button:disabled{opacity:.43}
#tab-manajemenUser .um-button:focus-visible,#tab-manajemenUser .um-tabs button:focus-visible{outline:2px solid #aad9fb;outline-offset:3px}
#tab-manajemenUser .um-toolbar input:focus-visible,#tab-manajemenUser .um-toolbar select:focus-visible{outline:2px solid #92cdec;outline-offset:2px}
#tab-manajemenUser .um-pager span{color:#bccde2!important;font-size:.69rem}
#tab-manajemenUser .um-security-note{color:#b2c4dd!important;font-size:.68rem;line-height:1.7;background:#22334b;border:1px solid #3d526e;border-radius:10px;padding:12px 15px;margin-bottom:0}
#tab-manajemenUser .um-empty{background:#213047;color:#bbcee7;border-color:#4a617e}
#tab-manajemenUser .um-empty strong{color:#e8f2ff}
#tab-manajemenUser .um-empty p{color:#b4c9e2}
#tab-manajemenUser .um-review-head h5{color:#edf5ff!important;font-size:1rem}
#tab-manajemenUser .um-review-head p{color:#bdcde1!important;font-size:.76rem}
#tab-manajemenUser .um-request-username{color:#b3c8e2!important;font-size:.71rem}
#tab-manajemenUser .um-pending-badge{background:#4c3d2c;color:#ffe0ac;border-color:#896e4e;font-size:.62rem}
#tab-manajemenUser .um-request-details{border-color:#465b75}
#tab-manajemenUser .um-request-details dt{color:#b2c7e1!important;font-size:.64rem}
#tab-manajemenUser .um-request-details dd{color:#e4effd!important;font-size:.73rem}
#tab-manajemenUser .um-dialog{background:#22334b!important;color:#edf5ff!important;border:1px solid #526a87;box-shadow:0 25px 90px #050b1677}
#tab-manajemenUser .um-dialog::backdrop{background:#08111ecc}
#tab-manajemenUser .um-dialog h3{color:#f0f7ff!important;font-size:1.15rem}
#tab-manajemenUser .um-dialog-hint{color:#c0d2e8!important;font-size:.78rem}
#tab-manajemenUser .um-field label{color:#e1edfc!important;font-size:.74rem}
#tab-manajemenUser .um-field input,#tab-manajemenUser .um-field select{background:#18283e!important;color:#f0f6ff!important;border-color:#58718e;font-size:.8rem}
#tab-manajemenUser .um-field input::placeholder{color:#a9c0dd;opacity:1}
#tab-manajemenUser .um-field small{color:#b8cde6!important;font-size:.66rem}
#tab-manajemenUser .um-password button{background:#334c68;color:#d9ebfc;border-color:#657f9c}
#tab-manajemenUser .um-dialog-actions{border-color:#4b617c}
#tab-manajemenUser .um-close{background:#354b65;color:#dcecff}
@media(max-width:600px){#tab-manajemenUser .um-page{padding:14px;border-radius:17px}#tab-manajemenUser .um-header{padding:20px 17px!important;border-radius:12px}#tab-manajemenUser .um-header h4{font-size:1.25rem}#tab-manajemenUser .um-header p{font-size:.73rem}#tab-manajemenUser .um-stats{gap:7px}#tab-manajemenUser .um-stats>div{padding:14px 10px}#tab-manajemenUser .um-stats>div::after{right:9px;top:15px;width:5px;height:5px;box-shadow:none}#tab-manajemenUser .um-stats span{font-size:.6rem;line-height:1.5;min-height:28px}#tab-manajemenUser .um-stats strong{font-size:1.5rem}#tab-manajemenUser .um-card{padding:18px}#tab-manajemenUser .um-tabs button{font-size:.68rem;padding:10px 8px}#tab-manajemenUser .um-security-note{padding:12px;font-size:.64rem}#tab-manajemenUser .um-dialog{padding:20px}}
@media(prefers-reduced-motion:reduce){#tab-manajemenUser .um-card{transition:none;transform:none!important}}