*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1558a8;--primary-light:#2175cc;--on-primary:#fff;--primary-container:#1558a81a;--on-primary-container:#002952;--secondary:#4a5e6e;--secondary-container:#4a5e6e1a;--on-secondary-container:#0b1e28;--tertiary:#5b4fa8;--tertiary-container:#5b4fa81a;--on-tertiary-container:#1a1249;--success:#0f7b4a;--success-container:#0f7b4a1a;--warning:#c84b00;--warning-container:#c84b001a;--danger:#b3181a;--danger-container:#b3181a1a;--outline:#8096a6;--outline-variant:#90a6b640;--surface:#ffffffd1;--surface-raised:#ffffffeb;--surface-container-low:#ffffff8c;--surface-container:#ffffffad;--surface-container-high:#fffc;--on-surface:#111827;--on-surface-variant:#4b5563;--background:transparent;--blur-sm:blur(10px);--blur-md:blur(20px);--blur-lg:blur(32px);--border-glass:1px solid #ffffff8c;--border-subtle:1px solid #90a6b638;--elev0:none;--elev1:0 1px 3px #0000000f, 0 1px 8px #0000000a;--elev2:0 4px 16px #00000014, 0 1px 4px #0000000d;--elev3:0 8px 32px #0000001a, 0 2px 8px #0000000f;--elev4:0 16px 48px #00000021, 0 4px 12px #00000014;--font-display:"Outfit", sans-serif;--font-ui:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--fs-xs:12px;--fs-sm:13px;--fs-base:15px;--fs-md:16px;--fs-lg:20px;--fs-xl:24px;--fs-2xl:32px;--fs-3xl:44px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-2xl:28px;--radius-full:9999px;--ease-out:cubic-bezier(.22,1,.36,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--duration-fast:.15s;--duration-base:.22s;--duration-slow:.36s;--sidebar-w:236px}html,body{min-height:100vh;font-family:var(--font-ui);color:var(--on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(145deg,#dbeafe 0%,#eff6ff 28%,#f0f9ff 55%,#faf5ff 78%,#fafafa 100%) fixed}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#90a6b659;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#90a6b68c}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.glass{background:var(--surface);-webkit-backdrop-filter:var(--blur-md);border:var(--border-glass)}.pb-track{background:#90a6b629;border-radius:999px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.pb-track.pb-sm{height:8px}.pb-track.pb-md{height:11px}.pb-track.pb-lg{height:15px}.pb-fill{border-radius:999px;height:100%;transition:width .7s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.pb-fill:after{content:"";background:linear-gradient(#ffffff47 0%,#0000 55%);border-radius:999px;position:absolute;inset:0}.pb-green{background:linear-gradient(90deg,#0f7b4a,#34d399)}.pb-orange{background:linear-gradient(90deg,#c84b00,#fb923c)}.pb-red{background:linear-gradient(90deg,#b3181a,#f87171)}.pb-purple{background:linear-gradient(90deg,#5b4fa8,#8b5cf6)}.pb-blue{background:linear-gradient(90deg,#1558a8,#0ea5e9)}@keyframes pb-shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.pb-fill.pb-live:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:40%;animation:2.4s ease-in-out infinite pb-shimmer;position:absolute;top:0;bottom:0}.pb-label-row{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.pb-label{font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--outline);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.pb-value{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:700;line-height:1}.app-sidebar{transition:transform .32s cubic-bezier(.22,1,.36,1)}.app-main{transition:margin-left .32s cubic-bezier(.22,1,.36,1)}.sidebar-overlay{-webkit-backdrop-filter:blur(3px);z-index:49;background:#0a14324d;animation:.2s fadeIn;display:none;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-only{display:none!important}@media (max-width:767px){:root{--sidebar-w:236px}.app-sidebar{transform:translate(-100%)!important}.app-sidebar.sidebar-open{transform:translate(0)!important}.app-main{margin-left:0!important}.sidebar-overlay.sidebar-open{display:block}.mobile-only{display:flex!important}.desktop-only{display:none!important}.summary-bar{flex-wrap:wrap;gap:12px!important;height:auto!important;padding:14px 16px!important}.summary-sep,.canvas-filter-sidebar{display:none!important}.side-panel{width:100%!important}.okr-toolbar{flex-wrap:wrap;gap:8px!important}}@media (min-width:768px) and (max-width:1023px){:root{--sidebar-w:200px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}