/* Theme controls are available on all three entry points. */
.site-actions{display:flex;align-items:center;gap:12px}.theme-toggle{flex-shrink:0;width:36px;height:36px;padding:8px;background:transparent;color:inherit}.theme-toggle .ui-icon{width:18px;height:18px}.theme-toggle:focus-visible{outline:2px solid #ff8845}.auth-theme{position:absolute;right:48px;top:40px;z-index:5}.auth-page{position:relative}
@media(max-width:600px){.site-actions{gap:7px;margin-left:auto}.site-actions .site-menu{margin-left:0}.auth-theme{right:30px;top:30px}.topbar-right>.theme-toggle{display:inline-flex}}
@media screen{
html[data-theme=dark]{color-scheme:dark;--ink:#ededed;--muted:#a0a0a0;--line:#333333;background:#111111;color:#ededed}
html[data-theme=dark] body,html[data-theme=dark] body[data-view=landing],html[data-theme=dark] body[data-view=auth]{background:#111111;color:#ededed}
html[data-theme=dark] .landing{background:#141414;color:#ededed}
html[data-theme=dark] button,html[data-theme=dark] .icon,html[data-theme=dark] .page-head .tools button{background:#242424;border-color:#383838;color:#e0e0e0}
html[data-theme=dark] button:hover{background:#303030}
html[data-theme=dark] .quiet,html[data-theme=dark] .icon.quiet,html[data-theme=dark] .tabs button{background:transparent}
html[data-theme=dark] .primary,html[data-theme=dark] .success,html[data-theme=dark] .page-head .tools .primary{background:#ff5e00;border-color:#ff5e00;color:#fff}
html[data-theme=dark] .primary:hover,html[data-theme=dark] .success:hover{background:#e95300}
html[data-theme=dark] .brand,html[data-theme=dark] .page-title,html[data-theme=dark] .empty strong,html[data-theme=dark] .workspace-context,html[data-theme=dark] .kpi,html[data-theme=dark] .kpi-label,html[data-theme=dark] .kpi-label .ui-icon,html[data-theme=dark] .chart-summary strong,html[data-theme=dark] .workload-meta strong,html[data-theme=dark] td .number,html[data-theme=dark] .attention-card a,html[data-theme=dark] .login-box h2,html[data-theme=dark] .preview-logo>span{color:#ededed}
html[data-theme=dark] .brand-caption,html[data-theme=dark] .muted,html[data-theme=dark] .breadcrumbs,html[data-theme=dark] .overview-header p,html[data-theme=dark] .analytics-heading p,html[data-theme=dark] .chart-summary,html[data-theme=dark] .activity-axis,html[data-theme=dark] .chart-legend,html[data-theme=dark] .workload-meta,html[data-theme=dark] .workload-stats small,html[data-theme=dark] .attention-card .attention-sub,html[data-theme=dark] .pager,html[data-theme=dark] .timeline-item small,html[data-theme=dark] .detail-item small,html[data-theme=dark] .template-card p,html[data-theme=dark] .template-card small,html[data-theme=dark] .search-hit p,html[data-theme=dark] .module-label,html[data-theme=dark] .sidebar-footer,html[data-theme=dark] .workspace-context small,html[data-theme=dark] .topbar .account,html[data-theme=dark] .topbar .account small,html[data-theme=dark] .donut small{color:#a0a0a0}
html[data-theme=dark] .card,html[data-theme=dark] .template-card,html[data-theme=dark] dialog{background:#222222;border-color:#333333;color:#ededed}
html[data-theme=dark] .card-head,html[data-theme=dark] .toolbar,html[data-theme=dark] .tabs,html[data-theme=dark] .question,html[data-theme=dark] .detail-item,html[data-theme=dark] .search-hit,html[data-theme=dark] .workload-stats,html[data-theme=dark] .sidebar-footer,html[data-theme=dark] th,html[data-theme=dark] td,html[data-theme=dark] .dashboard-calendar .calendar,html[data-theme=dark] .dashboard-calendar .calendar>div{border-color:#333333}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] .login-box input{background:#1a1a1a;border-color:#3c3c3c;color:#e7e7e7}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#909090}
html[data-theme=dark] input:focus,html[data-theme=dark] select:focus,html[data-theme=dark] textarea:focus{border-color:#ff8845;outline-color:#ff5e0029}
html[data-theme=dark] .field label,html[data-theme=dark] .login-box label{color:#bdbdbd}
html[data-theme=dark] .toolbar input,html[data-theme=dark] .toolbar select,html[data-theme=dark] .pager select,html[data-theme=dark] .workspace-search input,html[data-theme=dark] .sidebar-search input{background:#292929;color:#e0e0e0}
html[data-theme=dark] th,html[data-theme=dark] .calendar .day-head{background:#222222;color:#a8a8a8}
html[data-theme=dark] th button{background:transparent;color:#b5b5b5}
html[data-theme=dark] tbody tr:hover{background:#2b2b2b}
html[data-theme=dark] .badge,html[data-theme=dark] .pill-note{background:#333333;color:#c3c3c3}
html[data-theme=dark] .badge.good,html[data-theme=dark] .kpi .metric-context{background:#203a33;color:#78cfb8}
html[data-theme=dark] .badge.warning{background:#40331d;color:#f4c46b}
html[data-theme=dark] .badge.bad,html[data-theme=dark] .kpi.red .metric-context{background:#43272e;color:#f29ba9}
html[data-theme=dark] .badge.info,html[data-theme=dark] .kpi.orange .metric-context{background:#422e22;color:#ffad7b}
html[data-theme=dark] .note{background:#2d261f;color:#d4bda7;border-color:#4a3728}
html[data-theme=dark] .error,html[data-theme=dark] .attention-card .due-overdue{color:#ff9ba9}
html[data-theme=dark] .danger{background:#3b242a;border-color:#6e3845;color:#ff9bac}
html[data-theme=dark] .empty{color:#a1a1a1}
html[data-theme=dark] .boot{background:#161616;color:#bcbcbc}
html[data-theme=dark] #toast{background:#3b3b3b;color:#fff;border:1px solid #555}
html[data-theme=dark] dialog::backdrop{background:#000a}
html[data-theme=dark] .timeline{border-color:#67412c}
html[data-theme=dark] .timeline-item:before{border-color:#222;box-shadow:0 0 0 1px #825031}
html[data-theme=dark] .progress,html[data-theme=dark] .bar-track{background:#383838}
html[data-theme=dark] body[data-view=workspace]{background:radial-gradient(ellipse at 0 0,#332216,transparent 50%),#111111}
html[data-theme=dark] .workspace-frame{background:#191919;border-color:#303030}
html[data-theme=dark] .workspace-frame .topbar,html[data-theme=dark] .workspace-frame .sidebar{background:#191919}
html[data-theme=dark] .workspace-frame .sidebar{scrollbar-color:#444 transparent}
html[data-theme=dark] .workspace-frame main{background:#121212}
html[data-theme=dark] .workspace-guide{color:#ff9d66;border-color:#6a3c24}
html[data-theme=dark] .workspace-guide:hover{background:#33251d}
html[data-theme=dark] .topbar .notification{background:#292929}
html[data-theme=dark] .topbar .avatar{background:#303a35;color:#b7d6c8}
html[data-theme=dark] .nav-group-label,html[data-theme=dark] .nav-link,html[data-theme=dark] .sidebar summary,html[data-theme=dark] .sidebar .subnav a,html[data-theme=dark] .nav-link .ui-icon,html[data-theme=dark] .sidebar summary .ui-icon{color:#a6a6a6}
html[data-theme=dark] .sidebar .active{background:#303030!important;color:#f2f2f2!important}
html[data-theme=dark] .sidebar .active .ui-icon{color:#ff9355}
html[data-theme=dark] .sidebar summary:hover,html[data-theme=dark] .sidebar a:hover{background:#282828}
html[data-theme=dark] .overview-actions button{background:transparent;border-color:#727272}
html[data-theme=dark] .kpi{background:#222222!important;border-color:#303030}
html[data-theme=dark] .activity-bars{border-color:#333}
html[data-theme=dark] .activity-bar{background:#414141}
html[data-theme=dark] .activity-bar.current,html[data-theme=dark] .activity-bar:hover{background:#ff7e32}
html[data-theme=dark] .activity-bar .bar-tooltip{background:#38271c;color:#ffb789;border-color:#b86331}
html[data-theme=dark] .workload-track{background:#333}
html[data-theme=dark] .workload-pills a{background:#292929;border-color:#3b3b3b;color:#ccc}
html[data-theme=dark] .donut>span{background:#222222}
html[data-theme=dark] .dashboard-calendar .calendar .today{background:#38291f}
html[data-theme=dark] .dashboard-calendar .calendar a,html[data-theme=dark] .calendar a{background:#442e21;color:#ffb381}
html[data-theme=dark] .site-header{background:#141414ed;border-color:#303030}
html[data-theme=dark] .site-links a,html[data-theme=dark] .site-text-link,html[data-theme=dark] .hero-detail,html[data-theme=dark] .framework-ribbon>span,html[data-theme=dark] .framework-ribbon small,html[data-theme=dark] .framework-ribbon b,html[data-theme=dark] .framework-ribbon>div,html[data-theme=dark] .eyebrow,html[data-theme=dark] .feature-category,html[data-theme=dark] .feature-number,html[data-theme=dark] .framework-kicker,html[data-theme=dark] .framework-footnote,html[data-theme=dark] .framework-focus>span,html[data-theme=dark] .process-name,html[data-theme=dark] .faq-intro,html[data-theme=dark] .site-footer p,html[data-theme=dark] .site-footer>div>span,html[data-theme=dark] .site-footer>div>a:not(.brand),html[data-theme=dark] .site-footer .footer-bottom>span,html[data-theme=dark] .site-footer .footer-bottom>a,html[data-theme=dark] .auth-story-links,html[data-theme=dark] .auth-story-footer,html[data-theme=dark] .auth-story-footer a,html[data-theme=dark] .login-box footer,html[data-theme=dark] .login-box footer a{color:#aaa}
html[data-theme=dark] .hero-copy>p,html[data-theme=dark] .section-heading>p,html[data-theme=dark] .feature-card p,html[data-theme=dark] .framework-panel>p,html[data-theme=dark] .framework-example p,html[data-theme=dark] .process-step p,html[data-theme=dark] .faq-list p,html[data-theme=dark] .site-cta>div>p,html[data-theme=dark] .auth-story-main p,html[data-theme=dark] .login-box>p{color:#b0b0b0}
html[data-theme=dark] .site-login,html[data-theme=dark] .site-menu,html[data-theme=dark] .mobile-site-links a{background:#242424;color:#e7e7e7;border-color:#444}
html[data-theme=dark] .mobile-site-links,html[data-theme=dark] .framework-ribbon,html[data-theme=dark] .footer-bottom,html[data-theme=dark] .faq-list,html[data-theme=dark] .faq-list details{border-color:#343434}
html[data-theme=dark] .mobile-site-links a:hover{background:#343434}
html[data-theme=dark] .hero-glow{background:radial-gradient(ellipse at 65% 45%,#90401544 0%,#5d2b1925 37%,transparent 70%)}
html[data-theme=dark] .product-preview{background:#1c1c1c;border-color:#2c2a28;box-shadow:0 17px 50px #0005,0 0 0 1px #4c3526}
html[data-theme=dark] .preview-sidebar,html[data-theme=dark] .preview-tasks>div+div{border-color:#333}
html[data-theme=dark] .preview-sidebar .selected{background:#442e22}
html[data-theme=dark] .preview-surface{background:#131313}
html[data-theme=dark] .preview-kpis>div,html[data-theme=dark] .preview-chart,html[data-theme=dark] .preview-tasks{background:#262626}
html[data-theme=dark] .preview-title>span{border-color:#444}
html[data-theme=dark] .preview-bars i{background:#444}
html[data-theme=dark] .preview-bars i.accent{background:#ff9b60}
html[data-theme=dark] .preview-bars i:nth-last-child(3){background:#ff5e00}
html[data-theme=dark] .preview-kpis em,html[data-theme=dark] .preview-tasks em.orange-pill,html[data-theme=dark] .tiny-check.outline{background:#493023;color:#ffb280}
html[data-theme=dark] .preview-kpis em.mint,html[data-theme=dark] .preview-tasks em,html[data-theme=dark] .tiny-check,html[data-theme=dark] .preview-avatar,html[data-theme=dark] .preview-float>.ui-icon{background:#244236;color:#80d0b1}
html[data-theme=dark] .preview-float{background:#292929;border-color:#48403b;box-shadow:0 10px 30px #0005}
html[data-theme=dark] .preview-caption,html[data-theme=dark] .preview-float small,html[data-theme=dark] .preview-kpis small,html[data-theme=dark] .preview-tasks small,html[data-theme=dark] .preview-top small,html[data-theme=dark] .preview-chart .row>span,html[data-theme=dark] .preview-axis{color:#aaa}
html[data-theme=dark] .feature-card,html[data-theme=dark] .framework-explorer{background:#202020;border-color:#353535}
html[data-theme=dark] .feature-card:hover{box-shadow:0 12px 35px #0003}
html[data-theme=dark] .feature-icon,html[data-theme=dark] .framework-symbol,html[data-theme=dark] .process-node{background:#422d20;color:#ffa367}
html[data-theme=dark] .feature-card:nth-child(3n+2) .feature-icon,html[data-theme=dark] .framework-symbol.green,html[data-theme=dark] .process-step:nth-child(2) .process-node{background:#233a32;color:#7bcbb0}
html[data-theme=dark] .feature-card:nth-child(3n) .feature-icon,html[data-theme=dark] .framework-symbol.yellow,html[data-theme=dark] .process-step:nth-child(4) .process-node{background:#403620;color:#e7bf65}
html[data-theme=dark] .framework-symbol.purple,html[data-theme=dark] .process-step:nth-child(3) .process-node{background:#362c43;color:#c0a3e2}
html[data-theme=dark] .framework-tabs{background:#191919;border-color:#353535}
html[data-theme=dark] .framework-tabs>button{background:transparent;color:#bdbdbd}
html[data-theme=dark] .framework-tabs>button small{color:#a0a0a0}
html[data-theme=dark] .framework-tabs>button[aria-selected=true]{background:#402b20;color:#ffac7e;border-color:#754525}
html[data-theme=dark] .framework-tabs>button[aria-selected=true] small{color:#e7b08d}
html[data-theme=dark] .framework-example{background:#29241f;border-color:#46392d}
html[data-theme=dark] .framework-example>span,html[data-theme=dark] .framework-source{color:#e5a97e}
html[data-theme=dark] .framework-modules span{border-color:#474747;color:#c5c5c5}
html[data-theme=dark] .process-node{border-color:#141414}
html[data-theme=dark] .process-node>span{background:#303030;border-color:#555;color:#ddd}
html[data-theme=dark] .process-flow:before{background:linear-gradient(to right,#67412d,#375444,#504061,#67412d)}
html[data-theme=dark] .cycle-return{color:#aaa}
html[data-theme=dark] .cycle-return>div{background:#3c332d}
html[data-theme=dark] .faq-list summary{color:#e0e0e0}
html[data-theme=dark] .site-cta{background:radial-gradient(ellipse at 100% 100%,#61331366,transparent 60%),#251d17;border-color:#5d3923}
html[data-theme=dark] .site-cta .eyebrow{color:#d8ad8b}
html[data-theme=dark] .auth-page{background:radial-gradient(ellipse at 10% 100%,#472c1c44,transparent 55%),#141414}
html[data-theme=dark] .auth-story{background:radial-gradient(ellipse at 100% 100%,#65361566,transparent 65%),#211c18;border-color:#4d3526}
html[data-theme=dark] .login-box .google-login{background:#252525;border-color:#444;color:#e0e0e0}
html[data-theme=dark] .login-box .google-login:hover{background:#303030;border-color:#8d5636}
html[data-theme=dark] .login-divider{color:#a3a3a3}
html[data-theme=dark] .login-divider:before,html[data-theme=dark] .login-divider:after{background:#3b3b3b}
}
@media print{.theme-toggle{display:none!important}}