@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{--brand-primary: #1e7150;--brand-primary-strong: #0d4d35;--brand-accent: #70d5a8;--brand-surface: #07130f;--brand-on-primary: #ffffff;--surface-canvas: #f4f7f5;--surface-card: #ffffff;--text-primary: #12231b;--text-secondary: #718079;--border-subtle: #e2e8e4;--status-success: #2f8e66;--status-danger: #b64945;--status-warning: #a36a23;--radius-control: 10px;--radius-card: 14px;--font-brand: "Manrope", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--shadow-brand: 0 8px 24px rgb(30 113 80 / 20%)}:root{font-family:var(--font-body);color:#17251f;background:#f3f6f4;font-synthesis:none;--ink: #12231b;--muted: #718079;--green: var(--brand-primary);--green-dark: #0d4d35;--green-light: #e4f3ec;--line: var(--border-subtle);--white: #fff;--sidebar: 244px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.app-shell{min-height:100vh;background:#f4f7f5}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:26px 16px 18px;background:var(--brand-surface);color:#dce8e2;display:flex;flex-direction:column;z-index:20;border-right:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:10px;padding:0 8px;color:#f7fbf9}.brand__mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#36a877,#176341);color:#fff;box-shadow:0 6px 18px #146e4959}.brand__name{font:600 18px Manrope;letter-spacing:-.5px}.brand__name strong{font-weight:800;color:#70d5a8}.tenant-switch{width:100%;margin:28px 0 22px;padding:10px;color:#eff7f3;background:#ffffff0e;border:1px solid rgba(255,255,255,.08);border-radius:11px;display:flex;align-items:center;gap:9px;text-align:left}.tenant-switch>span:nth-child(2){display:flex;flex:1;flex-direction:column;min-width:0;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-switch small{font-size:9px;color:#8da39a;text-transform:uppercase;letter-spacing:.7px;margin-bottom:2px}.tenant-avatar,.profile-avatar{width:31px;height:31px;border-radius:8px;background:#316c54;color:#dff9ed;display:grid;place-items:center;font-size:11px;font-weight:700;flex:none}.nav-list{display:flex;flex-direction:column;gap:4px}.nav-item{height:39px;padding:0 11px;border-radius:8px;display:flex;align-items:center;gap:11px;color:#94a9a0;text-decoration:none;font-size:13px;font-weight:500;transition:.2s ease}.nav-item:hover{color:#eaf4ef;background:#ffffff0a}.nav-item--active{color:#fff;background:#31906433;box-shadow:inset 3px 0 #49be87}.nav-item--active svg{color:#5ac794}.nav-count{margin-left:auto;background:#ffffff17;border-radius:10px;padding:2px 7px;font-size:10px}.nav-divider{height:1px;background:#ffffff14;margin:13px 8px}.nav-label{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#60796e;margin:8px 11px 5px;font-weight:700}.sidebar__footer{margin-top:auto}.profile-card{border-top:1px solid rgba(255,255,255,.08);margin-top:10px;padding:18px 6px 0;display:flex;align-items:center;gap:9px}.profile-card>span:nth-child(2){display:flex;flex-direction:column;flex:1}.profile-card strong{font-size:11px;color:#ecf6f1}.profile-card small{font-size:10px;color:#759085;margin-top:2px}.profile-card button{width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:#789185;display:grid;place-items:center}.profile-card button:hover{background:#ffffff0f;color:#eaf5ef}.main-content{margin-left:var(--sidebar);min-height:100vh}.topbar{height:68px;background:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:10}.search{width:350px;height:38px;border:1px solid #e0e6e2;border-radius:9px;background:#f8faf9;display:flex;align-items:center;padding:0 11px;color:#89948f}.search input{border:0;outline:0;background:none;flex:1;padding:0 9px;font-size:12px}.search kbd{font:10px DM Sans;background:#fff;border:1px solid #e1e5e3;border-radius:5px;padding:3px 6px;color:#8c9792}.topbar__actions{display:flex;align-items:center;gap:9px}.icon-button,.square-button{border:1px solid #e0e6e2;background:#fff;color:#51625a;width:38px;height:38px;border-radius:9px;display:grid;place-items:center;position:relative}.icon-button i{position:absolute;width:6px;height:6px;border-radius:50%;background:#e65c55;top:7px;right:8px;border:1px solid white}.docs-button,.secondary-button{height:38px;border:1px solid #dee5e1;background:#fff;color:#44554c;border-radius:9px;padding:0 14px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600}.mobile-menu{display:none}.dashboard-content{max-width:1240px;margin:0 auto;padding:34px 42px 52px}.welcome-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.4px;color:#819189}.welcome-row h1{font:700 27px Manrope;letter-spacing:-.8px;margin:7px 0 3px;color:#14251d}.welcome-row p{font-size:13px;color:#7b8982;margin:0}.primary-button{border:0;height:40px;border-radius:9px;padding:0 16px;background:linear-gradient(135deg,#237655,#145c40);color:#fff;box-shadow:0 7px 18px #18674833;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:700;transition:.2s}.primary-button:hover{transform:translateY(-1px);box-shadow:0 9px 22px #18674847}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;display:flex;align-items:center;gap:13px;box-shadow:0 2px 8px #182e2406}.metric-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:10px;flex:none}.metric-icon svg{width:19px}.metric-icon--green{color:#237652;background:#e7f5ee}.metric-icon--violet{color:#7355ad;background:#f0ebfa}.metric-icon--blue{color:#3971a6;background:#e9f2fa}.metric-icon--amber{color:#a36a23;background:#fff3df}.metric-card>div:last-child{display:grid;grid-template-columns:1fr auto;flex:1;align-items:center}.metric-card span{font-size:10px;color:#7e8a84;grid-column:1}.metric-card strong{font:700 23px Manrope;grid-column:1;color:#203128;line-height:1.25}.metric-card small{font-size:9px;color:#8c9892;grid-column:1}.metric-card .positive{color:#2b8a60}.live-room-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;grid-template-columns:1.05fr 1fr;gap:26px;margin-bottom:18px;box-shadow:0 4px 16px #162d2209}.live-room-card__visual{min-height:218px;border-radius:10px;position:relative;overflow:hidden;background:radial-gradient(circle at 25% 20%,rgba(71,151,113,.35),transparent 30%),linear-gradient(140deg,#1b3d31,#081b15)}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent)}.live-badge{position:absolute;top:14px;left:14px;padding:6px 9px;border-radius:6px;background:#b52c2ce6;color:#fff;font-size:9px;font-weight:700;letter-spacing:.7px;display:flex;align-items:center;gap:6px}.live-badge i,.meeting__title i{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #ffffff2e}.speaker{position:absolute;left:20px;bottom:18px;display:flex;align-items:center;gap:10px;color:#fff}.speaker>span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#d98673,#925145);border:2px solid rgba(255,255,255,.65);font-weight:700}.speaker>div{display:flex;flex-direction:column}.speaker strong{font-size:13px}.speaker small{font-size:10px;color:#b8cac2}.live-room-card__info{display:flex;flex-direction:column;justify-content:center;padding-right:24px}.section-kicker{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:700;letter-spacing:1px;color:#ba443f}.live-room-card__info h2{font:700 21px Manrope;letter-spacing:-.5px;line-height:1.3;margin:10px 0 5px}.live-room-card__info>p{color:#7c8983;font-size:11px;margin:0}.room-stats{display:flex;gap:22px;border-top:1px solid #edf0ee;border-bottom:1px solid #edf0ee;margin:18px 0;padding:12px 0}.room-stats span{display:flex;align-items:center;gap:6px;font-size:10px;color:#78857f}.room-stats strong{color:#33463d}.room-actions{display:flex;gap:8px}.room-actions .primary-button{margin-right:4px}.content-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.panel__header{padding:19px 20px 15px;display:flex;justify-content:space-between;align-items:flex-start}.panel__header h2{font:700 15px Manrope;margin:0 0 3px}.panel__header p{font-size:10px;color:#84918b;margin:0}.text-button{border:0;background:none;color:#287453;font-size:10px;font-weight:700;display:flex;align-items:center;gap:2px}.room-list{border-top:1px solid #edf0ee}.room-row{width:100%;border:0;border-bottom:1px solid #edf0ee;background:#fff;padding:12px 17px;display:flex;align-items:center;gap:12px;text-align:left;color:#3d4e46}.room-row:last-child{border-bottom:0}.room-row:hover{background:#fafcfb}.date-tile{width:43px;height:45px;border-radius:8px;background:#f0f5f2;display:flex;flex-direction:column;align-items:center;justify-content:center}.date-tile strong{font:700 17px Manrope;line-height:1}.date-tile small{font-size:8px;color:#5d766a;margin-top:3px}.room-row__copy{display:flex;flex-direction:column;gap:4px;flex:1}.room-row__copy strong{font-size:11px}.room-row__copy small{font-size:9px;color:#8c9993;display:flex;align-items:center;gap:4px}.people{font-size:10px;color:#76847d;display:flex;align-items:center;gap:4px}.timeline{border-top:1px solid #edf0ee;padding:5px 20px 9px}.timeline-item{position:relative;display:flex;align-items:flex-start;gap:11px;padding:10px 0}.timeline-item:not(:last-child):after{content:"";position:absolute;left:5px;top:24px;bottom:-9px;width:1px;background:#e5eae7}.timeline-dot{width:11px;height:11px;border-radius:50%;margin-top:3px;z-index:1;border:3px solid white;box-shadow:0 0 0 2px currentColor}.timeline-dot--green{color:#35a272;background:#35a272}.timeline-dot--violet{color:#8566bd;background:#8566bd}.timeline-dot--blue{color:#4c86ba;background:#4c86ba}.timeline-dot--amber{color:#c68a3f;background:#c68a3f}.timeline-item>span{display:flex;flex-direction:column;flex:1}.timeline-item strong{font-size:10px}.timeline-item small{font-size:9px;color:#87938d;margin-top:2px}.timeline-item time{font-size:8px;color:#9aa59f}.modal-backdrop{position:fixed;inset:0;background:#04120da8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;z-index:100;padding:20px}.create-modal{width:min(470px,100%);background:#fff;border-radius:17px;box-shadow:0 28px 80px #00000040;padding:24px;animation:modal-in .25s ease}.create-modal__header,.create-modal__header>div{display:flex;align-items:center;gap:12px}.create-modal__header{justify-content:space-between;margin-bottom:23px}.modal-icon{width:43px;height:43px;border-radius:11px;background:#e8f5ee;color:#247452;display:grid;place-items:center}.modal-icon svg{width:20px}.create-modal h2{font:700 18px Manrope;margin:0}.create-modal p{font-size:10px;color:#84908a;margin:3px 0 0}.create-modal>label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;margin:13px 0;color:#405148}.create-modal input{height:42px;border:1px solid #dbe3df;border-radius:9px;padding:0 12px;outline:0;font-size:12px}.create-modal input:focus{border-color:#4b9a76;box-shadow:0 0 0 3px #e8f4ee}.secure-note{display:flex;gap:10px;padding:12px;background:#f1f8f4;border:1px solid #deeee5;border-radius:9px;color:#2d7655;margin:18px 0}.secure-note span{display:flex;flex-direction:column;font-size:9px;color:#71857a}.secure-note strong{font-size:10px;color:#2d624b;margin-bottom:2px}.modal-actions{border-top:1px solid #e9eeeb;padding-top:17px;display:flex;justify-content:flex-end;gap:9px}.secondary-button{justify-content:center}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(390px,.92fr) minmax(520px,1.08fr);background:#f7faf8}.auth-visual{position:relative;overflow:hidden;padding:42px 52px;display:flex;flex-direction:column;color:#f5fbf8;background:radial-gradient(circle at 90% 16%,rgba(77,190,139,.22),transparent 26%),radial-gradient(circle at 18% 85%,rgba(43,123,86,.24),transparent 30%),linear-gradient(145deg,#061c14,#092c20 58%,#0b3b2a)}.auth-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(135deg,transparent,black 60%,transparent);mask-image:linear-gradient(135deg,transparent,black 60%,transparent)}.auth-visual>*{position:relative;z-index:1}.auth-visual__copy{margin:auto 0;max-width:560px}.auth-kicker{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:1.2px;color:#70d5a8}.auth-visual h1{font:700 clamp(38px,4.2vw,64px)/1.05 "Manrope";letter-spacing:-2.8px;margin:24px 0 19px}.auth-visual h1 em{font-style:normal;color:#70d5a8}.auth-visual__copy p{max-width:490px;color:#aac4b8;font-size:15px;line-height:1.65}.auth-security-note{display:flex;align-items:center;gap:12px;padding-top:25px;border-top:1px solid rgba(255,255,255,.1);color:#69c79d}.auth-security-note span{display:flex;flex-direction:column;color:#779b8b;font-size:10px}.auth-security-note strong{color:#cce9db;font-size:11px;margin-bottom:2px}.auth-form-panel{padding:45px;display:flex;align-items:center;justify-content:center;position:relative}.auth-card{width:min(440px,100%);padding:42px;border:1px solid #dfe8e3;border-radius:19px;background:#fff;box-shadow:0 18px 55px #17422e14}.auth-card form{display:flex;flex-direction:column}.auth-card__eyebrow,.step-pill{color:#2b815d;font-size:9px;font-weight:800;letter-spacing:1.2px}.auth-card h1,.auth-card h2{font:700 25px Manrope;letter-spacing:-.7px;margin:10px 0 6px;color:#16281f}.auth-card>p,.auth-card form>p{font-size:12px;line-height:1.55;color:#7b8982;margin:0 0 24px}.auth-card label{font-size:11px;font-weight:700;color:#3d5047;margin:15px 0 7px}.auth-card input{width:100%;height:45px;border:1px solid #d9e3de;border-radius:9px;padding:0 12px;outline:0;color:#203129;background:#fbfcfc}.auth-card input:focus{border-color:#479777;box-shadow:0 0 0 3px #e8f4ee}.auth-input{position:relative;display:flex;align-items:center}.auth-input>svg{position:absolute;left:12px;color:#84948c;z-index:1}.auth-input>svg+input{padding-left:40px}.auth-input button{position:absolute;right:6px;width:34px;height:34px;border:0;background:transparent;color:#7f9088;display:grid;place-items:center}.auth-label-row{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.auth-label-row label{margin:0 0 7px}.auth-label-row a,.auth-back{font-size:10px;font-weight:700;color:#247452;text-decoration:none}.auth-submit{min-height:45px;border:0;border-radius:9px;margin-top:21px;padding:0 16px;background:linear-gradient(135deg,#237b57,#10583d);color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:800;box-shadow:0 8px 20px #19694933}.auth-submit:disabled{opacity:.55;cursor:wait}.auth-error{padding:10px 12px;border:1px solid #f0cfcd;background:#fff3f2;color:#a73e3a;border-radius:8px;font-size:10px;line-height:1.4;margin-top:13px}.auth-trust{display:flex;align-items:center;justify-content:center;gap:5px;color:#829088;font-size:9px;margin-top:17px}.auth-footer{position:absolute;bottom:24px;color:#9aa7a1;font-size:9px}.auth-card__icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:#267a56;background:#e9f5ef;margin-bottom:10px}.auth-card__icon svg{width:22px}.auth-back{align-self:flex-start;border:0;background:none;display:flex;align-items:center;gap:5px;padding:0;margin-bottom:26px}.auth-code-input{text-align:center;font:700 22px Manrope;letter-spacing:7px}.auth-simple{min-height:100vh;padding:38px 20px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 50% 0,#eaf5ef,transparent 35%),#f5f8f6}.auth-simple__brand{text-decoration:none;background:#09271d;padding:10px 14px;border-radius:12px}.auth-card--simple{margin:auto}.auth-card--simple h1{margin-top:9px}.auth-card--simple>.auth-submit{margin-top:24px}.auth-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#f4f7f5;color:#607168;font-size:11px}.auth-loading .media-spinner{border-color:#d6e8df;border-top-color:#23805a}.security-page{min-height:100vh;background:#f3f7f5}.security-header{height:64px;padding:0 max(24px,calc((100vw - 980px)/2));display:flex;align-items:center;justify-content:space-between;background:#09271d;color:#8fa99d;font-size:10px}.security-header a{color:#dcece4;text-decoration:none;display:flex;align-items:center;gap:7px;font-size:11px}.security-header svg{width:16px}.security-content{max-width:860px;margin:0 auto;padding:58px 24px}.security-title{display:flex;align-items:center;gap:16px;margin-bottom:28px}.security-title>span{width:52px;height:52px;display:grid;place-items:center;border-radius:13px;background:#dff1e8;color:#247553}.security-title h1{font:700 27px Manrope;margin:0}.security-title p{font-size:11px;color:#77867f;margin:4px 0}.security-card{background:#fff;border:1px solid #dfe7e3;border-radius:16px;padding:30px;box-shadow:0 7px 26px #183a2a0b;display:flex;flex-direction:column}.security-card h2{font:700 18px Manrope;margin:16px 0 5px}.security-card h3{font:700 14px Manrope;margin:0}.security-card p{font-size:11px;color:#77867f;line-height:1.6;margin:0 0 14px}.security-card label{font-size:10px;font-weight:700;margin:12px 0 6px}.security-card input{height:42px;border:1px solid #d9e3de;border-radius:9px;padding:0 12px;outline:0}.security-status{align-self:flex-start;display:flex;align-items:center;gap:6px;background:#eff2f0;color:#607068;border-radius:20px;padding:7px 10px;font-size:9px;font-weight:800}.security-status svg{width:14px}.security-status--on{color:#247653;background:#e3f3eb}.security-divider{height:1px;background:#e7ece9;margin:23px 0}.danger-button{align-self:flex-start;margin-top:17px;height:39px;border:1px solid #e1aaa7;background:#fff3f2;color:#ad4540;border-radius:8px;padding:0 14px;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800}.mfa-setup{display:flex;align-items:center;gap:25px;margin:10px 0 18px;padding:20px;background:#f7faf8;border-radius:12px}.qr-frame{padding:10px;background:#fff;border:1px solid #dae6e0;border-radius:9px;line-height:0}.mfa-setup>div:last-child{display:flex;min-width:0;flex-direction:column}.mfa-setup span{font-size:8px;letter-spacing:1px;color:#74857c}.mfa-setup code{word-break:break-all;color:#1e6d4d;font-size:11px;margin:8px 0}.mfa-setup small{color:#829189;font-size:9px}.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 19px}.recovery-grid code{padding:10px;border:1px solid #dfe7e3;border-radius:7px;text-align:center;color:#254b39;background:#f8faf9}.recovery-card .secondary-button{align-self:flex-start}.security-loading{padding:40px;display:flex;align-items:center;justify-content:center;gap:9px;color:#77877f;font-size:11px}.security-loading svg{width:17px;animation:media-spin .8s linear infinite}.security-actions{display:flex;align-items:center;gap:10px;margin-top:17px}.security-actions .danger-button{margin-top:0}.security-actions .secondary-button:disabled,.danger-button:disabled{opacity:.5;cursor:not-allowed}.security-card--spaced{margin-top:18px}.security-card--spaced form{display:flex;flex-direction:column}.success-note{padding:10px 12px;margin-top:13px;border:1px solid #cde8da;border-radius:8px;background:#eff9f4;color:#236e4e;font-size:10px}.session-list{border-top:1px solid #e8eeeb;margin-top:5px}.session-row{display:flex;align-items:center;gap:11px;padding:13px 2px;border-bottom:1px solid #edf1ef}.session-row>span{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#edf5f1;color:#35795a}.session-row svg{width:16px}.session-row>div{display:flex;flex-direction:column;gap:3px;flex:1}.session-row strong{font-size:10px}.session-row small{font-size:9px;color:#85928c}.session-row i{font-style:normal;color:#28805a;background:#e6f4ed;border-radius:10px;padding:4px 7px;font-size:7px;font-weight:800}.session-row button{border:0;background:none;color:#a34742;font-size:9px;font-weight:800}.meeting{height:100vh;min-height:650px;background:#07130f;color:#edf8f3;display:grid;grid-template-rows:70px 1fr 42px;overflow:hidden}.meeting__header{display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.08);background:#0a1a14}.meeting__brand{display:flex;align-items:center;gap:14px}.brand--compact .brand__name{display:none}.icon-button--dark{background:#ffffff0e;border-color:#ffffff17;color:#b8ccc2}.icon-button--light{width:31px;height:31px;background:#f4f7f5}.meeting__title{display:flex;flex-direction:column;align-items:center}.meeting__title strong{font:600 13px Manrope}.meeting__title span{font-size:9px;color:#f08079;display:flex;align-items:center;gap:6px;margin-top:3px}.meeting__title i{background:#eb6d66;width:5px;height:5px}.meeting__header-actions{display:flex;align-items:center;gap:10px}.connection-status{height:30px;border-radius:7px;padding:0 10px;background:#3493681f;color:#72cba5;display:flex;align-items:center;gap:6px;font-size:9px}.meeting__stage{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:1px;background:#ffffff14}.video-area{position:relative;min-width:0;background:radial-gradient(circle at 50% 0,rgba(38,99,74,.23),transparent 45%),#091510;padding:12px 12px 84px}.video-grid{height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:9px}.video-tile{position:relative;overflow:hidden;border-radius:10px;background:linear-gradient(145deg,#182b23,#0d2018);box-shadow:inset 0 0 0 1px #ffffff0a}.video-tile--featured{box-shadow:inset 0 0 0 2px #4ab183,0 0 22px #278c5f1a}.participant-portrait{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.07),transparent 25%)}.participant-portrait>span{width:77px;height:77px;border-radius:50%;display:grid;place-items:center;font:700 22px Manrope;z-index:1;box-shadow:0 12px 35px #00000040;border:2px solid rgba(255,255,255,.15)}.participant-portrait--coral>span{background:linear-gradient(145deg,#b96f5e,#6d3e34)}.participant-portrait--blue>span{background:linear-gradient(145deg,#587fa2,#2e465b)}.participant-portrait--violet>span{background:linear-gradient(145deg,#796897,#453a59)}.participant-portrait--amber>span{background:linear-gradient(145deg,#a8794c,#5c422d)}.portrait-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:#3f8c6a14;filter:blur(20px)}.participant-label{position:absolute;left:11px;right:11px;bottom:10px;display:flex;align-items:center;justify-content:space-between}.participant-label>span{display:flex;flex-direction:column;text-shadow:0 2px 8px #000}.participant-label strong{font-size:10px}.participant-label small{font-size:8px;color:#aabdb4}.participant-label>svg{padding:5px;width:25px;height:25px;border-radius:6px;background:#00000059}.speaking-pill{position:absolute;top:10px;left:10px;background:#2f8e66;color:#e8fff5;padding:5px 7px;border-radius:5px;font-size:8px;font-weight:700;display:flex;align-items:center;gap:4px}.meeting__controls{position:absolute;left:50%;bottom:15px;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:7px;background:#081610e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:13px;box-shadow:0 12px 35px #00000059}.control-button{border:0;background:transparent;color:#cadbd3;min-width:58px;height:48px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.control-button:hover{background:#ffffff0f}.control-button svg{width:18px}.control-button span{font-size:7px}.control-button--off{background:#48302e;color:#ffafa9}.control-button--hangup{background:#b64945;color:#fff;margin-left:6px}.control-button--hangup:hover{background:#c9534e}.meeting__interaction{background:#0d1d16;display:flex;flex-direction:column;overflow:auto}.interaction-header{height:57px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;flex:none}.interaction-header>div{display:flex;align-items:center;gap:9px;color:#59bb8d}.interaction-header span{display:flex;flex-direction:column}.interaction-header strong{font-size:11px;color:#eaf5f0}.interaction-header small{font-size:8px;color:#6f8a7e;margin-top:1px}.dynamic-ui{margin:14px;background:#f8faf9;color:#203128;border-radius:13px;padding:19px;box-shadow:0 15px 40px #0000004d;animation:modal-in .3s ease}.dynamic-ui__eyebrow{font-size:8px;color:#25805a;font-weight:700;letter-spacing:.8px;text-transform:uppercase;display:flex;align-items:center;gap:6px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#30a471;box-shadow:0 0 0 3px #d9f1e6}.dynamic-ui__heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin:10px 0}.dynamic-ui h2{font:700 17px Manrope;line-height:1.3;letter-spacing:-.35px;margin:0}.dynamic-ui__body{display:flex;flex-direction:column;gap:12px}.dynamic-text{font-size:11px;line-height:1.55;color:#68776f;margin:0}.dynamic-text--caption{font-size:8px;font-weight:700;color:#607068;letter-spacing:.7px}.dynamic-text--heading{font-weight:700;font-size:13px;color:#283a31}.dynamic-divider{width:100%;border:0;border-top:1px solid #dfe6e2;margin:2px 0}.dynamic-status{align-self:flex-start;border-radius:20px;padding:5px 9px;font-size:8px;font-weight:700}.dynamic-status--success{background:#e2f3ea;color:#247653}.dynamic-status--warning{background:#fff1d8;color:#9b692a}.dynamic-status--error{background:#fbe5e4;color:#a84440}.dynamic-status--neutral{background:#e9eeeb;color:#607168}.dynamic-buttons{display:flex;gap:7px}.dynamic-buttons--column{flex-direction:column}.dynamic-button{height:38px;flex:1;border:1px solid transparent;border-radius:8px;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:5px}.dynamic-button--success{background:#267855;color:#fff}.dynamic-button--danger{background:#fff;border-color:#e8c5c3;color:#b74e49}.dynamic-button--warning{background:#fff;border-color:#e6d4b3;color:#9a6b27}.dynamic-button--primary{background:#267855;color:#fff}.dynamic-button--secondary{background:#e9eeeb;color:#4e6258}.dynamic-button:disabled{opacity:.5;cursor:not-allowed}.dynamic-field{display:flex;flex-direction:column;gap:5px;font-size:9px;font-weight:600}.dynamic-field__control{height:38px;border:1px solid #dae3de;border-radius:8px;background:#fff;display:flex;align-items:center;padding:0 10px;color:#788980}.dynamic-field__control input{border:0;outline:0;min-width:0;flex:1;padding:0 8px;font-size:10px}.dynamic-link{display:flex;align-items:center;gap:5px;color:#267855;font-size:10px;font-weight:700}.dynamic-ui__security{margin:14px 0 0;padding-top:11px;border-top:1px solid #e2e8e5;color:#87958e;font-size:8px;display:flex;align-items:center;gap:5px}.interaction-empty{margin:auto;padding:28px;text-align:center;color:#5f796d}.interaction-empty h2{font-size:14px;color:#aec2b8}.interaction-empty p{font-size:10px;line-height:1.5}.vote-progress{margin:0 15px 15px;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#ffffff06}.vote-progress__header{display:flex;justify-content:space-between;font-size:8px;color:#758f83}.vote-progress__header strong{color:#aec2b8}.progress-track{height:4px;background:#26382f;border-radius:5px;margin:8px 0;overflow:hidden}.progress-track i{display:block;width:75%;height:100%;background:#42aa7a;border-radius:5px}.vote-progress>small{display:block;text-align:right;color:#557064;font-size:7px}.meeting__footer{background:#0a1913;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:flex-end;align-items:center;padding:0 19px;gap:17px}.meeting__footer button{border:0;background:none;color:#7f998d;display:flex;align-items:center;gap:5px;font-size:8px}.meeting__footer span{background:#294438;color:#9bb9ab;padding:1px 5px;border-radius:8px}.toast{position:fixed;right:387px;bottom:58px;background:#f5faf7;color:#24543e;border:1px solid #cee6da;border-radius:10px;box-shadow:0 12px 30px #00000040;padding:11px 14px;display:flex;align-items:center;gap:9px;animation:modal-in .25s ease}.toast span{display:flex;flex-direction:column;font-size:9px;color:#6e7f76}.toast strong{font-size:10px;color:#285f46}.intgest-meet-stage{position:relative;height:100%;min-height:0;border-radius:10px;overflow:hidden;background:#0d2018}.intgest-meet-stage__mount{position:absolute;inset:0}.intgest-meet-stage iframe{width:100%;height:100%;border:0}.media-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px;background:radial-gradient(circle at 50% 40%,rgba(64,155,113,.18),transparent 34%),#0d2018;color:#effaf5;z-index:2}.media-state strong{font:700 14px Manrope}.media-state small{font-size:9px;color:#819b8f;max-width:360px;line-height:1.5}.media-state--standalone{inset:12px 12px 84px;border-radius:10px}.media-state--error{background:radial-gradient(circle at 50% 40%,rgba(166,68,61,.16),transparent 34%),#151c18}.media-state--error svg{color:#d87972}.media-spinner{width:24px;height:24px;border-radius:50%;border:2px solid rgba(112,213,168,.2);border-top-color:#70d5a8;animation:media-spin .8s linear infinite}.control-button:disabled{cursor:not-allowed;opacity:.4}.intgest-meet-stage[data-status=ready] .media-state,.intgest-meet-stage[data-status=joined] .media-state{display:none}@keyframes media-spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.metric-grid{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.meeting__stage{grid-template-columns:minmax(0,1fr) 330px}.dashboard-content{padding:28px}.live-room-card{grid-template-columns:1fr 1fr}}@media(max-width:790px){:root{--sidebar:0px}.sidebar{display:none}.topbar{padding:0 16px}.mobile-menu{display:grid;border:0;background:none}.search{width:min(260px,55vw)}.docs-button{display:none}.dashboard-content{padding:24px 16px}.welcome-row{align-items:center}.welcome-row p{display:none}.metric-grid{grid-template-columns:1fr 1fr}.live-room-card{grid-template-columns:1fr}.live-room-card__visual{min-height:180px}.live-room-card__info{padding:12px}.meeting{height:auto;min-height:100vh;overflow:auto;grid-template-rows:64px auto 42px}.meeting__title,.connection-status{display:none}.meeting__stage{display:flex;flex-direction:column}.video-area{height:68vh;min-height:480px}.meeting__interaction{min-height:500px}.toast{right:15px;bottom:55px}}@media(max-width:820px){.auth-page{grid-template-columns:1fr}.auth-visual{min-height:245px;padding:28px}.auth-visual__copy{margin:45px 0 10px}.auth-visual h1{font-size:34px;margin:14px 0 8px}.auth-visual__copy p,.auth-security-note{display:none}.auth-form-panel{padding:30px 18px 58px}.auth-footer{bottom:18px}.mfa-setup{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.search{display:none}.metric-grid{grid-template-columns:1fr}.welcome-row h1{font-size:22px}.welcome-row .primary-button{width:40px;padding:0;font-size:0}.content-grid{display:block}.activity-panel{margin-top:16px}.live-room-card__info h2{font-size:18px}.room-stats{gap:10px}.room-row .people{display:none}.video-area{height:60vh;min-height:420px;padding:7px 7px 77px}.video-grid{gap:5px}.participant-portrait>span{width:57px;height:57px;font-size:17px}.meeting__header{padding:0 10px}.meeting__brand .brand__name{display:none}.meeting__controls{width:calc(100% - 14px);justify-content:center;gap:1px}.control-button{min-width:48px}.control-button span{display:none}.meeting__footer{justify-content:center}.dynamic-ui{margin:10px}.modal-backdrop{align-items:end;padding:0}.create-modal{border-radius:17px 17px 0 0}.auth-card{padding:28px 22px}.auth-visual{min-height:205px}.auth-visual__copy{margin:30px 0 0}.auth-kicker{font-size:8px}.auth-visual h1{font-size:29px}.security-content{padding:32px 15px}.security-card{padding:22px 17px}.recovery-grid{grid-template-columns:1fr}.qr-frame svg{width:150px;height:150px}}.studio-page{min-height:100vh;background:var(--surface-canvas);color:var(--text-primary)}.studio-header{height:70px;background:#fffffff0;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.studio-header>div:first-child{display:flex;align-items:center;gap:13px}.studio-header .brand__name{color:#173329}.studio-header__title{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;text-align:center}.studio-header__title strong{font:700 13px var(--font-brand)}.studio-header__title small{font-size:9px;color:#84918b;margin-top:2px}.studio-main{max-width:1210px;margin:0 auto;padding:38px 34px 60px}.studio-intro{margin-bottom:26px}.studio-intro h1{font:800 29px var(--font-brand);letter-spacing:-1px;margin:7px 0 4px}.studio-intro p{margin:0;color:var(--text-secondary);font-size:12px}.studio-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:20px;align-items:start}.studio-settings{display:flex;flex-direction:column;gap:14px}.studio-panel{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);overflow:hidden;scroll-margin-top:90px}.studio-panel__header{padding:18px 20px;display:flex;gap:11px;border-bottom:1px solid #edf1ee}.studio-panel__header>span{width:35px;height:35px;border-radius:var(--radius-control);display:grid;place-items:center;background:#e7f4ed;color:var(--brand-primary)}.studio-panel__header svg{width:17px}.studio-panel__header h2{font:700 14px var(--font-brand);margin:0}.studio-panel__header p{font-size:9px;color:#829089;margin:3px 0 0}.studio-panel__body{padding:19px 20px}.studio-field{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:700;color:#42544b;margin-bottom:15px}.studio-field>input,.color-input{height:41px;border:1px solid #dbe3df;border-radius:var(--radius-control);background:#fff;padding:0 12px;outline:0;font-size:11px;color:#31433a}.studio-field>input:focus,.color-input:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 12%,transparent)}.field-row{display:grid;grid-template-columns:1fr 130px;gap:12px}.field-row .studio-field{margin-bottom:0}.color-options{display:flex;gap:9px}.color-options button{width:32px;height:32px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #dce3df;color:#fff;display:grid;place-items:center}.color-options button.selected{box-shadow:0 0 0 2px var(--brand-primary)}.color-input{display:flex;align-items:center}.color-input i{width:19px;height:19px;border-radius:5px}.color-input input{border:0;outline:0;flex:1;min-width:0;padding-left:8px;font-size:10px}.toggle-row{width:100%;border:0;background:none;display:flex;align-items:center;justify-content:space-between;padding:11px 0;text-align:left}.toggle-row:not(:last-child){border-bottom:1px solid #edf1ef}.toggle-row>span{display:flex;flex-direction:column}.toggle-row strong{font-size:11px;color:#34483e}.toggle-row small{font-size:9px;color:#89958f;margin-top:3px}.toggle-row>i{width:34px;height:20px;border-radius:12px;background:#d9dfdc;padding:2px;transition:.2s}.toggle-row>i b{display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:.2s}.toggle-row>i.active{background:var(--brand-primary)}.toggle-row>i.active b{transform:translate(14px)}.provider-card{border:1px solid #dfe6e2;border-radius:var(--radius-control);padding:12px;display:flex;align-items:center;gap:11px;margin-bottom:9px}.provider-logo{width:36px;height:36px;border-radius:9px;background:#eef2f0;color:#667a70;display:grid;place-items:center}.provider-logo svg{width:19px}.provider-logo--youtube{background:#fdeaea;color:#d83631}.provider-card>span:nth-child(2){display:flex;flex-direction:column;flex:1}.provider-card strong{font-size:10px}.provider-card small{font-size:8px;color:#88958f;margin-top:3px}.provider-card em{font-style:normal;font-size:7px;text-transform:uppercase;letter-spacing:.5px;color:#277853;background:#e4f3eb;border-radius:12px;padding:4px 7px;font-weight:700}.provider-card>button{border:0;background:none;color:#819088}.provider-card--muted{opacity:.65}.provider-card--muted em{color:#7b8882;background:#edf0ee}.studio-note{display:flex;gap:8px;color:#6d8076;background:#f4f8f6;border-radius:8px;padding:10px;font-size:8px;line-height:1.5}.studio-note svg{color:var(--brand-primary);flex:none}.studio-preview{position:sticky;top:90px;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:16px}.preview-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.preview-heading>span{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700}.preview-heading small{font-size:8px;color:#8a9690}.preview-window{aspect-ratio:1.25;border-radius:10px;overflow:hidden;display:grid;grid-template-rows:34px 1fr 35px;box-shadow:0 12px 30px #0e251b29}.preview-topbar{padding:0 9px;background:#ffffff0b;display:flex;align-items:center;gap:7px;color:#fff;border-bottom:1px solid rgba(255,255,255,.07)}.preview-topbar .brand__mark{width:21px;height:21px;border-radius:6px}.preview-topbar .brand__mark svg{width:12px}.preview-topbar>span{font-size:7px;font-weight:700}.preview-topbar>i{font-style:normal;margin-left:auto;font-size:6px;color:#87c8aa;display:flex;align-items:center;gap:3px}.preview-stage{position:relative;padding:7px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.preview-video{background:#ffffff12;border-radius:5px;display:grid;place-items:center;position:relative}.preview-video>span{width:34px;height:34px;border-radius:50%;background:#526d61;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:700}.preview-video small{position:absolute;left:5px;bottom:4px;color:#d2dfd9;font-size:5px}.preview-overlay{position:absolute;width:145px;right:12px;top:50%;transform:translateY(-50%);background:#fff;border-radius:7px;padding:10px;box-shadow:0 6px 20px #0000004d;color:#26392f}.preview-overlay em{display:block;font-style:normal;text-transform:uppercase;color:var(--brand-primary);font-size:4px;font-weight:800}.preview-overlay strong{display:block;font-size:7px;margin:4px 0}.preview-overlay p{font-size:5px;color:#7a8881}.preview-overlay>div{display:flex;gap:4px}.preview-overlay button{height:17px;border:1px solid #dfe5e2;border-radius:4px;background:#fff;font-size:5px;flex:1}.preview-overlay button:first-child{border:0;color:#fff}.preview-controls{display:flex;align-items:center;justify-content:center;gap:5px;background:#ffffff09;border-top:1px solid rgba(255,255,255,.06)}.preview-controls i{width:18px;height:18px;border-radius:50%;background:#ffffff1f}.preview-controls i.hangup{background:#b84b47;width:26px;border-radius:10px}.token-list{padding:16px 4px 5px;display:flex;flex-direction:column;gap:7px}.token-list h3{display:flex;align-items:center;gap:7px;font:700 11px var(--font-brand);margin:0 0 5px}.token-list code{font-size:8px;color:#6d7e75;background:#f5f7f6;padding:7px 8px;border-radius:6px;display:flex;justify-content:space-between}.token-list code span{color:#274f3c}.architecture-callout{display:flex;gap:9px;margin-top:12px;padding:12px;background:#eaf5ef;color:var(--brand-primary);border-radius:9px}.architecture-callout>span{display:flex;flex-direction:column}.architecture-callout strong{font-size:9px}.architecture-callout span{font-size:7px;line-height:1.5;color:#688176;margin-top:2px}@media(max-width:900px){.studio-grid{grid-template-columns:1fr}.studio-preview{position:static}.studio-header__title{display:none}}@media(max-width:560px){.studio-header{padding:0 12px}.studio-header .brand__name{display:none}.studio-header .primary-button{font-size:0;width:40px;padding:0}.studio-main{padding:26px 14px}.studio-intro h1{font-size:24px}.field-row{grid-template-columns:1fr}.provider-card em{display:none}}
