:root { color-scheme: dark; --bg:#0b1326; --panel:#171f33; --panel-hi:#222a3d; --line:#3e465b; --text:#e1e7ff; --muted:#aeb6cc; --primary:#aeb0ff; --primary-dark:#252594; --success:#4edea3; --danger:#ff8b83; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:var(--bg); color:var(--text); font-family:Inter,ui-sans-serif,system-ui,sans-serif; }
button,input,select,textarea { font:inherit; }
a { color:inherit; text-decoration:none; }
.app-shell { display:flex; min-height:100vh; }
.sidebar { width:270px; padding:0; background:#111a2d; border-right:1px solid var(--line); display:flex; flex-direction:column; position:fixed; inset:0 auto 0 0; z-index:30; }
.brand { display:flex; align-items:center; gap:12px; padding:24px 22px; border-bottom:1px solid rgba(62,70,91,.55); }
.brand-mark { display:grid; place-items:center; width:42px; height:42px; border-radius:10px; background:var(--primary); color:#11135c; font-weight:900; }
.pusri-logo { display:block; max-width:100%; height:auto; object-fit:contain; }
.sidebar>.brand { justify-content:center; }
.dashboard-pusri-logo { width:168px; }
.brand strong,.brand small,.sidebar-user strong,.sidebar-user small { display:block; }
.brand small,.sidebar-user small { color:var(--muted); font-size:12px; margin-top:2px; }
.status-dot { display:inline-block; width:8px; height:8px; background:var(--success); border-radius:99px; margin-right:8px; box-shadow:0 0 12px var(--success); }
.nav-section-label { padding:24px 22px 9px; color:#7f899f; font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.nav-list { display:grid; align-content:start; gap:0; flex:1; min-height:0; padding:0 14px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.nav-list a { border-radius:0; padding:11px 8px; color:var(--muted); display:flex; align-items:center; gap:12px; border-left:2px solid transparent; background:transparent; }
.nav-list a:hover { color:var(--text); }
.nav-list a.active { color:var(--primary); border-left-color:var(--primary); background:transparent; font-weight:700; }
.nav-icon { width:18px; height:18px; flex:0 0 18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.sidebar-footer { flex-shrink:0; border-top:1px solid var(--line); padding:14px; background:#111a2d; }
.sidebar-user { padding:8px; display:flex; gap:12px; align-items:center; min-width:0; }
.sidebar-user>div:last-child { min-width:0; }.sidebar-user strong,.sidebar-user small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sidebar-logout { width:100%; margin-top:8px; padding:10px 8px; border:0; border-top:1px solid rgba(62,70,91,.5); background:transparent; color:var(--muted); display:flex; align-items:center; gap:12px; cursor:pointer; text-align:left; }
.sidebar-logout:hover,.sidebar-logout:focus-visible { color:var(--danger); outline:none; }
.avatar { width:36px; height:36px; border-radius:99px; background:var(--panel-hi); display:grid; place-items:center; color:var(--primary); font-weight:800; }
.main-column { margin-left:270px; min-width:0; width:calc(100% - 270px); }
.topbar { height:70px; display:flex; align-items:center; gap:16px; padding:0 28px; border-bottom:1px solid var(--line); background:rgba(11,19,38,.93); position:sticky; top:0; z-index:20; backdrop-filter:blur(12px); }
.topbar small,.topbar strong { display:block; }.topbar small { color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.08em; }.topbar-meta { margin-left:auto; color:var(--muted); font-size:13px; }
.menu-toggle { display:none; background:none; border:0; color:var(--text); font-size:24px; }
.content { max-width:1440px; margin:auto; padding:36px 28px 60px; }
.page-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:24px; }
.page-heading h1 { font-size:clamp(28px,4vw,42px); margin:4px 0 8px; letter-spacing:-.03em; }.page-heading p { margin:0; color:var(--muted); }
.page-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; flex-wrap:wrap; }
.eyebrow { color:var(--success)!important; font-size:12px; letter-spacing:.12em; font-weight:700; }
.panel { background:linear-gradient(145deg,rgba(34,42,61,.94),rgba(23,31,51,.94)); border:1px solid var(--line); border-radius:12px; box-shadow:0 18px 50px rgba(0,0,0,.2); }
.panel-toolbar { display:flex; align-items:end; justify-content:space-between; gap:16px; padding:18px 20px; border-bottom:1px solid var(--line); }
.glossary-comparison-toggle { display:inline-flex; gap:3px; padding:3px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.03); }
.glossary-comparison-toggle button { border:0; border-radius:7px; padding:7px 10px; color:var(--muted); background:transparent; cursor:pointer; font:inherit; font-size:12px; }
.glossary-comparison-toggle button.active { color:#10115a; background:var(--primary); }
.glossary-comparison-toggle button:focus-visible { outline:2px solid var(--primary); outline-offset:2px; }
.transcript-comparison-toggle { margin:0 14px 10px; align-self:flex-start; }
.talk-comparison-toggle { margin:18px auto 0; }
.search-control { max-width:340px; width:100%; color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.06em; }.search-control input { margin-top:7px; }
input { width:100%; border:1px solid var(--line); background:#0b1427; color:var(--text); border-radius:8px; padding:11px 13px; outline:none; }
select,textarea { width:100%; border:1px solid var(--line); background:#0b1427; color:var(--text); border-radius:8px; padding:11px 13px; outline:none; } textarea { min-height:120px; resize:vertical; }
.form-panel label>select,.form-panel label>textarea { margin-top:8px; } td small { display:block; color:var(--muted); margin-top:4px; }
input:focus { border-color:var(--primary); box-shadow:0 0 0 3px rgba(174,176,255,.12); }
.record-counter,.muted { color:var(--muted); font-size:14px; }
.table-wrap { overflow-x:auto; }
table { width:100%; border-collapse:collapse; min-width:760px; } th,td { padding:15px 20px; text-align:left; border-bottom:1px solid rgba(62,70,91,.65); } th { color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.08em; } tbody tr:hover { background:rgba(174,176,255,.035); }
.badge { display:inline-block; padding:4px 8px; background:rgba(78,222,163,.1); border:1px solid rgba(78,222,163,.25); color:var(--success); border-radius:99px; font-size:12px; }
.table-actions,.form-actions { display:flex; gap:8px; align-items:center; }.table-actions form { margin:0; }
.btn { border:1px solid transparent; border-radius:8px; padding:10px 15px; display:inline-flex; justify-content:center; align-items:center; cursor:pointer; transition:.15s ease; font-weight:700; }.btn:hover { filter:brightness(1.12); transform:translateY(-1px); }.btn:focus-visible { outline:3px solid rgba(174,176,255,.4); outline-offset:2px; }
.btn-primary { color:#10115a; background:var(--primary); }.btn-secondary { color:var(--text); background:var(--panel-hi); border-color:var(--line); }.btn-danger { color:var(--danger); border-color:rgba(255,139,131,.35); background:rgba(255,139,131,.08); }.btn-ghost { color:var(--muted); border-color:var(--line); background:transparent; }.btn-sm { padding:7px 10px; font-size:12px; }.full { width:100%; }
.pagination-bar { display:flex; justify-content:flex-end; align-items:center; gap:12px; padding:16px 20px; }.pagination-bar button:disabled,.pagination-bar .is-disabled { opacity:.35; cursor:not-allowed; transform:none; pointer-events:none; }
.empty-cell { text-align:center; color:var(--muted); padding:34px; }
.alert { padding:14px 16px; border-radius:9px; margin-bottom:20px; }.alert ul { margin:8px 0 0; }.alert-success { background:rgba(78,222,163,.08); color:var(--success); border:1px solid rgba(78,222,163,.25); }.alert-error { background:rgba(255,139,131,.08); color:#ffc1bc; border:1px solid rgba(255,139,131,.25); }
.confirmation-modal { width:min(92vw,460px); padding:0; border:1px solid var(--line); border-radius:12px; background:#151e32; color:var(--text); box-shadow:0 28px 80px rgba(0,0,0,.55); }.confirmation-modal::backdrop { background:rgba(3,8,20,.72); backdrop-filter:blur(3px); }.confirmation-modal-content { display:grid; grid-template-columns:auto 1fr; gap:16px; padding:24px; }.confirmation-modal h2 { margin:4px 0 8px; font-size:22px; }.confirmation-modal p { margin-top:0; line-height:1.55; }.confirmation-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:99px; background:rgba(255,139,131,.12); border:1px solid rgba(255,139,131,.35); color:var(--danger); font-size:22px; font-weight:800; }.confirmation-actions { grid-column:1 / -1; display:flex; justify-content:flex-end; gap:10px; padding-top:8px; }
.category-modal-content { display:block; }.modal-form-fields { display:grid; gap:16px; }.modal-form-fields label { color:var(--muted); font-size:13px; font-weight:600; }.modal-form-fields label > input { margin-top:8px; }.category-modal-content .confirmation-actions { margin-top:20px; border-top:1px solid var(--line); padding-top:16px; }
.glossary-import-modal { width:min(92vw,540px); }.glossary-import-form { display:block; padding:26px; }.glossary-import-header { padding-bottom:18px; border-bottom:1px solid var(--line); }.glossary-import-header h2 { margin-bottom:7px; }.glossary-import-header .muted { margin-bottom:0; }.glossary-upload-field { display:block; margin-top:20px; padding:17px; color:var(--text); border:1px dashed rgba(174,176,255,.45); border-radius:10px; background:#10192c; cursor:pointer; }.glossary-upload-field > span,.glossary-upload-field > small { display:block; }.glossary-upload-field > span { font-size:14px; font-weight:800; }.glossary-upload-field > small { margin-top:4px; color:var(--muted); line-height:1.5; }.glossary-upload-field input[type="file"] { margin-top:14px; padding:8px; background:#0b1427; cursor:pointer; }.glossary-upload-field input[type="file"]::file-selector-button { margin-right:12px; padding:8px 11px; color:var(--text); border:1px solid var(--line); border-radius:6px; background:var(--panel-hi); cursor:pointer; }.glossary-template-row { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:16px; color:var(--muted); font-size:13px; }.glossary-template-link { flex:0 0 auto; color:var(--primary); font-weight:700; }.glossary-template-link:hover,.glossary-template-link:focus-visible { text-decoration:underline; outline:none; }.glossary-import-form .confirmation-actions { margin-top:22px; padding-top:18px; border-top:1px solid var(--line); }
.ai-usage-page { display:grid; gap:20px; }.ai-usage-page .ai-usage-heading { align-items:center; margin-bottom:0; }.ai-usage-period { flex:0 0 auto; padding:8px 11px; color:var(--muted); border:1px solid var(--line); border-radius:8px; background:#10192c; font-size:12px; font-weight:700; }.ai-usage-metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }.ai-usage-metric-card { min-width:0; padding:19px 20px; border:1px solid var(--line); border-radius:11px; background:linear-gradient(145deg,rgba(31,40,62,.98),rgba(16,25,44,.96)); box-shadow:0 14px 34px rgba(0,0,0,.16); }.ai-usage-metric-card > span,.ai-usage-metric-card > strong,.ai-usage-metric-card > small { display:block; }.ai-usage-metric-card > span { color:var(--muted); font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.ai-usage-metric-card > strong { margin:9px 0 5px; color:var(--text); font-size:clamp(25px,3vw,34px); line-height:1; overflow-wrap:anywhere; }.ai-usage-metric-card > strong small { display:inline; color:var(--muted); font-size:11px; letter-spacing:.06em; }.ai-usage-metric-card > small { color:var(--muted); font-size:12px; line-height:1.45; }.ai-usage-metric-card.has-failure { border-color:rgba(255,139,131,.38); }.ai-budget-overview { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr); gap:24px 30px; align-items:center; padding:24px; }.ai-budget-summary { min-width:0; }.ai-budget-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }.ai-budget-heading h2,.ai-usage-log-header h2 { margin:4px 0 0; font-size:22px; }.ai-budget-status { flex:0 0 auto; padding:6px 9px; border:1px solid rgba(78,222,163,.3); border-radius:99px; color:var(--success); background:rgba(78,222,163,.08); font-size:12px; font-weight:800; }.ai-budget-status.is-warning { color:#ffd27d; border-color:rgba(255,196,92,.35); background:rgba(255,196,92,.08); }.ai-budget-status.is-exceeded { color:var(--danger); border-color:rgba(255,139,131,.35); background:rgba(255,139,131,.08); }.ai-budget-copy { margin:17px 0 12px; color:var(--muted); line-height:1.65; }.ai-budget-copy strong { color:var(--text); }.ai-budget-amount { display:flex; align-items:baseline; flex-wrap:wrap; gap:7px; margin:18px 0 12px; }.ai-budget-amount strong { font-size:25px; }.ai-budget-amount span,.ai-budget-progress-label { color:var(--muted); font-size:12px; }.ai-budget-progress { height:8px; overflow:hidden; border-radius:99px; background:#0b1427; border:1px solid rgba(62,70,91,.7); }.ai-budget-progress span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--success),var(--primary)); }.ai-budget-progress.is-unlimited span { width:100%; opacity:.35; }.ai-budget-progress-label { display:block; margin-top:7px; }.ai-budget-facts { display:grid; gap:0; margin:0; border:1px solid var(--line); border-radius:9px; overflow:hidden; }.ai-budget-facts div { display:flex; justify-content:space-between; gap:16px; padding:11px 13px; background:#10192c; }.ai-budget-facts div + div { border-top:1px solid var(--line); }.ai-budget-facts dt { color:var(--muted); font-size:12px; }.ai-budget-facts dd { margin:0; font-size:12px; font-weight:800; }.ai-budget-overview > .btn { grid-column:2; justify-self:end; }.ai-usage-log { overflow:hidden; }.ai-usage-log-header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:22px 24px; border-bottom:1px solid var(--line); }.ai-usage-log-header p:last-child { margin:7px 0 0; color:var(--muted); font-size:13px; }.ai-usage-toolbar { justify-content:flex-start; padding-top:14px; padding-bottom:14px; }.alert-warning { color:#ffe1a8; border:1px solid rgba(255,196,92,.3); background:rgba(255,196,92,.08); }.ai-budget-modal { width:min(92vw,520px); }.ai-budget-form { display:block; max-height:min(84vh,700px); overflow-y:auto; padding:26px; }.ai-budget-form-header { padding-bottom:17px; margin-bottom:18px; border-bottom:1px solid var(--line); }.ai-budget-form-header h2 { margin-bottom:7px; }.ai-budget-form-header .muted { margin-bottom:0; }.ai-budget-form .choice-card { color:var(--text); }.ai-budget-form .confirmation-actions { margin-top:22px; padding-top:17px; border-top:1px solid var(--line); }
.form-panel { padding:24px; max-width:980px; }.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.form-panel label { color:var(--muted); font-size:13px; font-weight:600; }.form-panel label>input { margin-top:8px; }.form-panel label>small { display:block; margin-top:6px; font-weight:400; }.permission-fieldset { margin:24px 0; padding:20px; border:1px solid var(--line); border-radius:10px; }.permission-fieldset legend { padding:0 8px; font-weight:800; }.choice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:14px; }.choice-card { display:flex; align-items:center; gap:9px; padding:12px; background:#10192c; border:1px solid var(--line); border-radius:8px; }.choice-card input,.check-row input { width:auto; }.form-actions { justify-content:flex-end; border-top:1px solid var(--line); padding-top:20px; }
.stacked-form { display:grid; gap:20px; }.field-error { color:var(--danger)!important; }.summary-status-bar { display:flex; align-items:center; gap:14px; padding:14px 18px; margin-bottom:20px; color:var(--muted); }.summary-status-bar time { margin-left:auto; }.summary-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.summary-section { padding:22px; }.summary-section h2 { margin:0 0 16px; font-size:20px; }.summary-section-wide { grid-column:1 / -1; }.summary-copy { font-size:17px; line-height:1.75; white-space:pre-line; }.summary-list { margin:0; padding-left:20px; display:grid; gap:10px; }.summary-list-item { padding:12px 0; border-bottom:1px solid rgba(62,70,91,.55); }.summary-list-item:last-child { border-bottom:0; }.summary-list-item p { color:var(--muted); margin:5px 0 0; line-height:1.6; }.section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:14px; }.section-heading h2 { margin:3px 0 0; }
.archive-page { display:grid; gap:22px; }.archive-page .archive-heading { margin-bottom:0; }.archive-heading-meta { display:flex; align-items:center; flex-wrap:wrap; gap:10px; color:var(--muted); font-size:14px; }.badge-danger { color:var(--danger); background:rgba(255,139,131,.1); border-color:rgba(255,139,131,.3); }.archive-overview { padding:26px; display:grid; grid-template-columns:minmax(240px,.8fr) minmax(440px,1.2fr); gap:24px 34px; overflow:hidden; position:relative; }.archive-overview::after { content:""; position:absolute; width:260px; height:260px; right:-130px; top:-150px; border-radius:50%; background:rgba(174,176,255,.08); pointer-events:none; }.archive-overview-copy { align-self:center; }.archive-overview-copy h2 { margin:4px 0 10px; font-size:26px; }.archive-overview-copy p:last-child { color:var(--muted); line-height:1.65; margin:0; max-width:520px; }.archive-meeting-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin:0; border:1px solid var(--line); border-radius:10px; overflow:hidden; background:var(--line); }.archive-meeting-meta div { padding:15px 17px; background:#121b2e; min-width:0; }.archive-meeting-meta dt { color:var(--muted); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.archive-meeting-meta dd { margin:7px 0 0; font-weight:700; overflow-wrap:anywhere; }.archive-metrics { grid-column:1 / -1; }.archive-page .metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }.archive-page .metric-card { min-width:0; padding:17px 18px; border:1px solid rgba(62,70,91,.8); border-radius:10px; background:rgba(11,20,39,.7); }.archive-page .metric-card span,.archive-page .metric-card strong,.archive-page .metric-card small { display:block; }.archive-page .metric-card span { color:var(--muted); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; }.archive-page .metric-card strong { margin:6px 0 2px; color:var(--text); font-size:28px; }.archive-page .metric-card small { color:var(--muted); font-size:12px; }.archive-section-nav { display:flex; gap:6px; padding:8px; overflow-x:auto; border:1px solid var(--line); border-radius:10px; background:rgba(11,19,38,.94); box-shadow:0 12px 30px rgba(0,0,0,.2); scrollbar-width:thin; }.archive-section-nav a { flex:0 0 auto; padding:9px 12px; color:var(--muted); border-radius:7px; font-size:13px; font-weight:700; }.archive-section-nav a:hover,.archive-section-nav a:focus-visible { color:var(--text); background:var(--panel-hi); outline:none; }.archive-section-stack { display:grid; gap:20px; }.archive-section { scroll-margin-top:90px; overflow:hidden; }.archive-section-header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 24px; border-bottom:1px solid var(--line); }.archive-section-header h2 { margin:4px 0 0; font-size:22px; }.archive-section-header p { color:var(--muted); margin:8px 0 0; }.archive-section-count { flex:0 0 auto; padding:7px 10px; border-radius:7px; color:var(--muted); background:#10192c; border:1px solid var(--line); font-size:12px; }.archive-section-tools { flex:0 0 auto; display:flex; align-items:center; gap:10px; }.archive-page table { min-width:640px; }.archive-table-grid { display:grid; gap:0; }.archive-table-grid > div + div { border-top:1px solid var(--line); }.archive-table-grid h3 { margin:0; padding:19px 24px 4px; font-size:15px; }.language-pair { white-space:nowrap; color:var(--primary); }.archive-transcript-list,.archive-summary-list { display:grid; gap:14px; padding:20px; }.archive-transcript { border:1px solid var(--line); border-radius:10px; background:#10192c; overflow:hidden; }.archive-transcript > header { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:15px 17px; border-bottom:1px solid rgba(62,70,91,.65); }.archive-transcript time { color:var(--muted); font-size:12px; white-space:nowrap; }.archive-speaker { display:flex; align-items:center; gap:11px; min-width:0; }.archive-speaker-avatar { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; border-radius:50%; color:#11135c; background:var(--primary); font-weight:900; }.archive-speaker strong,.archive-speaker small { display:block; }.archive-speaker small { color:var(--muted); margin-top:3px; font-size:12px; }.archive-source-copy,.archive-translation { padding:17px; }.archive-source-copy p,.archive-translation p { margin:8px 0 0; line-height:1.7; white-space:pre-line; }.archive-copy-label { color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.archive-translation { border-top:1px solid rgba(62,70,91,.65); background:rgba(174,176,255,.035); }.archive-translation-heading,.archive-summary-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }.archive-revision-list { display:grid; gap:8px; margin-top:15px; padding-top:15px; border-top:1px dashed var(--line); }.archive-revision { display:grid; grid-template-columns:minmax(120px,.35fr) 1fr 1fr; gap:10px; color:var(--muted); font-size:12px; line-height:1.5; }.archive-revision span { padding-left:10px; border-left:2px solid var(--danger); }.archive-revision .archive-revision-new { color:var(--text); border-left-color:var(--success); }.archive-summary-card { border:1px solid var(--line); border-radius:10px; overflow:hidden; background:#10192c; }.archive-summary-heading { padding:20px; }.archive-summary-heading > div { max-width:900px; }.archive-summary-heading p { margin:8px 0 0; font-size:16px; line-height:1.75; white-space:pre-line; }.archive-summary-card h3 { margin:0; padding:16px 20px 4px; border-top:1px solid var(--line); font-size:15px; }.archive-empty-state { margin:0; padding:36px 20px; text-align:center; color:var(--muted); border:1px dashed var(--line); border-radius:10px; }.archive-export-header { align-items:flex-end; }.archive-email-form { display:block; }.archive-email-form > * + * { margin-top:18px; }.archive-email-form .form-field { display:block; color:var(--muted); font-size:13px; font-weight:600; }.archive-email-form .form-field input { margin-top:8px; }.archive-email-form fieldset { padding:15px; border:1px solid var(--line); border-radius:9px; }.archive-email-form legend { padding:0 6px; color:var(--muted); font-size:13px; font-weight:700; }.archive-email-form .check-field { display:inline-flex; align-items:center; gap:8px; margin-right:18px; }.archive-email-form .check-field input { width:auto; }.archive-email-form .confirmation-actions { margin-top:22px; }
.guest-page { background:radial-gradient(circle at 20% 20%,rgba(76,81,190,.28),transparent 35%),var(--bg); display:grid; place-items:center; padding:24px; }.login-shell { width:min(100%,1000px); display:grid; grid-template-columns:1.15fr .85fr; border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:0 35px 80px rgba(0,0,0,.35); }.login-intro { padding:56px; background:linear-gradient(145deg,rgba(32,41,64,.92),rgba(17,26,45,.96)); }.login-intro .eyebrow { margin-top:72px; }.login-intro h1 { font-size:42px; line-height:1.1; letter-spacing:-.04em; }.login-intro p:not(.eyebrow) { color:var(--muted); line-height:1.7; }.login-card { padding:56px 44px; background:#10182a; }.login-card h2 { font-size:28px; margin:4px 0 8px; }.form-stack { display:grid; gap:18px; margin-top:28px; }.check-row { display:flex; align-items:center; gap:8px; }.login-card > .btn.full { margin-top:14px; text-decoration:none; }
.participant-page { background:radial-gradient(circle at 75% 10%,rgba(76,81,190,.22),transparent 34%),var(--bg); padding:28px; }.participant-shell { width:min(100%,1080px); margin:0 auto; }.participant-brand { display:inline-flex; align-items:center; gap:12px; margin-bottom:28px; }.participant-brand strong,.participant-brand small { display:block; }.participant-brand small { color:var(--muted); font-size:12px; }.participant-card { padding:clamp(24px,5vw,48px); background:linear-gradient(145deg,rgba(34,42,61,.96),rgba(17,26,45,.98)); border:1px solid var(--line); border-radius:16px; box-shadow:0 30px 80px rgba(0,0,0,.28); }.registration-header,.room-header { display:flex; justify-content:space-between; align-items:flex-start; gap:28px; margin-bottom:30px; }.registration-header h1,.room-header h1 { margin:5px 0 10px; font-size:clamp(28px,5vw,46px); letter-spacing:-.04em; }.capacity-card { min-width:150px; padding:18px; border:1px solid var(--line); border-radius:10px; text-align:center; background:#10192c; }.capacity-card strong,.capacity-card span { display:block; }.capacity-card span { color:var(--muted); font-size:12px; margin-top:5px; }.room-grid { display:grid; grid-template-columns:1.35fr .65fr; gap:20px; }.room-stage,.language-panel { padding:24px; border:1px solid var(--line); border-radius:12px; background:#10192c; }.room-stage { min-height:330px; display:flex; flex-direction:column; justify-content:center; }.room-stage h2,.language-panel h2 { margin:5px 0 12px; }.language-panel form+form { margin-top:18px; padding-top:18px; border-top:1px solid var(--line); }.invitation-panel { display:grid; grid-template-columns:1fr minmax(280px,380px); gap:32px; padding:28px; align-items:center; }.invitation-copy h2 { font-size:28px; margin:18px 0 8px; }.invitation-copy label { display:block; color:var(--muted); font-size:13px; margin:22px 0; }.invitation-copy label input { margin-top:8px; }.qr-frame { min-height:320px; display:grid; place-items:center; padding:20px; border:1px dashed var(--line); border-radius:12px; color:var(--muted); background:#fff; text-align:center; }.qr-frame img { width:min(100%,300px); height:auto; }.qr-frame span { color:#43506b; }
@media(max-width:1050px) { .archive-overview { grid-template-columns:1fr; }.archive-metrics { grid-column:auto; }.archive-page .metric-grid,.ai-usage-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.ai-budget-overview { grid-template-columns:1fr; }.ai-budget-overview > .btn { grid-column:auto; justify-self:start; } }
@media(max-width:850px) { .sidebar { transform:translateX(-100%); transition:.2s ease; }.sidebar.open { transform:none; }.main-column { margin-left:0; width:100%; }.menu-toggle { display:block; }.choice-grid { grid-template-columns:1fr 1fr; }.login-shell { grid-template-columns:1fr; }.login-intro { display:none; }.room-grid,.invitation-panel { grid-template-columns:1fr; } }
@media(max-width:600px) { .content { padding:26px 16px 48px; }.topbar { padding:0 16px; }.topbar-meta { display:none; }.page-heading,.panel-toolbar,.registration-header,.room-header { align-items:stretch; flex-direction:column; }.capacity-card { width:100%; }.page-actions { display:grid; grid-template-columns:1fr; }.page-heading .btn { width:100%; }.form-grid,.choice-grid,.summary-grid,.ai-usage-metric-grid { grid-template-columns:1fr; }.summary-section-wide { grid-column:auto; }.summary-status-bar,.section-heading { align-items:stretch; flex-direction:column; }.summary-status-bar time { margin-left:0; }.form-panel { padding:18px; }.login-card { padding:36px 24px; }.participant-page { padding:18px 14px; }.participant-card { padding:22px 18px; }.glossary-import-form,.ai-budget-form { padding:20px; }.glossary-template-row { align-items:flex-start; flex-direction:column; gap:7px; }.glossary-import-form .confirmation-actions,.ai-budget-form .confirmation-actions { display:grid; grid-template-columns:1fr; }.glossary-import-form .confirmation-actions .btn,.ai-budget-form .confirmation-actions .btn { width:100%; }.ai-usage-period { align-self:flex-start; }.ai-budget-overview { padding:20px; gap:19px; }.ai-budget-heading,.ai-usage-log-header { align-items:stretch; flex-direction:column; }.ai-budget-status { align-self:flex-start; }.ai-budget-overview > .btn { width:100%; }.ai-usage-log-header { padding:19px 18px; }.archive-page { gap:16px; }.archive-overview { padding:20px; gap:20px; }.archive-meeting-meta,.archive-page .metric-grid { grid-template-columns:1fr 1fr; }.archive-section-nav { margin-inline:-4px; }.archive-section-header,.archive-export-header { align-items:stretch; flex-direction:column; padding:19px 18px; }.archive-section-count { align-self:flex-start; }.archive-section-tools { align-self:flex-start; flex-wrap:wrap; }.archive-transcript-list,.archive-summary-list { padding:14px; }.archive-transcript > header,.archive-translation-heading,.archive-summary-heading { align-items:stretch; flex-direction:column; }.archive-transcript time { margin-left:45px; }.archive-revision { grid-template-columns:1fr; }.archive-revision span { padding:8px 0 0; border-left:0; border-top:2px solid var(--danger); }.archive-revision .archive-revision-new { border-left:0; border-top-color:var(--success); } table,.archive-page table { min-width:0; } thead { display:none; } tbody,tr,td { display:block; width:100%; } tr { padding:12px 16px; border-bottom:1px solid var(--line); } td { border:0; padding:7px 0 7px 42%; position:relative; min-height:32px; } td::before { content:attr(data-label); position:absolute; left:0; width:38%; color:var(--muted); font-size:11px; text-transform:uppercase; }.empty-cell { padding-left:0; }.empty-cell::before { display:none; }.table-actions { justify-content:flex-start; } }
@media(max-width:420px) { .archive-meeting-meta,.archive-page .metric-grid { grid-template-columns:1fr; } }
.landing-page { min-height:100vh; overflow-x:hidden; color:var(--text); background:#080f20; position:relative; }
.landing-page::before { content:""; position:fixed; inset:0; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom,black,transparent 75%); }
.landing-ambient { position:absolute; border-radius:50%; filter:blur(2px); pointer-events:none; opacity:.7; }
.landing-ambient-one { width:620px; height:620px; top:-300px; right:-160px; background:radial-gradient(circle,rgba(117,125,255,.2),transparent 68%); }
.landing-ambient-two { width:520px; height:520px; top:630px; left:-300px; background:radial-gradient(circle,rgba(74,222,183,.1),transparent 68%); }
.landing-container { width:min(1180px,calc(100% - 48px)); margin-inline:auto; position:relative; }
.landing-header { position:relative; z-index:20; border-bottom:1px solid rgba(255,255,255,.07); background:rgba(8,15,32,.8); backdrop-filter:blur(18px); }
.landing-nav { min-height:78px; display:flex; align-items:center; gap:32px; }
.landing-pusri-brand { display:inline-flex; align-items:center; margin-right:auto; }
.landing-pusri-brand:focus-visible { outline:3px solid rgba(174,176,255,.5); outline-offset:5px; border-radius:4px; }
.landing-pusri-logo { width:156px; }
.landing-nav-links { display:flex; align-items:center; gap:28px; }
.landing-nav-links a { color:var(--muted); font-size:13px; font-weight:700; }
.landing-nav-links a:hover,.landing-nav-links a:focus-visible { color:var(--text); }
.landing-nav-actions { display:flex; align-items:center; gap:12px; }
.landing-hero { min-height:690px; padding:92px 0 96px; display:grid; grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr); align-items:center; gap:70px; }
.landing-status { width:max-content; display:flex; align-items:center; gap:9px; margin-bottom:28px; padding:7px 11px; color:#b8c3d9; border:1px solid rgba(92,232,193,.2); border-radius:999px; background:rgba(92,232,193,.055); font-size:11px; font-weight:700; }
.landing-hero-copy h1 { max-width:650px; margin:10px 0 22px; font-size:clamp(44px,5.6vw,72px); line-height:1.02; letter-spacing:-.055em; background:linear-gradient(120deg,#fff 20%,#d8dbff 70%,#9ea5ff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.landing-lead { max-width:620px; margin:0; color:#aab5ca; font-size:18px; line-height:1.75; }
.landing-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.landing-primary-action { min-width:190px; justify-content:space-between; }
.landing-trust-list { display:flex; flex-wrap:wrap; gap:10px 20px; margin:28px 0 0; padding:0; list-style:none; color:var(--muted); font-size:12px; }
.landing-trust-list li { display:flex; align-items:center; gap:7px; }
.landing-trust-list li span { width:18px; height:18px; display:grid; place-items:center; color:#07172a; border-radius:50%; background:var(--success); font-size:10px; font-weight:900; }
.landing-preview { position:relative; }
.landing-preview-window { position:relative; z-index:2; overflow:hidden; border:1px solid rgba(174,176,255,.24); border-radius:18px; background:#0c1528; box-shadow:0 42px 100px rgba(0,0,0,.44),0 0 0 1px rgba(255,255,255,.025) inset; transform:perspective(1200px) rotateY(-3deg) rotateX(1deg); }
.landing-preview-glow { position:absolute; inset:14% -8% -10% 12%; background:rgba(113,121,255,.18); filter:blur(70px); }
.landing-preview-bar { min-height:48px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 16px; border-bottom:1px solid var(--line); background:#101a30; }
.landing-preview-bar>strong { font-size:11px; letter-spacing:.05em; }
.preview-dots { display:flex; gap:5px; }
.preview-dots i { width:7px; height:7px; border-radius:50%; background:#39445c; }
.preview-dots i:first-child { background:#ff8b83; }.preview-dots i:nth-child(2) { background:#f7c96a; }.preview-dots i:last-child { background:#5ce8c1; }
.preview-live { justify-self:end; display:flex; align-items:center; gap:6px; color:#8ef0d3; font-size:9px; font-weight:900; letter-spacing:.08em; }
.preview-live i { width:6px; height:6px; border-radius:50%; background:#5ce8c1; box-shadow:0 0 12px #5ce8c1; }
.landing-preview-body { padding:22px; }
.preview-meeting-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.preview-meeting-heading small,.preview-section-label { color:#77849e; font-size:9px; font-weight:800; letter-spacing:.12em; }
.preview-meeting-heading h2 { max-width:330px; margin:5px 0 0; font-size:19px; line-height:1.3; }
.preview-meeting-heading>span { padding:6px 8px; color:#aeb0ff; border:1px solid rgba(174,176,255,.22); border-radius:6px; background:rgba(174,176,255,.06); font-size:9px; font-weight:700; }
.preview-language-flow { display:flex; align-items:center; gap:8px; margin:19px 0; padding:10px 12px; border:1px solid rgba(255,255,255,.055); border-radius:8px; background:#091225; }
.preview-language-flow span { padding:4px 7px; color:#dfe3ff; border-radius:5px; background:#1a2540; font-size:9px; font-weight:800; }
.preview-language-flow i { color:#69758f; font-style:normal; font-size:10px; }
.preview-content-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:12px; }
.preview-participants,.preview-transcript { min-width:0; padding:13px; border:1px solid rgba(255,255,255,.065); border-radius:9px; background:#10192c; }
.preview-participants article { display:flex; align-items:center; gap:8px; padding:9px 0; border-bottom:1px solid rgba(255,255,255,.055); }
.preview-participants article:last-child { border-bottom:0; }
.preview-participants article>span,.preview-transcript header>span { width:27px; height:27px; flex:0 0 27px; display:grid; place-items:center; color:#11175a; border-radius:50%; background:#aeb0ff; font-size:8px; font-weight:900; }
.preview-participants strong,.preview-participants small { display:block; }
.preview-participants strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; }
.preview-participants small { margin-top:2px; color:#77849e; font-size:8px; }
.preview-participants article>i { width:6px; height:6px; margin-left:auto; border-radius:50%; background:#5ce8c1; }
.preview-transcript article { margin-top:10px; padding:11px; border-radius:7px; background:#0b1427; }
.preview-transcript header { display:flex; align-items:center; gap:7px; }
.preview-transcript header strong { font-size:9px; }.preview-transcript header time { margin-left:auto; color:#69758f; font-size:8px; }
.preview-transcript p,.preview-transcript blockquote { margin:9px 0 0; font-size:9px; line-height:1.55; }
.preview-transcript p { color:#8e99b0; }.preview-transcript blockquote { padding:8px; color:#e8eaff; border-left:2px solid #aeb0ff; background:rgba(174,176,255,.05); }
.preview-processing { display:flex; align-items:center; gap:4px; margin-top:9px; color:#69758f; font-size:8px; }
.preview-processing span { width:4px; height:4px; border-radius:50%; background:#aeb0ff; }
.preview-processing span:nth-child(2) { opacity:.65; }.preview-processing span:nth-child(3) { opacity:.35; margin-right:3px; }
.landing-section { padding:104px 0; }
.landing-section-heading { max-width:720px; margin:0 auto 42px; text-align:center; }
.landing-section-heading h2 { margin:8px 0 14px; font-size:clamp(32px,4vw,48px); line-height:1.1; letter-spacing:-.045em; }
.landing-section-heading>p:last-child { margin:0; color:var(--muted); font-size:16px; line-height:1.7; }
.landing-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.landing-feature-card { min-height:270px; padding:28px; position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:14px; background:linear-gradient(145deg,rgba(26,37,64,.72),rgba(12,21,40,.88)); }
.landing-feature-card::before { content:""; position:absolute; width:160px; height:160px; right:-90px; top:-90px; border-radius:50%; background:rgba(174,176,255,.08); }
.landing-feature-card>span { color:#858df4; font-family:var(--font-mono); font-size:12px; font-weight:800; }
.landing-feature-card h3 { margin:70px 0 12px; font-size:21px; }
.landing-feature-card p { margin:0; color:var(--muted); line-height:1.7; }
.landing-feature-card>i { position:absolute; top:26px; right:26px; color:#69758f; font-style:normal; }
.landing-workflow { border-block:1px solid rgba(255,255,255,.07); background:rgba(14,23,42,.62); }
.landing-section-heading-left { margin-inline:0; text-align:left; }
.landing-workflow-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:0; padding:0; list-style:none; }
.landing-workflow-grid li { min-height:190px; display:flex; gap:18px; padding:25px 28px; border-left:1px solid var(--line); }
.landing-workflow-grid li:first-child { border-left:0; padding-left:0; }
.landing-workflow-grid li>span { flex:0 0 auto; color:#858df4; font-family:var(--font-mono); font-size:12px; font-weight:900; }
.landing-workflow-grid h3 { margin:0 0 10px; font-size:18px; }.landing-workflow-grid p { margin:0; color:var(--muted); line-height:1.7; }
.landing-cta { margin-block:104px; padding:46px 52px; display:flex; align-items:center; justify-content:space-between; gap:40px; overflow:hidden; border:1px solid rgba(174,176,255,.2); border-radius:18px; background:linear-gradient(120deg,rgba(36,47,84,.92),rgba(18,27,49,.94)); box-shadow:0 30px 80px rgba(0,0,0,.22); }
.landing-cta::after { content:""; position:absolute; width:300px; height:300px; right:-120px; top:-160px; border-radius:50%; background:rgba(174,176,255,.1); }
.landing-cta>div,.landing-cta>a { position:relative; z-index:1; }.landing-cta h2 { margin:7px 0 10px; font-size:clamp(28px,4vw,42px); letter-spacing:-.04em; }.landing-cta p:last-child { margin:0; color:var(--muted); }
.landing-cta>a { flex:0 0 auto; min-width:200px; justify-content:space-between; }
.landing-footer { border-top:1px solid rgba(255,255,255,.06); }
.landing-footer .landing-container { min-height:80px; display:flex; align-items:center; justify-content:space-between; gap:24px; color:var(--muted); font-size:12px; }
.landing-footer span { color:var(--text); font-weight:900; letter-spacing:.1em; }.landing-footer p { margin:0; }
@media(max-width:980px) { .landing-nav-links { display:none; }.landing-hero { grid-template-columns:1fr; gap:58px; padding-top:72px; }.landing-hero-copy { text-align:center; }.landing-status { margin-inline:auto; }.landing-hero-copy h1,.landing-lead { margin-inline:auto; }.landing-hero-actions,.landing-trust-list { justify-content:center; }.landing-preview { width:min(100%,680px); margin-inline:auto; }.landing-preview-window { transform:none; }.landing-feature-grid { grid-template-columns:1fr; }.landing-feature-card { min-height:220px; }.landing-feature-card h3 { margin-top:45px; }.landing-workflow-grid { grid-template-columns:1fr; }.landing-workflow-grid li,.landing-workflow-grid li:first-child { min-height:0; padding:24px 0; border-left:0; border-top:1px solid var(--line); }.landing-workflow-grid li:first-child { border-top:0; } }
@media(max-width:640px) { .landing-container { width:min(100% - 28px,1180px); }.landing-nav { min-height:70px; gap:12px; }.landing-nav-actions>.btn { display:none; }.landing-pusri-logo { width:132px; }.landing-hero { min-height:0; padding:62px 0 76px; }.landing-hero-copy h1 { font-size:42px; }.landing-lead { font-size:16px; }.landing-hero-actions { display:grid; }.landing-hero-actions .btn { width:100%; }.landing-trust-list { align-items:flex-start; flex-direction:column; width:max-content; margin-inline:auto; }.landing-preview-body { padding:15px; }.preview-content-grid { grid-template-columns:1fr; }.preview-participants { display:none; }.landing-section { padding:76px 0; }.landing-feature-card { padding:24px; }.landing-cta { margin-block:76px; padding:34px 26px; align-items:stretch; flex-direction:column; }.landing-cta>a { width:100%; }.landing-footer .landing-container { padding:22px 0; align-items:flex-start; flex-direction:column; }.landing-footer p { line-height:1.6; } }
@media(max-width:420px) { .landing-pusri-logo { width:116px; } }
.invitation-history-panel { margin-top:22px; overflow:hidden; }
.invitation-history-header { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; padding:22px 24px; border-bottom:1px solid var(--line); }
.invitation-history-header h2 { margin:4px 0 8px; }
.invitation-history-header p:last-child { margin:0; }
.invitation-history-link { color:var(--text); overflow-wrap:anywhere; font-size:12px; }
.invitation-copy-source { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.participant-shell-status { max-width:720px; }
.meeting-unavailable-card { text-align:center; padding:clamp(36px,7vw,64px); }
.meeting-unavailable-icon { width:64px; height:64px; margin:0 auto 22px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; color:var(--primary); background:rgba(174,176,255,.07); font-size:30px; font-weight:900; }
.meeting-unavailable-card h1 { margin:8px 0 14px; font-size:clamp(30px,6vw,46px); letter-spacing:-.04em; }
.meeting-unavailable-card .muted { max-width:540px; margin:0 auto; line-height:1.7; }
.meeting-unavailable-actions { justify-content:center; margin-top:28px; display:flex; }
.language-switcher { display:inline-flex; align-items:center; gap:2px; padding:3px; border:1px solid var(--line); border-radius:8px; background:#0b1427; }
.language-switcher form { display:inline-flex; margin:0; }
.language-switcher button { position:relative; border:0; border-radius:5px; padding:5px 8px; color:var(--muted); background:transparent; font-size:11px; font-weight:800; cursor:pointer; }
.language-switcher button.active { color:#10115a; background:var(--primary); }
.language-switcher button:focus-visible { outline:2px solid var(--primary); outline-offset:2px; }
.language-name { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.guest-language-switch { position:fixed; top:20px; right:20px; z-index:10; }
.participant-shell-tools { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.participant-shell-tools .participant-brand { margin-bottom:28px; }

/* Static-layout extensions maintained in public because the admin shell loads this file directly. */
.nav-list a{border-radius:0}
.nav-list a.active{background:transparent;font-weight:700}
.topbar-actions { margin-left:auto; display:flex; align-items:center; gap:16px; }
.topbar-actions .topbar-meta { margin-left:0; }
.admin-notifications { position:relative; }
.admin-notifications > summary { position:relative; display:grid; place-items:center; width:38px; height:38px; border:1px solid var(--line); border-radius:8px; color:var(--muted); cursor:pointer; list-style:none; }
.admin-notifications > summary::-webkit-details-marker { display:none; }
.admin-notifications > summary:hover,.admin-notifications[open] > summary { color:var(--text); background:var(--panel-hi); }
.notification-icon { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.notification-count { position:absolute; top:-6px; right:-6px; min-width:18px; height:18px; padding:0 5px; display:grid; place-items:center; border-radius:99px; color:#10115a; background:var(--primary); border:2px solid var(--bg); font-size:9px; font-weight:900; }
.notification-dropdown { position:absolute; top:calc(100% + 10px); right:0; width:min(88vw,360px); overflow:hidden; border:1px solid var(--line); border-radius:10px; background:#111a2d; box-shadow:0 24px 60px rgba(0,0,0,.45); }
.notification-dropdown header { display:flex; justify-content:space-between; gap:14px; padding:15px 17px; border-bottom:1px solid var(--line); }
.notification-dropdown header small { text-transform:none; letter-spacing:0; }
.notification-list { max-height:360px; overflow-y:auto; }
.notification-list form { margin:0; }
.notification-item { width:100%; display:flex; align-items:flex-start; gap:10px; padding:14px 17px; border:0; border-bottom:1px solid rgba(62,70,91,.55); color:var(--text); background:transparent; text-align:left; cursor:pointer; }
.notification-item:hover { background:rgba(174,176,255,.06); }
.notification-item span:last-child,.notification-item strong,.notification-item small,.notification-item time { display:block; }
.notification-item small,.notification-item time { color:var(--muted); margin-top:4px; line-height:1.45; }
.notification-item time { font-size:11px; }
.notification-dot { flex:0 0 7px; width:7px; height:7px; margin-top:6px; border-radius:50%; background:var(--primary); box-shadow:0 0 10px rgba(174,176,255,.55); }
.notification-empty { margin:0; padding:24px 17px; color:var(--muted); text-align:center; }
.tv-end-meeting { display:flex; justify-content:flex-end; margin-top:14px; }
@media(max-width:600px) { .topbar-actions { gap:8px; }.notification-dropdown { position:fixed; top:62px; right:12px; }.tv-end-meeting .btn { width:100%; } }