:root{--font-outfit:"Arial";--brand-color:#1f5fab;--brand-color-600:#3c83d6;--brand-on:#ffffff;--brand-muted:rgba(255,255,255,0.18);--brand-muted-hover:rgba(255,255,255,0.28);--brand-logo-url:"";--page-bg:#ffffff;--page-bg-gradient-start:#ffffff;--page-bg-gradient-end:#ffffff;--text-color:#2c3e50;--primary-accent:#0060c7;--secondary-accent:#28a745;--card-bg:#ffffff;--card-bg-alt:#f7f8fb;--card-border:#e5e7eb;--link-color:var(--primary-accent);--code-bg:#f3f4f6;--divider:rgba(15,23,42,0.12);--divider-strong:rgba(148,163,184,0.3);--alert-ok-bg:rgba(209,250,229,0.6);--alert-ok-border:rgba(16,185,129,0.4);--alert-ok-text:#0f5132;--alert-info-bg:rgba(227,233,246,0.6);--alert-info-border:rgba(31,95,171,0.25);--alert-info-text:#1f2937}html{color-scheme:light}html.dark{color-scheme:dark;--page-bg:#0f172a;--page-bg-gradient-start:#0f172a;--page-bg-gradient-end:#0f172a;--text-color:#e2e8f0;--primary-accent:#a246f8;--secondary-accent:#f595c6;--card-bg:#0b1222;--card-bg-alt:#111827;--card-border:#2c3034;--link-color:var(--primary-accent);--code-bg:#1f2937;--divider:rgba(148,163,184,0.16);--divider-strong:rgba(148,163,184,0.28);--brand-color:#3f7be0;--brand-color-600:#5a93f0;--brand-on:#ffffff;--alert-ok-bg:rgba(16,185,129,0.15);--alert-ok-border:rgba(16,185,129,0.5);--alert-ok-text:#bbf7d0;--alert-info-bg:rgba(31,95,171,0.18);--alert-info-border:rgba(31,95,171,0.45);--alert-info-text:#c7d2fe}*{box-sizing:border-box;padding:0;margin:0}body{background-color:var(--page-bg);background-image:none;color:var(--text-color);font-family:var(--font-outfit),Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column;transition:background-color .2s ease,color .2s ease}a{color:inherit;text-decoration:none}.main-content-container{width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0;flex-grow:1;display:flex;flex-direction:column;min-height:100vh}.page{gap:0;padding:0;background:var(--page-bg)}.page,.sidebar{display:flex;min-height:100vh}.sidebar{width:240px;flex:0 0 240px;min-width:240px;position:-webkit-sticky;position:sticky;top:0;background:var(--brand-color);border-radius:0;color:var(--brand-on);padding:2rem 1.5rem;gap:2rem;border-right:1px solid var(--divider);box-shadow:none}.profile,.sidebar{flex-direction:column}.profile{display:flex;gap:.75rem;align-items:center;text-align:center}.avatar{width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:1.75rem;text-transform:uppercase;color:var(--brand-on)}.avatar,.name{font-weight:600}.name{font-size:1.1rem}.navList{display:grid;grid-gap:.8rem;gap:.8rem;font-size:.95rem}.navItem{padding:.55rem .85rem;border-radius:.75rem;transition:background-color .2s ease}.navItem:hover,.navItemActive{background:rgba(255,255,255,.16)}.brandFooter{font-size:.85rem;opacity:.85}.sidebarFooter{margin-top:auto;display:flex;flex-direction:column;gap:.75rem;padding-bottom:1rem;position:-webkit-sticky;position:sticky;bottom:0}.signOffButton{padding:.55rem 1.35rem;border-radius:999px;border:none;background:var(--brand-muted);color:var(--brand-on);font-weight:600;cursor:pointer;transition:filter .2s ease,background-color .2s ease}.signOffButton:hover{filter:brightness(1.05);background:var(--brand-muted-hover)}.signOffButton:disabled{cursor:not-allowed;opacity:.6;filter:none}.main{flex:1 1;background:transparent;border-radius:0;box-shadow:none;padding:2rem 2rem 3rem;display:flex;flex-direction:column;gap:2.5rem}.topRow{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem}.alert{flex:1 1;background:var(--alert-ok-bg);border:1px solid var(--alert-ok-border);border-radius:1rem;padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:var(--alert-ok-text)}.alertIcon{font-size:1.4rem}.alert button{margin-left:auto;padding:.45rem 1.25rem;border-radius:999px;border:none;background:var(--brand-color);color:var(--brand-on);font-weight:600;cursor:pointer}.alert[data-active=false]{background:var(--alert-info-bg);border-color:var(--alert-info-border);color:var(--alert-info-text)}.alert[data-active=false] button{display:none}.brandMark{font-weight:700;color:var(--brand-color);font-size:1.25rem;display:inline-flex;align-items:center;gap:.6rem}.brandMark:before{content:"";display:inline-block;width:22px;height:22px;background-image:var(--brand-logo-url);background-size:contain;background-repeat:no-repeat;background-position:50%}.section{display:flex;flex-direction:column;gap:1.25rem}.sectionTitle{font-size:1.2rem;font-weight:600;color:#111827}html.dark .sectionTitle{color:#e5e7eb}.cardRow{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(260px,260px));justify-content:flex-start}.emptyState{font-size:.95rem;color:#4b5563}html.dark .emptyState{color:#9ca3af}.card{background:var(--card-bg-alt);border-radius:0;padding:1rem;display:flex;flex-direction:column;gap:.9rem;border:1px solid var(--divider-strong);width:260px;min-height:260px;justify-content:space-between}.cardMedia{border-radius:0;background:#e9edf6;display:flex;align-items:center;justify-content:center;color:rgba(31,95,171,.8);font-weight:600;font-size:.9rem;height:140px;overflow:hidden}html.dark .cardMedia{background:#1f2937;color:#93c5fd}.cardMediaImage{width:100%;height:100%;object-fit:cover}.cardTitle{font-size:1rem;font-weight:600;color:#111827}html.dark .cardTitle{color:#e5e7eb}.cardMeta,.cardStatus{font-size:.85rem;color:#4b5563}html.dark .cardMeta,html.dark .cardStatus{color:#9ca3af}.cardButton{margin-top:auto;align-self:flex-start;padding:.55rem 1.35rem;border-radius:999px;border:none;background:var(--brand-color);color:var(--brand-on);font-weight:600;cursor:pointer;transition:filter .2s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.cardButton:hover{filter:brightness(.92)}.secondaryAction{background:var(--brand-color-600)}.surveyOverlay{position:fixed;inset:0;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;z-index:100}.surveyModal{position:relative;width:min(420px,92%);background:var(--card-bg);border-radius:1.75rem;padding:2.25rem 2.5rem;box-shadow:0 45px 60px rgba(15,23,42,.35);display:flex;flex-direction:column;gap:1.6rem;color:var(--text-color)}.surveyClose{position:absolute;top:1.2rem;right:1.5rem;background:none;border:none;color:#6b7280;font-weight:600;cursor:pointer}.surveyTitle{font-size:1.35rem;font-weight:700}.surveyQuestion{font-size:1rem;color:#374151}html.dark .surveyQuestion{color:#cbd5e1}.surveyFaces{display:flex;justify-content:space-between;gap:.75rem}.surveyFace{width:54px;height:54px;border-radius:50%;border:2px solid rgba(31,95,171,.25);background:#f1f5f9;color:var(--brand-color);font-weight:600;display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.surveyFaceSelected{transform:translateY(-4px);border-color:var(--brand-color);background:rgba(31,95,171,.16)}.surveySubmit{align-self:flex-end;padding:.7rem 1.8rem;border-radius:999px;border:none;background:var(--brand-color);color:var(--brand-on);font-weight:600;cursor:pointer;transition:filter .2s ease}.surveySubmit:hover{filter:brightness(.95)}@media (max-width:960px){.page{flex-direction:column}.sidebar{flex-direction:row;justify-content:space-between;align-items:center;width:100%;border-radius:0;border-right:none;border-bottom:1px solid var(--divider);padding:1rem 1.25rem}.navList{display:flex;gap:.65rem}.navItem{padding:.45rem .7rem}}@media (max-width:640px){.topRow{flex-direction:column;gap:1rem}.brandMark{align-self:flex-start}}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;padding:2rem;text-align:center;border:1px solid var(--card-border);border-radius:8px;margin:2rem}.error-boundary,html.dark .error-boundary{background-color:var(--card-bg);color:var(--text-color)}html.dark .error-boundary{border-color:var(--card-border)}.error-boundary h2{font-size:1.75rem;margin-bottom:1rem}.error-boundary h2,html.dark .error-boundary h2{color:var(--secondary-accent)}.error-boundary details{margin-top:1rem;padding:.75rem;background-color:var(--code-bg);border:1px solid var(--card-border);border-radius:4px;max-width:600px;overflow-x:auto}html.dark .error-boundary details{background-color:var(--code-bg);border-color:var(--card-border)}.error-boundary summary{cursor:pointer;font-weight:700;margin-bottom:.5rem}.error-boundary pre{white-space:pre-wrap;word-break:break-all;font-size:.875rem;text-align:left}.global-header{position:absolute;top:32px;right:48px;z-index:9999;pointer-events:none}.global-logo{display:block;height:32px;width:auto}