.ud-dashboard{display:grid;gap:20px;min-width:0;max-width:100%}
.ud-dashboard [hidden],.ud-detail [hidden],#modal-content [hidden],.admin-tab[data-panel][hidden]{display:none!important}
.ud-header,.ud-card-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.ud-dashboard>.ud-header{margin:18px 0 0;padding:0;min-width:0;flex-wrap:wrap;background:transparent;border:0;border-radius:0;gap:10px}
.ud-header>.ud-actions{margin-left:auto}
.ud-header p,.ud-card-head p{color:var(--muted);font-size:12px;margin:4px 0 0;line-height:1.6}
.ud-card-head h3{font-size:16px;margin:0}
.ud-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.ud-dashboard .button,.ud-detail .button{min-height:38px;padding:9px 14px;border-radius:9px;font-size:12px}
.ud-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.ud-summary article,.ud-income-grid article,.ud-profile-grid article,.ud-detail-metrics article,.ud-requirements article{padding:17px;background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:0}
.ud-summary span,.ud-income-grid span,.ud-profile-grid span,.ud-detail-metrics span,.ud-requirements article>span{display:block;color:var(--muted);font-size:11px;line-height:1.5}
.ud-summary strong{display:block;font:800 23px/1.3 var(--display);margin-top:7px;overflow-wrap:anywhere}
.ud-summary [data-online-count]{color:var(--accent)}
.ud-chart-card,.ud-users-card{min-width:0;margin:0!important;padding:22px!important;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.ud-period{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.ud-dashboard input,.ud-dashboard select,.ud-detail input:not([type=checkbox]),.ud-detail textarea{color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 11px;min-height:39px;max-width:100%;font-size:12px;outline:none;color-scheme:dark}
.ud-dashboard input:focus,.ud-dashboard select:focus,.ud-detail input:focus,.ud-detail textarea:focus{border-color:var(--accent)}
.ud-dashboard input[type=checkbox],.ud-detail input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:var(--accent);cursor:pointer}
.ud-chart-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 15px}
.ud-chart-tabs button,.ud-detail-tabs button{border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);padding:9px 12px;font-size:12px;cursor:pointer;white-space:nowrap}
.ud-chart-tabs button.is-active,.ud-detail-tabs button.is-active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 7%,transparent)}
.ud-chart svg{display:block;width:100%;height:190px;overflow:visible}
.ud-chart rect{fill:var(--accent);opacity:.8;transition:opacity .15s}
.ud-chart rect:hover{opacity:1}
.ud-chart svg text{fill:var(--muted);font:10px var(--sans)}
.ud-chart-total{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.ud-chart-total strong{font:800 28px var(--display)}
.ud-chart-total span,.ud-chart-note{font-size:11px;color:var(--muted);line-height:1.7}
.ud-chart-note{margin:9px 0 0}
.ud-columns{position:relative;font-size:12px}
.ud-columns summary,.ud-advanced summary{cursor:pointer;color:var(--muted);padding:8px 0}
.ud-columns>div{position:absolute;right:0;top:35px;z-index:8;width:245px;background:var(--panel2);border:1px solid var(--line);box-shadow:0 15px 40px #0004;padding:14px;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:11px}
.ud-columns label{display:flex;align-items:center;gap:6px;font-size:11px}
.ud-filters{margin-top:18px}
.ud-search-row{display:flex;gap:9px}
.ud-search-row>input{flex:1;min-width:100px}
.ud-search-row>select{max-width:180px}
.ud-advanced{margin:10px 0;border-bottom:1px solid var(--line);padding-bottom:8px}
.ud-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:10px 0}
.ud-filter-grid label,.ud-detail form>label{display:grid;gap:6px;font-size:11px;color:var(--muted)}
.ud-filter-grid input,.ud-filter-grid select{width:100%;min-width:0}
.ud-bulk{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:13px;border-radius:10px;background:color-mix(in srgb,var(--accent) 5%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 18%,transparent)}
.ud-bulk strong{font-size:12px;color:var(--accent)}
.ud-bulk input[name=reason]{flex:1;min-width:150px}
.ud-status{font-size:12px;color:var(--muted);min-height:18px;margin:12px 0 3px}
.ud-table-wrap,.ud-detail-table{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:10px}
.ud-table-wrap{max-height:70vh;border:0;border-radius:0;background:transparent}
.ud-table{min-width:1000px;width:100%}
.ud-table thead th{position:sticky;top:0;background:var(--panel2);z-index:2;white-space:nowrap;padding:13px 14px;font-size:11px}
.ud-table td{vertical-align:middle;font-size:12px;padding:16px 14px!important;white-space:nowrap;font-variant-numeric:tabular-nums}
.ud-table .ud-select-cell{width:38px;min-width:38px;box-sizing:border-box;padding-inline:12px!important}
.ud-select-cell input{display:block;margin:0}
.ud-table .ud-identity-cell{width:290px;min-width:250px;max-width:320px;white-space:normal}
.ud-table tbody tr:hover{background:color-mix(in srgb,var(--accent) 3%,transparent)}
.ud-table tbody tr:has([data-select]:checked){background:color-mix(in srgb,var(--accent) 6%,transparent)}
.ud-table small,.ud-detail-table small{display:block;color:var(--muted);font-size:10px;margin-top:5px;line-height:1.6}
.ud-user-link{display:block;width:100%;border:0;background:transparent;text-align:left;padding:0;cursor:pointer;color:var(--text);max-width:290px;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.ud-user-link strong{display:block;font-size:13px;font-weight:700}
.ud-table .ud-user-link small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;line-height:1.5}
.ud-user-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.ud-user-badges{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:9px}
.ud-user-badges .ud-pill{margin:0}
.ud-pill{display:inline-flex;align-items:center;padding:4px 7px;font-size:10px;line-height:1.4;border-radius:6px;background:var(--panel2);border:1px solid var(--line);color:var(--muted);white-space:nowrap;margin:2px 1px 2px 0}
.ud-pill.good{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 23%,transparent);background:color-mix(in srgb,var(--accent) 6%,transparent)}
.ud-pill.warn{color:#e5b875;background:#e5b8750b;border-color:#e5b87533}
.ud-table .ud-flags{color:#d9b77e;white-space:normal;max-width:290px;margin-top:7px;line-height:1.5}
.ud-actions-cell{width:114px;min-width:114px}
.ud-row-actions{display:grid;gap:6px;width:110px}
.ud-row-actions .table-action{display:flex;align-items:center;justify-content:center;min-height:32px;padding:6px 10px;border:1px solid var(--line);border-radius:7px;background:var(--panel2);color:var(--text);font-size:11px;line-height:1.4;white-space:nowrap}
.ud-row-actions [data-detail]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 25%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--panel))}
.ud-row-actions .table-action:hover{border-color:var(--accent)}
.ud-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;color:var(--muted);font-size:11px}
.ud-pagination>div{display:flex;gap:8px}
.ud-empty{padding:28px 16px;text-align:center;color:var(--muted);font-size:12px;line-height:1.7}
.ud-dashboard button:disabled,.ud-detail button:disabled{opacity:.4;cursor:not-allowed}
.modal.users-detail-modal{width:min(1040px,100%);max-height:90vh;max-height:90dvh;padding:28px;overflow:auto;background:var(--panel);color:var(--text)}
.ud-detail h2{font:800 23px/1.35 var(--display);overflow-wrap:anywhere;color:var(--text)}
.ud-detail header>p{overflow-wrap:anywhere}
.ud-detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}
.ud-detail-metrics strong{font:750 20px var(--display);display:block;margin-top:7px}
.ud-detail-tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:20px}
.ud-detail-body{min-height:180px}
.ud-detail-body h3{font-size:15px;margin:20px 0 12px}
.ud-detail-body h3:first-child{margin-top:0}
.ud-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ud-profile-grid strong{display:block;font-size:12px;margin-top:6px;overflow-wrap:anywhere}
.ud-detail-section{margin:24px 0}
.ud-income-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:10px 0 22px}
.ud-income-grid article{padding:14px}
.ud-income-grid strong{display:block;font-size:15px;font-weight:750;margin-top:7px;overflow-wrap:anywhere}
.ud-requirements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.ud-requirements strong{display:block;font-size:20px;margin:7px 0}
.ud-requirements strong small,.ud-requirements article>small{font-size:10px;font-weight:400;color:var(--muted);line-height:1.5}
.ud-eligibility-note{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;margin:14px 0;background:var(--bg);border:1px solid var(--line);border-radius:10px}
.ud-eligibility-note p{margin:0;flex:1;min-width:180px;font-size:12px}
.ud-detail-table table{min-width:560px;width:100%}
.ud-detail-table td{font-size:12px;vertical-align:top;overflow-wrap:anywhere;max-width:350px}
.ud-detail .ud-tags-form,.ud-detail .ud-note-form,.ud-detail .ud-access-form{display:grid;gap:12px;margin:12px 0 22px;padding:17px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.ud-detail textarea{resize:vertical;min-height:90px;width:100%}
.ud-detail form>.button{justify-self:start}
.ud-detail .ud-check{display:flex;align-items:center;gap:9px;color:var(--text);font-size:12px}
.ud-tags-form>small{font-size:10px;color:var(--muted)}
.ud-notes{display:grid;gap:10px}
.ud-notes article{border:1px solid var(--line);padding:15px;border-radius:10px}
.ud-notes p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 8px}
.ud-notes small{font-size:10px;color:var(--muted)}
.ud-notes .table-action{float:right}
html[data-theme=light] .ud-dashboard input,html[data-theme=light] .ud-dashboard select,html[data-theme=light] .ud-detail input,html[data-theme=light] .ud-detail textarea{color-scheme:light}
html[data-theme=light] .ud-pill.good{color:#526e00}
html[data-theme=light] .ud-pill.warn{color:#8e5f1f}
html[data-theme=light] .ud-chart-tabs button.is-active,html[data-theme=light] .ud-detail-tabs button.is-active{color:#526e00}
html[data-theme=light] .ud-chart rect{fill:#83a52b}
html[data-theme=light] .ud-summary [data-online-count]{color:#526e00}
@media(max-width:1200px){.ud-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.ud-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.ud-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.ud-card-head{align-items:flex-start;flex-wrap:wrap}.ud-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ud-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ud-profile-grid,.ud-income-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ud-requirements{grid-template-columns:1fr}.ud-chart-card,.ud-users-card{padding:16px!important}}
@media(max-width:520px){.ud-dashboard{gap:14px}.ud-header{align-items:flex-start;flex-direction:column}.ud-header h2{font-size:21px}.ud-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ud-summary article{padding:13px}.ud-summary strong{font-size:20px}.ud-search-row{flex-wrap:wrap}.ud-search-row>input{flex-basis:100%}.ud-search-row>select{flex:1;max-width:none}.ud-bulk{align-items:stretch}.ud-bulk>*{max-width:100%}.ud-chart svg{height:145px}.ud-period input{max-width:145px}.modal.users-detail-modal{padding:20px 15px;width:100%;border-radius:12px}.ud-detail h2{font-size:20px}.ud-profile-grid{grid-template-columns:1fr}.ud-income-grid article{padding:11px}.ud-detail-metrics article{padding:12px}.ud-pagination{align-items:flex-start;flex-direction:column}.ud-detail-tabs{gap:5px}.ud-detail-tabs button{padding:8px 10px;font-size:11px}.ud-columns>div{right:auto;left:0}}

.ud-detail-table td{white-space:normal}.ud-detail select{color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px;font-size:12px}.ud-detail-body details{margin:14px 0}.ud-detail-body details>summary{cursor:pointer;font-size:12px;color:var(--muted);padding:9px 0}
@media(max-width:520px){.ud-dashboard>.ud-header{flex-direction:row;align-items:center;padding:0;gap:8px}.ud-header>.ud-actions{display:contents}.ud-header>.button,.ud-header .ud-actions>.button{flex:1 1 auto;min-width:0;padding:9px 10px;font-size:11px}.ud-status:empty{display:none}}
