.users-page{min-height:100vh;margin:0;background:radial-gradient(circle at 10% 0,#203c36 0,transparent 32%),var(--shell-bg);color:var(--shell-text)}
.users-shell{width:min(920px,100%);margin:auto;padding:calc(28px + env(safe-area-inset-top)) 18px calc(38px + env(safe-area-inset-bottom))}
.users-header{padding-right:64px;margin-bottom:22px}.users-header h1{margin:0;font-size:clamp(34px,8vw,56px)}.users-header p{color:var(--shell-muted)}
.users-panel{margin:14px 0;padding:20px;border:1px solid var(--shell-line);border-radius:22px;background:#111720e8;box-shadow:0 18px 45px #0003}.users-panel h2{margin:0 0 16px}
.create-panel-toggle{width:100%;min-height:52px;padding:0;justify-content:space-between;background:transparent;color:var(--shell-text);font-size:clamp(20px,4vw,26px);text-align:left;box-shadow:none}.create-panel-arrow{display:grid;width:38px;height:38px;place-items:center;border:1px solid #68e18f80;border-radius:50%;background:#68e18f18;color:#68e18f;font-size:30px;line-height:1;transition:transform .32s ease,background .32s ease}.create-panel-toggle[aria-expanded="true"] .create-panel-arrow{transform:rotate(180deg);background:#68e18f2b}.create-panel-body{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .38s ease,opacity .28s ease}.create-panel-body.is-open{grid-template-rows:1fr;opacity:1}.create-panel-inner{min-height:0;overflow:hidden}.create-panel-inner form{padding-top:18px}
.create-panel-toggle{display:flex;align-items:center}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-grid label{display:grid;gap:7px;color:#d8e1eb;font-size:13px;font-weight:750}
.field-grid input,.field-grid select{width:100%;min-height:48px;padding:11px 12px;border:1px solid #3a4859;border-radius:12px;background:#09111b;color:#fff;font:inherit}
button{min-height:46px;padding:10px 16px;border:0;border-radius:12px;background:#68e18f;color:#08150d;font:inherit;font-weight:850;cursor:pointer}.secondary{background:#263344;color:#eef4fa}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.help,.status,.empty{color:var(--shell-muted);font-size:13px}.status.error{color:#ff9a9a}.status.success{color:#82e7a2}
.users-search{display:grid;gap:7px;margin:16px 0 12px;color:#d8e1eb;font-size:13px;font-weight:750}.users-search input{width:100%;min-height:48px;padding:11px 14px;border:1px solid #3a4859;border-radius:12px;background:#09111b;color:#fff;font:inherit}.users-search input:focus{outline:2px solid #68e18f70;outline-offset:1px;border-color:#68e18f}.users-list{display:grid;max-height:min(62dvh,680px);gap:10px;overflow-y:auto;overscroll-behavior:contain;padding-right:5px;scrollbar-color:#52667c #0b121b;scrollbar-width:thin}.user-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:15px;border:1px solid #2d3b4b;border-radius:15px;background:#0b121b}.user-row strong{display:block}.user-meta{margin-top:5px;color:#9eacbd;font-size:12px}.user-actions{display:flex;align-items:center;gap:8px}.user-actions button{min-height:38px;padding:8px 10px;font-size:12px}.user-actions .danger{background:#582a31;color:#ffd7dc}.user-actions select{min-height:38px;padding:7px 9px;border:1px solid #3a4859;border-radius:10px;background:#101a26;color:#fff;font:inherit;font-size:12px}
.user-row.is-pending{border-color:#d7a94a;background:linear-gradient(135deg,#251f12,#0b121b)}.user-row.is-pending strong::before{content:"⏳ ";}.user-row.is-pending .user-meta{color:#f0ce83}
.user-row>div:first-child{cursor:pointer}.user-modal{position:fixed;inset:0;z-index:100;display:grid;padding:18px;background:#000b;backdrop-filter:blur(8px)}.user-modal[hidden]{display:none}.user-modal-sheet{width:min(720px,100%);max-height:92dvh;margin:auto;overflow:auto;padding:22px;border:1px solid #3a4859;border-radius:22px;background:#101720;box-shadow:0 28px 80px #000c}.detail-block{margin-top:16px;padding:16px;border:1px solid #2d3b4b;border-radius:15px;background:#0b121b}.detail-block h3{margin:0 0 12px}.card-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.card-fields input{min-width:0;min-height:44px;padding:9px;border:1px solid #3a4859;border-radius:10px;background:#09111b;color:#fff;font:inherit}.usage-list{display:grid;gap:8px}.usage-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid #2d3b4b;border-radius:11px}.usage-row .danger{background:#582a31;color:#ffd7dc}.leaf{color:#8ee8a8;font-weight:800}
@media(max-width:620px){.field-grid{grid-template-columns:1fr}.user-row{grid-template-columns:1fr}.user-actions{flex-wrap:wrap}}
@media(max-width:620px){.card-fields{grid-template-columns:1fr}.user-modal{padding:0}.user-modal-sheet{max-height:100dvh;border-radius:0}}