:root{color:#1c1c1e;font-synthesis:none;--nav:#f8f8fa;--blue:#007aff;--blue2:#0063ce;--green:#34c759;--amber:#ff9f0a;--red:#ff3b30;--line:#3c3c431f;--muted:#8e8e93;--panel:#ffffffe0;--shadow:0 10px 35px #0000000e;background:#f2f2f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,PingFang SC,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{color:#34425a;cursor:pointer;background:#fff;border:1px solid #dce2eb;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-weight:600;display:inline-flex}button:hover{background:#f8fafc;border-color:#b7c2d4}button svg{width:17px;height:17px}.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 5px 14px #356ae638}.primary:hover{background:var(--blue2);border-color:var(--blue2)}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.nav{background:var(--nav);color:#c9d2e3;z-index:30;flex-direction:column;width:244px;padding:25px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;align-items:center;gap:11px;padding:0 6px 28px;display:flex}.brand-mark{letter-spacing:.05em;background:linear-gradient(145deg,#5a83eb,#284da6);border-radius:11px;place-items:center;width:40px;height:40px;font-size:13px;font-weight:800;display:grid;box-shadow:0 6px 18px #356ae64d}.brand strong{font-size:15px;display:block}.brand small{color:#91a3c2;margin-top:3px;font-size:10px;display:block}.nav nav{flex-direction:column;gap:5px;display:flex}.nav nav a{color:#aebbd0;border-radius:9px;align-items:center;gap:12px;height:43px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.nav nav a svg{width:19px;height:19px}.nav nav a.active{color:#fff;background:#1b3b68;box-shadow:inset 3px 0 #6d95f4}.nav-foot{color:#7f91ad;border-top:1px solid #ffffff14;margin-top:auto;padding:12px 7px;font-size:11px}.live-dot{background:#2bc58e;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px #2bc58e21}.nav-close{display:none}.main{min-height:100vh;margin-left:244px}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fff;align-items:center;height:70px;padding:0 34px;display:flex;position:sticky;top:0}.search{color:#929daf;background:#f5f7fa;border:1px solid #e7ebf1;border-radius:9px;align-items:center;gap:9px;width:360px;height:38px;padding:0 12px;font-size:13px;display:flex}.search svg{width:17px}.search kbd{background:#fff;border:1px solid #dce2e9;border-radius:5px;margin-left:auto;padding:2px 6px;font-size:11px}.top-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.icon-btn{background:0 0;border:0;width:38px;height:38px;padding:0;position:relative}.icon-btn i{background:var(--red);border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:7px}.user-switch{align-items:center;gap:9px;height:44px;display:flex;position:relative}.user-switch .avatar{width:34px;height:34px;font-size:11px}.user-switch b,.user-switch small{display:block}.user-switch b{font-size:13px}.user-switch small{color:var(--muted);margin-top:2px;font-size:10px}.user-switch svg{width:14px}.user-switch select{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid}.content{max-width:1540px;margin:auto;padding:30px 34px 60px}.page-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px;display:flex}.page-head h1{letter-spacing:-.02em;margin:0 0 7px;font-size:25px}.page-head p{color:var(--muted);margin:0;font-size:13px}.head-actions{gap:9px;display:flex}.select{color:#36445d;background:#fff;border:1px solid #dce2eb;border-radius:9px;padding:9px 30px 9px 12px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px;display:grid}.metric{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:13px;align-items:center;gap:14px;padding:18px;display:flex}.metric-icon{width:44px;height:44px;color:var(--blue);background:#eef3ff;border-radius:11px;place-items:center;display:grid}.metric-icon.green{color:var(--green);background:#e7f7f2}.metric-icon.amber{color:#cf8119;background:#fff5e5}.metric-icon.red{color:var(--red);background:#feeeee}.metric-icon svg{width:22px}.metric span{color:var(--muted);font-size:12px}.metric strong{color:#17243d;margin:3px 0 1px;font-size:23px;display:block}.metric small{color:#94a0b1;font-size:10px}.two-col{grid-template-columns:1.25fr 1fr;gap:18px;margin-bottom:18px;display:grid}.two-col.lower{grid-template-columns:1fr 1fr}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:13px;min-width:0;padding:0 20px 18px}.panel-head{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;height:57px;margin-bottom:4px;display:flex}.panel-head h2{margin:0;font-size:15px}.text-link{color:var(--blue);align-items:center;gap:2px;font-size:12px;display:inline-flex}.text-link svg{width:14px}.task-list{flex-direction:column;display:flex}.task-row{border-bottom:1px solid #eef1f5;align-items:center;gap:12px;padding:14px 2px;display:flex}.task-row:last-child{border-bottom:0}.task-check{border-radius:6px;flex:none;width:20px;height:20px;padding:0}.task-check.checked{background:var(--green);border-color:var(--green);color:#fff}.task-check svg{width:13px}.task-main{flex:1;min-width:0}.task-main strong,.task-main span{display:block}.task-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.task-main span{color:var(--muted);margin-top:4px;font-size:10px}.task-meta{text-align:right;flex-direction:column;align-items:flex-end;gap:5px;display:flex}.task-meta>span:last-child{color:#7d899b;font-size:10px}.task-meta .overdue{color:var(--red)!important}.pill{white-space:nowrap;color:#657287;background:#eef1f6;border-radius:20px;justify-content:center;align-items:center;font-weight:700;line-height:1.2;width:max-content!important;padding:3px 8px!important;font-size:9px!important;display:inline-flex!important}.risk-normal,.status-active,.status-approved,.status-done,.status-published{color:#12805e;background:#e8f7f1}.risk-attention,.status-pending_review,.status-pending,.priority-high{color:#b66d0e;background:#fff3dd}.risk-risk,.risk-lost,.status-rejected,.status-blocked,.priority-urgent{color:#c93636;background:#feebeb}.status-in_progress,.priority-medium{color:#315fc6;background:#eaf0ff}.status-not_started,.status-todo,.priority-low{color:#69768a;background:#eff2f6}.kr-list{padding-top:4px}.kr-compact{border-bottom:1px solid #eef1f5;padding:12px 1px}.kr-compact:last-child{border:0}.kr-compact>div:first-child{align-items:center;gap:7px;display:flex}.kr-compact strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.kr-compact small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.progress-wrap{align-items:center;gap:8px;display:flex}.progress{background:#edf0f5;border-radius:10px;flex:1;height:6px;overflow:hidden}.progress span{background:var(--blue);border-radius:10px;height:100%;display:block}.progress span.green{background:var(--green)}.progress span.amber{background:var(--amber)}.progress span.red{background:var(--red)}.progress-wrap b{text-align:right;width:29px;font-size:10px}.kr-compact .progress-wrap{margin-top:10px}.approval-row{border-bottom:1px solid #edf0f4;align-items:center;gap:11px;padding:14px 1px;display:flex}.approval-icon{width:36px;height:36px;color:var(--blue);background:#eef3ff;border-radius:9px;place-items:center;display:grid}.approval-icon svg{width:18px}.approval-row>div{flex:1}.approval-row strong,.approval-row p{margin:0;display:block}.approval-row strong{font-size:12px}.approval-row p{color:var(--muted);margin-top:4px;font-size:10px}.timeline{padding:5px 0}.timeline>div{gap:12px;padding:10px 0;display:flex;position:relative}.timeline>div:before{content:"";background:#dce3ec;width:1px;position:absolute;top:19px;bottom:-12px;left:4px}.timeline>div:last-child:before{display:none}.timeline>div>span{background:var(--blue);z-index:1;border-radius:50%;width:9px;height:9px;margin-top:5px}.timeline b{font-size:12px}.timeline p{color:#606d80;margin:3px 0;font-size:11px}.timeline small{color:#9aa5b5;font-size:9px}.loading,.empty,.error-box{min-height:180px;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.loading svg,.empty svg{width:22px}.empty{flex-direction:column;min-height:120px}.empty p{margin:0;font-size:12px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-box{color:#a92e2e;background:#fff4f4;border:1px solid #f6cccc;border-radius:12px}.error-box button{margin-left:10px}.tabs{gap:3px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:0;padding:10px 14px;font-size:12px;position:relative}.tabs button.active{color:var(--blue);font-weight:700}.tabs button.active:after{content:"";background:var(--blue);height:2px;position:absolute;bottom:0;left:13px;right:13px}.page-tabs{border:1px solid var(--line);background:#fff;border-radius:12px 12px 0 0;margin-bottom:16px;padding:0 13px}.objective-list{flex-direction:column;gap:16px;margin-top:16px;display:flex}.objective-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;overflow:hidden}.objective-card>header{justify-content:space-between;gap:20px;padding:20px 22px 17px;display:flex}.objective-card h2{margin:7px 0 5px;font-size:17px}.objective-card p{color:var(--muted);margin:0;font-size:11px}.obj-level{color:var(--blue);background:#eef3ff;border-radius:5px;padding:3px 7px;font-size:9px;font-weight:700}.objective-score{text-align:right}.objective-score strong{color:var(--blue);font-size:26px;display:block}.objective-score span{color:var(--muted);font-size:9px}.objective-meta{color:#6d798a;align-items:center;gap:18px;padding:0 22px 17px;font-size:10px;display:flex}.objective-meta span{align-items:center;gap:5px;display:inline-flex}.objective-meta svg{width:13px}.kr-table{border-top:1px solid var(--line)}.kr-head,.kr-row{grid-template-columns:minmax(300px,2.2fr) .7fr .8fr 1fr .55fr;align-items:center;gap:12px;padding:11px 22px;display:grid}.kr-head{color:#8a95a6;background:#f7f8fa;font-size:9px}.kr-row{text-align:left;color:#34425a;border:0;border-top:1px solid #eef1f5;border-radius:0;width:100%}.kr-row:hover{background:#f9fbff}.kr-row>span:first-child{font-size:12px;font-weight:600}.kr-row>span:first-child i{color:var(--blue);background:#edf2ff;border-radius:4px;margin-right:8px;padding:2px 5px;font-size:8px;font-style:normal}.kr-row small{color:#8d98a8;margin:4px 0 0 31px;font-size:9px;display:block}.kr-row>span:not(:first-child){font-size:11px}.kr-row>span>b{color:#1d2a41;font-size:14px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#09142673;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:min(520px,100%);max-height:90vh;overflow:auto;box-shadow:0 25px 80px #05102247}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:64px;padding:0 22px;display:flex}.modal-head h2{margin:0;font-size:17px}.modal-body{flex-direction:column;gap:17px;padding:20px 22px;display:flex}.modal-context{background:#f5f8ff;border:1px solid #e2e9fa;border-radius:10px;padding:13px}.modal-context span{background:var(--blue);color:#fff;border-radius:4px;margin-right:7px;padding:3px 6px;font-size:9px}.modal-context strong{font-size:12px}.modal-context small{color:var(--muted);margin-top:7px;font-size:10px;display:block}.modal label{color:#526078;font-size:11px;font-weight:600}.modal input,.modal textarea{resize:vertical;border:1px solid #dbe1ea;border-radius:8px;outline:none;width:100%;margin-top:7px;padding:10px 11px;display:block}.modal input:focus,.modal textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #356ae61a}.confidence{gap:7px;margin-top:7px;display:flex}.confidence button{width:38px;height:33px;padding:0}.confidence button.active{color:var(--blue);background:#edf2ff;border-color:#9bb3ee}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;padding:15px 22px;display:flex}.form-error{color:var(--red);margin:0;font-size:11px}.filterbar{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 13px 0 0;display:flex}.project-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.project-card{border:1px solid var(--line);cursor:pointer;box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:19px;transition:all .18s}.project-card:hover{transform:translateY(-2px);box-shadow:0 12px 35px #14253f1a}.project-card header{justify-content:space-between;align-items:flex-start;display:flex}.project-card header small{color:#8d98a8;font-size:9px}.project-card h2{margin:5px 0 0;font-size:15px}.project-stage{background:#f6f8fb;border-radius:9px;margin:16px 0;padding:12px}.project-stage>span{color:var(--muted);font-size:9px;display:block}.project-stage strong{align-items:center;gap:8px;margin-top:4px;font-size:12px;display:flex}.project-stage strong i{color:var(--blue);font-size:15px;font-style:normal}.stage-dots{gap:3px;margin-top:11px;display:flex}.stage-dots b{background:#dfe4ec;border-radius:3px;flex:1;height:4px}.stage-dots b.done{background:#9db6ed}.stage-dots b.current{background:var(--blue)}.project-info{color:#6e7b8e;gap:14px;margin-bottom:13px;font-size:10px;display:flex}.project-info span{align-items:center;gap:4px;display:flex}.project-info svg{width:13px}.project-card footer{color:#7d8999;border-top:1px solid #edf0f4;justify-content:space-between;margin-top:14px;padding-top:13px;font-size:9px;display:flex}.project-card footer span:last-child{color:var(--blue);align-items:center;display:flex}.project-card footer svg{width:12px}.project-hero{color:#fff;background:linear-gradient(115deg,#102b53,#1b4b83);border-radius:14px;grid-template-columns:1.4fr repeat(4,1fr);gap:20px;margin-bottom:17px;padding:21px 24px;display:grid;box-shadow:0 10px 26px #0b1f3a2e}.project-hero>div{border-right:1px solid #ffffff26}.project-hero>div:last-child{border:0}.project-hero small,.project-hero strong{display:block}.project-hero small{color:#aebfd4;margin-bottom:7px;font-size:9px}.project-hero strong{font-size:12px}.project-hero strong i{color:#8db2ff;margin-right:9px;font-size:19px;font-style:normal}.detail-layout{grid-template-columns:1.55fr 1fr;gap:17px;display:grid}.detail-layout>div{flex-direction:column;gap:17px;display:flex}.stage-list{padding:4px 0}.stage-row{grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:9px 2px;display:grid;position:relative}.stage-row:before{content:"";background:#dce3ec;width:1px;position:absolute;top:37px;bottom:-9px;left:18px}.stage-row:last-child:before{display:none}.stage-row.current{background:#f5f8ff;border-radius:9px;padding-left:6px;padding-right:7px}.stage-node{color:#788598;z-index:1;background:#f1f3f6;border-radius:50%;place-items:center;width:34px;height:34px;font-size:9px;display:grid}.stage-row .stage-node svg{width:15px}.stage-row:has(.status-approved) .stage-node{color:var(--green);background:#e5f6ef}.stage-row.current .stage-node{background:var(--blue);color:#fff}.stage-row strong{font-size:11px}.stage-row p{color:var(--muted);margin:3px 0;font-size:9px}.gate-score{align-items:center;gap:12px;padding:15px 0;display:flex}.gate-score>svg{width:39px;height:39px;color:var(--amber)}.gate-score strong{font-size:22px;display:block}.gate-score span{color:var(--muted);font-size:9px}.hint{color:#778397;background:#f7f8fa;border-radius:8px;padding:10px;font-size:10px;line-height:1.7}.toast-inline{color:#167658;background:#eff8f4;border:1px solid #cceadd;border-radius:9px;margin-bottom:14px;padding:10px 13px;font-size:11px}.approval-cards{flex-direction:column;gap:12px;display:flex}.approval-card{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:15px;padding:18px;display:flex}.approval-card-icon{width:46px;height:46px;color:var(--blue);background:#eef3ff;border-radius:11px;place-items:center;display:grid}.approval-card-icon svg{width:21px}.approval-card-main{flex:1}.approval-card-main>div{color:var(--muted);align-items:center;gap:7px;font-size:9px;display:flex}.approval-card h2{margin:8px 0 4px;font-size:14px}.approval-card p{color:var(--muted);margin:0;font-size:10px}.amount{margin-top:7px;font-size:17px;display:block}.approval-actions{gap:8px;display:flex}.review-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.review-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:13px;padding:20px}.review-card header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.review-card header>div{align-items:center;gap:9px;display:flex}.review-card .avatar{width:36px;height:36px;font-size:10px}.review-card header strong,.review-card header span{display:block}.review-card header strong{font-size:12px}.review-card header span{color:var(--muted);margin-top:3px;font-size:9px}.review-block{border-left:3px solid var(--blue);background:#f7f9fd;border-radius:0 6px 6px 0;margin:8px 0;padding:7px 10px}.review-block.green{border-color:var(--green)}.review-block.amber{border-color:var(--amber)}.review-block.red{border-color:var(--red)}.review-block span{color:#68758a;font-size:9px;font-weight:700}.review-block p{margin:4px 0 0;font-size:11px;line-height:1.65}.dashboard-grid{grid-template-columns:1.4fr 1fr;gap:17px;display:grid}.span2{grid-column:1/-1}.chart-list{padding-top:7px}.chart-list>div{grid-template-columns:1fr 1.1fr;align-items:center;gap:20px;padding:10px 1px;display:grid}.chart-list>div>div:first-child{justify-content:space-between;font-size:11px;display:flex}.chart-list>div>div:first-child b{display:none}.donut-wrap{justify-content:center;align-items:center;gap:27px;padding:22px 0;display:flex}.donut{border-radius:50%;place-items:center;width:125px;height:125px;display:grid;position:relative}.donut:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:18px}.donut span{z-index:1;color:var(--muted);text-align:center;font-size:9px}.donut b{color:#1c2a42;font-size:22px;display:block}.legend{flex-direction:column;gap:9px;font-size:10px;display:flex}.legend i{border-radius:2px;width:8px;height:8px;margin-right:6px;display:inline-block}.legend i.red{background:var(--red)}.legend i.amber{background:var(--amber)}.legend i.green{background:var(--green)}.bar-chart{justify-content:center;align-items:flex-end;gap:18px;height:155px;padding:20px;display:flex}.bar-chart>div{flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;height:100%;display:flex}.bar-chart span,.bar-chart small{color:var(--muted);font-size:9px}.bar-chart b{background:linear-gradient(#7a9df0,#356ae6);border-radius:5px 5px 1px 1px;width:30px;min-height:10px;max-height:100px}.attention-list>div{border-bottom:1px solid #eef1f5;align-items:center;gap:12px;padding:13px 2px;display:flex}.attention-list>div:last-child{border:0}.risk-mark{border-radius:9px;place-items:center;width:37px;height:37px;display:grid}.risk-mark.red{color:var(--red);background:#feeeee}.risk-mark.amber{color:#c47917;background:#fff4e3}.risk-mark svg{width:18px}.attention-list>div>div{flex:1}.attention-list b{font-size:12px}.attention-list p{color:var(--muted);margin:4px 0 0;font-size:9px}.attention-list>div>svg{color:#94a0b1;width:16px}.settings-grid{grid-template-columns:1.25fr 1fr;gap:17px;display:grid}.integration{align-items:center;gap:13px;padding:16px 0;display:flex}.integration-logo{color:#fff;background:#1777ef;border-radius:12px;place-items:center;width:48px;height:48px;font-size:21px;font-weight:700;display:grid}.integration>div{flex:1}.integration strong{font-size:12px}.integration p{color:var(--muted);margin:4px 0;font-size:10px}.integration>div>div{color:#738096;font-size:9px}.integration-actions{gap:8px;padding-bottom:15px;display:flex}.config-list{border-top:1px solid #edf0f4}.config-list>div{border-bottom:1px solid #edf0f4;justify-content:space-between;padding:12px 1px;font-size:10px;display:flex}.config-list>div span{color:var(--muted)}.template-card{padding:16px 1px}.template-card>div{justify-content:space-between;align-items:center;display:flex}.template-card svg{width:28px;color:var(--blue)}.template-card>div span{color:var(--blue);background:#eef3ff;border-radius:5px;padding:4px 7px;font-size:9px}.template-card strong{margin:13px 0 5px;font-size:13px;display:block}.template-card p{color:var(--muted);margin:0 0 12px;font-size:10px}.permission-list>div{border-bottom:1px solid #edf0f4;grid-template-columns:28px 1fr .7fr 15px;align-items:center;padding:11px 1px;font-size:10px;display:grid}.number{color:#647187;background:#f0f3f7;border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.permission-list>div>span:nth-child(3){color:var(--muted)}.permission-list svg{width:14px}.audit-list>div{gap:10px;padding:9px 1px;display:flex}.audit-dot{background:var(--blue);border-radius:50%;width:7px;height:7px;margin-top:5px}.audit-list>div>div{font-size:10px}.audit-list small{color:var(--muted);margin-top:3px;font-size:8px;display:block}.mobile-menu,.mobile-create,.nav-mask{display:none}@media (width<=1100px){.metric-grid,.project-grid{grid-template-columns:repeat(2,1fr)}.project-hero{grid-template-columns:repeat(3,1fr)}.project-hero>div:nth-child(3){border:0}.kr-head,.kr-row{grid-template-columns:minmax(240px,2fr) .8fr 1fr .6fr}.kr-head span:nth-child(2),.kr-row>span:nth-child(2){display:none}}@media (width<=820px){.nav{transition:all .2s;transform:translate(-100%)}.nav.open{transform:none}.nav-mask{z-index:25;background:#030b1766;display:block;position:fixed;inset:0}.nav-close{color:#fff;margin-left:auto;display:grid}.main{margin-left:0}.mobile-menu{width:38px;height:38px;margin-right:10px;padding:0;display:grid}.search{flex:1;width:auto}.search span,.search kbd{display:none}.content{padding:22px 18px 75px}.project-grid,.detail-layout,.settings-grid,.dashboard-grid{grid-template-columns:1fr}.span2{grid-column:auto}.project-hero{grid-template-columns:repeat(2,1fr)}.project-hero>div{border:0}.review-grid{grid-template-columns:1fr}.mobile-create{background:var(--blue);color:#fff;z-index:22;border:0;border-radius:50%;width:50px;height:50px;padding:0;display:grid;position:fixed;bottom:20px;right:20px;box-shadow:0 7px 20px #356ae659}}@media (width<=580px){.topbar{height:60px;padding:0 14px}.top-actions>.icon-btn,.user-switch>div,.user-switch>svg{display:none}.content{padding:19px 13px 76px}.page-head{display:block}.page-head h1{font-size:21px}.head-actions{margin-top:14px;overflow:auto}.head-actions button,.head-actions select{white-space:nowrap}.metric-grid{grid-template-columns:repeat(2,1fr);gap:10px}.metric{gap:10px;padding:13px}.metric-icon{width:36px;height:36px}.metric strong{font-size:19px}.metric small{display:none}.two-col,.two-col.lower{grid-template-columns:1fr}.panel{padding:0 14px 14px}.task-row{align-items:flex-start}.task-meta{min-width:60px}.task-meta .pill{display:none!important}.objective-card>header{padding:16px}.objective-card h2{font-size:15px}.objective-meta{flex-wrap:wrap;gap:10px;padding:0 16px 14px}.kr-head{display:none}.kr-row{grid-template-columns:1fr auto;gap:8px;padding:14px 16px;display:grid}.kr-row>span:first-child{grid-column:1/-1}.kr-row>span:nth-child(3){display:block}.kr-row .progress-wrap{grid-column:1/-1}.kr-row>span:last-child{margin-top:-41px;position:absolute;right:16px}.filterbar{overflow:auto}.filterbar>.select{display:none}.project-card{padding:16px}.project-hero{gap:16px;padding:17px}.project-hero>div:first-child{grid-column:1/-1}.page-head .head-actions>button:not(.primary){display:none}.stage-row{grid-template-columns:34px 1fr}.stage-row>.pill{display:none!important}.approval-card{flex-wrap:wrap;align-items:flex-start;padding:14px}.approval-card-icon{width:38px;height:38px}.approval-actions{border-top:1px solid #edf0f4;justify-content:flex-end;width:100%;padding-top:10px}.chart-list>div{grid-template-columns:1fr}.donut-wrap{gap:17px}.settings-grid{gap:12px}.integration{align-items:flex-start}.integration-actions{flex-direction:column}.search{height:35px}.page-tabs{overflow:auto}.tabs button{white-space:nowrap}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:17px 17px 0 0;width:100%;max-height:92vh}}body{background:radial-gradient(circle at 82% -10%,#007aff1a,#0000 32%),#f2f2f7}.mobile-tabbar{display:none}.nav{color:#3a3a3c;-webkit-backdrop-filter:saturate(180%)blur(30px);background:#f9f9fbd6;border-right:.5px solid #3c3c4329;overflow:auto}.brand{color:#1c1c1e}.brand-mark{background:linear-gradient(145deg,#37a8ff,#007aff);border-radius:13px;box-shadow:0 8px 20px #007aff38}.brand-mark svg{width:20px}.brand small{color:#8e8e93}.nav nav a{color:#636366;border-radius:12px}.nav nav a:hover{color:#1c1c1e;background:#76768014}.nav nav a.active{color:#007aff;box-shadow:none;background:#007aff1f}.nav nav a em{color:#fff;background:#ff3b30;border-radius:999px;place-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-style:normal;display:grid}.nav-foot{color:#8e8e93;border-top:.5px solid #3c3c4324}.topbar{-webkit-backdrop-filter:saturate(180%)blur(28px);background:#f9f9fbc2;border-bottom:.5px solid #3c3c4321}.search{background:#76768017;border:0;border-radius:12px}.icon-btn{border-radius:50%}.icon-btn i{place-items:center;width:auto;min-width:17px;height:17px;padding:0 3px;display:grid;top:0;right:0}.icon-btn i span{color:#fff;font-size:9px;font-style:normal}.content{max-width:1480px}.page-head h1{letter-spacing:-.035em;font-weight:750}.panel,.metric,.objective-card,.project-card,.approval-card,.review-card{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe0;border:.5px solid #3c3c431a;border-radius:20px}button,.select{border:.5px solid #3c3c4333;border-radius:12px}.primary{box-shadow:0 7px 18px #007aff33}.metric{border-radius:18px}.metric-icon{border-radius:13px}.project-stage,.kr-head{background:#76768011}.project-card:hover{box-shadow:0 16px 40px #00000014}.project-hero{background:linear-gradient(120deg,#0a84ff,#0062c8);border-radius:20px}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000047}.modal{background:#fffffff5;border-radius:22px;box-shadow:0 28px 90px #0003}.modal input,.modal textarea,.modal select{color:#1c1c1e;background:#7676800f;border:.5px solid #3c3c4333;border-radius:12px;outline:none;width:100%;margin-top:7px;padding:11px 12px;display:block}.modal select{appearance:auto}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1f}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ios-callout{color:#365b86;background:#007aff14;border-radius:13px;align-items:flex-start;gap:10px;padding:12px;font-size:11px;line-height:1.55;display:flex}.ios-callout svg{color:#007aff;flex:none;width:18px}.ios-segment{background:#7676801f;border-radius:11px;width:max-content;margin-bottom:16px;padding:3px;display:flex}.ios-segment button{color:#636366;box-shadow:none;background:0 0;border:0;border-radius:9px;padding:7px 18px;font-size:12px}.ios-segment button.active{color:#1c1c1e;background:#fff;box-shadow:0 2px 8px #0000001a}.notification-summary{color:#fff;background:linear-gradient(135deg,#007afffa,#4d5bdaf5);border-radius:22px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:20px 22px;display:flex;box-shadow:0 12px 35px #007aff33}.notification-summary>div{align-items:center;gap:13px;display:flex}.notification-orb{background:#ffffff2e;border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.notification-orb svg{width:22px}.notification-summary strong,.notification-summary span{display:block}.notification-summary strong{font-size:26px}.notification-summary>div>div>span{opacity:.8;font-size:11px}.notification-summary p{opacity:.8;max-width:440px;margin:0;font-size:11px;line-height:1.7}.notification-list{box-shadow:var(--shadow);background:#ffffffe0;border:.5px solid #3c3c431a;border-radius:20px;overflow:hidden}.notification-item{text-align:left;background:0 0;border:0;border-bottom:.5px solid #3c3c431a;border-radius:0;grid-template-columns:42px 1fr 16px;align-items:flex-start;gap:12px;width:100%;padding:15px 18px;display:grid;position:relative}.notification-item:last-child{border:0}.notification-item:hover{background:#007aff09}.notification-item.unread{background:#007aff0e}.notification-item.unread:before{content:"";background:#007aff;border-radius:50%;width:7px;height:7px;position:absolute;top:19px;left:8px}.notification-kind{color:#007aff;background:#007aff1a;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.notification-kind.approval{color:#26a048;background:#34c7591c}.notification-kind.risk{color:#ff3b30;background:#ff3b301a}.notification-kind svg{width:20px}.notification-item>div>div{justify-content:space-between;gap:12px;display:flex}.notification-item strong{font-size:13px}.notification-item small{color:#8e8e93;white-space:nowrap;font-size:9px}.notification-item p{white-space:pre-line;color:#636366;margin:5px 0;font-size:11px;line-height:1.6}.notification-item>svg{color:#c7c7cc;width:15px;margin-top:13px}.delivery{color:#8e8e93;align-items:center;gap:5px;font-size:9px;display:flex}.delivery i{background:#8e8e93;border-radius:50%;width:6px;height:6px}.delivery.sent{color:#28a745}.delivery.sent i{background:#34c759}.delivery.failed{color:#d97706}.delivery.failed i{background:#ff9f0a}.people-summary{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:16px;display:grid}.people-summary .metric{margin:0}.people-grid{grid-template-columns:repeat(3,1fr);gap:0 14px;display:grid}.person{border-bottom:.5px solid #3c3c431a;align-items:center;gap:10px;padding:13px 2px;display:flex}.person .avatar{width:38px;height:38px;font-size:10px}.person>div{flex:1}.person strong,.person span{display:block}.person strong{font-size:12px}.person>div span{color:#8e8e93;margin-top:3px;font-size:9px}@media (width<=820px){.nav-close{color:#1c1c1e}.mobile-tabbar{height:70px;padding:6px max(12px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom));-webkit-backdrop-filter:saturate(180%)blur(24px);backdrop-filter:saturate(180%)blur(24px);z-index:25;background:#f9f9fbe0;border-top:.5px solid #3c3c432e;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-tabbar a{color:#8e8e93;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:9px;display:flex;position:relative}.mobile-tabbar a svg{width:21px}.mobile-tabbar a.active{color:#007aff}.mobile-tabbar a i{color:#fff;background:#ff3b30;border-radius:999px;place-items:center;min-width:15px;height:15px;font-size:8px;font-style:normal;display:grid;position:absolute;top:0;right:calc(50% - 22px)}.content{padding-bottom:92px}.mobile-create{bottom:82px}.people-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.notification-summary{align-items:flex-start;padding:17px}.notification-summary p{display:none}.notification-item{grid-template-columns:38px 1fr 13px;padding:14px}.notification-kind{width:38px;height:38px}.form-grid{grid-template-columns:1fr}.people-summary{grid-template-columns:1fr 1fr}.people-summary .metric:last-child{grid-column:1/-1}.people-grid{grid-template-columns:1fr}.ios-segment{width:100%}.ios-segment button{flex:1;padding-left:7px;padding-right:7px}.modal{border-radius:22px 22px 0 0}}.okr-shell{--okr-navy:#0a2a52;--okr-blue:#0878f9;--okr-green:#22a06b;--okr-orange:#f28b25;--okr-red:#e5484d;--okr-purple:#7057d9;color:#182230}.okr-titlebar{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.okr-eyebrow{color:#0878f9;align-items:center;gap:7px;margin-bottom:8px;font-size:13px;font-weight:750;display:flex}.okr-eyebrow svg{width:17px}.okr-titlebar h1{letter-spacing:-.04em;margin:0;font-size:31px}.okr-titlebar p{color:#667085;margin:7px 0 0;font-size:15px;line-height:1.6}.okr-title-actions{align-items:center;gap:9px;display:flex}.okr-title-actions button,.okr-title-actions select,.okr-toolbar select,.okr-section>header button,.okr-detail-actions button,.okr-back{color:#344054;background:#ffffffe6;border:.5px solid #3c3c4333;align-items:center;gap:7px;height:42px;padding:0 15px;font-size:14px;display:flex}.okr-title-actions svg,.okr-section>header button svg,.okr-detail-actions svg,.okr-back svg{width:17px}.okr-primary{box-shadow:0 8px 18px #0878f933;color:#fff!important;background:#0878f9!important;border-color:#0878f9!important}.okr-cycle-strip{color:#fff;background:linear-gradient(110deg,#092b55,#124f88);border-radius:20px;align-items:center;gap:28px;min-height:74px;margin-bottom:16px;padding:15px 20px;display:flex;box-shadow:0 12px 28px #0b305529}.okr-cycle-strip>div:first-child{grid-template-columns:auto auto 1fr;align-items:center;gap:4px 8px;min-width:260px;display:grid}.okr-cycle-strip>div:first-child svg{grid-row:1/3;width:20px}.okr-cycle-strip>div:first-child span{color:#b9cce1;font-size:12px}.okr-cycle-strip>div:first-child strong{font-size:17px}.okr-cycle-strip>div:first-child small{color:#b9cce1;grid-column:3;font-size:12px}.okr-cycle-strip>.okr-badge{margin-left:auto}.okr-cycle-phase{flex:1;align-items:center;gap:9px;max-width:500px;display:flex}.okr-cycle-phase span{color:#9eb4ca;white-space:nowrap;font-size:13px}.okr-cycle-phase span.active{color:#fff;font-weight:750}.okr-cycle-phase i{background:#ffffff2e;flex:1;height:2px}.okr-metrics{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px;display:grid}.okr-metric{box-shadow:var(--shadow);background:#ffffffe0;border:.5px solid #3c3c431a;border-radius:18px;align-items:center;gap:13px;padding:17px;display:flex}.okr-metric>span{color:#284b72;background:#edf2f7;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.okr-metric>span svg{width:21px}.okr-metric.blue>span{color:#0878f9;background:#eaf3ff}.okr-metric.orange>span{color:#d96d08;background:#fff2e4}.okr-metric.green>span{color:#17885b;background:#e9f8f1}.okr-metric div{grid-template-columns:auto auto;align-items:baseline;gap:2px 10px;display:grid}.okr-metric small{color:#667085;font-size:13px}.okr-metric strong{letter-spacing:-.03em;grid-area:1/2/3;font-size:24px}.okr-metric p{color:#98a2b3;margin:0;font-size:12px}.okr-toolbar{justify-content:space-between;align-items:center;margin:8px 0 15px;display:flex}.okr-toolbar>select{color:#475467;background:#fff;border:.5px solid #3c3c4326;border-radius:11px;height:38px;padding:0 12px;font-size:14px}.okr-segment{background:#7676801f;border-radius:12px;padding:3px;display:flex}.okr-segment button{color:#667085;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;height:34px;padding:0 15px;font-size:14px;display:flex}.okr-segment button svg{width:16px}.okr-segment button.active{color:#101828;background:#fff;box-shadow:0 2px 8px #1018281a}.okr-objectives{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.okr-objective{box-shadow:var(--shadow);cursor:pointer;background:#ffffffe6;border:.5px solid #3c3c431c;border-radius:21px;padding:19px 20px 0;transition:all .18s;position:relative;overflow:hidden}.okr-objective:hover{transform:translateY(-2px);box-shadow:0 16px 38px #1018281a}.okr-objective-accent{background:#0878f9;width:4px;position:absolute;top:0;bottom:0;left:0}.okr-objective-accent[data-level=公司]{background:#7057d9}.okr-objective-accent[data-level=个人]{background:#22a06b}.okr-objective>header{justify-content:space-between;align-items:center;display:flex}.okr-objective>header>div{gap:7px;display:flex}.okr-icon{place-items:center;width:34px;color:#667085!important;height:34px!important;box-shadow:none!important;background:#76768014!important;border:0!important;border-radius:50%!important;padding:0!important;display:grid!important}.okr-icon svg{width:17px}.okr-objective h2{letter-spacing:-.02em;margin:13px 0 6px;font-size:18px;line-height:1.45}.okr-objective>p{color:#667085;min-height:43px;margin:0;font-size:14px;line-height:1.55}.okr-owner{color:#667085;gap:15px;margin:12px 0;display:flex}.okr-owner span{align-items:center;gap:5px;font-size:13px;display:flex}.okr-owner svg{width:15px}.okr-score-row{background:#f7f9fc;border-radius:14px;grid-template-columns:auto auto 1fr;align-items:center;gap:18px;margin-bottom:10px;padding:12px 14px;display:grid}.okr-score-row>div{flex-direction:column;display:flex}.okr-score-row strong{font-size:20px}.okr-score-row span{color:#98a2b3;font-size:11px}.okr-progress{align-items:center;gap:9px;min-width:120px;display:flex}.okr-progress>span{background:#e7ebf0;border-radius:999px;flex:1;height:7px;overflow:hidden}.okr-progress>span i{border-radius:inherit;background:linear-gradient(90deg,#1683ff,#5ca8ff);height:100%;display:block}.okr-progress>b{color:#475467;text-align:right;min-width:34px;font-size:12px}.okr-card-krs{border-top:.5px solid #eaecf0}.okr-card-krs>div{border-bottom:.5px solid #f0f2f5;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;padding:10px 0;display:grid}.okr-card-krs p{min-width:0;margin:0}.okr-card-krs b,.okr-card-krs small{display:block}.okr-card-krs b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.okr-card-krs small{color:#98a2b3;margin-top:3px;font-size:11px}.okr-card-krs em{color:#475467;font-size:12px;font-style:normal;font-weight:700}.okr-health-dot{background:#22a06b;border-radius:50%;width:7px;height:7px}.okr-health-dot.attention{background:#f28b25}.okr-health-dot.risk{background:#e5484d}.okr-objective>footer{color:#667085;background:#fbfcfd;justify-content:space-between;align-items:center;margin:8px -20px 0;padding:12px 20px;display:flex}.okr-objective>footer span{align-items:center;gap:5px;font-size:12px;display:flex}.okr-objective>footer svg{width:14px}.okr-objective>footer .has-risk{color:#d96d08}.okr-badge{color:#667085;white-space:nowrap;background:#f0f2f5;border-radius:999px;align-items:center;height:25px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.okr-badge.status-published,.okr-badge.status-active{color:#16885a;background:#e9f8f1}.okr-badge.status-draft,.okr-badge.status-planning{color:#667085;background:#eef2f7}.okr-badge.status-closed{color:#6047c7;background:#eeeafd}.okr-badge.status-scoring{color:#b85f0a;background:#fff2e3}.okr-badge.health-normal{color:#16885a;background:#e9f8f1}.okr-badge.health-attention{color:#c4660d;background:#fff3e4}.okr-badge.health-risk{color:#c9373c;background:#feeeee}.okr-badge.level-公司{color:#6047c7;background:#eeeafd}.okr-badge.level-部门{color:#006bd6;background:#eaf3ff}.okr-badge.level-个人{color:#16885a;background:#e9f8f1}.okr-empty,.okr-loading,.okr-error{text-align:center;background:#ffffff8c;border:.5px dashed #d0d5dd;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:30px;display:flex}.okr-empty svg{color:#0878f9;width:34px}.okr-empty h2{margin:12px 0 5px;font-size:18px}.okr-empty p{color:#667085;margin:0 0 15px;font-size:14px}.okr-loading{color:#667085;flex-direction:row;gap:10px;min-height:180px;font-size:14px}.okr-loading svg{width:20px;animation:1s linear infinite spin}.okr-error{text-align:left;flex-direction:row;gap:14px}.okr-error svg{color:#e5484d}.okr-error div{flex-direction:column;display:flex}.okr-error strong{font-size:15px}.okr-error span{color:#667085;font-size:13px}.okr-error button{margin-left:20px}.okr-tree{box-shadow:var(--shadow);background:#ffffffe0;border:.5px solid #3c3c431a;border-radius:21px;padding:18px}.okr-tree>header>div{align-items:center;gap:10px;margin-bottom:10px;display:flex}.okr-tree>header svg{color:#0878f9;width:22px}.okr-tree>header span{flex-direction:column;display:flex}.okr-tree>header strong{font-size:16px}.okr-tree>header small{color:#98a2b3;font-size:12px}.okr-tree-branch{margin-left:calc(var(--depth) * 28px);position:relative}.okr-tree-branch>button{text-align:left;background:0 0;border:0;border-top:.5px solid #eaecf0;border-radius:0;grid-template-columns:42px 1fr auto 20px;align-items:center;gap:10px;width:100%;padding:13px 8px;display:grid}.okr-tree-branch>button:hover{background:#f8fafc}.okr-tree-node{color:#0878f9;background:#eaf3ff;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.okr-tree-node.level-公司{color:#7057d9;background:#eeeafd}.okr-tree-node.level-个人{color:#22a06b;background:#e9f8f1}.okr-tree-node svg{width:18px}.okr-tree-branch>button>div{grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:4px 14px;display:grid}.okr-tree-branch>button small{color:#98a2b3;font-size:12px}.okr-tree-branch>button strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.okr-tree-branch .okr-progress{grid-area:1/2/3}.okr-tree-branch>button>svg{color:#98a2b3;width:16px}.okr-modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0f172a57;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.okr-modal{background:#fffffffa;border-radius:24px;width:min(820px,100%);max-height:92vh;overflow:auto;box-shadow:0 35px 100px #0f172a42}.okr-modal>header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:2;background:#fffffff0;border-bottom:.5px solid #eaecf0;justify-content:space-between;align-items:flex-start;padding:21px 23px 16px;display:flex;position:sticky;top:0}.okr-modal h2{margin:0;font-size:20px}.okr-modal>header p{color:#667085;margin:5px 0 0;font-size:13px}.okr-modal-body{padding:20px 23px}.okr-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.okr-form-grid .wide{grid-column:1/-1}.okr-form-grid label{color:#344054;font-size:13px;font-weight:700}.okr-form-grid input,.okr-form-grid textarea,.okr-form-grid select,.okr-kr-fields input,.okr-kr-fields select{width:100%;font:inherit;color:#182230;background:#f7f8fa;border:.5px solid #3c3c4333;border-radius:12px;outline:none;margin-top:7px;padding:11px 12px}.okr-form-grid input:focus,.okr-form-grid textarea:focus,.okr-form-grid select:focus,.okr-kr-fields input:focus,.okr-kr-fields select:focus{border-color:#0878f9;box-shadow:0 0 0 3px #0878f91f}.okr-checkbox{background:#f7f9fc;border-radius:13px;align-items:flex-start;gap:10px;padding:12px;display:flex!important}.okr-checkbox input{width:18px!important;margin:2px 0!important}.okr-checkbox span{flex-direction:column;display:flex}.okr-checkbox small{color:#667085;margin-top:3px;font-size:12px;font-weight:400}.okr-kr-builder{border:.5px solid #e2e7ee;border-radius:16px;margin-top:20px;overflow:hidden}.okr-kr-builder>header{background:#f7f9fc;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.okr-kr-builder>header div{flex-direction:column;display:flex}.okr-kr-builder>header strong{font-size:15px}.okr-kr-builder>header span{color:#667085;font-size:12px}.okr-kr-builder>header b{border-radius:9px;padding:6px 9px;font-size:14px}.okr-kr-builder>header b.good{color:#16885a;background:#e9f8f1}.okr-kr-builder>header b.warn{color:#b85f0a;background:#fff2e3}.okr-kr-draft{border-top:.5px solid #eaecf0;grid-template-columns:42px 1fr 34px;align-items:start;gap:9px;padding:13px 14px;display:grid}.okr-kr-draft>span{color:#0878f9;padding-top:12px;font-size:12px;font-weight:800}.okr-kr-fields{grid-template-columns:minmax(180px,2fr) 1fr 1fr 82px 64px 88px;gap:8px;display:grid}.okr-kr-fields .wide{min-width:0}.okr-kr-fields label{color:#667085;font-size:10px}.okr-kr-fields input,.okr-kr-fields select{margin:0;padding:9px;font-size:12px}.okr-kr-fields label input{margin-top:2px}.okr-add-row{color:#0878f9;background:#fff;border:0;border-top:.5px solid #eaecf0;border-radius:0;justify-content:center;align-items:center;gap:6px;width:100%;height:42px;font-size:13px;font-weight:700;display:flex}.okr-add-row svg{width:16px}.okr-modal-actions{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-top:.5px solid #eaecf0;justify-content:flex-end;gap:9px;padding:14px 23px;display:flex;position:sticky;bottom:0}.okr-modal-actions button{height:40px;padding:0 18px;font-size:14px}.okr-form-error{color:#b42318;background:#feeeee;border-radius:10px;margin:14px 0 0;padding:10px 12px;font-size:13px}.okr-back{margin-bottom:10px;color:#0878f9!important;background:0 0!important;border:0!important;height:32px!important;padding:0!important}.okr-detail-hero{color:#fff;background:linear-gradient(125deg,#092b55,#0878f9);border-radius:24px;margin-bottom:16px;padding:25px 27px;box-shadow:0 18px 45px #083a6c38}.okr-detail-heading{grid-template-columns:1fr 120px;align-items:center;gap:22px;display:grid}.okr-detail-badges{align-items:center;gap:7px;display:flex}.okr-detail-badges .okr-badge{color:#fff;background:#ffffff26}.okr-align{color:#c8daf0;align-items:center;gap:5px;font-size:12px;display:flex}.okr-align svg{width:14px}.okr-detail-hero h1{letter-spacing:-.035em;margin:14px 0 7px;font-size:28px;line-height:1.35}.okr-detail-hero p{color:#d6e4f3;max-width:900px;margin:0;font-size:15px;line-height:1.65}.okr-score-ring{border-radius:50%;place-items:center;width:112px;height:112px;padding:7px;display:grid}.okr-score-ring>div{background:#0b4f8f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.okr-score-ring strong{font-size:25px}.okr-score-ring span{color:#c8daf0;font-size:11px}.okr-detail-meta{border-top:1px solid #ffffff26;gap:20px;margin-top:18px;padding-top:16px;display:flex}.okr-detail-meta span{color:#d6e4f3;align-items:center;gap:6px;font-size:13px;display:flex}.okr-detail-meta svg{width:15px}.okr-detail-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.okr-detail-actions button{color:#fff;background:#ffffff1f;border-color:#fff3}.okr-detail-actions .danger{color:#ffd5d5}.okr-message{color:#11784e;background:#e9f8f1;border-radius:13px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:11px 14px;font-size:14px;display:flex}.okr-message button{background:0 0;border:0;width:28px;height:28px;padding:0}.okr-message svg{width:16px}.okr-detail-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr);align-items:start;gap:15px;display:grid}.okr-detail-grid main,.okr-detail-grid aside{flex-direction:column;gap:15px;display:flex}.okr-section{box-shadow:var(--shadow);background:#ffffffe6;border:.5px solid #3c3c431c;border-radius:21px;padding:18px 19px}.okr-section>header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.okr-section>header>div{align-items:center;gap:10px;display:flex}.okr-section>header h2{margin:0;font-size:16px}.okr-section>header p{color:#98a2b3;margin:3px 0 0;font-size:12px}.section-icon{color:#0878f9;background:#eaf3ff;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.section-icon.green{color:#22a06b;background:#e9f8f1}.section-icon.orange{color:#d96d08;background:#fff2e3}.section-icon.purple{color:#7057d9;background:#eeeafd}.section-icon svg{width:18px}.okr-kr-detail-list{flex-direction:column;gap:10px;display:flex}.okr-kr-detail{border:.5px solid #e2e7ee;border-radius:16px;grid-template-columns:47px 1fr;display:grid;overflow:hidden}.okr-kr-number{color:#0878f9;background:#f3f7fc;justify-content:center;align-items:flex-start;padding-top:17px;font-size:12px;font-weight:800;display:flex}.okr-kr-content{padding:15px}.okr-kr-content>header{justify-content:space-between;gap:10px;display:flex}.okr-kr-content h3{margin:0 0 4px;font-size:15px}.okr-kr-content>header span{color:#98a2b3;font-size:12px}.okr-kr-values{grid-template-columns:auto auto 1fr;align-items:end;gap:14px;margin:13px 0;display:grid}.okr-kr-values>strong{font-size:25px;line-height:1}.okr-kr-values>strong small{margin-left:3px;font-size:12px}.okr-kr-values>span{color:#667085;font-size:12px}.okr-last-update{color:#667085;background:#f7f9fc;border-radius:12px;gap:9px;padding:10px 11px;display:flex}.okr-last-update>svg{color:#0878f9;flex:none;width:16px;margin-top:2px}.okr-last-update p{margin:0;font-size:13px;line-height:1.5}.okr-last-update p small{color:#98a2b3;margin-top:3px;font-size:11px;display:block}.okr-last-update.muted{color:#98a2b3}.okr-kr-actions{justify-content:flex-end;margin-top:10px;display:flex}.okr-kr-actions button{color:#475467;background:#fff;border:.5px solid #d0d5dd;align-items:center;gap:6px;height:34px;padding:0 11px;font-size:12px;display:flex}.okr-kr-actions svg{width:14px}.okr-comment-compose{grid-template-columns:38px 1fr 40px;align-items:start;gap:9px;display:grid}.okr-person{color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:700;display:grid}.okr-comment-compose textarea{font:inherit;resize:vertical;background:#f8fafc;border:.5px solid #d0d5dd;border-radius:13px;outline:none;padding:10px 12px;font-size:14px}.okr-comment-compose>button{place-items:center;width:40px;height:38px;padding:0;display:grid}.okr-comment-compose>button svg{width:16px}.okr-comments{margin-top:12px}.okr-comments>div{border-top:.5px solid #eaecf0;grid-template-columns:38px 1fr;gap:9px;padding:12px 0;display:grid}.okr-comments p{margin:0;font-size:14px;line-height:1.55}.okr-comments p>span{justify-content:space-between;margin-bottom:3px;display:flex}.okr-comments small{color:#98a2b3;font-size:11px}.okr-summary-list>div{border-top:.5px solid #eaecf0;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.okr-summary-list>div:first-child{border:0}.okr-summary-list span{color:#667085;font-size:13px}.okr-summary-list strong{font-size:16px}.okr-children button{text-align:left;background:0 0;border:0;border-top:.5px solid #eaecf0;border-radius:0;grid-template-columns:1fr auto 16px;align-items:center;gap:8px;width:100%;padding:11px 0;display:grid}.okr-children button:first-child{border:0}.okr-children div{flex-direction:column;display:flex}.okr-children small{color:#98a2b3;font-size:11px}.okr-children strong{margin-top:2px;font-size:13px}.okr-children svg{color:#98a2b3;width:15px}.okr-activity>div{grid-template-columns:12px 1fr;gap:8px;padding-bottom:15px;display:grid;position:relative}.okr-activity>div:before{content:"";background:#dfe4ea;width:1px;position:absolute;top:10px;bottom:0;left:3px}.okr-activity>div:last-child:before{display:none}.okr-activity i{z-index:1;background:#0878f9;border-radius:50%;width:7px;height:7px;margin-top:5px}.okr-activity p{flex-direction:column;margin:0;display:flex}.okr-activity b{font-size:12px}.okr-activity span{color:#475467;margin:3px 0;font-size:13px;line-height:1.5}.okr-activity small{color:#98a2b3;font-size:11px}.okr-muted{text-align:center;margin:0;padding:16px 0;color:#98a2b3!important;font-size:13px!important}.okr-review-card>span{color:#7057d9;font-size:12px;font-weight:700}.okr-review-card>strong{color:#6047c7;margin:5px 0;font-size:40px;display:block}.okr-review-card h3{margin:0 0 12px;font-size:15px}.okr-review-card p{border-top:.5px solid #eaecf0;margin:10px 0 0;padding-top:10px;font-size:13px;line-height:1.55}.okr-review-card p b{margin-bottom:3px;display:block}.okr-review-card>small{color:#98a2b3;margin-top:12px;font-size:11px;display:block}.okr-checkin-head{background:#f7f9fc;border-radius:15px;grid-template-columns:1fr auto 1fr 1.5fr;align-items:center;gap:16px;margin-bottom:16px;padding:15px;display:grid}.okr-checkin-head>div{flex-direction:column;display:flex}.okr-checkin-head span{color:#98a2b3;font-size:11px}.okr-checkin-head strong{font-size:21px}.okr-checkin-head>svg{color:#98a2b3;width:18px}.okr-checkin-progress{display:block!important}.okr-confidence{gap:7px;margin-top:7px;display:flex}.okr-confidence button{color:#667085;background:#f3f4f6;border-radius:10px;width:38px;height:38px}.okr-confidence button.active{color:#fff;background:#0878f9;border-color:#0878f9}.okr-score-picker{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px;display:grid}.okr-score-picker button{background:#f7f9fc;border:.5px solid #d0d5dd;flex-direction:column;align-items:center;padding:12px 7px;display:flex}.okr-score-picker button.active{color:#006bd6;background:#eaf3ff;border-color:#0878f9}.okr-score-picker strong{font-size:20px}.okr-score-picker span{margin-top:3px;font-size:11px}.okr-score-picker+.okr-form-grid{margin-top:4px}@media (width<=1180px){.okr-metrics{grid-template-columns:repeat(2,1fr)}.okr-kr-fields{grid-template-columns:repeat(3,1fr)}.okr-kr-fields .wide{grid-column:1/-1}.okr-detail-grid{grid-template-columns:1fr}.okr-detail-grid aside{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.okr-detail-grid aside .okr-section:last-child:nth-child(odd){grid-column:1/-1}}@media (width<=820px){.okr-titlebar{align-items:flex-start}.okr-title-actions{flex-wrap:wrap;justify-content:flex-end}.okr-cycle-phase{display:none}.okr-objectives{grid-template-columns:1fr}.okr-detail-hero{padding:21px}.okr-tree-branch{margin-left:calc(var(--depth) * 14px)}.okr-tree-branch>button>div{grid-template-columns:1fr}.okr-tree-branch .okr-progress{grid-area:auto/1}.okr-modal{max-height:94vh}}@media (width<=580px){.okr-titlebar{display:block}.okr-titlebar h1{font-size:25px}.okr-titlebar p{font-size:14px}.okr-title-actions{grid-template-columns:1fr auto;margin-top:14px;display:grid}.okr-title-actions select{grid-column:1/-1;width:100%}.okr-title-actions button{justify-content:center}.okr-title-actions button:not(.okr-primary){font-size:0}.okr-title-actions button:not(.okr-primary) svg{margin:0}.okr-cycle-strip{gap:8px;padding:13px 15px}.okr-cycle-strip>div:first-child{flex:1;min-width:0}.okr-cycle-strip>div:first-child strong{font-size:15px}.okr-cycle-strip>.okr-badge{font-size:10px}.okr-metrics{gap:9px}.okr-metric{gap:9px;padding:13px 11px}.okr-metric>span{width:37px;height:37px}.okr-metric div{display:block}.okr-metric small{font-size:11px}.okr-metric strong{font-size:20px;display:block}.okr-metric p{display:none}.okr-toolbar{align-items:stretch;gap:8px}.okr-segment{flex:1;overflow:auto}.okr-segment button{white-space:nowrap;padding:0 9px;font-size:12px}.okr-toolbar>select{width:104px;font-size:12px}.okr-objective{padding:16px 16px 0}.okr-objective h2{font-size:16px}.okr-score-row{grid-template-columns:auto 1fr}.okr-score-row>div:nth-child(2){display:none}.okr-score-row .okr-progress{grid-column:1/-1}.okr-objective>footer{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.okr-objective>footer span{font-size:11px}.okr-tree{padding:13px}.okr-tree-branch{margin-left:0}.okr-tree-branch>button{grid-template-columns:35px 1fr 16px}.okr-tree-node{width:32px;height:32px}.okr-tree-branch>button>.okr-badge{display:none}.okr-modal-backdrop{align-items:flex-end;padding:0}.okr-modal{border-radius:24px 24px 0 0;width:100%;max-height:94vh}.okr-modal>header{padding:18px 17px 14px}.okr-modal-body{padding:17px}.okr-modal-actions{padding:12px 17px max(12px,env(safe-area-inset-bottom))}.okr-form-grid{grid-template-columns:1fr}.okr-form-grid .wide{grid-column:auto}.okr-kr-draft{grid-template-columns:35px 1fr 28px;padding:12px 9px}.okr-kr-fields{grid-template-columns:1fr 1fr}.okr-kr-fields .wide{grid-column:1/-1}.okr-kr-draft>span{font-size:11px}.okr-detail-hero{border-radius:20px;padding:18px}.okr-detail-heading{grid-template-columns:1fr}.okr-score-ring{width:86px;height:86px;position:absolute;top:142px;right:24px}.okr-score-ring strong{font-size:19px}.okr-detail-hero h1{padding-right:4px;font-size:22px}.okr-detail-hero p{font-size:14px}.okr-detail-meta{grid-template-columns:1fr 1fr;gap:10px;display:grid}.okr-detail-actions{justify-content:flex-start;overflow:auto}.okr-detail-actions button{white-space:nowrap}.okr-detail-grid aside{display:flex}.okr-section{padding:15px}.okr-section>header{align-items:flex-start}.okr-section>header p{display:none}.okr-kr-detail{grid-template-columns:38px 1fr}.okr-kr-content{padding:12px}.okr-kr-content>header{display:block}.okr-kr-content>header>.okr-badge{margin-top:7px}.okr-kr-values{grid-template-columns:auto 1fr}.okr-kr-values .okr-progress{grid-column:1/-1}.okr-comment-compose{grid-template-columns:34px 1fr 38px}.okr-person{width:34px;height:34px}.okr-checkin-head{grid-template-columns:1fr auto 1fr}.okr-checkin-progress{grid-column:1/-1}.okr-score-picker{grid-template-columns:repeat(2,1fr)}}