:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;color:#172b4d;background:#f5f7fa;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:#1d4ed8;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--primary,#1d4ed8);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.7rem,2.6vw,2.25rem);font-weight:650;letter-spacing:-.035em;line-height:1.2;margin-bottom:12px}h2{font-size:1.18rem;line-height:1.4;letter-spacing:-.02em;font-weight:620}h3{font-size:1rem}p{line-height:1.65;color:var(--secondary,#44546f)}.app-shell{--canvas:#f5f7fa;--surface:#fff;--text:#172b4d;--secondary:#44546f;--line:#d8dee8;--primary:#1d4ed8;--on-primary:#fff;--selection:#eff6ff;--border:#66758c;display:flex;min-height:100dvh;background:var(--canvas);color:var(--text)}.app-shell[data-theme=dark]{--canvas:#101725;--surface:#192335;--text:#f0f4fa;--secondary:#b7c3d6;--line:#394960;--primary:#a5beff;--on-primary:#10254c;--selection:#223b65;--border:#8293ac;color-scheme:dark}.sidebar{width:240px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--line);position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:30px 16px 20px}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 36px;text-decoration:none;color:var(--text);font-size:1.5rem;font-weight:750;letter-spacing:-.04em}.brand-light{font-weight:400}.brand-mark{background:var(--primary);color:var(--on-primary);border-radius:11px;width:36px;height:36px;display:grid;place-items:center;font-family:Georgia,serif;font-weight:bold}.nav-caption{font-size:.65rem;letter-spacing:.12em;color:var(--secondary);font-weight:650;padding:0 14px;margin:14px 0}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{min-height:46px;display:flex;align-items:center;gap:12px;color:var(--secondary);padding:10px 14px;border-radius:8px;text-decoration:none;font-size:.86rem;font-weight:500}.sidebar nav a span{font-size:1.15rem;width:22px;text-align:center}.sidebar nav a.active{background:var(--selection);color:var(--primary);font-weight:650}.sidebar nav a:hover{background:var(--canvas)}.sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:.7rem;color:var(--secondary);padding:20px 10px 0}.status-dot{display:inline-block;width:7px;height:7px;background:#238653;border-radius:50%;flex-shrink:0}.workspace-shell{flex:1;min-width:0}.topbar{min-height:80px;border-bottom:1px solid var(--line);background:var(--surface);display:flex;align-items:center;gap:20px;padding:16px 32px}.breadcrumb{font-size:.8rem;color:var(--secondary)}.breadcrumb span{margin:0 10px;opacity:.6}.header-actions{margin-left:auto;display:flex;gap:18px;align-items:center}.header-link{font-size:.8rem;text-decoration:none;color:var(--secondary)}.icon-button{border:1px solid var(--line);background:var(--surface);color:var(--text);min-width:44px;min-height:44px;border-radius:8px}.account-link{font-size:.8rem;color:var(--text);text-decoration:none;border-left:1px solid var(--line);padding-left:20px}.main-content{max-width:1440px;margin:auto;padding:40px 40px 20px}.page-eyebrow,.panel-kicker{font-size:.65rem;letter-spacing:.13em;font-weight:700;color:var(--secondary);margin-bottom:18px}.page-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px}.page-heading p{font-size:.92rem;margin-bottom:0;max-width:650px}.phase-tag{font-size:.63rem;font-weight:650;letter-spacing:.08em;display:inline-block;align-self:flex-start;background:var(--selection);color:var(--primary);border:1px solid var(--line);border-radius:5px;padding:7px 9px;white-space:normal}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:24px}.panel{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:28px;min-width:0}.connection-panel{padding:32px;background:var(--surface)}.connection-symbol{width:64px;height:64px;display:grid;place-items:center;border:1px solid var(--line);background:var(--canvas);border-radius:18px;font-size:2.6rem;margin:24px 0}.connection-panel h2{font-size:1.65rem;letter-spacing:-.04em;margin-bottom:12px}.connection-panel p{max-width:440px;font-size:.9rem}.button-row{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:24px 0}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;border-radius:8px;padding:12px 17px;text-decoration:none;font-size:.85rem;font-weight:600;border:1px solid transparent}.primary-button{background:var(--primary);color:var(--on-primary)}.primary-button:hover{filter:brightness(.93)}.secondary-button{background:var(--surface);border-color:var(--border);color:var(--text)}.text-link{color:var(--primary);font-size:.85rem;font-weight:600;text-decoration:none}.inline-note{border-top:1px solid var(--line);padding-top:20px;font-size:.75rem;color:var(--secondary);line-height:1.6}.setup-list{list-style:none;padding:10px 0 0;margin:0}.setup-list li{display:flex;gap:14px;margin:24px 0}.step{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:.78rem;color:var(--secondary)}.step.completed{background:#f0fdf4;color:#166534;border-color:#a6c7b2}.setup-list strong,.setup-list a{font-size:.85rem;color:var(--text);font-weight:600}.setup-list p{font-size:.78rem;line-height:1.6;margin:5px 0 0}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.muted{color:var(--secondary);font-size:.72rem}.empty-state{text-align:center;padding:36px 12px}.empty-state>span{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;margin-bottom:18px;font-size:1.25rem;color:var(--secondary)}.empty-state h3{font-weight:600;font-size:.9rem}.empty-state p{font-size:.8rem;margin:0}.next-panel{background:var(--selection);padding-top:32px}.next-panel h2{font-size:1.5rem;margin:22px 0 14px}.next-panel p{font-size:.85rem}.activity-row{border-bottom:1px solid var(--line);padding:16px 0;display:flex;gap:12px;align-items:center;font-size:.8rem;flex-wrap:wrap}.activity-row time{margin-left:auto;color:var(--secondary);font-size:.7rem}.app-footer{padding:28px 40px;color:var(--secondary);font-size:.7rem}.workspace-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:24px;margin-top:30px}label{display:block;font-size:.85rem;font-weight:550;margin:14px 0 8px}input:not([type=checkbox]),select{display:block;max-width:100%;width:100%;padding:12px;border:1px solid var(--border,#66758c);border-radius:8px;background:var(--surface,#fff);color:var(--text,#172b4d);min-height:46px;margin-bottom:16px}input[type=checkbox]{width:18px;height:18px}.workspace-row{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.workspace-row h3{margin:0 0 4px}.workspace-row p{font-size:.75rem;margin:0}.workspace-row>a{margin-left:auto;font-size:.8rem;white-space:nowrap}.workspace-avatar{width:42px;height:42px;display:grid;place-items:center;background:var(--selection);color:var(--primary);border-radius:10px;flex-shrink:0}.settings-list{max-width:720px;margin-top:30px}.settings-list>a{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text)}.settings-list form{margin-top:24px}.planned-panel{margin-top:30px;max-width:820px;padding:40px}.planned-panel h2{font-size:1.6rem;margin-top:32px}.planned-panel p,.planned-panel li{font-size:.9rem;line-height:1.8}.notice{border:1px solid var(--border);padding:20px;border-radius:8px;line-height:1.6;margin:20px 0}.skeleton{padding:50px;background:var(--surface);border-radius:12px}.skip-link{position:fixed;left:20px;top:-90px;z-index:999;background:var(--surface);padding:16px}.skip-link:focus{top:10px}#blazor-error-ui{display:none;position:fixed;bottom:0;background:#fff1f1;color:#821919;width:100%;padding:16px;z-index:1000}.validation-message,.validation-errors{color:#b91c1c;font-size:.85rem;margin:8px 0}.is-collapsed .sidebar{width:220px}.drawer-scrim{display:none}.row{display:flex;gap:32px;flex-wrap:wrap}.col-md-4,.col-md-6{flex:1;min-width:min(100%,300px);max-width:480px}.col-md-8{flex:2;min-width:0}.form-floating{margin-bottom:18px}.form-floating label{margin-top:6px}.form-floating input{margin-bottom:4px}.btn{padding:12px 18px;min-height:46px;border-radius:8px;border:1px solid var(--border,#66758c);background:var(--primary,#1d4ed8);color:var(--on-primary,#fff)}.nav.flex-column{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;list-style:none;padding:0}hr{border:0;border-top:1px solid var(--line,#d8dee8);margin:24px 0}
@media(max-width:1100px){.sidebar{width:215px}.main-content{padding:30px 24px}.topbar{padding:14px 24px}.dashboard-grid{gap:16px;grid-template-columns:1.2fr 1fr}.panel{padding:24px}.breadcrumb{display:none}}
@media(max-width:800px){.sidebar,.is-collapsed .sidebar{display:none}.sidebar.is-open{display:flex;position:fixed;inset:0 auto 0 0;width:min(280px,85vw);z-index:100}.drawer-scrim{display:block;position:fixed;inset:0;border:0;background:#0008;z-index:99}.dashboard-grid,.workspace-grid{grid-template-columns:1fr}.main-content{padding:28px 20px}.header-actions{gap:12px}.topbar{padding:12px 20px}.app-footer{padding:24px 20px}.page-heading{margin-bottom:24px}.page-heading h1{max-width:500px}.connection-panel{padding:28px}.setup-list li{margin:20px 0}}
@media(max-width:420px){.main-content{padding:24px 16px}.topbar{padding:12px 16px;gap:10px}.header-link{font-size:.72rem;max-width:90px}.header-actions{gap:10px}.account-link{padding-left:10px;font-size:.75rem}.panel,.connection-panel,.planned-panel{padding:22px}.page-heading{flex-wrap:wrap}.connection-panel h2{font-size:1.5rem}.button-row{gap:16px}.primary-button{width:100%}.panel-title{flex-wrap:wrap}.phase-tag{font-size:.6rem}.app-footer{padding:24px 16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;background:#fff;color:#172b4d}.auth-story{padding:52px;background:#142442;color:#f0f4fa;display:flex;flex-direction:column;justify-content:space-between}.auth-brand{font-size:1.8rem;color:#fff;font-weight:650;text-decoration:none;letter-spacing:-.05em}.auth-story .panel-kicker{color:#b7c3d6}.auth-story h2{font-size:clamp(2.5rem,4vw,4.5rem);font-weight:500;line-height:1.12;letter-spacing:-.05em;margin:28px 0}.auth-story p{color:#b7c3d6;max-width:370px}.auth-foot{font-size:.75rem;color:#b7c3d6}.auth-form{padding:64px clamp(24px,6vw,96px);align-self:center;max-width:680px;width:100%}.auth-form h1{font-size:1.9rem}.auth-form h2{font-size:.95rem;font-weight:400;color:#44546f}.auth-form .row{display:block}.auth-form .btn{width:100%;font-weight:600}.auth-form p{font-size:.85rem}.auth-form .d-flex{display:flex;flex-direction:column;gap:14px;align-items:center}.auth-form .text-secondary{font-size:.7rem;color:#44546f}.auth-form .checkbox{margin-bottom:20px}.auth-form .form-floating label{font-size:.85rem}.auth-form .col-lg-6{width:100%}@media(max-width:800px){.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.auth-form{padding:40px 24px;margin:auto;max-width:480px}}
.primary-button:active{transform:translateY(1px)}.primary-button:disabled{background:#e5e7eb;color:#596579}.sidebar nav a,.primary-button,.icon-button{transition:background-color 140ms ease-out,color 140ms ease-out}.app-shell[data-theme=dark] .validation-message,.app-shell[data-theme=dark] .validation-errors{color:#ffb0b0}.app-shell[data-theme=dark] .primary-button:disabled{background:#2c3749;color:#a6b1c2}
.header-workspace{width:180px;margin:0;min-height:44px;padding:8px 10px;font-size:.8rem}.header-actions{gap:12px}.notifications{position:relative}.notifications summary{display:grid;place-items:center;list-style:none;cursor:pointer}.notifications summary::-webkit-details-marker{display:none}.notification-panel{position:absolute;right:0;top:56px;width:min(300px,85vw);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:0 8px 24px #0002;z-index:20}.notification-panel p{font-size:.85rem;margin:14px 0 8px}.notification-panel small{font-size:.75rem;color:var(--secondary)}.search-dialog{border:1px solid #66758c;background:#fff;color:#172b4d;border-radius:16px;width:min(560px,calc(100vw - 32px));max-height:80dvh;padding:24px;box-shadow:0 16px 48px #0003}.search-dialog::backdrop{background:#10172588}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.dialog-heading h2{margin:0}.dialog-heading .icon-button{background:#fff;color:#172b4d}.search-dialog p{font-size:.8rem;color:#44546f}.search-dialog input{background:#fff;color:#172b4d}.search-results{display:flex;flex-direction:column;gap:4px}.search-results a{padding:13px 8px;text-decoration:none;display:flex;justify-content:space-between;border-radius:6px}.search-results a:hover{background:#eff6ff}.icon-button .mud-icon-root{vertical-align:middle}.icon-button{display:inline-grid;place-items:center}@media(max-width:1050px){.breadcrumb{display:none}.header-workspace{width:150px}}@media(max-width:600px){.topbar{flex-wrap:wrap;gap:12px}.header-actions{display:grid;grid-template-columns:minmax(0,1fr) repeat(4,44px);gap:8px;width:100%;margin:0}.header-workspace{width:100%;min-width:0;grid-column:1/-1;grid-row:1}.header-actions>.header-link{grid-column:1/-1;grid-row:1;max-width:none}.header-actions .account-link{padding:0;border:0;min-height:44px;display:grid;place-items:center;font-size:.75rem}.topbar>.menu-toggle{position:absolute;top:12px;right:16px}.header-actions>.header-workspace,.header-actions>.header-link{max-width:calc(100% - 56px);margin-bottom:6px}.header-actions .notifications{grid-column:3}.header-actions>button:last-of-type{grid-column:4}.header-actions>.account-link{grid-column:5}.header-actions>button:first-of-type{grid-column:2}}
.search-dialog{background:var(--surface,#fff);color:var(--text,#172b4d);border-color:var(--border,#66758c)}.search-dialog p{color:var(--secondary,#44546f)}.search-dialog input,.dialog-heading .icon-button{background:var(--surface,#fff);color:var(--text,#172b4d)}.search-results a{color:var(--primary,#1d4ed8)}.search-results a:hover{background:var(--selection,#eff6ff)}
.account-link{display:flex;align-items:center;gap:8px;min-height:44px}.main-content,.panel{overflow-wrap:anywhere}.button-row>*{max-width:100%}.header-actions .account-link{min-width:44px}.primary-button,.secondary-button{text-align:center}@media(max-width:600px){.header-actions>.account-link span{display:none}.header-actions>.account-link{min-width:44px}.header-actions .account-link{display:grid}}
#network-status:not([hidden]){position:fixed;inset:0 0 auto;background:#fefce8;color:#713f12;border-bottom:1px solid #a16207;padding:16px 24px;z-index:9999;font:500 14px/1.5 system-ui;box-shadow:0 2px 10px #0002}
@media(min-width:801px){.is-collapsed .sidebar{width:80px}.is-collapsed .sidebar .brand{padding:0 0 36px;justify-content:center}.is-collapsed .sidebar .brand>span:last-child,.is-collapsed .sidebar .nav-caption,.is-collapsed .sidebar-foot>span:last-child{display:none}.is-collapsed .sidebar nav a{font-size:0;justify-content:center;padding:12px;min-height:48px}.is-collapsed .sidebar nav a .mud-icon-root{font-size:20px}.is-collapsed .sidebar-foot{justify-content:center;padding:20px 0 0}}

.account-connect-panel{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:40px;margin-bottom:24px}.account-connect-panel p{font-size:.9rem;max-width:550px}.account-connections{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px}.account-connection .panel-kicker{margin-bottom:10px}.account-connection .panel-title{align-items:flex-start;margin-bottom:16px}.account-connection p,.scope-list{font-size:.85rem}.scope-list{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:16px 0 24px}.scope-list li{border:1px solid var(--line);border-radius:6px;padding:7px 10px;background:var(--canvas)}@media(max-width:800px){.account-connect-panel{grid-template-columns:1fr;gap:8px}.account-connections{gap:16px}}