@font-face {
  font-family: "KorolevLiU";
  src: url("/brand-assets/KorolevLiU-Medium.otf") format("opentype");
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "KorolevLiU";
  src: url("/brand-assets/KorolevLiU-Bold.otf") format("opentype");
  font-weight: 700 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --liu-blue: #005b99;
  --liu-blue-dark: #004777;
  --blue-soft: #eaf3f8;
  --ink: #161819;
  --muted: #687077;
  --line: #dde1e4;
  --paper: #fff;
  --canvas: #f4f5f3;
  --green: #217b57;
  --red: #b74242;
  --shadow: 0 16px 46px rgba(15, 34, 48, .09);
  --footer-h: 30px;
}

* { box-sizing: border-box; }
html, body { min-height: 100%; }
body { margin: 0; color: var(--ink); background: var(--canvas); font-family: "KorolevLiU", system-ui, sans-serif; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.hidden { display: none !important; }
.muted { color: var(--muted); }

.loading { min-height: 100vh; display: grid; place-content: center; justify-items: center; gap: 16px; color: var(--muted); font-weight: 700; }
.loading-mark { width: 30px; height: 30px; border: 3px solid #ccd3d8; border-top-color: var(--liu-blue); border-radius: 50%; animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

.eyebrow { margin: 0 0 8px; color: var(--liu-blue); font-size: 12px; font-weight: 800; letter-spacing: 1.55px; text-transform: uppercase; }
.eyebrow.light { color: #9fd2f1; }

.auth-view { min-height: 100vh; display: grid; grid-template-columns: minmax(460px, 1.1fr) minmax(430px, .9fr); background: var(--paper); }
.auth-story { position: relative; min-height: 100vh; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: 34px 46px 30px; color: white; background: linear-gradient(145deg, #003e69 0%, #0065a5 52%, #005184 100%); }
.auth-story::before { content: ""; position: absolute; inset: -20% -25%; opacity: .18; background: repeating-radial-gradient(circle at 65% 50%, transparent 0 54px, rgba(255,255,255,.35) 55px 56px); transform: rotate(-10deg); }
.auth-story::after { content: ""; position: absolute; width: 430px; height: 430px; right: -180px; bottom: -190px; border: 80px solid rgba(255,255,255,.06); border-radius: 50%; }
.auth-brand, .story-copy, .story-foot { position: relative; z-index: 1; }
.auth-brand { display: flex; align-items: center; gap: 17px; }
.auth-brand img { width: 182px; filter: brightness(0) invert(1); }
.brand-divider { width: 1px; height: 36px; background: rgba(255,255,255,.4); }
.product-name { font-size: 20px; font-weight: 800; letter-spacing: .2px; }
.story-copy { max-width: 700px; margin: auto 0; padding: 60px 0; }
.story-copy h1 { margin: 0; font-size: clamp(48px, 5.3vw, 78px); line-height: .99; letter-spacing: -2.5px; }
.story-lead { max-width: 620px; margin: 28px 0 0; color: rgba(255,255,255,.8); font-size: 19px; line-height: 1.55; }
.story-foot { margin: 0; color: rgba(255,255,255,.6); font-size: 12px; letter-spacing: .6px; }

.network-visual { width: min(600px, 90%); display: flex; align-items: center; margin-top: 55px; }
.endpoint { flex: 0 0 auto; display: grid; justify-items: center; gap: 7px; }
.endpoint span { width: 58px; height: 58px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; background: rgba(255,255,255,.12); box-shadow: 0 0 0 8px rgba(255,255,255,.04); font-size: 22px; font-weight: 800; }
.endpoint small { color: rgba(255,255,255,.7); font-weight: 700; }
.quantum-line { position: relative; flex: 1; height: 2px; margin: -23px 16px 0; background: linear-gradient(90deg, rgba(255,255,255,.25), #b3e3ff, rgba(255,255,255,.25)); }
.quantum-line i { position: absolute; top: 50%; width: 8px; height: 8px; border-radius: 50%; background: white; box-shadow: 0 0 14px #bce7ff; animation: travel 3s linear infinite; }
.quantum-line i:nth-child(2) { animation-delay: -.6s; }.quantum-line i:nth-child(3) { animation-delay: -1.2s; }.quantum-line i:nth-child(4) { animation-delay: -1.8s; }.quantum-line i:nth-child(5) { animation-delay: -2.4s; }
@keyframes travel { from { left: 0; opacity: 0; transform: translate(-50%,-50%) scale(.4); } 15%, 85% { opacity: 1; } to { left: 100%; opacity: 0; transform: translate(-50%,-50%) scale(.4); } }

.auth-panel { display: grid; place-items: center; padding: 40px; background: radial-gradient(circle at 100% 0, #f4f8fa, transparent 38%), white; }
.auth-card { width: min(430px, 100%); }
.auth-card h2 { margin: 0; font-size: 34px; letter-spacing: -.7px; }
.auth-card > .muted { margin: 10px 0 30px; font-size: 16px; }
.tabs { display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 25px; border-bottom: 1px solid var(--line); }
.tab { position: relative; border: 0; padding: 12px; color: #777; background: transparent; cursor: pointer; font-weight: 800; }
.tab.active { color: var(--liu-blue); }
.tab.active::after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 3px; background: var(--liu-blue); }
.auth-form { display: grid; gap: 18px; }
label > span:first-child { display: block; margin-bottom: 7px; color: #3f464b; font-size: 13px; font-weight: 800; }
input { width: 100%; border: 1px solid #cfd5d9; border-radius: 8px; padding: 12px 13px; color: var(--ink); background: white; outline: none; transition: border-color .15s, box-shadow .15s; }
input:focus { border-color: var(--liu-blue); box-shadow: 0 0 0 3px rgba(0,91,153,.12); }
.field-hint { display: block; margin-top: 6px; color: var(--muted); font-size: 11px; line-height: 1.4; }
button { cursor: pointer; }
.primary, .secondary, .quiet { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 42px; border-radius: 8px; padding: 10px 16px; text-decoration: none; font-weight: 800; transition: transform .15s, background .15s, border-color .15s; }
.primary { border: 1px solid var(--liu-blue); color: white; background: var(--liu-blue); }
.primary:hover { background: var(--liu-blue-dark); transform: translateY(-1px); }
.primary.full { width: 100%; margin-top: 5px; }
.secondary { border: 1px solid #cfd7dc; color: #234; background: white; }
.secondary:hover { border-color: #9eabb4; transform: translateY(-1px); }
.quiet { border: 0; color: #4c555b; background: transparent; }
.privacy-note { margin: 25px 0 0; padding-top: 18px; border-top: 1px solid #edf0f1; color: #8a9094; font-size: 12px; line-height: 1.45; }
.form-error { margin: 15px 0 0; padding: 10px 12px; border: 1px solid #efc2c2; border-radius: 7px; color: #8b2c2c; background: #fff3f3; font-size: 13px; font-weight: 700; }

.app-shell { min-height: 100vh; padding-bottom: var(--footer-h); }
.topbar { position: sticky; top: 0; z-index: 20; height: 82px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 26px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.96); box-shadow: 0 2px 12px rgba(0,0,0,.045); backdrop-filter: blur(12px); }
.brand { display: flex; align-items: center; gap: 15px; color: var(--ink); text-decoration: none; justify-self: start; }
.brand img { width: 135px; }
.brand-lockup { display: flex; flex-direction: column; padding-left: 14px; border-left: 1px solid #ccd1d4; line-height: 1; }
.brand-lockup strong { font-size: 19px; }.brand-lockup small { margin-top: 4px; color: var(--muted); font-size: 11px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; }
.main-nav { align-self: stretch; display: flex; gap: 4px; }
.nav-item { position: relative; border: 0; padding: 0 17px; color: #697076; background: transparent; font-weight: 800; }
.nav-item:hover { color: var(--ink); }.nav-item.active { color: var(--liu-blue); }
.nav-item.active::after { content: ""; position: absolute; right: 14px; bottom: 0; left: 14px; height: 3px; background: var(--liu-blue); }
.account-menu { position: relative; display: flex; align-items: center; justify-self: end; }
.profile-trigger { display: flex; align-items: center; gap: 10px; border: 0; border-radius: 10px; padding: 6px 8px; color: var(--ink); background: transparent; text-align: left; transition: background .15s; }
.profile-trigger:hover, .profile-trigger[aria-expanded="true"] { background: #f0f4f6; }
.avatar { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: white; background: var(--liu-blue); font-weight: 900; }
.account-copy { display: flex; flex-direction: column; min-width: 80px; line-height: 1.1; }.account-copy strong { font-size: 13px; }.account-copy small { margin-top: 4px; color: var(--muted); font-size: 11px; }
.profile-chevron { color: #738089; font-size: 14px; transform: translateY(-2px); transition: transform .15s; }.profile-trigger[aria-expanded="true"] .profile-chevron { transform: rotate(180deg) translateY(2px); }
.profile-menu { position: absolute; z-index: 45; width: 280px; right: 0; top: calc(100% + 10px); overflow: hidden; border: 1px solid #d8dfe3; border-radius: 13px; background: white; box-shadow: 0 18px 55px rgba(15,34,48,.18); }
.profile-summary { display: flex; flex-direction: column; padding: 17px 18px 14px; border-bottom: 1px solid #e9edef; }.profile-summary strong { font-size: 15px; }.profile-summary span { margin-top: 4px; overflow: hidden; color: var(--muted); font-size: 12px; text-overflow: ellipsis; }.profile-summary small { width: max-content; margin-top: 9px; padding: 3px 7px; border-radius: 999px; color: var(--liu-blue); background: var(--blue-soft); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.profile-menu-item { width: 100%; display: grid; grid-template-columns: 28px 1fr; gap: 8px; align-items: center; border: 0; padding: 12px 16px; color: #34424a; background: white; text-align: left; }.profile-menu-item:hover, .profile-menu-item:focus-visible { background: #f6f9fa; }.profile-menu-item > span:first-child { color: var(--liu-blue); font-size: 18px; font-weight: 900; }.profile-menu-item > span:last-child { display: flex; flex-direction: column; }.profile-menu-item strong { font-size: 13px; }.profile-menu-item small { margin-top: 2px; color: var(--muted); font-size: 11px; }.profile-signout { border-top: 1px solid #e9edef; }.profile-signout > span:first-child, .profile-signout strong { color: #8d3a3a; }
.text-button { border: 0; padding: 8px; color: #6b7378; background: transparent; font-size: 12px; font-weight: 800; }.text-button:hover { color: var(--liu-blue); }

.content-shell { width: min(1420px, 100%); margin: 0 auto; padding: 48px 30px 64px; }
.hero-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 32px; }
.hero-row h1 { margin: 0; font-size: clamp(38px, 4vw, 58px); line-height: 1; letter-spacing: -1.5px; }
.lead { max-width: 670px; margin: 14px 0 0; color: var(--muted); font-size: 17px; line-height: 1.5; }
.system-pill { display: flex; align-items: center; gap: 11px; flex: 0 0 auto; padding: 10px 14px; border: 1px solid #d9dedb; border-radius: 999px; background: rgba(255,255,255,.8); }
.system-pill > div { display: flex; flex-direction: column; line-height: 1.1; }.system-pill strong { font-size: 12px; }.system-pill small { margin-top: 4px; color: var(--muted); font-size: 10px; }
.status-dot { width: 10px; height: 10px; border-radius: 50%; background: #39a56e; box-shadow: 0 0 0 4px rgba(57,165,110,.12); }
.system-pill.checking .status-dot { background: #9ba3a8; box-shadow: 0 0 0 4px rgba(120,130,136,.12); animation: pulse 1.2s ease-in-out infinite; }
.system-pill.degraded { border-color: #e4c99b; background: #fffaf0; }.system-pill.degraded .status-dot { background: #c18425; box-shadow: 0 0 0 4px rgba(193,132,37,.13); }
@keyframes pulse { 50% { opacity: .4; } }

.app-categories { display: grid; gap: 36px; }
.app-category { min-width: 0; }
.app-category-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
.app-category-heading h2 { margin: 0; font-size: 20px; letter-spacing: -.2px; }
.app-category-heading span { color: #899197; font-size: 11px; font-weight: 800; letter-spacing: .45px; text-transform: uppercase; }
.app-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.app-card { position: relative; min-height: 292px; overflow: hidden; display: flex; flex-direction: column; padding: 25px; border: 1px solid #dadddf; border-radius: 17px; background: rgba(255,255,255,.94); box-shadow: 0 10px 35px rgba(0,0,0,.045); transition: transform .18s, box-shadow .18s; }
.app-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.app-card::after { content: ""; position: absolute; width: 270px; height: 270px; right: -145px; top: -145px; border: 46px solid rgba(0,91,153,.045); border-radius: 50%; }
.app-card.accent-red::after { border-color: rgba(183,66,66,.05); }.app-card.accent-green::after { border-color: rgba(33,123,87,.05); }.app-card.accent-gold::after { border-color: rgba(186,143,38,.06); }
.card-top { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.app-badges { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.app-icon { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 13px; color: var(--liu-blue); background: var(--blue-soft); font-size: 22px; font-weight: 900; }
.accent-red .app-icon { color: #9d3737; background: #f9eaea; }.accent-green .app-icon { color: var(--green); background: #e9f4ef; }.accent-gold .app-icon { color: #9a741a; background: #fbf4df; }
.ready-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; border: 1px solid #d9e7df; border-radius: 999px; color: var(--green); background: #f1f8f4; font-size: 10px; font-weight: 800; letter-spacing: .5px; text-transform: uppercase; }
.ready-badge::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.version-badge { display: inline-flex; align-items: center; padding: 6px 9px; border: 1px solid #dce2e6; border-radius: 999px; color: #66727a; background: #f7f9fa; font-size: 10px; font-weight: 800; letter-spacing: .35px; }
.app-card h3 { margin: 21px 0 7px; font-size: 25px; }.app-card p { max-width: 560px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.52; }
.app-meta { margin-top: 13px; color: #8a9196; font-size: 11px; font-weight: 700; letter-spacing: .3px; text-transform: uppercase; }
.launch-row { position: relative; z-index: 1; display: flex; align-items: center; gap: 9px; margin-top: auto; padding-top: 22px; border-top: 1px solid #edf0f1; }
.launch-label { margin-right: auto; color: #788087; font-size: 12px; font-weight: 800; }
.launch-button { min-width: 94px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid #cfd6da; border-radius: 8px; padding: 9px 12px; color: #26343d; background: #fff; text-decoration: none; font-size: 13px; font-weight: 800; }
.launch-button:hover { border-color: var(--liu-blue); color: var(--liu-blue); background: #f8fbfd; }
.managed-launch-row { align-items: center; }
.start-session { min-width: 132px; }
.standalone-launches { margin-left: auto; color: var(--muted); font-size: 12px; }
.standalone-launches summary { padding: 8px 0; cursor: pointer; font-weight: 800; }
.standalone-launches > div { position: absolute; right: 24px; bottom: 70px; z-index: 3; display: flex; gap: 7px; padding: 10px; border: 1px solid var(--line); border-radius: 10px; background: white; box-shadow: var(--shadow); }
.empty-state { grid-column: 1/-1; padding: 55px 25px; border: 1px dashed #c9cfd3; border-radius: 16px; color: var(--muted); background: rgba(255,255,255,.6); text-align: center; }.empty-state h2 { color: var(--ink); }

.sessions-section { margin-top: 50px; scroll-margin-top: 100px; }
.session-heading { align-items: center; }
.session-heading-actions { display: flex; align-items: flex-end; gap: 14px; }
.session-refresh { align-self: center; min-height: 36px; padding: 7px 9px; font-size: 12px; }.session-refresh span { display: inline-block; font-size: 16px; }.session-refresh.is-refreshing span { animation: spin .7s linear infinite; }
.join-session-form { display: grid; grid-template-columns: minmax(150px, 210px) auto; gap: 7px; align-items: center; }
.join-session-form label { grid-column: 1/-1; margin: 0; color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.join-session-form input { height: 42px; text-transform: uppercase; letter-spacing: 1px; }
.session-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.session-empty { grid-column: 1/-1; display: flex; flex-direction: column; gap: 5px; padding: 25px; border: 1px dashed #c9cfd3; border-radius: 14px; color: var(--muted); background: rgba(255,255,255,.55); }
.session-empty strong { color: var(--ink); }
.session-card { position: relative; padding: 20px; border: 1px solid var(--line); border-left: 4px solid var(--liu-blue); border-radius: 14px; background: white; box-shadow: 0 8px 28px rgba(0,0,0,.035); }
.session-card.status-failed, .session-card.status-interrupted { border-left-color: #b74242; }
.session-card.status-closed, .session-card.status-expired { border-left-color: #a8afb3; opacity: .76; }
.session-card-top { display: flex; justify-content: space-between; gap: 15px; }
.session-card h3 { margin: 3px 0 0; font-size: 21px; }
.session-app { color: var(--liu-blue); font-size: 11px; font-weight: 900; letter-spacing: .65px; text-transform: uppercase; }
.session-status { height: max-content; padding: 5px 8px; border-radius: 999px; color: var(--green); background: #edf7f1; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.status-failed .session-status, .status-interrupted .session-status { color: #9d3737; background: #faecec; }
.status-closed .session-status, .status-expired .session-status { color: #687178; background: #f0f2f3; }
.session-meta { margin: 8px 0 15px; color: var(--muted); font-size: 12px; }
.session-error { padding: 9px 10px; border-radius: 7px; color: #8b2c2c; background: #fff3f3; font-size: 12px; }
.invite-box { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 9px; background: #f4f7f8; }
.invite-box span { color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.invite-box strong { color: var(--ink); letter-spacing: 1.5px; }
.copy-invite, .copy-invite-link { border: 0; color: var(--liu-blue); background: transparent; font-size: 11px; font-weight: 900; }.copy-invite { margin-left: auto; }
.session-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.session-actions .primary, .session-actions .secondary { min-height: 38px; font-size: 12px; }
.session-kms { margin-left: auto; padding-right: 3px; font-size: 11px; }
.remove-session { margin-top: 13px; border: 0; padding: 3px 0; color: #8a4c4c; background: transparent; font-size: 11px; font-weight: 800; }
.session-management { display: flex; align-items: center; gap: 5px; margin-top: 12px; padding-top: 10px; border-top: 1px solid #edf0f1; }.session-management .quiet { min-height: 30px; padding: 4px 8px; font-size: 11px; }.session-management .remove-session { margin: 0 0 0 auto; }
.danger-text, .danger-link { color: #9b3636 !important; }
.danger-link { border: 0; padding: 4px 0; background: transparent; font-size: 11px; font-weight: 900; }
.danger-button { min-height: 40px; border: 1px solid #bb4b4b; border-radius: 8px; padding: 0 15px; color: white; background: #a93e3e; font-weight: 900; }
.danger-button:hover { background: #923333; }
.tools-section { margin-top: 50px; }.section-heading { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 15px; }.section-heading h2 { margin: 0; font-size: 28px; }.section-heading > p { margin: 0; color: var(--muted); font-size: 13px; }
.tool-card { display: flex; align-items: center; gap: 20px; padding: 20px 22px; border: 1px solid #dadddf; border-radius: 14px; background: rgba(255,255,255,.85); }
.tool-icon { width: 48px; height: 48px; display: flex; align-items: end; justify-content: center; gap: 4px; flex: 0 0 auto; padding: 11px; border-radius: 12px; background: var(--blue-soft); }.tool-icon span { width: 5px; border-radius: 3px; background: var(--liu-blue); }.tool-icon span:nth-child(1){height:45%}.tool-icon span:nth-child(2){height:85%}.tool-icon span:nth-child(3){height:62%}
.tool-copy { flex: 1; }.tool-copy h3 { margin: 0 0 5px; }.tool-copy p { margin: 0; color: var(--muted); font-size: 13px; }

.info-hero { position: relative; min-height: 220px; overflow: hidden; align-items: center; padding: 34px 38px; border-radius: 18px; color: white; background: linear-gradient(135deg, #004a7d, #0067a7); box-shadow: var(--shadow); }
.info-hero::after { content: ""; position: absolute; width: 330px; height: 330px; right: -120px; top: -175px; border: 54px solid rgba(255,255,255,.07); border-radius: 50%; }
.info-hero > * { position: relative; z-index: 1; }
.info-hero .eyebrow { color: #a8d9f7; }.info-hero .lead { color: rgba(255,255,255,.8); }
.info-mark { width: 72px; height: 72px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; background: rgba(255,255,255,.1); font-size: 38px; font-weight: 900; box-shadow: 0 0 0 10px rgba(255,255,255,.04); }
.guide-section { margin-top: 42px; }.guide-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.guide-card, .info-panel, .about-card, .standalone-note, .research-note { border: 1px solid var(--line); background: rgba(255,255,255,.92); box-shadow: 0 8px 28px rgba(0,0,0,.035); }
.guide-card { padding: 23px; border-radius: 14px; }.guide-card h3 { margin: 17px 0 8px; font-size: 20px; }.guide-card p, .info-panel > p, .about-card > p, .standalone-note p, .research-note p { color: var(--muted); line-height: 1.55; }
.step-number { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: white; background: var(--liu-blue); font-weight: 900; }
.help-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 42px; }
.info-panel { padding: 26px; border-radius: 15px; }.panel-heading h2 { margin: 0 0 20px; font-size: 26px; }
.room-flow { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; margin-bottom: 21px; padding: 18px; border-radius: 12px; background: var(--blue-soft); }
.room-flow span { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; color: white; background: var(--liu-blue); font-size: 12px; font-weight: 900; }
.room-flow i { display: flex; align-items: center; gap: 8px; color: var(--liu-blue); font-size: 11px; font-style: normal; font-weight: 900; text-align: center; text-transform: uppercase; }.room-flow i::before, .room-flow i::after { content: ""; flex: 1; height: 1px; background: #83b5d4; }
.room-flow strong { grid-column: 1/-1; padding-top: 11px; border-top: 1px solid #cce0ec; color: #476473; font-size: 11px; text-align: center; text-transform: uppercase; }
.help-list { margin: 0; }.help-list > div { padding: 13px 0; border-top: 1px solid #edf0f1; }.help-list > div:first-child { padding-top: 0; border-top: 0; }.help-list dt { color: var(--ink); font-weight: 900; }.help-list dd { margin: 5px 0 0; color: var(--muted); font-size: 13px; line-height: 1.48; }
.standalone-note { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 20px; padding: 24px 26px; border-radius: 15px; }.standalone-note h2, .research-note h2 { margin: 0; }.standalone-note p { max-width: 900px; margin-bottom: 0; }.standalone-note code { padding: 2px 5px; border-radius: 4px; color: #174d70; background: var(--blue-soft); font-size: 12px; }
.about-hero { background: linear-gradient(135deg, #063f69, #00638f 68%, #187b70); }
.quantum-orbit { position: relative; width: 104px; height: 104px; flex: 0 0 auto; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; }.quantum-orbit::before, .quantum-orbit::after { content: ""; position: absolute; inset: 19px -10px; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; transform: rotate(58deg); }.quantum-orbit::after { transform: rotate(-58deg); }.quantum-orbit span, .quantum-orbit i, .quantum-orbit b { position: absolute; width: 11px; height: 11px; border-radius: 50%; background: white; box-shadow: 0 0 13px #bce7ff; }.quantum-orbit span { left: 46px; top: -5px; }.quantum-orbit i { right: 3px; bottom: 17px; }.quantum-orbit b { left: 2px; bottom: 18px; }
.about-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(290px, .5fr); gap: 20px; margin-top: 28px; }.about-card { border-radius: 15px; padding: 29px; }.about-card h2 { margin: 0; font-size: 28px; }.project-card > p:not(.eyebrow) { max-width: 850px; font-size: 15px; }
.principle-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 25px; }.principle-grid div { display: flex; flex-direction: column; padding: 15px; border-radius: 10px; background: #f5f8f9; }.principle-grid strong { color: var(--liu-blue); }.principle-grid span { margin-top: 6px; color: var(--muted); font-size: 12px; line-height: 1.45; }
.author-card { display: flex; align-items: flex-start; flex-direction: column; background: linear-gradient(155deg, white, #edf5f9); }.author-avatar { width: 68px; height: 68px; display: grid; place-items: center; margin-bottom: 24px; border-radius: 50%; color: white; background: var(--liu-blue); font-size: 23px; font-weight: 900; }.author-card > p:not(.eyebrow) { margin: 12px 0 24px; }.contact-link { margin-top: auto; color: var(--liu-blue); font-size: 14px; font-weight: 900; text-decoration: none; }.contact-link:hover { text-decoration: underline; }
.research-note { display: flex; align-items: center; gap: 22px; margin-top: 20px; padding: 24px 29px; border-radius: 15px; }.research-note p { margin-bottom: 0; }.research-icon { width: 54px; height: 54px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 13px; color: var(--liu-blue); background: var(--blue-soft); font-size: 22px; font-weight: 900; }

.admin-heading { align-items: center; }
.admin-tabs { position: sticky; top: 94px; z-index: 10; display: flex; gap: 4px; margin: -7px 0 24px; padding: 5px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.94); box-shadow: 0 7px 24px rgba(0,0,0,.05); backdrop-filter: blur(10px); }
.admin-tab { flex: 1; min-height: 42px; border: 0; border-radius: 8px; padding: 8px 14px; color: #697279; background: transparent; font-weight: 900; }.admin-tab:hover { color: var(--ink); background: #f4f7f8; }.admin-tab.active { color: white; background: var(--liu-blue); }
.admin-panel { min-width: 0; }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 20px; }
.stat-card { padding: 20px; border: 1px solid var(--line); border-radius: 13px; background: white; }.stat-card span { color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; }.stat-card strong { display: block; margin-top: 6px; font-size: 34px; }.stat-card small { color: #8a9196; }
.admin-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(310px, .65fr); gap: 20px; }
.admin-card { border: 1px solid var(--line); border-radius: 14px; background: white; box-shadow: 0 8px 28px rgba(0,0,0,.035); }.users-card { grid-row: span 2; }.card-heading { display: flex; align-items: center; justify-content: space-between; padding: 20px 22px 16px; border-bottom: 1px solid #edf0f1; }.card-heading h2 { margin: 0; font-size: 22px; }.count-badge { padding: 5px 9px; border-radius: 999px; color: #586168; background: #f0f2f3; font-size: 11px; font-weight: 800; }
.admin-card-actions > div:last-child, .heading-actions { display: flex; align-items: center; gap: 8px; }.compact-button { min-height: 34px; padding: 6px 11px; font-size: 11px; }
.user-filters { display: grid; grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(150px, .7fr)) auto; align-items: end; gap: 10px; padding: 15px 18px; border-bottom: 1px solid #e8ecee; background: #fafbfb; }.user-filters label > span { margin-bottom: 5px; color: #697279; font-size: 10px; font-weight: 900; letter-spacing: .5px; text-transform: uppercase; }.user-filters input, .user-filters select { height: 38px; padding: 8px 10px; font-size: 12px; }.table-empty { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 28px; color: var(--muted); }.table-empty strong { color: var(--ink); }
.health-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; padding: 20px 22px 22px; }.health-service { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 11px; padding: 17px; border: 1px solid #dfe5e2; border-radius: 11px; background: #fbfdfc; }.health-service.offline { border-color: #ead8ba; background: #fffaf1; }.health-service-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(33,123,87,.11); }.health-service.offline .health-service-dot { background: #bd7d20; box-shadow: 0 0 0 4px rgba(189,125,32,.12); }.health-service div { display: flex; flex-direction: column; }.health-service small { margin-top: 4px; color: var(--muted); font-size: 11px; }.health-service b { color: var(--green); font-size: 10px; text-transform: uppercase; }.health-service.offline b { color: #9b6518; }
.telemetry-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 18px; padding: 21px 23px; border: 1px solid var(--line); border-radius: 14px; background: white; }.telemetry-toolbar h2 { margin: 0; }.telemetry-toolbar p:not(.eyebrow) { margin: 6px 0 0; color: var(--muted); font-size: 13px; }.telemetry-layout { grid-template-columns: minmax(310px, .7fr) minmax(0, 1.3fr); }.telemetry-layout .usage-card, .telemetry-layout .activity-card { min-width: 0; }
.table-wrap { overflow-x: auto; }table { width: 100%; border-collapse: collapse; }th { padding: 11px 14px; color: #81898f; background: #fafbfb; font-size: 10px; letter-spacing: .7px; text-align: left; text-transform: uppercase; }td { padding: 14px; border-top: 1px solid #eff1f2; color: #4d565c; font-size: 12px; vertical-align: middle; }.user-cell { display: flex; align-items: center; gap: 10px; }.mini-avatar { width: 31px; height: 31px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: white; background: #607d8b; font-weight: 900; }.user-cell div { display: flex; flex-direction: column; }.user-cell strong { color: var(--ink); font-size: 13px; }.user-cell small { margin-top: 3px; color: #8b9297; }.online-badge, .offline-badge, .disabled-badge { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }.online-badge::before, .offline-badge::before, .disabled-badge::before { content: ""; width: 7px; height: 7px; border-radius: 50%; }.online-badge { color: var(--green); }.online-badge::before { background: currentColor; }.offline-badge { color: #8c9398; }.offline-badge::before { background: #c5c9cc; }.disabled-badge { color: #a03b3b; }.disabled-badge::before { background: currentColor; }.manage-buttons { display: flex; flex-wrap: wrap; gap: 5px; min-width: 166px; }.edit-button, .sessions-button, .account-button { border: 1px solid #d4dade; border-radius: 6px; padding: 6px 9px; color: #47545d; background: white; font-size: 11px; font-weight: 800; }.edit-button:hover, .sessions-button:hover, .account-button:hover { color: var(--liu-blue); border-color: #9cbdd2; }.usage-summary { display: flex; flex-direction: column; min-width: 90px; }.usage-summary strong { color: #465158; }.usage-summary small { max-width: 190px; margin-top: 3px; color: #8a9196; line-height: 1.35; }
.usage-list, .activity-list { padding: 8px 18px 17px; }.usage-item { padding: 13px 2px; border-bottom: 1px solid #eff1f2; }.usage-item:last-child { border-bottom: 0; }.usage-title { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; font-weight: 800; }.usage-title span:last-child { color: var(--liu-blue); }.usage-bar { height: 5px; margin: 8px 0 5px; overflow: hidden; border-radius: 999px; background: #eef1f2; }.usage-bar span { display: block; height: 100%; border-radius: inherit; background: var(--liu-blue); }.usage-item small { color: #8a9196; }
.live-label { display: inline-flex; align-items: center; gap: 6px; color: var(--green); font-size: 11px; font-weight: 800; }.live-label i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.activity-item { display: grid; grid-template-columns: 9px 1fr auto; align-items: start; gap: 10px; padding: 11px 1px; border-bottom: 1px solid #eff1f2; }.activity-item:last-child { border: 0; }.activity-item > i { width: 8px; height: 8px; margin-top: 4px; border-radius: 50%; background: #8db8d3; }.activity-copy { display: flex; flex-direction: column; color: #48535a; font-size: 12px; }.activity-copy strong { color: var(--ink); }.activity-item time { color: #959ba0; font-size: 10px; white-space: nowrap; }

.footer { position: fixed; right: 0; bottom: 0; left: 0; z-index: 15; height: var(--footer-h); display: flex; align-items: center; justify-content: space-between; padding: 0 16px; color: rgba(0,0,0,.43); background: linear-gradient(to top, rgba(244,245,243,.98), rgba(244,245,243,.78)); font-size: 10px; letter-spacing: .4px; pointer-events: none; }

.dialog-backdrop { position: fixed; inset: 0; z-index: 50; display: grid; place-items: center; padding: 25px; background: rgba(13,25,33,.5); backdrop-filter: blur(3px); }
.dialog { width: min(560px, 100%); max-height: calc(100vh - 50px); overflow: auto; border-radius: 15px; background: white; box-shadow: 0 25px 80px rgba(0,0,0,.27); }.dialog-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 22px 24px 17px; border-bottom: 1px solid var(--line); }.dialog-header h2 { margin: 0; }.icon-button { width: 34px; height: 34px; border: 0; border-radius: 50%; color: #596168; background: #f0f2f3; font-size: 22px; }.dialog form { padding: 20px 24px 23px; }.check-list { display: grid; gap: 9px; }.permission-options { display: grid; gap: 9px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); }.check-row { display: flex; align-items: flex-start; gap: 11px; padding: 11px; border: 1px solid #e0e4e6; border-radius: 9px; cursor: pointer; }.check-row:hover { border-color: #b7cbd8; background: #fafcfd; }.check-row input { width: 17px; margin-top: 2px; accent-color: var(--liu-blue); }.check-row > span { display: flex; flex-direction: column; margin: 0 !important; }.check-row strong { color: var(--ink); font-size: 13px; }.check-row small { margin-top: 3px; color: var(--muted); font-weight: 400; }.dialog-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 22px; }
.dialog-wide { width: min(760px, 100%); }
.dialog-body { padding: 20px 24px 23px; }
.dialog-body .dialog-actions { margin-bottom: 0; }
.dialog-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.admin-session-list { display: grid; gap: 9px; }
.admin-session-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 13px 14px; border: 1px solid #e0e4e6; border-left: 3px solid var(--liu-blue); border-radius: 9px; background: #fbfcfc; }
.admin-session-row.status-failed, .admin-session-row.status-interrupted { border-left-color: #b74242; }
.admin-session-row.status-closed, .admin-session-row.status-expired { border-left-color: #a8afb3; }
.admin-session-copy { display: flex; flex-direction: column; min-width: 0; }
.admin-session-copy strong { margin-top: 3px; color: var(--ink); }
.admin-session-copy small { margin-top: 4px; color: var(--muted); line-height: 1.4; }
.admin-session-copy em { margin-top: 5px; color: #9b3636; font-size: 11px; font-style: normal; }
.admin-session-controls { display: flex; align-items: flex-end; flex-direction: column; flex: 0 0 auto; gap: 7px; }
.account-controls { display: grid; gap: 13px; }
.account-control-row, .password-reset-form, .danger-zone { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 15px; border: 1px solid #e0e4e6; border-radius: 10px; }
.account-control-row p, .password-reset-form p, .danger-zone p { margin: 4px 0 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.password-reset-form { padding: 15px !important; }
.password-reset-form label { grid-column: 1; margin: 5px 0 0; }
.password-reset-form button { grid-column: 2; grid-row: 1 / span 2; }
.danger-zone { border-color: #e4baba; background: #fffafa; }
.danger-zone strong { color: #8d3030; }
.dialog-intro { margin: 0 0 2px; color: var(--muted); font-size: 13px; line-height: 1.5; }
.change-password-form { display: grid; gap: 16px; }
.show-password-row { display: flex; align-items: center; gap: 9px; width: max-content; color: var(--muted); cursor: pointer; font-size: 12px; font-weight: 800; }.show-password-row input { width: 16px; margin: 0; accent-color: var(--liu-blue); }.show-password-row span { margin: 0 !important; color: inherit !important; font-size: inherit !important; }
.toast { position: fixed; right: 22px; bottom: 47px; z-index: 70; max-width: 380px; padding: 11px 15px; border: 1px solid #c8d7cd; border-radius: 9px; color: #245b40; background: #f0f8f3; box-shadow: 0 12px 35px rgba(0,0,0,.14); font-size: 13px; font-weight: 800; opacity: 0; pointer-events: none; transform: translateY(8px); transition: opacity .18s, transform .18s; }.toast.show { opacity: 1; transform: translateY(0); }.toast.error { color: #852f2f; border-color: #e6b8b8; background: #fff2f2; }

.invite-admin-card { margin-bottom: 20px; }
.invite-heading { align-items: center; }
.registration-policy { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 18px 22px; padding: 16px 18px; border: 1px solid #cfe0ea; border-radius: 11px; background: #f3f8fb; }
.registration-policy strong { color: #174b6d; }
.registration-policy p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.registration-policy-actions { display: flex; flex: 0 0 auto; gap: 7px; }
.invite-code-list { display: grid; gap: 10px; padding: 0 22px 22px; }
.invite-code-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 15px 17px; border: 1px solid #e0e4e6; border-radius: 11px; background: #fff; }
.invite-code-main { min-width: 0; flex: 1; }
.invite-code-main > div { display: flex; align-items: center; gap: 9px; }
.invite-code-main code { display: inline-block; margin-top: 7px; padding: 4px 7px; border-radius: 5px; color: #174b6d; background: var(--blue-soft); font-size: 12px; font-weight: 800; letter-spacing: .7px; }
.invite-code-main p { margin: 7px 0 4px; color: #4f5960; font-size: 12px; }
.invite-code-main small { color: #858d92; line-height: 1.4; }
.invite-code-actions { display: flex; flex: 0 0 auto; gap: 6px; }
.invite-metrics { display: grid; grid-template-columns: repeat(3, auto); justify-content: start; gap: 18px; margin-top: 12px; }.invite-metrics span { display: flex; flex-direction: column; color: #8a9196; font-size: 10px; text-transform: uppercase; }.invite-metrics strong { margin-bottom: 2px; color: #3f4c54; font-size: 12px; text-transform: none; }.invite-redemptions { margin-top: 12px; }.invite-redemptions summary { width: max-content; color: var(--liu-blue); cursor: pointer; font-size: 11px; font-weight: 900; }.invite-redemptions ul { max-width: 590px; margin: 9px 0 0; padding: 0; overflow: hidden; border: 1px solid #e3e7e9; border-radius: 8px; list-style: none; }.invite-redemptions li { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 9px 11px; border-top: 1px solid #edf0f1; }.invite-redemptions li:first-child { border-top: 0; }.invite-redemptions li > span { display: flex; flex-direction: column; }.invite-redemptions time { color: #92999d; font-size: 10px; }
.code-status { padding: 4px 7px; border-radius: 999px; font-size: 9px; font-weight: 900; letter-spacing: .5px; text-transform: uppercase; }
.code-status.active { color: var(--green); background: #e9f6ef; }.code-status.inactive { color: #6e7478; background: #edf0f1; }.code-status.expired { color: #9b3c3c; background: #fff0f0; }
.empty-invite-list { display: flex; flex-direction: column; align-items: center; padding: 25px; border: 1px dashed #cfd6da; border-radius: 10px; color: var(--muted); }.empty-invite-list strong { color: var(--ink); }.empty-invite-list span { margin-top: 5px; font-size: 12px; }

.batch-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 10px 14px; border-bottom: 1px solid #cfe0ea; background: #f3f8fb; }
.batch-toolbar > strong { color: #174b6d; font-size: 12px; }.batch-toolbar > div { display: flex; flex-wrap: wrap; gap: 4px; }
.batch-toolbar button { min-height: 34px; padding: 6px 10px; font-size: 11px; }
.select-column { width: 42px; padding-right: 5px !important; text-align: center; }.select-column input { width: 16px; margin: 0; accent-color: var(--liu-blue); }
.selected-row td { background: #f5f9fb; }
.sort-button { display: inline-flex; align-items: center; gap: 5px; border: 0; padding: 0; color: inherit; background: transparent; font: inherit; font-weight: inherit; letter-spacing: inherit; text-transform: inherit; white-space: nowrap; }
.sort-button::after { content: "↕"; opacity: .35; font-size: 11px; }.sort-button.active::after { content: "↑"; opacity: 1; color: var(--liu-blue); }.sort-button.active[data-direction="desc"]::after { content: "↓"; }
.usage-summary { align-items: flex-start; gap: 4px; }.usage-button { border: 0; padding: 0; color: var(--liu-blue); background: transparent; font-size: 11px; font-weight: 800; }.usage-button:hover { text-decoration: underline; }
.signup-source { display: flex; flex-direction: column; min-width: 125px; }.signup-source strong { color: #465158; }.signup-source small { margin-top: 3px; color: #8a9196; font-family: ui-monospace, monospace; font-size: 10px; }

.invite-form { display: grid; gap: 16px; }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.public-default-apps { margin-top: 16px; }
textarea, select { width: 100%; border: 1px solid #cfd5d9; border-radius: 8px; padding: 11px 12px; color: var(--ink); background: white; outline: none; }
textarea { resize: vertical; line-height: 1.45; }textarea:focus, select:focus { border-color: var(--liu-blue); box-shadow: 0 0 0 3px rgba(0,91,153,.12); }
.invite-app-fieldset { margin: 0; padding: 0; border: 0; }.invite-app-fieldset legend { margin-bottom: 9px; color: #3f464b; font-size: 13px; font-weight: 800; }
.invite-app-list { grid-template-columns: 1fr 1fr; }.invite-active-row { margin-top: 2px; }
.batch-access-list { display: grid; gap: 8px; margin-top: 16px; }
.batch-select-row { display: grid; grid-template-columns: 1fr 155px; align-items: center; gap: 14px; padding: 11px 12px; border: 1px solid #e0e4e6; border-radius: 9px; }
.batch-select-row > span { display: flex; flex-direction: column; }.batch-select-row strong { color: var(--ink); font-size: 13px; }.batch-select-row small { margin-top: 3px; color: var(--muted); font-size: 11px; }.batch-select-row select { padding: 8px 10px; font-size: 12px; }

.usage-user-summary { display: flex; align-items: center; gap: 11px; }.usage-user-summary .mini-avatar { width: 40px; height: 40px; }.usage-user-summary > div { display: flex; flex-direction: column; }.usage-user-summary small { margin-top: 4px; color: var(--muted); }
.usage-stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; margin-top: 18px; }.usage-stat-grid > div { padding: 13px; border-radius: 9px; background: #f4f7f8; }.usage-stat-grid span { display: block; color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; }.usage-stat-grid strong { display: block; margin-top: 5px; color: var(--liu-blue); font-size: 23px; }
.usage-detail-section { margin-top: 22px; }.usage-detail-section h3 { margin: 0 0 9px; font-size: 15px; }
.usage-app-list, .usage-event-list { overflow: hidden; border: 1px solid #e1e5e7; border-radius: 9px; }.usage-app-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 11px 13px; border-bottom: 1px solid #edf0f1; }.usage-app-row:last-child { border: 0; }.usage-app-row > div { display: flex; flex-direction: column; }.usage-app-row > div:last-child { align-items: flex-end; flex: 0 0 auto; }.usage-app-row small { margin-top: 3px; color: var(--muted); font-size: 11px; }
.usage-event { display: flex; justify-content: space-between; gap: 15px; padding: 9px 12px; border-bottom: 1px solid #edf0f1; color: #4c565d; font-size: 12px; }.usage-event:last-child { border: 0; }.usage-event time { flex: 0 0 auto; color: #92999d; font-size: 10px; }

.kms-overview { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) auto; align-items: center; gap: 16px; margin: 0 22px 22px; padding: 15px 17px; border: 1px solid #d6e4ec; border-radius: 11px; background: #f5f9fb; }
.kms-overview > div { display: flex; align-items: center; gap: 11px; }
.kms-overview > div > div, .kms-overview > div:nth-child(2) { align-items: flex-start; flex-direction: column; gap: 0; }
.kms-overview small { margin-top: 3px; color: var(--muted); font-size: 11px; }
.kms-admin-layout { grid-template-columns: minmax(0, 1.4fr) minmax(310px, .6fr); }
.kms-configuration-form { display: grid; gap: 15px; padding: 0 22px 22px; }
.kms-configuration-form .wide { grid-column: 1 / -1; }
.kms-enabled-row { margin-bottom: 2px; background: #f5f9fb; }
.physical-lease { padding: 0 22px 18px; }
.physical-lease .table-empty { padding: 28px 16px; }
.lease-active { display: flex; align-items: flex-start; gap: 13px; padding: 16px; border: 1px solid #cce0d5; border-radius: 11px; background: #f2f8f5; }
.lease-active .status-dot { flex: 0 0 auto; margin-top: 4px; }
.lease-active p { margin: 4px 0; color: #46535b; }
.lease-active small { color: var(--muted); }
#releasePhysicalLease { margin: 0 22px 22px; }

@media (max-width: 1000px) {
  .auth-view { grid-template-columns: 1fr; }.auth-story { min-height: 410px; padding: 28px 34px; }.story-copy { padding: 40px 0 15px; }.story-copy h1 { font-size: 48px; }.story-lead { font-size: 16px; }.network-visual { margin-top: 30px; }.auth-panel { padding: 50px 25px; }
  .topbar { grid-template-columns: auto 1fr auto; }.brand img { width: 110px; }.main-nav { justify-self: center; }.account-copy { display: none; }
  .admin-layout { grid-template-columns: 1fr; }.users-card { grid-row: auto; }
  .kms-admin-layout { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .user-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }.filter-search { grid-column: 1/-1; }.health-grid { grid-template-columns: 1fr; }
  .guide-grid { grid-template-columns: 1fr; }.about-layout { grid-template-columns: 1fr; }.author-card { min-height: 300px; }
}
@media (max-width: 720px) {
  .auth-story { min-height: 360px; }.auth-brand img { width: 145px; }.story-copy h1 { font-size: 40px; }.story-lead { margin-top: 18px; }.network-visual { display: none; }
  .topbar { height: auto; min-height: 72px; grid-template-columns: 1fr auto; padding: 9px 14px; }.brand-lockup { display: none; }.main-nav { grid-column: 1/-1; grid-row: 2; width: 100%; height: 38px; order: 3; }.nav-item { flex: 1; padding: 0 6px; font-size: 11px; }.account-menu { grid-column: 2; grid-row: 1; }.profile-trigger { padding: 4px; }.profile-menu { position: fixed; width: auto; right: 12px; top: 64px; left: 12px; }.profile-chevron { display: none; }
  .content-shell { padding: 35px 15px 60px; }.hero-row { align-items: flex-start; flex-direction: column; }.system-pill { align-self: stretch; }.app-grid, .session-grid { grid-template-columns: 1fr; }.launch-row { flex-wrap: wrap; }.launch-label { flex-basis: 100%; }.launch-button { flex: 1; }.section-heading { align-items: flex-start; flex-direction: column; gap: 7px; }.session-heading-actions { width: 100%; align-items: stretch; flex-direction: column; }.join-session-form { width: 100%; grid-template-columns: 1fr; }.join-session-form label { grid-column: auto; }.tool-card { align-items: flex-start; flex-wrap: wrap; }.tool-card .secondary { width: 100%; }.stats-grid { grid-template-columns: 1fr; }.help-layout, .principle-grid { grid-template-columns: 1fr; }.info-hero { min-height: 0; padding: 28px 24px; }.info-mark, .quantum-orbit { display: none; }.standalone-note, .research-note { align-items: flex-start; flex-direction: column; }.standalone-note .secondary { width: 100%; }.admin-session-row { align-items: flex-start; flex-direction: column; }.admin-session-controls { width: 100%; align-items: center; flex-direction: row; justify-content: space-between; }.account-control-row, .password-reset-form, .danger-zone { grid-template-columns: 1fr; align-items: stretch; }.password-reset-form label, .password-reset-form button { grid-column: 1; grid-row: auto; }.footer { display: none; }.app-shell { padding-bottom: 0; }.admin-tabs { top: 122px; gap: 2px; }.admin-tab { min-width: 0; padding: 6px 4px; font-size: 11px; }.user-filters { grid-template-columns: 1fr; }.filter-search { grid-column: auto; }.admin-card-actions, .telemetry-toolbar { align-items: stretch; flex-direction: column; }.admin-card-actions > div:last-child, .heading-actions { flex-wrap: wrap; }.telemetry-toolbar .secondary { width: 100%; }.telemetry-layout { grid-template-columns: 1fr; }.invite-metrics { grid-template-columns: 1fr; gap: 7px; }.invite-box { flex-wrap: wrap; }.copy-invite { margin-left: 0; }.session-management { flex-wrap: wrap; }.session-management .remove-session { margin-left: auto; }
  .invite-heading, .registration-policy, .invite-code-row, .batch-toolbar { align-items: stretch; flex-direction: column; }.invite-heading .primary { width: 100%; }.registration-policy-actions { width: 100%; flex-direction: column; }.registration-policy .secondary { width: 100%; }.invite-code-actions { width: 100%; }.invite-code-actions button { flex: 1; }.form-grid, .invite-app-list { grid-template-columns: 1fr; }.batch-select-row { grid-template-columns: 1fr; }.usage-stat-grid { grid-template-columns: repeat(2, 1fr); }
  .kms-overview { grid-template-columns: 1fr; }.kms-overview .quiet { width: 100%; }.kms-configuration-form .wide { grid-column: auto; }
}