:root{color:#f2ecf1;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0c0c10;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font-family:inherit}::selection{color:#fff;background:#92354f}.app{background:radial-gradient(at 90% 0,#49172855,#0000 42%),radial-gradient(at 0 70%,#231c2455,#0000 40%),#0c0c10;min-height:100vh;padding:0 5vw 28px}.topbar{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:24px;max-width:1320px;height:104px;margin:auto;display:flex}.brand{color:#f5f0ee;letter-spacing:2px;align-items:center;gap:13px;font-size:15px;font-weight:650;text-decoration:none;display:flex}.brand small{color:#9b939b;letter-spacing:3px;margin-top:5px;font-size:9px;display:block}.brand-mark{background:linear-gradient(145deg,#722238,#2d1421);border:1px solid #b34b6660;border-radius:13px;place-items:center;width:42px;height:46px;font-family:Georgia,serif;font-size:27px;display:grid;box-shadow:0 6px 25px #9f173520}.nav-links{gap:32px;display:flex}.nav-links a{color:#b9b1ba;font-size:13px;text-decoration:none}.nav-links a:hover{color:#fff}.card{max-width:1320px;margin:0 auto;padding-top:54px}.header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px;display:flex}.eyebrow{letter-spacing:2.2px;color:#b28d9b;margin:0 0 16px;font-size:10px;font-weight:650}h1{letter-spacing:-2px;margin:0;font-size:clamp(32px,4vw,54px);font-weight:450;line-height:1.15}.ruby-dot{color:#d76786}.subtitle{color:#a7a0ac;margin:15px 0 0;font-size:14px;line-height:1.7}.access-badge{color:#dfb3c1;background:#8b30451f;border:1px solid #a74c653b;border-radius:6px;padding:6px 10px;font-size:11px}.session-badge{color:#b9c5bd;background:#15171a;border:1px solid #ffffff10;border-radius:30px;align-items:center;gap:9px;padding:10px 15px;font-size:12px;display:flex}.status-dot{background:#89bda0;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 12px #89bda033}.dashboard-grid{grid-template-columns:1.2fr 1fr;gap:22px;display:grid}.section{background:linear-gradient(130deg,#1b1a20dd,#141419ee);border:1px solid #ffffff13;border-radius:20px;padding:30px;scroll-margin-top:24px;box-shadow:0 15px 40px #00000012}.section .eyebrow{color:#968590;margin-bottom:12px;font-size:9px}h2{letter-spacing:-.5px;margin:0 0 9px;font-size:21px;font-weight:500}h3{color:#aaa1ad;margin:23px 0 12px;font-size:11px;font-weight:500}.section-description{color:#a8a0ac;margin:0 0 25px;font-size:12px;line-height:1.7}.details{grid-template-columns:1fr 1fr;gap:23px 28px;display:grid}.details>div:last-child:nth-child(odd){grid-column:1/-1}.details span{color:#8f8795;margin-bottom:8px;font-size:10px;display:block}.details strong{overflow-wrap:anywhere;font-size:13px;font-weight:450;line-height:1.6}.roles{flex-wrap:wrap;gap:7px;display:flex}.role{color:#c4bbc8;overflow-wrap:anywhere;background:#ffffff04;border:1px solid #ffffff10;border-radius:6px;padding:7px 10px;font-size:10px}.muted{color:#a39aa8;font-size:12px;line-height:1.7}.password-section{background:radial-gradient(at 100% 0,#6c24302a,#0000 70%),linear-gradient(135deg,#211b22,#17151b);border-color:#8f40502e}input{color:#f1ebef;width:100%;min-width:0;font:inherit;background:#0e0e1466;border:1px solid #ffffff19;border-radius:9px;padding:13px 14px;font-size:12px;transition:border-color .2s}input::placeholder{color:#938896}input:focus{border-color:#c36a83;outline:none;box-shadow:0 0 0 3px #c36a8315}form{gap:10px;display:grid}button{font:inherit;color:#e2d9e3;cursor:pointer;background:#ffffff05;border:1px solid #ffffff1c;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:550;transition:background .2s,border-color .2s}button:hover{background:#ffffff0c;border-color:#ffffff35}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #d87894}button:disabled{opacity:.55;cursor:wait}form button,.user-password-form>button{color:#fff;background:linear-gradient(120deg,#9e3b57,#7d2945);border-color:#b8537155;box-shadow:0 4px 15px #77243e20}form button:hover,.user-password-form>button:hover{background:#aa4563}.logout{white-space:nowrap}.logout span{color:#b78495;margin-left:12px}.team-section{margin-top:22px;padding-bottom:12px}.team-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.member-count{color:#b9aebd;white-space:nowrap;border:1px solid #ffffff14;border-radius:20px;padding:7px 11px;font-size:11px}.team-row{border-top:1px solid #ffffff0e;padding:18px 0}.team-user{align-items:center;gap:16px;display:flex}.avatar{color:#d5b6c3;background:linear-gradient(135deg,#44323f,#24202b);border:1px solid #ffffff10;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:12px;display:grid}.user-identity{flex:1;min-width:0}.user-identity strong{overflow-wrap:anywhere;font-size:13px;font-weight:500;display:block}.user-identity span{color:#9e94a5;overflow-wrap:anywhere;margin-top:5px;font-size:11px;display:block}.user-role{text-transform:capitalize;color:#b8adbf;border:1px solid #ffffff12;border-radius:5px;margin-right:20px;padding:5px 9px;font-size:10px}.team-user button{font-size:11px}.user-password-form{flex-wrap:wrap;gap:10px;padding:18px 0 0 56px;display:flex}.user-password-form input{flex:1;min-width:180px}.feedback{color:#b4d7bd;margin:5px 0;font-size:12px;line-height:1.6}.feedback.error{color:#f1a0b2}.user-password-form .feedback{flex-basis:100%}.token-status{color:#8b8592;align-items:center;gap:9px;padding:27px 2px 0;font-size:10px;display:flex}.footer-brand{letter-spacing:1.6px;margin-left:auto;font-size:9px}html{scroll-behavior:smooth}@media (width>=1500px){.card{padding-top:65px}.section{padding:34px}.header{margin-bottom:46px}}@media (width<=800px){.app{padding:0 24px 24px}.nav-links{gap:18px}.dashboard-grid{grid-template-columns:1fr}.card{padding-top:35px}.header{align-items:flex-start}h1{letter-spacing:-1px}.section{padding:25px}.user-role{margin-right:0}.team-user{gap:12px}}@media (width<=520px){.app{padding:0 16px 20px}.topbar{height:85px}.brand{letter-spacing:1.2px;font-size:12px}.brand small{letter-spacing:2px;font-size:8px}.brand-mark{width:35px;height:39px}.nav-links{display:none}.logout{padding:9px 10px;font-size:10px}.header{flex-direction:column;gap:20px;margin-bottom:28px}.session-badge{padding:8px 12px;font-size:10px}.section{border-radius:16px;padding:22px}.details{gap:22px 16px}.team-user{flex-wrap:wrap}.user-identity{flex-basis:calc(100% - 60px)}.team-user button{margin-left:auto}.user-role{margin-left:52px}.user-password-form{padding-left:0}.user-password-form input{flex-basis:100%}.user-password-form>button{width:100%}.footer-brand{letter-spacing:.6px;font-size:8px}.team-heading{align-items:flex-start}.member-count{font-size:9px}.team-heading .section-description{max-width:220px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
