*{box-sizing:border-box}body{color:#172026;background:#f6f7f9;margin:0;font-family:Arial,Tahoma,sans-serif}a{color:inherit;text-decoration:none}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#102a2a;flex-direction:column;justify-content:space-between;padding:28px;display:flex}.sidebar h1,.topbar h2{margin:8px 0 0}.sidebar nav{gap:8px;display:grid}.sidebar button{color:#fff;cursor:pointer;font:inherit;text-align:left;background:#ffffff14;border:0;border-radius:8px;padding:12px}.sidebar button:hover,.sidebar button.active{background:#ffffff29}.content{padding:28px}.topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.eyebrow{color:#6b7a80;letter-spacing:0;margin:0;font-size:13px}.sidebar .eyebrow{color:#a8c7c3}.button{color:#fff;cursor:pointer;font-weight:700;font:inherit;background:#0f766e;border:0;border-radius:8px;padding:10px 16px;display:inline-flex}.button:disabled{cursor:not-allowed;background:#9db9b5}.secondary-button{background:#29464d}.danger-outline-button{color:#b42318;background:#fff1f0}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.auth-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:#fff;border:1px solid #dde4e8;border-radius:8px;gap:16px;width:100%;max-width:420px;padding:28px;display:grid;box-shadow:0 14px 38px #14202614}.auth-card h1{margin:0 0 6px}.auth-card label{color:#2d3b42;gap:7px;font-size:14px;font-weight:700;display:grid}.auth-card input{color:#172026;font:inherit;border:1px solid #cbd5da;border-radius:8px;padding:11px 12px}.auth-card input:focus{border-color:#0f766e;outline:2px solid #0f766e29}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.card,.panel{background:#fff;border:1px solid #dde4e8;border-radius:8px;box-shadow:0 8px 22px #1420260d}.card{gap:8px;min-height:132px;padding:18px;display:grid}.card strong{font-size:34px}.card small{color:#66757c}.panel{margin-top:20px;padding:20px}.panel h3{margin-top:0}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.panel-heading h3{letter-spacing:-.02em;margin:0 0 4px;font-size:22px;font-weight:700}.panel-heading p,.panel>p{color:#66757c;margin:0;font-size:13px;line-height:1.4}.filter-bar{grid-template-columns:minmax(240px,1fr) 160px auto;align-items:center;gap:10px;margin-bottom:14px;display:grid}.filter-bar input,.filter-bar select{color:#172026;font:inherit;background:#fff;border:1px solid #cbd5da;border-radius:8px;height:42px;padding:0 12px}.filter-bar input::placeholder{color:#8a9aa1}.filter-bar input:focus,.filter-bar select:focus{border-color:#0f766e;outline:2px solid #0f766e29}.filter-bar .button{white-space:nowrap;height:42px;padding-inline:18px}.table-wrap{border:1px solid #e5ebef;border-radius:10px;margin-top:4px;overflow-x:auto}.users-table{border-collapse:collapse;width:100%;min-width:980px}.users-table th{color:#5b6c73;letter-spacing:.04em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#f8fafb;font-size:12px;font-weight:700}.users-table th,.users-table td{vertical-align:middle;border-bottom:1px solid #e5ebef;padding:14px 16px}.users-table tbody tr:last-child td{border-bottom:0}.users-table tbody tr:hover td{background:#fbfcfd}.users-table td{color:#2d3b42;font-size:14px}.table-empty{color:#66757c;text-align:center;padding:28px 16px}.user-cell{gap:2px;max-width:280px;display:grid}.user-name{color:#172026;font-size:14px;font-weight:700;line-height:1.3}.user-handle,.user-email{color:#66757c;font-size:12px;line-height:1.35}.user-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.presence-cell{align-items:flex-start;gap:8px;min-width:148px;display:flex}.presence-text{gap:2px;line-height:1.3;display:grid}.presence-text span{color:#2d3b42;font-size:13px;font-weight:600}.presence-cell.is-online .presence-text span{color:#067647}.presence-text small{color:#66757c;white-space:nowrap;font-size:12px}.activity-cell{gap:2px;min-width:140px;display:grid}.activity-cell span{color:#172026;font-size:13px;font-weight:600;line-height:1.3}.activity-cell small{color:#66757c;white-space:nowrap;font-size:12px;line-height:1.35}.created-cell{color:#52646b;white-space:nowrap;font-size:13px}.status-pill{letter-spacing:.01em;white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.status-pill.active{color:#067647;background:#ecfdf3}.status-pill.pending{color:#175cd3;background:#eef4ff}.status-pill.disabled{color:#9a6700;background:#fff7e6}.status-pill.deleted{color:#b42318;background:#fff1f0}.online-dot{background:#a6b3b8;border-radius:999px;flex-shrink:0;width:8px;height:8px;margin-top:5px;display:inline-block}.online-dot.online{background:#12b76a;box-shadow:0 0 0 3px #12b76a29}.row-actions{flex-wrap:nowrap;justify-content:flex-start;gap:8px;display:flex}.mini-button{color:#24343a;cursor:pointer;font:inherit;white-space:nowrap;background:#f3f6f7;border:1px solid #d5dee2;border-radius:8px;padding:8px 11px;font-size:12px;font-weight:700;line-height:1}.mini-button:hover:not(:disabled){background:#e8eef0}.mini-button:disabled{cursor:not-allowed;opacity:.55}.danger-mini-button{color:#b42318;background:#fff1f0;border-color:#f1b8b4}.danger-mini-button:hover:not(:disabled){background:#ffe4e1}.approve-mini-button{color:#067647;background:#ecfdf3;border-color:#abefc6}.approve-mini-button:hover:not(:disabled){background:#dcfce7}.form-error,.form-success{margin-bottom:12px}@media (max-width:820px){.shell{grid-template-columns:1fr}.sidebar{gap:24px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-bar{grid-template-columns:1fr}.panel-heading{flex-direction:column}}@media (max-width:520px){.content{padding:18px}.topbar{flex-direction:column;align-items:flex-start;gap:12px}.grid{grid-template-columns:1fr}}.tool-form{gap:14px;max-width:520px;display:grid}.tool-form label{color:#2d3b42;gap:7px;font-size:14px;font-weight:700;display:grid}.tool-form input{color:#172026;font:inherit;border:1px solid #cbd5da;border-radius:8px;padding:11px 12px}.tool-form input:focus{border-color:#0f766e;outline:2px solid #0f766e29}.danger-button{color:#fff;cursor:pointer;font:inherit;background:#b42318;border:0;border-radius:8px;justify-self:start;padding:11px 16px;font-weight:700}.danger-button:disabled{cursor:not-allowed;background:#d8a6a1}.form-error,.form-success{border-radius:8px;margin:0;padding:10px 12px}.form-error{color:#b42318;background:#fff1f0}.form-success{color:#067647;background:#ecfdf3}