:root{--c-base: #0a0d14;--c-surface: #111827;--c-edge: #1e2d40;--c-accent: #00c2ff;--c-warn: #ff6b35;--c-text: #e2eaf4;--c-dim: #5a7080;--f-display: "Share Tech Mono", monospace;--f-body: "Inter", sans-serif;--ease-snap: cubic-bezier(.22, 1, .36, 1);--ease-flip: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--c-base);color:var(--c-text);font-family:var(--f-body);font-size:14px;min-height:100vh;-webkit-font-smoothing:antialiased}.depth-grid{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0;perspective:600px}.depth-grid__inner{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;width:140%;height:140%;background-image:radial-gradient(circle,rgba(0,194,255,.18) 1px,transparent 1px);background-size:40px 40px;transform:rotateX(55deg) translateZ(0);transform-origin:center 60%;animation:grid-drift 12s linear infinite}@keyframes grid-drift{0%{background-position:0 0}to{background-position:0 40px}}.depth-grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,transparent 20%,var(--c-base) 75%)}@media (prefers-reduced-motion: reduce){.depth-grid__inner{animation:none}}.login-scene{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;perspective:1200px}.login-card{width:100%;max-width:400px;background:var(--c-surface);border:1px solid var(--c-edge);border-radius:4px;padding:40px 36px;box-shadow:0 0 0 1px #00c2ff14,0 24px 64px #000000b3,inset 0 1px #00c2ff1f;transform:rotateX(8deg);transform-style:preserve-3d;transition:transform .5s var(--ease-snap),box-shadow .5s var(--ease-snap);will-change:transform}.login-card:hover,.login-scene:focus-within .login-card{transform:rotateX(0);box-shadow:0 0 0 1px #00c2ff33,0 32px 80px #000c,inset 0 1px #00c2ff33}@media (prefers-reduced-motion: reduce){.login-card{transform:rotateX(0);transition:none}.login-card:hover{transform:rotateX(0)}}.login-eyebrow{font-family:var(--f-display);font-size:10px;letter-spacing:.25em;color:var(--c-accent);text-transform:uppercase;margin-bottom:8px}.login-title{font-family:var(--f-display);font-size:20px;letter-spacing:.05em;color:var(--c-text);margin-bottom:32px}.login-divider{height:1px;background:linear-gradient(90deg,var(--c-accent) 0%,var(--c-edge) 100%);margin-bottom:32px}.login-field{width:100%;background:var(--c-base);border:1px solid var(--c-edge);border-radius:3px;color:var(--c-text);font-family:var(--f-body);font-size:14px;padding:12px 14px;outline:none;transition:border-color .2s,box-shadow .2s;margin-bottom:12px}.login-field:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px #00c2ff1f}.login-field::placeholder{color:var(--c-dim)}.login-btn{width:100%;background:transparent;border:1px solid var(--c-accent);border-radius:3px;color:var(--c-accent);font-family:var(--f-display);font-size:13px;letter-spacing:.15em;padding:12px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;text-transform:uppercase}.login-btn:hover{background:var(--c-accent);color:var(--c-base);box-shadow:0 0 20px #00c2ff59}.login-btn:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}.login-error{margin-top:14px;font-family:var(--f-display);font-size:12px;color:var(--c-warn);letter-spacing:.05em;display:flex;align-items:center;gap:6px}.login-error:before{content:"⚠";font-style:normal}.dash-root{min-height:100vh;display:flex;flex-direction:column}.dash-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:56px;border-bottom:1px solid var(--c-edge);background:var(--c-surface);position:sticky;top:0;z-index:10}.dash-brand{font-family:var(--f-display);font-size:13px;letter-spacing:.2em;color:var(--c-accent);text-transform:uppercase}.dash-brand span{color:var(--c-dim);margin:0 8px}.dash-logout{background:transparent;border:1px solid var(--c-edge);border-radius:3px;color:var(--c-dim);font-family:var(--f-display);font-size:11px;letter-spacing:.12em;padding:6px 14px;cursor:pointer;text-transform:uppercase;transition:border-color .2s,color .2s}.dash-logout:hover{border-color:var(--c-warn);color:var(--c-warn)}.dash-logout:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}.dash-main{flex:1;padding:32px;max-width:1100px;width:100%;margin:0 auto}.dash-error{font-family:var(--f-display);font-size:12px;color:var(--c-warn);border:1px solid rgba(255,107,53,.3);border-radius:3px;padding:10px 14px;margin-bottom:24px;background:#ff6b350f}.user-table-wrap{border:1px solid var(--c-edge);border-radius:4px;overflow:hidden}.user-table{width:100%;border-collapse:collapse}.user-table thead th{font-family:var(--f-display);font-size:11px;letter-spacing:.18em;color:var(--c-dim);text-transform:uppercase;text-align:left;padding:14px 20px;background:#00c2ff0a;border-bottom:1px solid var(--c-edge)}.user-table thead th:first-child{border-left:2px solid var(--c-accent);padding-left:18px}.user-table tbody tr{border-bottom:1px solid var(--c-edge);transition:background .15s}.user-table tbody tr:last-child{border-bottom:none}.user-table tbody tr:hover{background:#00c2ff08}.user-table td{padding:16px 20px;color:var(--c-text);font-size:13px}.user-table td:first-child{padding-left:18px;border-left:2px solid transparent}.user-table td.email{font-size:13px;color:var(--c-text)}.user-table td.created{color:var(--c-dim);font-size:12px;font-variant-numeric:tabular-nums}.badge-scene{perspective:400px;display:inline-block}.badge-flipper{position:relative;transform-style:preserve-3d;transition:transform .35s var(--ease-flip);width:80px;height:24px}.badge-flipper.flipping{animation:badge-flip .35s var(--ease-flip) forwards}@keyframes badge-flip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@media (prefers-reduced-motion: reduce){.badge-flipper.flipping{animation:none}}.badge-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:3px;font-family:var(--f-display);font-size:10px;letter-spacing:.12em;text-transform:uppercase;backface-visibility:hidden;-webkit-backface-visibility:hidden}.badge--pending{background:#5a708033;border:1px solid var(--c-dim);color:var(--c-dim)}.badge--active{background:#00c2ff26;border:1px solid rgba(0,194,255,.4);color:var(--c-accent);box-shadow:0 0 8px #00c2ff33}.badge--inactive{background:#ff6b351a;border:1px solid rgba(255,107,53,.35);color:var(--c-warn)}.badge-flipper.glow-cyan .badge-face{animation:glow-pulse-cyan .5s ease-out .35s}.badge-flipper.glow-warn .badge-face{animation:glow-pulse-warn .5s ease-out .35s}@keyframes glow-pulse-cyan{0%{box-shadow:0 0 #00c2ff80}50%{box-shadow:0 0 12px 4px #00c2ff59}to{box-shadow:0 0 8px #00c2ff33}}@keyframes glow-pulse-warn{0%{box-shadow:0 0 #ff6b3580}50%{box-shadow:0 0 12px 4px #ff6b3559}to{box-shadow:none}}@media (prefers-reduced-motion: reduce){.badge-flipper.glow-cyan .badge-face,.badge-flipper.glow-warn .badge-face{animation:none}}.action-btn{background:transparent;border-radius:3px;font-family:var(--f-display);font-size:11px;letter-spacing:.1em;padding:6px 12px;cursor:pointer;text-transform:uppercase;transition:background .15s,color .15s,box-shadow .15s;margin-right:8px}.action-btn:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}.action-btn--approve{border:1px solid rgba(0,194,255,.4);color:var(--c-accent)}.action-btn--approve:hover{background:#00c2ff26;box-shadow:0 0 12px #00c2ff33}.action-btn--deactivate{border:1px solid rgba(255,107,53,.4);color:var(--c-warn)}.action-btn--deactivate:hover{background:#ff6b351f;box-shadow:0 0 12px #ff6b3533}.action-btn--reactivate{border:1px solid rgba(0,194,255,.4);color:var(--c-accent)}.action-btn--reactivate:hover{background:#00c2ff1f;box-shadow:0 0 12px #00c2ff26}@media (max-width: 720px){.dash-topbar{padding:0 16px}.dash-brand{font-size:11px;letter-spacing:.12em}.dash-brand span{margin:0 4px}.dash-main{padding:16px}.user-table-wrap{border:none;background:transparent}.user-table thead{display:none}.user-table,.user-table tbody,.user-table tbody tr,.user-table tbody td{display:block;width:100%}.user-table tbody tr{border:1px solid var(--c-edge);border-radius:4px;background:var(--c-surface);margin-bottom:12px;padding:4px 0}.user-table tbody tr:hover{background:var(--c-surface)}.user-table tbody td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-left:none;text-align:right}.user-table tbody td:before{content:attr(data-label);font-family:var(--f-display);font-size:10px;letter-spacing:.15em;color:var(--c-dim);text-transform:uppercase;flex-shrink:0}.user-table td.email{font-size:13px;word-break:break-all;text-align:right}.user-table td.email:before{color:var(--c-accent)}.user-table td.created{font-size:12px}.user-table tbody td:last-child{flex-wrap:wrap;padding-top:6px;border-top:1px solid var(--c-edge);margin-top:4px}.user-table tbody td:last-child:before{width:100%;text-align:left}.action-btn{flex:1 1 auto;padding:10px 12px;font-size:12px;margin-right:8px;min-height:44px}.action-btn:last-child{margin-right:0}}.empty-state{padding:48px 20px;text-align:center;font-family:var(--f-display);font-size:12px;letter-spacing:.15em;color:var(--c-dim);text-transform:uppercase}