#app .content .staff-premium { --staff-surface:#f7f5fc;--staff-line:#e6e0f2;--staff-ink:#302943;--staff-muted:#756b87;--staff-selected:#fff;--staff-accent:#6845cc; }
html[data-xt-theme="dark"] #app .content .staff-premium { --staff-surface:#1a1c2b;--staff-line:#343047;--staff-ink:#f2edff;--staff-muted:#b0a7c3;--staff-selected:#343047;--staff-accent:#c0a6ff; }
#app .content .staff-premium > .panel-head { display:flex!important;flex-wrap:wrap;align-items:center!important;gap:20px!important;margin-bottom:24px!important; }
#app .content .staff-premium > .panel-head > div:first-child {flex:1 1 200px;}
#app .content .staff-premium .staff-header-actions { display:flex;flex:0 1 auto!important;align-items:center;flex-wrap:wrap;gap:10px; }
#app .content .staff-premium .staff-ui-icon { display:inline-flex;flex:0 0 18px;width:18px;height:18px;align-items:center;justify-content:center;pointer-events:none; }
#app .content .staff-premium .staff-ui-icon svg { width:18px;height:18px; }
#app .content .staff-premium button.staff-action { display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 16px!important;border:1px solid var(--staff-line)!important;border-radius:13px!important;background:var(--staff-selected)!important;color:var(--staff-ink)!important;font-size:13px!important;font-weight:700!important;line-height:1.35;letter-spacing:0!important;box-shadow:0 3px 10px #25144806!important;transition:transform .18s,box-shadow .18s,border-color .18s; }
html[data-xt-theme] #app .app-shell .content .staff-premium button.primary.staff-action-add { background:linear-gradient(125deg,#7856df,#5233be)!important;color:#fff!important;border-color:#7658d7!important;box-shadow:0 5px 15px #6541c82a!important; }
#app .content .staff-premium button.staff-action-settings { background:transparent!important;color:var(--staff-muted)!important;box-shadow:none!important; }
#app .content .staff-premium button.staff-action:hover {transform:translateY(-1px);border-color:var(--staff-accent)!important;box-shadow:0 6px 18px #6541c820!important;}
#app .content .staff-premium button:focus-visible,#app .content .staff-premium .staff-search-box:focus-within {outline:3px solid #a58ae788;outline-offset:3px;}
#app .content .staff-premium .staff-filter-bar {display:flex!important;align-items:center!important;justify-content:space-between;flex-wrap:wrap;gap:16px!important;padding:16px!important;border:1px solid var(--staff-line);border-radius:17px;background:var(--staff-surface);margin-bottom:24px!important;}
#app .content .staff-premium .staff-filter-tabs {display:flex;gap:4px;padding:4px;border:1px solid var(--staff-line);border-radius:12px;max-width:100%;}
#app .content .staff-premium .staff-filter-tabs button {display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent!important;border-radius:9px!important;min-height:40px;padding:9px 15px!important;font-size:13px!important;font-weight:650!important;letter-spacing:0!important;background:transparent!important;color:var(--staff-muted)!important;box-shadow:none!important;}
#app .content .staff-premium .staff-filter-tabs button[aria-pressed="true"] {background:var(--staff-selected)!important;border-color:var(--staff-line)!important;color:var(--staff-accent)!important;box-shadow:0 2px 7px #23123a08!important;}
#app .content .staff-premium label.staff-search-box {display:flex!important;flex:0 1 380px;align-items:center;gap:10px!important;margin:0!important;min-width:0;padding:0 14px!important;border:1px solid var(--staff-line);border-radius:12px;background:var(--staff-selected);color:var(--staff-muted)!important;}
#app .content .staff-premium .staff-search-box input {min-width:0!important;width:100%!important;max-width:100%!important;height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;color:var(--staff-ink)!important;font-size:13px!important;}
#app .content .staff-premium .staff-search-box input::placeholder {color:var(--staff-muted);opacity:1;}
#app .content .staff-premium .staff-list-heading {font-size:15px!important;font-weight:750!important;color:var(--staff-ink)!important;margin:0 0 16px!important;}
@media(max-width:680px){
 #app .content .staff-premium .staff-header-actions {width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;}
 #app .content .staff-premium button.staff-action-add {grid-column:1/-1;}
 #app .content .staff-premium button.staff-action {padding:11px 9px!important;font-size:12px!important;}
 #app .content .staff-premium .staff-filter-bar {padding:10px!important;gap:12px!important;}
 #app .content .staff-premium .staff-filter-tabs {width:100%;box-sizing:border-box;}
 #app .content .staff-premium .staff-filter-tabs button {flex:1;padding:8px!important;font-size:12px!important;}
 #app .content .staff-premium label.staff-search-box {flex:1 1 100%;}
}
@media(prefers-reduced-motion:reduce){#app .content .staff-premium button.staff-action {transition:none;}}