:root{--color-primary:#6a0dad;--color-primary-light:#8b2fc9;--color-primary-dark:#4a0880;--color-accent:#ffb700;--color-accent-light:#ffc933;--color-background:#0d0d0d;--color-surface:#1a1025;--color-surface-light:#251535;--color-text-primary:#fff;--color-text-secondary:#c9b8e8;--color-text-muted:#7a6b9a;--color-error:#ff4d4d;--color-success:#00c48c;--color-border:#2a1a40;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:999px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-background);color:var(--color-text-primary);margin:0}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-surface-light);border-radius:var(--radius-full)}.layout{min-height:100vh;display:flex}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.sidebar__brand{align-items:center;gap:10px;padding:8px 10px 24px;font-size:17px;font-weight:700;display:flex}.sidebar__logo{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));width:30px;height:30px;color:var(--color-accent);justify-content:center;align-items:center;font-weight:800;display:flex}.sidebar__nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar__link{border-radius:var(--radius-md);color:var(--color-text-secondary);padding:10px 12px;font-size:14px;font-weight:500}.sidebar__link:hover{background:var(--color-surface-light);color:var(--color-text-primary)}.sidebar__link--active{background:var(--color-primary);color:#fff}.sidebar__footer{border-top:1px solid var(--color-border);flex-direction:column;gap:10px;padding-top:14px;display:flex}.sidebar__admin-name{font-size:14px;font-weight:600}.sidebar__admin-role{color:var(--color-text-muted);text-transform:capitalize;font-size:12px}.content{flex:1;max-width:1200px;padding:28px 36px}.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-header h1{margin:0;font-size:22px}.page-subtitle{color:var(--color-text-muted);margin-top:4px;font-size:13px}.btn{border-radius:var(--radius-full);cursor:pointer;border:none;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .15s}.btn:hover{opacity:.85}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff}.btn--accent{background:var(--color-accent);color:#1a1a1a}.btn--ghost{background:var(--color-surface-light);color:var(--color-text-primary)}.btn--danger{background:var(--color-error);color:#fff}.btn--success{background:var(--color-success);color:#06281f}.btn--sm{padding:5px 12px;font-size:12px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:18px}.stat-card__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:12px}.stat-card__value{font-size:26px;font-weight:700}.stat-card__sublabel{color:var(--color-text-secondary);margin-top:4px;font-size:12px}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:20px;padding:20px}.panel h2{margin:0 0 16px;font-size:15px}.table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:12px 16px}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--color-surface-light)}.cell-actions{flex-wrap:wrap;gap:6px;display:flex}.cell-user{align-items:center;gap:10px;display:flex}.avatar{background:var(--color-surface-light);object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.cell-user__name{font-weight:600}.cell-user__handle{color:var(--color-text-muted);font-size:12px}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.badge--default{background:var(--color-surface-light);color:var(--color-text-secondary)}.badge--success{color:var(--color-success);background:#00c48c26}.badge--error{color:var(--color-error);background:#ff4d4d26}.badge--warning{color:var(--color-accent);background:#ffb70026}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}input[type=text],input[type=search],input[type=email],input[type=password],select{background:var(--color-surface-light);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);outline:none;padding:9px 12px;font-size:13px}input:focus,select:focus{border-color:var(--color-primary-light)}.pagination{justify-content:center;align-items:center;gap:16px;padding:16px;display:flex}.pagination__label{color:var(--color-text-muted);font-size:12px}.empty-state{text-align:center;color:var(--color-text-muted);padding:48px 20px}.error-banner{border:1px solid var(--color-error);color:var(--color-error);border-radius:var(--radius-md);background:#ff4d4d1a;margin-bottom:16px;padding:10px 14px;font-size:13px}.login-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:360px;padding:32px}.login-card h1{margin:0 0 4px;font-size:20px}.login-card p{color:var(--color-text-muted);margin:0 0 24px;font-size:13px}.form-field{margin-bottom:16px}.form-field label{color:var(--color-text-secondary);margin-bottom:6px;font-size:12px;display:block}.form-field input{width:100%}.modal-overlay{z-index:100;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;width:100%;max-width:520px;max-height:90vh;padding:24px;overflow-y:auto}.modal-card h2{margin:0 0 4px}.modal-close{float:right;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.detail-grid{grid-template-columns:1fr 1fr;gap:14px;margin:20px 0;display:grid}.detail-grid--full{grid-template-columns:1fr}.detail-item__label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:3px;font-size:11px}.detail-item__value{color:var(--color-text-primary);word-break:break-word;font-size:14px;font-weight:600}.detail-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-top:1px solid var(--color-border);margin:20px 0 10px;padding-top:16px;font-size:12px}.modal-actions{gap:10px;margin-top:20px;display:flex}.modal-actions .btn{flex:1}.no-account-warning{color:var(--color-accent);background:#ffb7001a;border:1px solid #ffb7004d;border-radius:8px;margin:20px 0;padding:12px 14px;font-size:13px}