:root{--brand: #1c3557;--brand-500: #24456b;--brand-600: #1a2d4d;--accent: #0088cc;--accent-600: #077ab6;--button-primary-bg: var(--brand);--button-primary-text: #ffffff;--button-primary-border: transparent;--button-primary-hover: var(--brand-500);--button-primary-active: var(--brand-600);--button-secondary-bg: rgba(28, 53, 87, .08);--button-secondary-text: var(--brand-600);--button-secondary-border: rgba(28, 53, 87, .16);--button-secondary-hover: rgba(28, 53, 87, .14);--button-secondary-hover-border: rgba(28, 53, 87, .28);--button-ghost-bg: transparent;--button-ghost-text: var(--muted);--button-ghost-border: rgba(15, 23, 42, .18);--button-ghost-hover-bg: rgba(15, 23, 42, .08);--button-ghost-hover-text: var(--text);--button-danger-bg: var(--danger);--button-danger-text: #ffffff;--button-danger-hover: #a83224;--button-success-bg: var(--ok);--button-success-text: #ffffff;--button-success-hover: #28b463;--bg: #f4f7fb;--surface: #ffffff;--card: #ffffff;--surface-elevated: #ffffff;--muted: #5b6570;--text: #0f172a;--input-bg: var(--surface);--input-border: rgba(15, 23, 42, .16);--input-placeholder: rgba(15, 23, 42, .45);--picker-filter: invert(25%);--text-secondary: rgba(15, 23, 42, .7);--text-tertiary: rgba(15, 23, 42, .55);--border-subtle: rgba(15, 23, 42, .12);--border-strong: rgba(15, 23, 42, .18);--surface-overlay: rgba(15, 23, 42, .08);--surface-overlay-strong: rgba(15, 23, 42, .12);--ok: #2ecc71;--warn: #f39c12;--info: #3498db;--invite: #9b59b6;--inactive: #7f8c8d;--danger: #c0392b;--ring: rgba(12, 91, 214, .25);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .06);--shadow-md: 0 6px 24px rgba(0, 0, 0, .08);--radius-xs: 6px;--radius: 12px;--radius-lg: 16px;--space-1: 6px;--space-2: 10px;--space-3: 14px;--space-4: 16px;--space-5: 20px;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;color-scheme:light;font-family:var(--font);font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text)}@media (prefers-color-scheme: dark){:root{--bg: #0f141c;--surface: #131a23;--card: #161f2b;--surface-elevated: rgba(22, 31, 43, .96);--text: #e8eef6;--muted: #96a2b4;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 10px 30px rgba(0, 0, 0, .4);--input-bg: rgba(22, 31, 43, .9);--input-border: rgba(232, 238, 246, .24);--input-placeholder: rgba(232, 238, 246, .55);--picker-filter: invert(85%);--button-primary-hover: #274b6f;--button-primary-active: #203e5d;--button-secondary-bg: rgba(232, 238, 246, .14);--button-secondary-text: #e8eef6;--button-secondary-border: rgba(232, 238, 246, .24);--button-secondary-hover: rgba(232, 238, 246, .22);--button-secondary-hover-border: rgba(232, 238, 246, .38);--button-ghost-bg: transparent;--button-ghost-text: rgba(232, 238, 246, .85);--button-ghost-border: rgba(232, 238, 246, .28);--button-ghost-hover-bg: rgba(232, 238, 246, .12);--button-ghost-hover-text: #ffffff;--button-danger-hover: #922d20;--button-success-hover: #24a55d;--text-secondary: rgba(232, 238, 246, .82);--text-tertiary: rgba(232, 238, 246, .68);--border-subtle: rgba(232, 238, 246, .18);--border-strong: rgba(232, 238, 246, .32);--surface-overlay: rgba(232, 238, 246, .12);--surface-overlay-strong: rgba(232, 238, 246, .18)}}@media (prefers-color-scheme: dark){input:hover,select:hover,textarea:hover{border-color:#e8eef661;background:#1e2736f2}.time-field,.datetime-field{background:radial-gradient(circle at top,#1a2438eb,#0f172af0);border:1px solid rgba(125,211,252,.28);box-shadow:inset 0 1px #94a3b82e,0 18px 32px #0a0f198c;color:#e2e8f0}.time-field:hover,.datetime-field:hover{background:radial-gradient(circle at top,#22304cf0,#111b2cf5);border-color:#93c5fd73;box-shadow:0 14px 32px #0e16278c}select[multiple] option,select[size]:not([size="1"]) option{background:#161f2bf2}select[multiple] option:checked,select[size]:not([size="1"]) option:checked{background:#63b3ed3d}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{background:#94a3b82e}input[type=date]:hover::-webkit-calendar-picker-indicator,input[type=datetime-local]:hover::-webkit-calendar-picker-indicator,input[type=time]:hover::-webkit-calendar-picker-indicator{background:#63b3ed4d}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit}input,select,textarea{font-family:inherit;color:var(--text);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-xs);padding:.55rem .75rem;min-height:2.75rem;line-height:1.4;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.time-field,.datetime-field{min-width:12.5rem;font-size:1rem;padding:.7rem 1rem;border-radius:18px;background:radial-gradient(circle at top,#e0e7ffeb,#edf2fffa);border:1px solid rgba(79,70,229,.35);box-shadow:inset 0 1px #fffc,0 14px 30px #4f75d026;color:#1f2a4d;font-weight:600}.time-field:focus,.datetime-field:focus{border-color:#4338ca99;box-shadow:0 0 0 3px #6366f147;background:radial-gradient(circle at top,#dce7fff5,#e0e7fffa)}input:hover,select:hover,textarea:hover{border-color:#0f172a47;background:#fffffff5}.time-field:hover,.datetime-field:hover{background:radial-gradient(circle at top,#e8effffa,#d6e2fff2);border-color:#4338ca8c;box-shadow:0 10px 26px #4f75d02e;color:#1b2550}input::placeholder,textarea::placeholder{color:var(--input-placeholder)}input:focus,select:focus,textarea:focus{outline:none;border-color:#0c5bd68c;box-shadow:0 0 0 2px var(--ring)}input:disabled,select:disabled,textarea:disabled{opacity:.65;cursor:not-allowed}select[multiple],select[size]:not([size="1"]){min-height:7rem;padding-top:.4rem;padding-bottom:.4rem;padding-right:.5rem;line-height:1.35;box-shadow:inset 0 1px 2px #0f172a0a}select[multiple] option,select[size]:not([size="1"]) option{padding:.35rem .5rem;color:var(--text);background:var(--input-bg);border-radius:calc(var(--radius-xs) / 1.5)}select[multiple] option:checked,select[size]:not([size="1"]) option:checked{background:#2563eb2e;color:var(--text)}select[multiple]:focus-visible,select[size]:not([size="1"]):focus-visible{outline:none;border-color:#0c5bd68c;box-shadow:0 0 0 2px var(--ring)}input[type=date],input[type=datetime-local],input[type=time]{padding-right:2.4rem;position:relative}input[type=date]:not(:disabled):hover,input[type=datetime-local]:not(:disabled):hover,input[type=time]:not(:disabled):hover{border-color:#0f172a47;background:#fffffff5}.datetime-field:not(:disabled):hover,.time-field:not(:disabled):hover{background:radial-gradient(circle at top,#e8effffa,#d6e2fff2)}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:var(--picker-filter);opacity:.85;padding:.35rem;margin-right:-.35rem;border-radius:var(--radius-xs);background:#0f172a14;cursor:pointer;transition:opacity .2s ease}input[type=date]:hover::-webkit-calendar-picker-indicator,input[type=datetime-local]:hover::-webkit-calendar-picker-indicator,input[type=time]:hover::-webkit-calendar-picker-indicator{opacity:1;background:#2563eb2e}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;border:1px solid var(--button-primary-border);padding:.55rem 1.25rem;font-size:.95rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease,background .2s ease,color .2s ease;background:var(--button-primary-bg);color:var(--button-primary-text);box-shadow:var(--shadow-sm)}.ui-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md);background:var(--button-primary-hover)}.ui-button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm);background:var(--button-primary-active)}.ui-button:focus{outline:none}.ui-button:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.ui-button--secondary{background:var(--button-secondary-bg);color:var(--button-secondary-text);border-color:var(--button-secondary-border);box-shadow:none}.ui-button--secondary:hover:not(:disabled){background:var(--button-secondary-hover);border-color:var(--button-secondary-hover-border);box-shadow:none}.ui-button--ghost{background:var(--button-ghost-bg);color:var(--button-ghost-text);border-color:var(--button-ghost-border);box-shadow:none}.ui-button--ghost:hover:not(:disabled){background:var(--button-ghost-hover-bg);color:var(--button-ghost-hover-text)}.ui-button--danger{background:var(--button-danger-bg);color:var(--button-danger-text);order:5}.ui-button--danger:hover:not(:disabled){background:var(--button-danger-hover)}.ui-button--success{background:var(--button-success-bg);color:var(--button-success-text);order:-5}.ui-button--success:hover:not(:disabled){background:var(--button-success-hover)}.ui-button--full{width:100%}.ui-button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none;background:#94a3b847;color:#94a3b8e6;border-color:#94a3b847}.ui-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.ui-tabs__button{border:0;border-radius:999px;background:#1c355714;color:#1c3557d9;padding:.45rem 1.1rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.ui-tabs__button:hover:not(:disabled){background:#1c35572e}.ui-tabs__button.is-active{background:var(--brand);color:#fff;box-shadow:0 4px 14px #00000029}.ui-tabs__button:disabled{cursor:not-allowed;opacity:.45}@media (prefers-color-scheme: dark){.ui-tabs__button{background:#ffffff1f;color:#ffffffd9}.ui-tabs__button:hover:not(:disabled){background:#ffffff2e}}.app-shell{min-height:100vh;background:var(--bg);color:var(--text);display:flex;flex-direction:column}.app-shell__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-500) 55%,var(--brand-600) 100%);color:#fff;box-shadow:var(--shadow-sm);gap:1rem}.app-shell__brand{display:flex;align-items:center;gap:1rem}.app-shell__logo{width:48px;height:48px;border-radius:12px;background:#ffffff38;display:grid;place-items:center;font-weight:700;color:#fff}.app-shell__logo-img{width:48px;height:48px;object-fit:contain;border-radius:12px;background:#ffffff2e}.app-shell__title{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;text-transform:none}.app-shell__subtitle{margin:0;opacity:.8;font-size:.85rem}.app-shell__controls{margin-left:auto;display:flex;align-items:center;gap:1rem}.app-shell__account{display:flex;align-items:center;gap:.75rem}.app-shell__avatar{width:40px;height:40px;border-radius:999px;background:#ffffff40;display:grid;place-items:center;font-weight:700;text-transform:uppercase}.app-shell__user-meta{display:flex;flex-direction:column;line-height:1.2}.app-shell__role{font-size:.8rem;opacity:.75;text-transform:capitalize}.app-shell__nav{padding:.75rem 1.5rem;background:var(--surface);border-bottom:1px solid rgba(17,24,39,.05)}.app-shell__content{flex:1;padding:1.5rem;max-width:1200px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}@media (prefers-color-scheme: dark){.app-shell__nav{background:#161f2beb;border-bottom:1px solid rgba(255,255,255,.08)}}.toast-container{position:fixed;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.75rem;z-index:1100;max-width:24rem}.toast{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;color:#0a1829;box-shadow:0 10px 30px #0f1e3740;background:#fff;border:1px solid rgba(15,30,55,.1);animation:toast-slide-in .15s ease-out}.toast__icon{font-weight:600;font-size:1.1rem;line-height:1}.toast__body{flex:1;min-width:0}.toast__title{display:block;margin:0 0 .2rem}.toast__description{margin:0;color:#0a1829bf;font-size:.95rem}.toast__dismiss{border:none;background:transparent;color:#0a182980;font-size:1.1rem;cursor:pointer;padding:0;line-height:1}.toast--success{border-color:#1abc9c59}.toast--error{border-color:#e74c3c59}.toast--warning{border-color:#f1c40f59}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pinned-call-drawer{position:fixed;inset:auto;z-index:1100;display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;border-radius:1rem;background:var(--surface-elevated, var(--card));color:var(--text);box-shadow:var(--shadow-md, 0 12px 32px rgba(15, 23, 42, .2));border:1px solid var(--border-subtle);border:1px solid color-mix(in srgb,var(--text, #0f172a) 12%,transparent);min-width:240px;max-width:min(320px,calc(100vw - 2rem));max-height:calc(100vh - 3rem);overflow-y:auto}.pinned-call-drawer--anchor-bottom-right{top:auto;left:auto;right:calc(env(safe-area-inset-right,0px) + 1.5rem);bottom:calc(env(safe-area-inset-bottom,0px) + 1.5rem)}.pinned-call-drawer--anchor-bottom-left{top:auto;right:auto;left:calc(env(safe-area-inset-left,0px) + 1.5rem);bottom:calc(env(safe-area-inset-bottom,0px) + 1.5rem)}.pinned-call-drawer--anchor-top-right{bottom:auto;left:auto;right:calc(env(safe-area-inset-right,0px) + 1.5rem);top:calc(env(safe-area-inset-top,0px) + 1.5rem)}.pinned-call-drawer--anchor-top-left{bottom:auto;right:auto;left:calc(env(safe-area-inset-left,0px) + 1.5rem);top:calc(env(safe-area-inset-top,0px) + 1.5rem)}.pinned-call-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;cursor:grab}.pinned-call-drawer--dragging,.pinned-call-drawer--dragging .pinned-call-drawer__header{cursor:grabbing}.pinned-call-drawer__header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.pinned-call-drawer__collapse{background:none;border:0;color:var(--primary, #2563eb);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;padding:.25rem .5rem;border-radius:999px}.pinned-call-drawer__collapse:hover,.pinned-call-drawer__collapse:focus{background:#2563eb14;outline:none}.pinned-call-drawer__label{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--muted, #475569);display:block}.pinned-call-drawer__title{font-size:1rem;line-height:1.3;margin-bottom:.25rem;display:block}.pinned-call-drawer__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;color:var(--muted, #64748b)}.pinned-call-drawer__status{font-weight:600;color:var(--primary, #2563eb);text-transform:capitalize}.pinned-call-drawer__timestamp{font-variant-numeric:tabular-nums}.pinned-call-drawer__badge{display:inline-flex;align-items:center;gap:.35rem;margin-top:.35rem;padding:.25rem .5rem;border-radius:999px;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;background:color-mix(in srgb,var(--warning, #f97316) 15%,transparent);color:var(--warning, #b45309)}.pinned-call-drawer__badge--hold{background:color-mix(in srgb,var(--muted, #64748b) 18%,transparent);color:var(--muted, #334155)}.pinned-call-drawer__countdown{margin-top:.35rem;font-size:.78rem;color:var(--danger, #b91c1c);font-weight:600}.pinned-call-drawer__owner{font-size:.75rem;color:var(--muted, #64748b);word-break:break-all}.pinned-call-drawer__attendees{margin:.75rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.35rem;font-size:.78rem;color:var(--muted, #475569)}.pinned-call-drawer__attendees li{display:flex;flex-wrap:wrap;gap:.35rem;align-items:baseline;border-bottom:1px solid rgba(148,163,184,.2);padding-bottom:.35rem}.pinned-call-drawer__attendee-name{font-weight:600;color:var(--text, #111827)}.pinned-call-drawer__attendee-role{text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;color:var(--muted, #94a3b8)}.pinned-call-drawer__attendee-time{font-variant-numeric:tabular-nums}.pinned-call-drawer__attendee-consent{margin-left:auto;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--success, #047857)}.pinned-call-drawer__attendee-consent--missing{color:var(--danger, #dc2626)}.pinned-call-drawer__attendee-actions{display:inline-flex;gap:.35rem;margin-left:auto}.pinned-call-drawer__attendee-actions button{border:0;background:#2563eb14;color:var(--primary, #2563eb);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;border-radius:999px;cursor:pointer}.pinned-call-drawer__attendee-actions button:disabled{cursor:not-allowed;opacity:.5}.pinned-call-drawer__attendee-actions button:hover:not(:disabled),.pinned-call-drawer__attendee-actions button:focus-visible:not(:disabled){background:#2563eb2e;outline:none}.pinned-call-drawer__artifacts{margin-top:.75rem;font-size:.75rem;color:var(--muted, #475569);display:flex;flex-direction:column;gap:.25rem}.pinned-call-drawer__artifacts strong{color:var(--text, #111827);font-size:.78rem}.pinned-call-drawer__warnings{margin-top:.75rem;padding:.75rem;border-radius:.75rem;background:#c0392b1f;background:color-mix(in srgb,var(--danger, #c0392b) 14%,transparent);color:var(--danger, #b91c1c);font-size:.78rem}.pinned-call-drawer__warnings ul{margin:.35rem 0 0;padding-left:1.1rem}.pinned-call-drawer__warnings li{list-style:disc}.pinned-call-drawer__controls{display:flex;align-items:center;gap:.75rem;justify-content:center;margin-top:.25rem;flex-wrap:nowrap;min-width:0}.pinned-call-drawer__control{flex:0 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;border:0;border-radius:999px;font-size:.82rem;font-weight:600;background:color-mix(in srgb,var(--surface-elevated, var(--card, #fff)) 40%,var(--muted, #64748b) 10%);color:var(--text, #111827);cursor:pointer;transition:background .12s ease,color .12s ease,box-shadow .12s ease;white-space:nowrap;padding:.5rem .75rem;min-width:0}.pinned-call-drawer__control:focus-visible,.pinned-call-drawer__control:hover:not(:disabled){box-shadow:0 8px 18px #0f172a1f}.pinned-call-drawer__control:disabled{cursor:not-allowed;opacity:.6}.pinned-call-drawer__control-icon{pointer-events:none;transition:transform .12s ease}.pinned-call-drawer__control--mute{background:color-mix(in srgb,var(--primary, #2563eb) 15%,transparent);color:var(--primary, #2563eb);flex:0 0 44px;padding:.45rem}.pinned-call-drawer__control--mute.pinned-call-drawer__control--active{background:color-mix(in srgb,var(--danger, #dc2626) 18%,transparent);color:var(--danger, #dc2626)}.pinned-call-drawer__control--card{background:color-mix(in srgb,var(--primary, #2563eb) 12%,transparent);color:var(--primary, #1d4ed8);flex:1 1 60px;text-transform:none;padding:.45rem .5rem;max-width:120px;overflow:hidden}.pinned-call-drawer__control--end{background:color-mix(in srgb,var(--danger, #dc2626) 28%,transparent);color:#fff;flex:0 0 44px;padding:.45rem}.pinned-call-drawer__control--end:focus-visible,.pinned-call-drawer__control--end:hover:not(:disabled){background:color-mix(in srgb,var(--danger, #b91c1c) 35%,transparent)}.pinned-call-drawer__control--end .pinned-call-drawer__control-icon{transform:rotate(135deg)}.pinned-call-drawer__control:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media (max-width: 640px){.pinned-call-drawer__controls{gap:.5rem}.pinned-call-drawer__control{min-height:40px;font-size:.76rem}.pinned-call-drawer__control--mute,.pinned-call-drawer__control--end{flex:0 0 40px}.pinned-call-drawer__control--card{flex:1 1 88px}}.pinned-call-drawer--collapsed{padding:.5rem;max-width:200px;min-width:176px;width:fit-content;gap:.5rem}.pinned-call-drawer--collapsed .pinned-call-drawer__info,.pinned-call-drawer--collapsed .pinned-call-drawer__warnings{display:none}.pinned-call-drawer--collapsed .pinned-call-drawer__actions{padding-top:0;gap:.35rem}.pinned-call-drawer--collapsed .pinned-call-drawer__controls{justify-content:space-between}.pinned-call-drawer--collapsed .pinned-call-drawer__control{flex:0 0 40px;min-height:36px;padding:.35rem}.pinned-call-drawer--collapsed .pinned-call-drawer__control--card{max-width:40px}.pinned-call-drawer--collapsed .pinned-call-drawer__collapse{min-width:60px;padding:.25rem .5rem}@media (max-width: 640px){.pinned-call-drawer{max-width:min(280px,calc(100vw - 1.5rem));min-width:220px}.pinned-call-drawer--collapsed{min-width:0;width:min(176px,calc(100vw - 1rem));max-width:min(176px,calc(100vw - 1rem))}.pinned-call-drawer--anchor-bottom-right{right:calc(env(safe-area-inset-right,0px) + .75rem);left:auto;bottom:calc(env(safe-area-inset-bottom,0px) + .75rem)}.pinned-call-drawer--anchor-bottom-left{left:calc(env(safe-area-inset-left,0px) + .75rem);right:auto;bottom:calc(env(safe-area-inset-bottom,0px) + .75rem)}.pinned-call-drawer--anchor-top-right{right:calc(env(safe-area-inset-right,0px) + .75rem);left:auto;top:calc(env(safe-area-inset-top,0px) + .75rem)}.pinned-call-drawer--anchor-top-left{left:calc(env(safe-area-inset-left,0px) + .75rem);right:auto;top:calc(env(safe-area-inset-top,0px) + .75rem)}.pinned-call-drawer__controls{gap:.5rem}}@supports (padding: max(0px)){.pinned-call-drawer{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}.ui-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .1s ease;border:1px solid rgba(17,24,39,.05);display:flex;flex-direction:column}.ui-card--pad-sm{padding:var(--space-3)}.ui-card--pad-md{padding:var(--space-4)}.ui-card--pad-lg{padding:var(--space-5)}.ui-card--pad-none{padding:0}.ui-card--hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.session-banner{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:.75rem;background:#3498db29;border:1px solid rgba(52,152,219,.35);color:#0a1829;margin-bottom:1rem}.session-banner__message{display:flex;flex-direction:column;gap:.25rem}.session-banner__message strong{font-size:.95rem}.session-banner .muted{font-size:.85rem;color:#0a1829b3}@media (max-width: 600px){.session-banner{flex-direction:column;align-items:flex-start}.session-banner button{width:100%}}#root{min-height:100vh;background:var(--bg);color:var(--text)}.app-section{display:flex;flex-direction:column;gap:1rem}.app-grid{display:grid;gap:1rem}@media (min-width: 960px){.app-grid--two{grid-template-columns:2fr 1fr}}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.section-heading h2{margin:0;font-size:1.4rem}.muted{color:var(--muted)}.unauth-layout{display:grid;min-height:100vh;grid-template-rows:auto 1fr}.home-signin{display:grid;place-items:center;background:linear-gradient(135deg,#1c355714,#0088cc1f);padding:4rem 1.5rem}.home-signin__panel{width:min(420px,100%);background:var(--card);color:var(--text);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2.75rem 2.25rem;display:flex;flex-direction:column;align-items:center;gap:1.75rem;text-align:center}.home-signin__logo{max-height:72px;width:auto}.home-signin__logo-placeholder{display:grid;place-items:center;width:80px;height:80px;border-radius:20px;background:#0c4a6e1f;color:#0c4a6e;font-weight:700;letter-spacing:.08em}.home-signin__title{margin:0;font-size:1.9rem;letter-spacing:.05em}.home-signin__subtitle{margin:0;color:var(--muted);font-size:1.05rem;line-height:1.6}.home-task-list{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.65rem}.home-task-list li{display:block}.home-column{display:flex;flex-direction:column;gap:1rem}.home-task-priority-list{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.65rem}.home-task-priority-list li{display:block}.home-task-priority-meta{display:flex;gap:.5rem;align-items:center}.home-message-preview{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.home-message-preview__snippet{margin:0;color:#4b5563;font-size:.95rem;line-height:1.4}.home-task-link{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:0;background:none;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.home-task-link:focus-visible{outline:2px solid var(--primary, #2563eb);outline-offset:2px}.home-task-link:hover .home-task-link__title,.home-task-link:focus-visible .home-task-link__title{text-decoration:underline}.home-task-link__title{font-weight:600}.home-task-link--stacked{align-items:flex-start}.home-task-link__title-block{display:flex;flex-direction:column;gap:.25rem}.badge--due,.badge--no-due{background:#2563eb1f;color:#1d4ed8;padding:.25rem .65rem;border-radius:999px;font-size:.85rem;font-weight:600}.badge--no-due{background:#6b728026;color:#374151}.home-task-insights{display:grid;gap:1rem;margin-top:1rem}.home-task-insights h3{margin:0 0 .35rem;font-size:1rem}.home-task-insights ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.home-task-insights li{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.home-task-leaderboard{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.home-task-leaderboard li{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.home-insights-grid{display:grid;gap:1rem;margin-top:.75rem}.home-insight-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem}.home-insight-list li{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.home-insight-list__note{justify-content:flex-start;font-size:.85rem;font-weight:500;color:var(--muted)}.table-scroll{overflow-x:auto;margin-top:.5rem}.table-scroll table{width:100%;border-collapse:collapse}.table-scroll th,.table-scroll td{padding:.5rem;text-align:left;border-bottom:1px solid rgba(17,24,39,.08)}@media (min-width: 768px){.home-task-insights{grid-template-columns:repeat(2,minmax(0,1fr))}.home-insights-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}