.directory-primary,.directory-secondary,.directory-link{font:inherit;cursor:pointer;border-radius:9px;min-height:40px;padding:10px 15px;font-size:12px;font-weight:650;white-space:nowrap}
.directory-primary{background:#126da6;color:#fff;border:1px solid #126da6}.directory-secondary{background:var(--panel);color:var(--text);border:1px solid var(--line)}.directory-link{border:0;background:transparent;color:var(--cyan);padding:6px 8px}
.directory-primary:hover{background:#0c5889}.directory-secondary:hover{border-color:var(--cyan)}.directory-primary:focus-visible,.directory-secondary:focus-visible,.directory-link:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}
.customer-filters{display:grid;grid-template-columns:minmax(220px,2fr) minmax(140px,1fr) minmax(170px,1fr) auto;align-items:end;gap:14px}.panel .customer-filters>label{margin:0}.customer-directory{padding:24px}.customer-search input{min-height:46px}
.directory-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px}.directory-meta h2{margin:0}.directory-meta h2 span{font-weight:400;font-size:14px;color:var(--muted)}.directory-meta>div{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}
.directory-help{font-size:11px!important;max-width:830px;margin:12px 0 18px!important;line-height:1.6!important;color:var(--muted)}
.customer-table{table-layout:fixed;min-width:870px}.customer-table th:nth-child(1){width:22%}.customer-table th:nth-child(2){width:22%}.customer-table th:nth-child(3){width:17%}.customer-table th:nth-child(4){width:25%}.customer-table th:nth-child(5){width:14%}.customer-table td{vertical-align:top;overflow-wrap:anywhere}.customer-identity .customer-name{font-size:14px;color:var(--text)}.discord-id{display:block;font-variant-numeric:tabular-nums;font-size:11px;margin:5px 0;color:var(--muted)}
.directory-muted{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin-top:4px}.customer-row-actions button{display:block;width:100%;white-space:normal}.customer-row-actions .directory-link{margin-top:5px}.customer-machine strong{color:var(--text);font-size:12px}.customer-machine small{font-size:10px}
.directory-badge{display:inline-flex;align-items:center;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:700;line-height:1.4;border:1px solid transparent}.directory-badge.neutral{color:var(--muted);background:#7a92af16}.directory-badge.premium{color:#217cb7;background:#328dce15;border-color:#328dce30}.directory-badge.good{color:#148365;background:#25b38915}.directory-badge.danger{color:#bd4351;background:#d45b6815}
.validity{margin-top:8px}.validity strong{font-size:12px;color:var(--text)}.validity.warning strong,.validity.warning small{color:#aa731a}.validity.danger strong,.validity.danger small{color:#bd4351}
.presence{display:flex;align-items:center;gap:7px;line-height:1.5;color:var(--muted);font-size:11px}.presence strong{font-weight:650}.presence.is-online{color:#168561}.presence-dot{flex:none;display:inline-block;width:8px;height:8px;border-radius:50%;background:#8c9ba8}.presence-dot.online{background:#18aa75;box-shadow:0 0 0 3px #18aa7516}
.customer-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:22px}.customer-pagination>label{display:flex;align-items:center;gap:10px;color:var(--muted)}.customer-pagination select{width:auto;min-height:38px;padding:7px 24px 7px 9px}.customer-pagination>span{font-size:12px;color:var(--muted)}.customer-pagination>div{display:flex;gap:8px}.directory-empty{text-align:center;padding:36px!important;color:var(--muted)}
.customer-pagination{margin:18px 0}
@media(max-width:900px){.customer-table,.customer-table tbody,.customer-table tr,.customer-table td{display:block;min-width:0;width:100%;table-layout:auto}.customer-table thead{display:none}.customer-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid var(--line);padding:8px}.customer-table td{border:0;padding:10px!important}.customer-identity,.customer-machine,.customer-row-actions{grid-column:1/-1}.customer-row-actions{display:flex!important;gap:10px;align-items:center}.customer-row-actions button{width:auto}.customer-row-actions .directory-link{margin:0}}
.grant-panel{margin-top:0!important}.grant-panel #grantForm{grid-template-columns:1fr 1fr;max-width:1100px}.grant-account-preview,.grant-summary,.grant-submit{grid-column:1/-1}.grant-account-preview{display:flex;align-items:center;gap:16px;background:#328dce08;border:1px solid var(--line);border-radius:10px;padding:16px;font-size:12px;line-height:1.7;color:var(--muted)}.grant-account-preview button{flex:none;background:var(--panel);color:var(--text);border:1px solid var(--line)}.grant-summary{padding:15px 18px;background:#20a78409;border:1px solid #20a78430;border-radius:10px;font-size:13px;color:var(--text);line-height:1.7;margin-top:6px}.grant-submit{display:flex;align-items:center;gap:20px;margin-top:8px}.grant-submit>span{font-size:12px;color:var(--muted);line-height:1.7}#grantForm [hidden]{display:none}#grantForm input:read-only{opacity:.75}
#customerProfile{width:min(1000px,calc(100vw - 40px));max-height:90vh;padding:0;border:1px solid var(--line);border-radius:18px;color:var(--text);background:var(--panel);box-shadow:0 32px 100px #0004}#customerProfile[open]{display:flex;flex-direction:column}#customerProfile::backdrop{background:#07152299;backdrop-filter:blur(4px)}
.customer-profile-header{padding:24px 28px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.customer-profile-header h2{margin:7px 0;font-size:27px;letter-spacing:-.025em}.customer-profile-header p{margin:0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.customer-profile-body{padding:24px 28px;overflow:auto;min-height:120px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px}.profile-card{padding:20px;border:1px solid var(--line);border-radius:12px;min-width:0}.profile-card h3{margin:0 0 18px;font-size:15px}.profile-wide{grid-column:1/-1}.profile-fields{margin:0;display:grid;grid-template-columns:140px minmax(0,1fr);gap:11px 14px;font-size:12px;line-height:1.6}.profile-fields dt{color:var(--muted)}.profile-fields dd{margin:0;color:var(--text);overflow-wrap:anywhere}.profile-device-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.profile-device-heading h3{margin:0}.profile-card .profile-card{margin-top:18px;padding:16px}.profile-timeline{list-style:none;padding:0;margin:0}.profile-timeline li{display:grid;grid-template-columns:145px minmax(110px,1fr) minmax(130px,2fr) minmax(100px,1fr);gap:12px;padding:14px 0;font-size:11px;line-height:1.6;border-top:1px solid var(--line);overflow-wrap:anywhere}.profile-timeline li:first-child{border-top:0;padding-top:0}#customerProfile footer{padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
html[data-theme="dark"] .directory-badge.premium{color:#80cbff}html[data-theme="dark"] .directory-badge.good,html[data-theme="dark"] .presence.is-online{color:#72dcb5}html[data-theme="dark"] .validity.warning strong,html[data-theme="dark"] .validity.warning small{color:#ecc37c}html[data-theme="dark"] .validity.danger strong,html[data-theme="dark"] .validity.danger small,html[data-theme="dark"] .directory-badge.danger{color:#ff9da5}
@media(min-width:851px){.sidebar nav button[data-view="access"]{margin:5px 0 12px;border:1px solid #3c8dad45;background:#1478a51a;color:#86d6f4}}
@media(max-width:1100px){.customer-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.customer-search{grid-column:1/-1}.customer-table{min-width:830px}.customer-directory{padding:20px}}
@media(max-width:700px){.customer-filters{grid-template-columns:minmax(0,1fr)}.customer-filters label,.customer-search{grid-column:auto}.directory-meta{align-items:flex-start;gap:10px}.directory-meta>div{display:block}.customer-directory{padding:16px}.customer-pagination{gap:14px}.customer-pagination>div{width:100%;justify-content:space-between}.grant-panel #grantForm{grid-template-columns:minmax(0,1fr)}.grant-account-preview,.grant-submit{flex-direction:column;align-items:stretch;gap:10px}.heading>.directory-primary,.heading>.directory-secondary{margin-top:15px}.customer-profile-body{grid-template-columns:minmax(0,1fr);padding:18px}.customer-profile-header{padding:18px}.customer-profile-header h2{font-size:23px}.profile-fields{grid-template-columns:110px minmax(0,1fr);font-size:11px}.profile-timeline li{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#customerProfile footer{padding:16px;align-items:stretch;flex-direction:column;gap:12px}.profile-card{padding:15px}.customer-table,.customer-table tbody,.customer-table tr,.customer-table td{display:block;min-width:0;width:100%;table-layout:auto}.customer-table thead{display:none}.customer-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid var(--line);padding:8px}.customer-table td{border:0;padding:10px!important}.customer-identity,.customer-machine,.customer-row-actions{grid-column:1/-1}.customer-row-actions{display:flex!important;gap:10px;align-items:center}.customer-row-actions button{width:auto}.customer-row-actions .directory-link{margin:0}.directory-meta h2{font-size:17px}}