:root{color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#2563eb38,#0000 32%),radial-gradient(circle at 100% 100%,#2dd4bf24,#0000 28%),#050816;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}a{color:inherit}#root{min-height:100vh}.app-shell{min-height:100svh;padding:32px;position:relative;overflow:hidden}.background-orb{filter:blur(8px);pointer-events:none;opacity:.95;border-radius:999px;position:absolute}.background-orb-one{background:radial-gradient(circle,#5e5ce670,#5e5ce600);width:420px;height:420px;top:-180px;left:-120px}.background-orb-two{background:radial-gradient(circle,#2dd4bf47,#2dd4bf00);width:460px;height:460px;bottom:-180px;right:-120px}.hero-panel,.content-panel{z-index:1;width:min(1120px,100%);margin:0 auto;position:relative}.hero-panel{grid-template-columns:minmax(0,1.45fr) minmax(300px,.9fr);align-items:stretch;gap:24px;margin-bottom:24px;display:grid}.hero-copy,.hero-stats,.auth-card,.info-card,.summary-card,.detail-card,.dashboard-header,.lookup-bar,.center-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0c16b8;border:1px solid #ffffff14;box-shadow:0 24px 80px #00000047}.hero-copy{border-radius:28px;padding:32px}.eyebrow,.card-kicker{letter-spacing:.16em;text-transform:uppercase;color:#d1d5db;background:#ffffff14;border-radius:999px;align-items:center;width:fit-content;padding:6px 12px;font-size:.72rem;display:inline-flex}.hero-copy h1{letter-spacing:-.06em;color:#f8fafc;max-width:12ch;margin:18px 0 14px;font-size:clamp(2.4rem,5vw,5.1rem);line-height:.95}.hero-copy p{color:#cbd5e1;max-width:62ch;font-size:1rem;line-height:1.7}.hero-stats{border-radius:28px;gap:16px;padding:24px;display:grid}.stat-card,.summary-card{background:linear-gradient(#ffffff1f,#ffffff0d);border:1px solid #ffffff14;border-radius:22px;padding:22px}.stat-card span,.summary-card span,.detail-heading span{color:#94a3b8;margin-bottom:8px;font-size:.85rem;display:block}.stat-card strong,.summary-card strong{color:#f8fafc;letter-spacing:-.04em;font-size:clamp(1.6rem,2.2vw,2.4rem);display:block}.content-panel{gap:20px;display:grid}.auth-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:start}.auth-card,.info-card,.detail-card,.center-panel{border-radius:28px;padding:28px}.card-header h2,.detail-card h3{color:#f8fafc;letter-spacing:-.04em;margin:14px 0 10px;font-size:clamp(1.45rem,2vw,2rem)}.card-header p,.info-card p,.detail-card p,.dashboard-header p,.empty-state{color:#cbd5e1;margin:0;line-height:1.65}.field{gap:10px;margin-top:18px;display:grid}.field span{color:#e2e8f0;font-size:.92rem}.field input{box-sizing:border-box;color:#f8fafc;width:100%;font:inherit;background:#0f172ab3;border:1px solid #94a3b847;border-radius:16px;padding:16px 18px;transition:border-color .2s,transform .2s,box-shadow .2s}.field input::placeholder{color:#64748b}.field input:focus{border-color:#60a5fad9;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #3b82f62e}.field-inline{margin-top:0}.primary-button,.secondary-button{appearance:none;font:inherit;cursor:pointer;border:none;border-radius:16px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s}.primary-button{color:#0f172a;background:linear-gradient(135deg,#e2e8f0 0%,#7dd3fc 100%);margin-top:22px;padding:15px 20px;box-shadow:0 18px 34px #7dd3fc33}.secondary-button{color:#f8fafc;background:#ffffff14;border:1px solid #ffffff1f;padding:13px 18px}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.72;transform:none}.notice{border-radius:16px;margin-top:18px;padding:14px 16px;font-size:.95rem}.notice-error{color:#fecaca;background:#7f1d1d70;border:1px solid #f8717142}.notice-success{color:#bbf7d0;background:#14532d6b;border:1px solid #4ade803d}.info-card{flex-direction:column;justify-content:space-between;display:flex}.feature-list{color:#e2e8f0;gap:14px;margin:22px 0 0;padding-left:18px;line-height:1.6;display:grid}.dashboard-grid{gap:18px}.dashboard-header,.lookup-bar{border-radius:26px;justify-content:space-between;align-items:center;gap:16px;padding:22px;display:flex}.lookup-bar{flex-wrap:wrap}.all-users-toolbar{flex-wrap:wrap;align-items:end;gap:14px;margin-top:8px;display:flex}.summary-grid,.details-grid{gap:18px;display:grid}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.details-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}.detail-card{min-height:100%}.accent-card{background:linear-gradient(#3b82f63d,#0f172ab8)}.detail-heading{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.reason-list{gap:14px;margin-top:18px;display:grid}.reason-item{background:#ffffff0f;border:1px solid #ffffff0f;border-radius:18px;padding:16px 18px}.reason-item strong{color:#f8fafc;margin-bottom:6px;display:block}.reason-item p{color:#cbd5e1;margin:0}.all-users-card{overflow:hidden}.users-table-wrap{margin-top:18px;overflow-x:auto}.users-table{border-collapse:collapse;width:100%;min-width:700px}.users-table th,.users-table td{text-align:left;color:#e2e8f0;border-bottom:1px solid #94a3b833;padding:12px 10px}.users-table th{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;font-size:.82rem}.users-table tbody tr:hover{background:#ffffff08}.user-cell{gap:4px;display:grid}.user-cell strong{color:#f8fafc}.user-cell span{color:#94a3b8;font-size:.88rem}.inline-action{color:#bae6fd;font:inherit;cursor:pointer;background:#7dd3fc1a;border:1px solid #7dd3fc80;border-radius:12px;padding:8px 10px;transition:background .2s,transform .2s}.inline-action:hover{background:#7dd3fc33;transform:translateY(-1px)}.center-panel{text-align:center;place-items:center;min-height:320px}.loading-ring{border:5px solid #ffffff1f;border-top-color:#7dd3fc;border-radius:50%;width:58px;height:58px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=960px){.app-shell{padding:18px}.hero-panel,.auth-grid,.details-grid,.summary-grid{grid-template-columns:1fr}.hero-copy,.hero-stats,.auth-card,.info-card,.summary-card,.detail-card,.dashboard-header,.lookup-bar,.center-panel{border-radius:22px}.dashboard-header,.lookup-bar,.detail-heading{flex-direction:column;align-items:stretch}.primary-button,.secondary-button{width:100%}.users-table{min-width:560px}}