:root{color:#14213d;background:radial-gradient(circle at top right,rgba(15,118,110,.18),transparent 32%),radial-gradient(circle at top left,rgba(56,189,248,.16),transparent 28%),linear-gradient(180deg,#f4fbfb,#eef4ff);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:#0f766e}#root,.app-shell{min-height:100vh}.app-shell.is-meeting-room{background:#07111d}.app-header{display:flex;justify-content:space-between;align-items:center;height:auto;padding:20px 28px;background:#081c2ceb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-title{margin:0 0 8px!important;color:#fff!important}.user-meta{color:#f0f7ff;line-height:1.25}.app-content{padding:24px}.app-content.is-meeting-room{padding:8px}.panel-card,.hero-card{border-radius:20px!important;box-shadow:0 18px 48px #0f172a14}.hero-card{margin-bottom:18px;background:linear-gradient(120deg,#0f766ef2,#082f49f2),linear-gradient(180deg,#0f766e,#164e63);color:#fff}.hero-title{color:#fff!important;margin:0!important}.dashboard-page .ant-card-head,.admin-page .ant-card-head{border-bottom:0}.meeting-item{align-items:flex-start!important;gap:16px}.meeting-meta{flex:1}.meeting-agenda{margin-bottom:10px!important}.meeting-documents{margin-top:8px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(900px,100%);padding:28px;border-radius:28px;background:#ffffffeb;box-shadow:0 20px 56px #0f172a1f}.login-card{border-radius:18px!important;background:linear-gradient(180deg,#fff,#f7fbff)}.login-card-content{display:flex;width:100%;justify-content:space-between;align-items:center}.login-avatar{width:44px;height:44px;border-radius:14px;color:#fff;display:grid;place-items:center;font-size:18px}.login-card-text{display:flex;flex-direction:column;flex:1}.meeting-loading{min-height:calc(100vh - 120px);display:grid;place-items:center}.meeting-room-page .ant-card-body{padding:14px}.room-header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.room-actions{justify-content:flex-end}.room-summary{display:flex;flex-direction:column;gap:2px;min-width:0}.room-title{margin:0!important}.room-agenda{display:block;line-height:1.35}.member-online-count{font-size:13px;line-height:1.2}.meeting-stage{width:100%}.meeting-stage .media-tile-shell{min-height:min(72vh,760px)}.mic-indicator{position:relative;width:28px;height:28px;border-radius:999px;display:inline-grid;place-items:center;background:#0f172acc;color:#fff;overflow:hidden}.mic-indicator.is-on{border:1px solid rgba(34,197,94,.36)}.mic-indicator.is-off{color:#ef4444;border:1px solid rgba(239,68,68,.35)}.mic-indicator-base,.mic-indicator-fill{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.mic-indicator-base{color:#fff}.mic-indicator-fill{color:#22c55e;transition:clip-path .12s ease-out}.mic-indicator.is-speaking{box-shadow:0 0 0 3px #22c55e29}.media-tile-shell{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#05293a,#0f172a)}.media-tile-shell:fullscreen{display:grid;place-items:center;width:100vw;height:100vh;aspect-ratio:auto;padding:24px;border-radius:0;background:#020617}.media-tile-shell:fullscreen .video-tile,.media-tile-shell:fullscreen .video-fallback{width:100%;height:100%}.media-tile-shell.is-fullscreen .media-tile-action{position:fixed;top:20px;right:20px;z-index:1000}.media-tile-action{position:absolute;top:12px;right:12px;z-index:2;box-shadow:0 8px 24px #0f172a47}.media-tile-overlay{position:absolute;left:12px;bottom:12px;z-index:2;display:flex;align-items:center}.media-tile-shell.is-fullscreen .media-tile-overlay{position:fixed;left:20px;bottom:20px;z-index:1000}.participant-overlay{display:flex;align-items:center;gap:8px;max-width:min(100%,calc(100vw - 96px))}.participant-chip{max-width:min(100%,220px);padding:5px 12px;border-radius:999px;color:#fff;background:#0f172ab8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;font-size:13px}.video-tile,.video-fallback{width:100%;height:100%;min-height:0;border-radius:inherit;object-fit:cover;object-position:center;background:linear-gradient(135deg,#05293a,#0f172a)}.video-fallback{display:grid;place-items:center;gap:8px;color:#fff}.video-fallback strong{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#ffffff29;font-size:26px}.participant-meta{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:#f8fbff}.participant-list{max-height:min(68vh,880px);overflow:auto;padding-right:4px}.participant-meta-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.participant-meta-main{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.participant-meta-name,.participant-meta-details{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-meta-name{flex-shrink:0;max-width:40%}.participant-meta-details{color:#64748b;font-size:12px;min-width:0}.participant-meta-tags{flex-shrink:0}.participant-meta-tags .ant-tag{margin-inline-end:0}.participant-meta-tags .ant-btn{padding-inline:4px}.participant-preview{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;text-align:left}.participant-preview .media-tile-shell{border-radius:14px}.participant-preview.is-active .media-tile-shell{box-shadow:0 0 0 2px #0f766e61}.invite-help-text{margin:12px 0 0!important}.w-full{width:100%}@media(max-width:960px){.app-header{flex-direction:column;align-items:flex-start;gap:16px}.app-content{padding:16px}.app-content.is-meeting-room{padding:4px}.login-card-content{align-items:flex-start;flex-direction:column;gap:12px}.room-header{flex-direction:column}.room-actions{width:100%;justify-content:flex-start}.meeting-stage .media-tile-shell{min-height:min(52vh,420px)}.participant-list{max-height:none}}