@charset "UTF-8";
@font-face{font-family:"Vazirmatn";src:url("./fonts/vazirmatn-v33.003-variable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
.answer-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:9px;direction:rtl}
.answer-option{display:flex;align-items:center;gap:9px;width:100%;min-width:0;min-height:56px;padding:11px 12px;border:2px solid #dbe5dd;border-radius:8px;background:#fafcfb;color:var(--ink);font-size:11px;line-height:1.9;text-align:right;overflow-wrap:anywhere;transition:border-color .12s,background-color .12s}
.answer-option:hover:not(:disabled){border-color:var(--teal)}.answer-option[aria-checked="true"]{background:var(--answer-bg,#eef7ed);border-color:var(--answer-ink,#397348);color:var(--ink);box-shadow:0 0 0 1px var(--answer-ink,#397348);font-weight:700}.answer-option:focus-visible{outline:3px solid #d3a85e;outline-offset:3px}.answer-option:disabled{opacity:1;cursor:default}.answer-options[aria-disabled="true"] .answer-option{opacity:.75}.answer-options[aria-invalid="true"]{outline:1px solid #d7a56a;outline-offset:4px;border-radius:8px}
.answer-option-mark{display:inline-flex;flex:0 0 21px;align-items:center;justify-content:center;width:21px;height:21px;border:1px solid #a9bab0;border-radius:50%;background:white;color:var(--ink);font-size:14px;line-height:1}.answer-option[aria-checked="true"] .answer-option-mark{border:2px solid var(--answer-ink,#397348);font-weight:700}.answer-option-label{min-width:0}
@media(max-width:640px){.answer-options{grid-template-columns:1fr;gap:8px}.answer-option{min-height:48px;font-size:12px;padding:10px 12px}.answer-option-mark{width:22px;height:22px;flex-basis:22px}}
:root{--navy:#142a36;--navy-soft:#203c49;--teal:#147d77;--teal-dark:#09635e;--teal-light:#e5f3ef;--ink:#182e3a;--text:#536671;--muted:#7e8b91;--line:#e4eae8;--paper:#f5f7f5;--white:#fff;--gold:#d9b878;--error:#b63d3d;--error-bg:#fff0ed;--warning:#966018;--warning-bg:#fff6e6;--success:#286e4a;--success-bg:#e9f5ed;font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-size:14px;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button[hidden],a[hidden],[hidden]{display:none!important}a{color:var(--teal);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d3a85e;outline-offset:4px}h1,h2,h3,p{margin:0}button{border:0}button:disabled{opacity:.55}h1,h2,h3{font-weight:700}h1{font-size:27px;line-height:1.65;letter-spacing:-.8px}h2{font-size:20px;line-height:1.8}h3{font-size:15px;line-height:1.9}.skip-link{position:fixed;top:-100px;right:20px;z-index:20;background:white;padding:12px;border:2px solid var(--teal)}.skip-link:focus{top:10px}.app-shell{min-height:100vh;display:flex}.sidebar{width:244px;flex:0 0 244px;background:var(--navy);color:white;padding:36px 22px 24px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;min-height:630px}.brand{display:flex;gap:13px;align-items:center;color:white;padding:0 16px}.brand strong{font-size:26px;letter-spacing:-1px;display:block;line-height:1.6}.brand small{font-family:"Segoe UI",Arial,sans-serif;font-size:10px;letter-spacing:3px;color:#98acb1;display:block;margin-top:0}.brand-mark{display:flex;align-items:center;gap:4px;width:35px;transform:rotate(-9deg)}.brand-mark i{display:block;width:8px;height:33px;background:var(--gold);border-radius:4px;transform:skewY(-23deg)}.brand-mark i:nth-child(2){height:43px;background:#f2d8a2}.brand-mark i:nth-child(3){height:25px;background:#bf9c62}.sidebar-divider{height:1px;background:#ffffff16;margin:31px 15px 24px}.nav-caption{font-size:10px;color:#819ba5;padding:0 15px;margin-bottom:15px}.nav-list{display:flex;flex-direction:column;gap:8px}.nav-item{background:transparent;color:#adc0c6;text-align:right;display:flex;gap:13px;align-items:center;min-height:47px;padding:10px 15px;border-radius:9px;font-size:12px;white-space:nowrap}.nav-item:hover:not(:disabled){background:#ffffff09;color:white}.nav-item.selected{background:var(--navy-soft);color:white;box-shadow:inset -3px 0 0 #74b1a7}.nav-item:disabled{opacity:.46}.nav-icon{font-size:22px;color:#91abae;line-height:1}.selected .nav-icon{color:#92c9ba}.nav-count{margin-right:auto;background:#ffffff13;padding:2px 7px;font-size:10px;border-radius:5px}.sidebar-note{margin:49px 13px 24px;border-top:1px solid #ffffff15;padding-top:25px}.small-lock{display:block;font-size:21px;color:#b0c3bf;margin-bottom:12px}.sidebar-note strong{font-size:11px;color:#bfcfce}.sidebar-note p{font-size:10px;line-height:2.2;color:#78949d;margin-top:8px}.sidebar-bottom{margin-top:auto;padding:15px 14px 0;font-size:9px;color:#8aa4ad;line-height:2}.connection-dot{display:inline-block;background:#d9b878;width:5px;height:5px;border-radius:50%;margin-left:6px}.sidebar-bottom small{display:block;color:#5f7b87;font-size:9px;margin-top:3px}.workspace{min-width:0;flex:1}.topbar{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 48px;background:#ffffffc9}.breadcrumb{display:flex;gap:13px;align-items:center;font-size:10px;color:#8a969c}.breadcrumb strong{font-weight:400;color:#526672}.topbar-actions{display:flex;align-items:center;gap:18px;font-size:10px;color:#7a8b93}.period-label{color:#566e75}.topbar-separator{height:17px;width:1px;background:var(--line)}.text-button{padding:5px 7px;color:var(--teal);background:transparent;font-size:11px}main{max-width:1430px;margin:auto;padding:39px 48px 0;outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.eyebrow{font-size:10px;color:var(--teal);margin-bottom:7px;letter-spacing:.1px}.page-subtitle{font-size:11px;color:#7b8b90;margin-top:8px;line-height:2}.state-pill{display:inline-flex;align-items:center;gap:8px;color:#987132;background:#f3eddf;border:1px solid #e9dfc7;border-radius:20px;padding:9px 13px;font-size:9px;white-space:nowrap}.state-pill>span{height:5px;width:5px;background:#bb9a5a;border-radius:50%}.state-pill.active{background:#e6f1ec;color:#3c7865;border-color:#cce4d8}.state-pill.active>span{background:#568e79}.access-card{border:1px solid var(--line);background:var(--white);border-radius:14px;display:flex;flex-direction:row-reverse;min-height:283px;position:relative;overflow:hidden}.access-content{padding:35px 38px 32px;flex:1;min-width:0}.mini-label{color:var(--teal);font-size:9px;background:var(--teal-light);padding:6px 10px;border-radius:4px;display:inline-block;margin-bottom:12px}.access-content h2{font-size:24px;letter-spacing:-.6px}.access-content p{font-size:11px;color:var(--text);line-height:2.35;max-width:490px;margin-top:10px}.access-actions{display:flex;align-items:center;gap:17px;margin-top:23px}.primary-button,.secondary-button,.danger-button{padding:12px 19px;border-radius:7px;display:inline-flex;justify-content:center;align-items:center;gap:10px;font-size:11px;line-height:1.7;min-height:42px}.primary-button{background:var(--teal);color:white;border:1px solid var(--teal)}.primary-button:hover:not(:disabled){background:var(--teal-dark)}.primary-button:disabled{opacity:1;background:#e5ebe9;color:#82928f;border-color:#dfe6e2}.secondary-button{background:white;color:var(--ink);border:1px solid #d9e2df}.secondary-button:hover:not(:disabled){background:#f5f8f6}.danger-button{background:#fff1ee;color:#a64136;border:1px solid #efd5d0}.google-g{font-family:Arial,sans-serif;font-size:17px;font-weight:700}.muted-small{font-size:9px;color:#9aa6a7}.access-illustration{position:relative;width:265px;flex:0 0 265px;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#f4f8f5,#edf3ef);margin:18px;border-radius:9px;overflow:hidden}.illustration-ring{position:absolute;border:1px solid #dae6de;border-radius:50%}.ring-one{width:174px;height:174px}.ring-two{width:226px;height:226px;opacity:.5}.lock-art{position:relative;width:84px;height:106px;transform:rotate(-8deg);filter:drop-shadow(8px 12px 9px #adc6b333)}.lock-shackle{position:absolute;top:0;left:19px;height:58px;width:49px;border:9px solid #a3beb1;border-bottom:0;border-radius:27px 27px 0 0}.lock-body{position:absolute;bottom:0;left:0;background:linear-gradient(130deg,#427d66,#275847);width:84px;height:69px;border-radius:12px;border-bottom:4px solid #214e3f;display:flex;align-items:center;justify-content:center}.lock-body span{width:8px;height:21px;border-radius:6px;background:#d5e5dc;position:relative}.lock-body span:before{content:"";position:absolute;background:#d5e5dc;width:14px;height:14px;left:-3px;top:-3px;border-radius:50%}.art-spark{position:absolute;color:#9db6a5;font:21px Arial,sans-serif}.spark-one{left:48px;top:58px}.spark-two{right:53px;bottom:45px;font-size:14px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:29px 0 15px;gap:12px}.section-heading h2{font-size:15px}.section-heading>span{font-size:9px;color:#8e9a9f}.setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.setup-card{background:white;border:1px solid var(--line);border-radius:10px;min-height:188px;padding:22px 23px 0;position:relative;overflow:hidden}.step-index{font-size:13px;color:#9daea9;display:inline-block;font-family:Tahoma,sans-serif}.setup-tag{font-size:8px;border-radius:4px;padding:4px 7px;position:absolute;left:22px;top:21px}.setup-tag.pending{background:#f6f3eb;color:#9e8963}.setup-card h3{margin-top:16px;font-size:13px}.setup-card p{font-size:10px;color:#8b969c;line-height:2.15;margin:6px 0 15px;min-height:43px}.setup-footer{border-top:1px solid #eef1ee;font-size:8px;color:#9ba8a6;padding:12px 0;display:flex;align-items:center;gap:7px}.tiny-dot{height:4px;width:4px;background:#9fb1a8;border-radius:50%}.readiness-box{display:flex;align-items:flex-start;gap:13px;margin-top:20px;padding:18px 21px;background:#edf2ef;border:1px solid #e2e9e4;border-radius:9px}.readiness-icon{display:flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;border:1px solid #96aaa0;border-radius:50%;color:#809d8e;font:12px Georgia,serif;margin-top:1px}.readiness-box strong{font-size:10px;color:#657f73}.readiness-box p,.readiness-box li{font-size:9px;color:#8a9d93;line-height:2.15}.readiness-box p{margin-top:5px}.readiness-box ul{padding-right:15px;margin:5px 0 0}.page-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;font-size:8px;color:#a0acae;margin-top:35px;padding:19px 0 22px}.notice{padding:13px 17px;border:1px solid #d0e6d6;border-radius:8px;color:#376548;background:#edf7ef;font-size:11px;line-height:2;margin-bottom:20px}.notice.error{border-color:#f0c8c2;background:var(--error-bg);color:var(--error)}.notice.warning{border-color:#edddbc;background:var(--warning-bg);color:var(--warning)}.welcome-card{background:linear-gradient(115deg,#f7fbf8,#e8f2ec);border:1px solid #d8e7de;padding:27px 31px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:20px}.welcome-card p{font-size:11px;color:var(--text);line-height:2.2;margin-top:7px}.welcome-card h2{font-size:21px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.stat-card{border:1px solid var(--line);background:white;border-radius:9px;padding:20px 23px}.stat-label{display:block;font-size:10px;color:var(--muted);margin-bottom:10px}.stat-value{font-size:28px;line-height:1.4;font-weight:700}.stat-help{font-size:9px;color:var(--muted);margin-top:6px}.score-number{color:var(--teal);font-variant-numeric:tabular-nums}.card{background:white;border:1px solid var(--line);border-radius:10px;padding:22px}.empty-state{padding:50px 25px;text-align:center;background:white;border:1px dashed #d8e2dc;border-radius:10px}.empty-state h2{font-size:17px}.empty-state p{font-size:11px;color:var(--muted);line-height:2.2;margin-top:8px}.assignment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.assignment-card{background:white;border:1px solid var(--line);border-radius:10px;padding:24px;display:flex;flex-direction:column;align-items:flex-start}.assignment-top{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-bottom:17px}.person-avatar{background:#edf3ef;border:1px solid #e0e9e2;color:#608774;border-radius:10px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:17px}.assignment-card h3{font-size:16px;margin-bottom:6px}.assignment-role{font-size:10px;color:var(--muted);line-height:2.1}.assignment-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.assignment-foot .text-button{padding:6px 0}.status-chip{font-size:9px;line-height:1.8;border-radius:5px;padding:4px 8px;white-space:nowrap}.status-chip.pending{color:#8b7c5c;background:#f6f2e9}.status-chip.draft{color:#4f728d;background:#eef4f8}.status-chip.finalized{color:#39755d;background:#e8f4ec}.score-small{font-size:11px;color:var(--teal)}.form-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.form-workspace{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:start;gap:20px}.form-main{min-width:0}.form-summary{position:sticky;top:24px;padding:23px;background:white;border:1px solid var(--line);border-radius:10px}.form-summary h3{font-size:12px}.summary-score{font-size:38px;color:var(--teal);font-weight:700;line-height:1.4;margin:14px 0 4px}.summary-score small{font-size:10px;color:#93a19c;font-weight:400;margin-right:5px}.score-description{font-size:9px;color:var(--muted);line-height:2.1;min-height:38px}.summary-progress{height:5px;background:#ebefec;border-radius:6px;overflow:hidden;margin:18px 0 8px}.summary-progress span{height:100%;display:block;background:#7ba492;transition:width .15s}.progress-label{font-size:9px;color:var(--muted);display:flex;justify-content:space-between}.form-summary .primary-button,.form-summary .secondary-button{width:100%;margin-top:10px;font-size:10px}.summary-rule{border-top:1px solid var(--line);margin-top:18px;padding-top:13px;font-size:9px;color:var(--muted);line-height:2.2}.form-meta{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 0}.meta-tag{font-size:9px;background:#f1f5f2;color:#7d9086;padding:5px 8px;border-radius:4px}.form-intro{padding:24px 27px;background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:18px}.form-intro h2{font-size:19px}.form-intro p{font-size:10px;color:var(--muted);line-height:2.2;margin-top:8px}.question-section{background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:18px;overflow:hidden}.question-section-header{padding:18px 25px;background:#f9fbf9;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.question-section-header h3{font-size:13px}.section-weight{font-size:9px;color:#81948b;white-space:nowrap}.question{padding:23px 25px;border-bottom:1px solid #edf1ee}.question:last-child{border-bottom:0}.question-title{display:flex;align-items:flex-start;gap:10px}.question-number{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e3eae5;border-radius:5px;color:#9aa9a1;flex:0 0 24px;height:24px;font-size:9px;margin-top:1px}.question-title label{font-size:12px;font-weight:700;line-height:2.1;display:block}.question-weight{font-size:9px;color:#9aaba0;margin-top:3px}.answer-field{margin:15px 34px 0 0}.answer-field>label,.evidence-field>label{display:block;color:#7e9086;font-size:9px;margin-bottom:8px;line-height:1.8}.answer-select{width:100%;min-height:44px;border:1px solid #dbe5dd;border-radius:6px;background:#fafcfb;color:#5e7267;padding:10px 13px;cursor:pointer;font-size:11px;line-height:1.8}.answer-select.has-answer{border-color:var(--answer-border,#b5d8bf);background-color:var(--answer-bg,#eef7ed);color:var(--answer-ink,#397348)}.answer-select:disabled{opacity:1;cursor:default}.evidence-field{margin-top:14px}.evidence-field textarea{width:100%;border:1px solid #dbe4dd;border-radius:6px;background:#fcfdfc;color:var(--ink);font-size:11px;padding:10px 12px;resize:vertical;min-height:77px;line-height:2}.evidence-field textarea:disabled{background:#f6f8f6;color:#6a7d70}.evidence-field textarea[aria-invalid="true"]{border-color:#d7a56a;background:#fffaf1}.field-warning{margin-top:7px;font-size:9px;color:var(--warning);background:var(--warning-bg);border:1px solid #f1e3c8;border-radius:5px;padding:7px 9px;line-height:1.9}.required-indicator{font-size:9px;color:#bd8753;font-weight:400;margin-right:4px}.legend{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:14px;font-size:8px;color:#9aa59e}.legend-swatch{height:6px;width:63px;border-radius:4px;background:linear-gradient(to left,#e6a5a5,#efd49d,#9ac8a2)}.conflict-box{padding:18px;border:1px solid #e6cfa7;background:#fff7e9;border-radius:8px;margin-bottom:18px}.conflict-box h3{color:#8c631e;font-size:12px}.conflict-box p{font-size:10px;color:#9b7b46;line-height:2.1;margin:7px 0 12px}.table-card{border:1px solid var(--line);border-radius:10px;background:white;overflow:hidden;margin-bottom:22px}.table-heading{padding:19px 23px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.table-heading h2{font-size:14px}.table-scroller{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;font-size:10px;white-space:nowrap}th{font-weight:400;color:#8c9b93;background:#fafcfb;font-size:9px;padding:13px 20px;border-bottom:1px solid var(--line)}td{padding:15px 20px;border-bottom:1px solid #edf2ee;color:#60756a;line-height:1.9}tr:last-child td{border-bottom:0}td:first-child{color:var(--ink)}.table-empty{padding:28px;text-align:center;font-size:11px;color:var(--muted)}.admin-detail{margin-top:17px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fbfdfb}.admin-detail h3{font-size:12px;margin-bottom:8px}.admin-detail p{font-size:10px;line-height:2.2;color:var(--text)}.filter-row{display:flex;gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.filter-row label{font-size:10px;color:var(--text)}.search-input{border:1px solid #d9e3dc;border-radius:6px;padding:10px 12px;background:white;color:var(--ink);font-size:11px;min-width:230px}.audit-badge{font-size:9px;padding:4px 7px;border-radius:4px;background:#edf4ef;color:#5d8068}.audit-badge.failure{background:#fbefeb;color:#af6858}.ltr{direction:ltr;unicode-bidi:isolate;text-align:left}.loading{font-size:12px;color:var(--muted);padding:50px;text-align:center}.loading::before{content:"";display:inline-block;height:13px;width:13px;border:2px solid #dce7df;border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite;margin-left:10px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}dialog{border:1px solid var(--line);border-radius:14px;padding:0;max-width:460px;width:calc(100% - 32px);box-shadow:0 20px 100px #102b3a40}dialog::backdrop{background:#132d3b88;backdrop-filter:blur(2px)}.dialog-body{padding:32px}.dialog-symbol{height:42px;width:42px;display:flex;align-items:center;justify-content:center;background:var(--teal-light);color:var(--teal);border-radius:10px;font-size:22px;margin-bottom:16px}.dialog-body h2{font-size:19px}.dialog-body p{font-size:11px;line-height:2.3;color:var(--text);margin-top:9px}.dialog-actions{display:flex;gap:10px;margin-top:24px}.noscript{position:fixed;bottom:15px;left:15px;right:15px;background:#fff2dc;color:#82580c;padding:15px;border:1px solid #e7ce9e;border-radius:8px;font-size:12px;text-align:center;z-index:50}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.role-tabs{display:flex;gap:9px;overflow:auto;margin-bottom:20px;padding:2px 0 7px}.role-tab{flex-shrink:0;border:1px solid #dfe7e1;color:#85968d;background:transparent;border-radius:7px;font-size:10px;line-height:1.8;padding:10px 15px}.role-tab.active{background:#e6f1eb;border-color:#bbd6c7;color:#41705a}.role-tab:hover{border-color:#a3c3b3}
.weight-editor{max-width:850px;padding:26px;background:white;border:1px solid var(--line);border-radius:10px}.weight-editor h2{font-size:20px}.weight-editor-fields{margin:20px 0}.weight-editor-row{display:grid;grid-template-columns:minmax(0,1fr) 130px;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.weight-editor-row label{font-size:12px;line-height:2}.weight-setting-select{width:100%;min-height:44px;border:1px solid #dbe5dd;border-radius:6px;background:#fafcfb;color:var(--ink);padding:9px 12px;font-size:12px;cursor:pointer}.weight-setting-select:disabled{opacity:1;cursor:default;background:#f6f8f6}.weight-editor>.primary-button{margin-top:18px}.weight-editor>.conflict-box{margin-top:18px}.weight-update-note{padding:9px 12px;border-radius:6px;background:var(--warning-bg);color:var(--warning)!important}@media(max-width:640px){.weight-editor{padding:20px}.weight-editor-row{grid-template-columns:minmax(0,1fr) 95px;gap:12px}.weight-editor-row label{font-size:11px}.weight-setting-select{font-size:16px}.weight-editor>.primary-button{width:100%}}
.charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 24px}.chart-card{min-width:0;background:white;border:1px solid var(--line);border-radius:10px;padding:22px}.chart-card h3{font-size:14px;line-height:2}.chart-description{font-size:10px;line-height:2.1;color:var(--muted);margin:7px 0 15px}.chart-wide{grid-column:1/-1}.chart-row{margin:16px 0}.chart-row-header{display:flex;align-items:baseline;justify-content:space-between;gap:14px;font-size:11px;line-height:1.9;margin-bottom:7px}.chart-row-label{overflow-wrap:anywhere}.chart-row-value{font-size:10px;color:var(--teal);flex-shrink:0;font-variant-numeric:tabular-nums}.chart-track{height:12px;background:#edf2ee;border-radius:4px;overflow:hidden}.chart-fill{display:block;height:100%;background:#589883;border-radius:4px}.chart-fill.preliminary{background:repeating-linear-gradient(45deg,#d1ad68,#d1ad68 5px,#e4c993 5px,#e4c993 10px)}.chart-row-help{font-size:9px;color:var(--muted);line-height:2;margin-top:6px}.chart-empty{border:1px dashed #d7e3da;background:#f7faf8;border-radius:7px;padding:17px;font-size:11px;line-height:2;color:var(--text)}.chart-data{margin-top:17px;border-top:1px solid var(--line);padding-top:11px}.chart-data>summary{font-size:10px;color:var(--teal);cursor:pointer;line-height:2}.chart-data .table-card{margin:12px 0 0}.chart-data .table-heading{display:none}.chart-filter{min-height:44px;max-width:300px;min-width:170px;border:1px solid #d9e3dc;border-radius:6px;background:white;color:var(--ink);padding:9px 12px;font-size:11px}.analytics-panel>.filter-row{margin-top:12px}.chart-filter:focus-visible,.weight-setting-select:focus-visible{outline:2px solid var(--teal);outline-offset:3px}@media(max-width:900px){.charts-grid{grid-template-columns:1fr}.chart-wide{grid-column:auto}}@media(max-width:640px){.chart-card{padding:18px}.chart-row-header{font-size:10px;gap:9px}.chart-row-value{font-size:9px;max-width:50%;white-space:normal;text-align:left}.chart-filter{font-size:16px;max-width:none;min-width:0;width:100%}.chart-description{font-size:10px}.chart-row-help{font-size:9px}.charts-grid{gap:13px}}
.weight-field{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}.weight-field label{font-size:10px;color:#5e7267;line-height:1.9}.weight-select{width:130px;min-height:44px;border:1px solid #dbe5dd;border-radius:6px;background:#fafcfb;color:var(--ink);padding:9px 12px;font-size:11px;cursor:pointer}.weight-select:disabled{opacity:1;cursor:default;background:#f6f8f6;color:#6a7d70}.weight-select[aria-invalid="true"]{border-color:#d7a56a;background:#fffaf1}.weight-total{font-size:10px;color:var(--teal);line-height:1.9;white-space:nowrap}.weight-total.invalid{color:var(--warning)}.weight-warning{padding:12px 20px;border-bottom:1px solid #f1e3c8;background:var(--warning-bg);color:var(--warning);font-size:10px;line-height:2}.question-section-header:has(.weight-total){flex-wrap:wrap}
.auth-card{max-width:520px;background:white;border:1px solid var(--line);border-radius:12px;padding:28px;margin:0 auto}.auth-card h2{font-size:20px}.auth-description{font-size:11px;color:var(--text);line-height:2.2;margin-top:9px}.login-form{display:grid;gap:17px;margin-top:24px}.login-field label{display:block;font-size:11px;line-height:1.9;margin-bottom:7px;color:var(--text)}.login-input{width:100%;min-height:46px;border:1px solid #d9e3dc;border-radius:6px;background:#fafcfb;padding:10px 12px;color:var(--ink);font-size:14px}.login-input:disabled{background:#f0f4f1}.login-form .primary-button{width:100%;font-size:12px}.storage-label{font-size:10px;line-height:2;color:var(--teal);margin:0 0 20px}
@media(max-width:640px){.auth-card{padding:23px 20px}.auth-card h2{font-size:18px}.login-input{font-size:16px}.stat-value{overflow-wrap:anywhere}}
@media(min-width:1500px){main{padding-top:48px}.access-card{min-height:310px}.access-content{padding-top:42px}.setup-card{min-height:205px}}
@media(max-width:1150px){.sidebar{width:210px;flex-basis:210px;padding:30px 14px}.brand{padding:0 12px}.topbar{padding:0 30px}main{padding:30px 30px 0}.access-illustration{width:205px;flex-basis:205px;margin:14px}.access-content{padding:28px}.access-content h2{font-size:21px}.setup-card{padding:19px 17px 0}.setup-tag{left:17px;top:19px}.form-workspace{grid-template-columns:minmax(0,1fr) 205px;gap:16px}.question{padding:20px}.answer-field{margin-right:0}.setup-card p{min-height:61px}.topbar-actions{gap:12px}}
@media(max-width:900px){.sidebar{width:185px;flex-basis:185px;padding:25px 10px}.brand{gap:10px;padding:0 13px}.brand strong{font-size:23px}.brand-mark{width:28px;gap:3px}.brand-mark i{width:7px}.nav-item{font-size:10px;padding:10px 13px;gap:10px}.nav-icon{font-size:19px}.sidebar-note{margin-right:13px;margin-left:13px}.topbar{height:68px;padding:0 23px}.topbar-actions .user-label{display:none}main{padding:27px 23px 0}h1{font-size:23px}.page-heading{align-items:flex-start;gap:15px}.state-pill{font-size:8px;padding:8px 10px;margin-top:17px}.page-subtitle{font-size:10px}.access-illustration{width:155px;flex-basis:155px;margin:12px}.ring-one{width:130px;height:130px}.ring-two{width:175px;height:175px}.access-content{padding:26px 22px}.access-content h2{font-size:20px}.access-content p{font-size:10px}.access-actions{flex-wrap:wrap;gap:10px}.setup-grid{gap:10px}.setup-card{padding:17px 14px 0}.setup-card h3{font-size:11px}.setup-card p{font-size:9px;min-height:70px}.setup-tag{left:12px;top:17px;font-size:7px;padding:3px 4px}.setup-footer{font-size:7px}.form-workspace{display:flex;flex-direction:column-reverse;gap:18px}.form-main{width:100%}.form-summary{position:static;width:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:start}.form-summary h3{grid-column:1}.summary-score{grid-column:1;margin-top:5px}.score-description{grid-column:1}.summary-progress,.progress-label{grid-column:1}.form-summary .secondary-button{grid-column:2;grid-row:2}.form-summary .primary-button{grid-column:2;grid-row:3}.summary-rule{grid-column:2;grid-row:4 / 8;margin-top:8px;padding-top:10px}.legend{grid-column:1}.summary-grid{gap:10px}.stat-card{padding:17px}.stat-value{font-size:25px}.stat-label{font-size:9px}.assignment-grid{gap:12px}.assignment-card{padding:19px}.assignment-card h3{font-size:14px}.assignment-role{font-size:9px}.assignment-foot{gap:8px}.assignment-foot .text-button{font-size:10px}.welcome-card{padding:23px}.welcome-card h2{font-size:18px}}
@media(max-width:640px){.app-shell{display:block}.sidebar{position:static;width:100%;min-height:0;height:auto;padding:16px 19px 13px;display:block}.brand{padding:0;gap:10px}.brand strong{font-size:22px}.brand small{font-size:8px;letter-spacing:2px}.brand-mark{transform:rotate(-9deg) scale(.8);transform-origin:center}.sidebar-divider,.nav-caption,.sidebar-note,.sidebar-bottom{display:none}.nav-list{flex-direction:row;margin-top:19px;gap:7px;overflow-x:auto;padding-bottom:2px}.nav-item{font-size:10px;min-height:37px;border-radius:6px;padding:8px 11px;gap:8px;flex-shrink:0}.nav-item.selected{box-shadow:inset 0 -2px 0 #74b1a7}.nav-icon{font-size:16px}.nav-count{font-size:9px;padding:1px 5px}.topbar{height:54px;padding:0 20px}.breadcrumb{font-size:9px;gap:9px}.topbar-actions{font-size:9px;gap:9px}.topbar-actions .topbar-separator{display:none}main{padding:23px 20px 0}.page-heading{display:block;margin-bottom:23px}.eyebrow{font-size:9px;margin-bottom:7px}h1{font-size:23px}.page-subtitle{font-size:10px;line-height:2.1;margin-top:7px}.state-pill{margin-top:14px;font-size:8px}.access-card{display:block}.access-illustration{width:100%;height:146px;margin:0;max-width:none;min-height:146px;border-radius:0;border-bottom:1px solid #e5eee5}.lock-art{transform:rotate(-8deg) scale(.72)}.ring-one{height:120px;width:120px}.ring-two{height:160px;width:160px}.spark-one{left:31%;top:35px}.spark-two{right:29%;bottom:31px}.access-content{padding:23px}.access-content h2{font-size:21px}.access-content p{font-size:10px;line-height:2.3}.access-actions{margin-top:20px;gap:14px}.primary-button,.secondary-button{font-size:10px;padding:11px 15px;min-height:41px}.setup-grid{grid-template-columns:1fr;gap:12px}.setup-card{padding:20px 23px 0;min-height:155px}.setup-tag{top:21px;left:23px;font-size:8px}.setup-card h3{font-size:13px;margin-top:12px}.setup-card p{font-size:10px;min-height:0;margin-bottom:13px}.setup-footer{font-size:8px}.readiness-box{padding:16px}.readiness-box p,.readiness-box li{font-size:9px}.page-footer{font-size:7px;margin-top:26px;gap:10px}.section-heading{margin-top:23px}.section-heading h2{font-size:14px}.section-heading>span{font-size:8px}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:17px 0}.stat-card{padding:15px 11px}.stat-label{font-size:8px;line-height:1.9;margin-bottom:8px}.stat-value{font-size:24px}.stat-help{font-size:7px;line-height:1.9}.welcome-card{display:block;padding:22px}.welcome-card .primary-button{margin-top:17px}.welcome-card h2{font-size:18px}.welcome-card p{font-size:10px}.assignment-grid{grid-template-columns:1fr}.assignment-card{padding:22px}.assignment-card h3{font-size:16px}.assignment-role{font-size:10px}.assignment-foot .text-button{font-size:11px}.form-navigation{margin-bottom:14px;gap:10px}.form-navigation .secondary-button{font-size:9px;padding:9px 11px}.form-summary{padding:20px;column-gap:17px}.summary-score{font-size:32px}.summary-rule{font-size:8px}.score-description{font-size:8px}.progress-label{font-size:8px}.legend{font-size:7px}.legend-swatch{width:40px}.form-intro{padding:21px}.form-intro h2{font-size:17px}.question-section-header{padding:15px 19px}.question-section-header h3{font-size:12px}.section-weight{font-size:8px}.question{padding:21px 19px}.question-title label{font-size:11px}.question-number{flex-basis:22px;height:22px;font-size:8px}.answer-select{font-size:10px}.evidence-field textarea{font-size:10px}.table-heading{padding:17px}.table-heading h2{font-size:12px}th,td{padding:12px 15px}.filter-row{align-items:stretch}.search-input{width:100%;min-width:0}.filter-row label{display:block;width:100%}.dialog-body{padding:26px}.dialog-actions{gap:8px}.dialog-actions .primary-button,.dialog-actions .secondary-button{font-size:10px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.assistant-page{display:grid;gap:20px;max-width:1120px}.assistant-intro,.assistant-settings,.assistant-chat{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:24px}.assistant-intro h2{font-size:19px;margin:15px 0 10px}.assistant-intro p,.assistant-help{line-height:2.1;color:var(--text)}.assistant-help{font-size:11px;margin:8px 0 16px}.assistant-status{display:inline-block;border-radius:20px;background:var(--warning-bg);color:var(--warning);font-size:11px;padding:7px 12px}.assistant-status.connected{background:var(--success-bg);color:var(--success)}.assistant-settings summary{cursor:pointer;font-weight:700;line-height:2}.assistant-settings-form{margin-top:20px;max-width:760px;display:grid;gap:14px}.assistant-check{display:flex;align-items:flex-start;gap:10px;line-height:2;font-size:12px}.assistant-check input{margin-top:7px;accent-color:var(--teal)}.assistant-actions,.assistant-toolbar,.assistant-suggestions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.assistant-toolbar{border-bottom:1px solid var(--line);padding-bottom:16px}.assistant-toolbar strong{margin-inline-end:auto}.assistant-messages{display:grid;gap:16px;max-height:620px;overflow-y:auto;padding:20px 0;overscroll-behavior:contain}.assistant-empty{color:var(--muted);text-align:center;line-height:2;padding:30px 15px}.assistant-message{padding:18px;border:1px solid var(--line);border-radius:14px;overflow-wrap:anywhere}.assistant-user{background:var(--paper);margin-inline-start:36px}.assistant-answer{border-color:#cee4de;margin-inline-end:20px}.assistant-speaker{display:block;font-size:11px;color:var(--teal);margin-bottom:10px}.assistant-message-text{white-space:pre-wrap;line-height:2.15;unicode-bidi:plaintext}.assistant-message-meta{display:grid;gap:5px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);line-height:1.9}.assistant-compose{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:20px}.assistant-compose>label{font-weight:700;font-size:12px}.assistant-question{width:100%;resize:vertical;min-height:110px;border:1px solid #cbd8d3;border-radius:10px;background:#fbfcfb;padding:14px;color:var(--ink);line-height:2}.assistant-question:focus{outline:2px solid #8fc8b9;outline-offset:2px}.assistant-question:disabled{background:var(--paper);cursor:not-allowed}.assistant-compose>.primary-button{justify-self:start}.assistant-suggestion{border:1px solid var(--line);border-radius:20px;padding:8px 12px;background:#f7faf8;color:var(--text);font-size:10px;line-height:1.8;cursor:pointer;text-align:right}.assistant-suggestion:hover{background:var(--teal-light)}.assistant-feedback:empty{display:none}.assistant-feedback{font-size:12px;line-height:2}.assistant-filters{display:flex;gap:14px;flex-wrap:wrap;padding:15px 0}.assistant-filters label{display:grid;gap:8px;font-size:11px;flex:1;min-width:200px}.assistant-filters select{padding:10px;border:1px solid var(--line);border-radius:8px;background:white;max-width:100%}
.assistant-model-status{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;padding:12px 15px;margin:16px 0 12px;border:1px solid #d8e8df;background:#f4faf6;border-radius:10px;font-size:11px;line-height:2}.assistant-model-status strong{font-weight:600;color:var(--teal);overflow-wrap:anywhere}.assistant-model-status span{color:var(--text)}.assistant-model-help{margin-top:-8px}.assistant-context-summary{padding:12px 15px;border-radius:8px;background:var(--paper);color:var(--text);font-size:11px;line-height:2.1;margin:0 0 8px}.assistant-response-model{unicode-bidi:plaintext}
@media(max-width:640px){.assistant-intro,.assistant-settings,.assistant-chat{padding:18px;border-radius:12px}.assistant-intro h2{font-size:16px}.assistant-user{margin-inline-start:12px}.assistant-answer{margin-inline-end:0}.assistant-message{padding:14px}.assistant-messages{max-height:540px}.assistant-toolbar{gap:8px}.assistant-toolbar strong{width:100%;font-size:12px}.assistant-message-text{font-size:12px}.assistant-question{font-size:16px}.assistant-check{font-size:11px}.assistant-model-status{display:grid;gap:4px;padding:10px 12px;font-size:10px}.assistant-context-summary{font-size:10px}.assistant-filters label{min-width:0;flex-basis:100%}.assistant-filters select{width:100%;font-size:16px}}
.unit-okr-page{display:grid;gap:18px;max-width:1360px}.unit-okr-intro,.unit-okr-form-card,.unit-okr-objective,.unit-okr-approval-card{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0}.unit-okr-intro h2{font-size:20px;line-height:1.9;margin:10px 0}.unit-okr-intro>p{font-size:12px;line-height:2.2;color:var(--text)}.unit-okr-toolbar{display:flex;align-items:end;gap:15px;flex-wrap:wrap}.unit-okr-toolbar .unit-okr-field{flex:1;max-width:420px}.unit-okr-toolbar .chart-filter{width:100%;max-width:none}.unit-okr-tabs{display:flex;gap:9px;overflow-x:auto;padding-bottom:6px}.unit-okr-tabs .role-tab{white-space:nowrap;min-height:44px}.unit-okr-feedback:empty{display:none}.unit-okr-panel{min-width:0}.unit-okr-panel>.section-heading{margin-top:0}.unit-okr-panel>.notice{margin-bottom:20px}.unit-okr-objective{margin:16px 0}.unit-okr-objective-heading{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:15px}.unit-okr-objective-heading h3{font-size:14px;line-height:2;flex:1;min-width:180px}.unit-okr-code{font-size:11px;color:var(--teal);font-weight:700}.unit-okr-weight{font-size:10px;line-height:2;border-radius:20px;background:var(--teal-light);color:var(--teal);padding:4px 10px;white-space:nowrap}.unit-okr-detail-line{font-size:11px;color:var(--text);line-height:2.15;margin:7px 0;overflow-wrap:anywhere}.unit-okr-detail-line strong{font-weight:600;color:var(--ink)}.unit-okr-kr{padding:18px 0;border-top:1px solid var(--line)}.unit-okr-kr:last-child{padding-bottom:0}.unit-okr-kr-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.unit-okr-kr-heading h4{font-size:12px;line-height:2;overflow-wrap:anywhere}.unit-okr-status{font-size:10px;color:var(--teal);background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:4px 8px;white-space:nowrap}.unit-okr-metrics{display:flex;gap:12px 22px;flex-wrap:wrap;margin:12px 0;font-size:11px;line-height:2;color:var(--text)}.unit-okr-metrics strong{color:var(--ink)}.unit-okr-details{margin-top:12px;border:1px solid var(--line);border-radius:8px;padding:12px 15px;background:#fbfdfb}.unit-okr-details>summary{cursor:pointer;color:var(--teal);font-size:11px;line-height:2}.unit-okr-details[open]>summary{margin-bottom:12px}.unit-okr-form-card h3,.unit-okr-panel>h3{font-size:17px;line-height:2}.unit-okr-form{display:grid;gap:16px;margin-top:20px}.unit-okr-field{display:grid;gap:7px;min-width:0}.unit-okr-field label{font-size:11px;font-weight:600;color:var(--text);line-height:2}.unit-okr-input{width:100%;min-height:44px;border:1px solid #cfdcd4;border-radius:7px;background:#fbfdfb;color:var(--ink);padding:10px 12px;font-size:12px;line-height:1.9}.unit-okr-input:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.unit-okr-input:disabled{background:var(--paper);color:var(--muted);opacity:1;cursor:default}.unit-okr-field textarea{resize:vertical;min-height:85px}.unit-okr-input-help{color:var(--muted);font-size:10px;line-height:2;margin:5px 0}.unit-okr-actions{display:flex;gap:10px;flex-wrap:wrap}.unit-okr-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.unit-okr-editor-section{border:1px solid var(--line);border-radius:9px;background:#fff;padding:18px}.unit-okr-editor-section>summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--ink);line-height:2;overflow-wrap:anywhere}.unit-okr-editor-section[open]{display:grid;gap:16px}.unit-okr-editor-section[open]>summary{margin-bottom:16px}.unit-okr-editor-section>.unit-okr-field{margin-top:15px}.unit-okr-editor-kr{border:1px solid var(--line);border-radius:8px;background:#fbfdfb;padding:18px;margin:18px 0;display:grid;gap:14px}.unit-okr-editor-kr h4{font-size:13px;line-height:2;color:var(--teal);margin:0}.unit-okr-editor-kr .unit-okr-detail-line{margin:0}.unit-okr-weight-total{font-size:12px;color:var(--teal);line-height:2;padding:10px 14px;background:var(--teal-light);border-radius:7px}.unit-okr-weight-total.invalid{color:var(--warning);background:var(--warning-bg)}.unit-okr-approval-card{margin:17px 0}.unit-okr-approval-card>h4{font-size:16px;line-height:2}.unit-okr-approval-card table{white-space:normal;min-width:560px;table-layout:fixed}.unit-okr-approval-card th:first-child,.unit-okr-approval-card td:first-child{width:24%}.unit-okr-approval-card td{vertical-align:top;overflow-wrap:anywhere}.unit-okr-chart .chart-track:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
@media(max-width:640px){.unit-okr-page{gap:14px}.unit-okr-intro,.unit-okr-form-card,.unit-okr-objective,.unit-okr-approval-card{padding:18px;border-radius:10px}.unit-okr-intro h2{font-size:17px}.unit-okr-intro>p{font-size:11px}.unit-okr-tabs .role-tab{font-size:10px}.unit-okr-kr-heading{display:block}.unit-okr-status{display:inline-block;margin-top:8px}.unit-okr-input-grid{grid-template-columns:1fr}.unit-okr-input{font-size:16px}.unit-okr-toolbar{align-items:stretch}.unit-okr-toolbar .unit-okr-field{max-width:none;flex-basis:100%}.unit-okr-actions>*{flex:1}.unit-okr-editor-section{padding:14px}.unit-okr-editor-kr{padding:14px}.unit-okr-metrics{font-size:10px;gap:9px 16px}.unit-okr-objective-heading h3{font-size:13px}.unit-okr-detail-line{font-size:10px}.unit-okr-panel .stat-value{font-size:20px;line-height:1.8}.unit-okr-form-card h3{font-size:15px}}
.criterion-group{border-bottom:1px solid var(--line)}.criterion-group:last-child{border-bottom:0}.criterion-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px 25px 8px;background:#f7faf8}.criterion-heading h4{font-size:13px;line-height:2;color:var(--ink)}.criterion-weight{font-size:10px;color:var(--teal);line-height:2}.criterion-preview{font-size:10px;color:var(--muted);line-height:2;background:#f7faf8;padding:0 25px 16px;border-bottom:1px solid #edf1ee}.criterion-group .question-number{flex-basis:34px;min-width:34px}.criterion-group .question:last-child{border-bottom:0}.form-intro .specialized-form-note{color:var(--text);background:#f5f9f6;border-radius:6px;padding:10px 12px}.form-intro .legacy-draft-note{color:var(--warning);background:var(--warning-bg);border:1px solid #f1e3c8;border-radius:6px;padding:10px 12px}.admin-criterion-detail{border-top:1px solid var(--line);padding:14px 0;margin-top:12px}.admin-criterion-detail h4{font-size:12px;line-height:2;color:var(--ink)}.admin-criterion-detail p{overflow-wrap:anywhere}@media(max-width:640px){.criterion-heading{padding:17px 19px 6px;gap:4px}.criterion-heading h4{font-size:12px;flex-basis:100%}.criterion-weight{font-size:9px}.criterion-preview{padding:0 19px 13px;font-size:9px}.criterion-group .question-number{font-size:9px;flex-basis:30px;min-width:30px}.criterion-group .answer-select{font-size:16px}.criterion-group .evidence-field textarea{font-size:16px}}
.legacy-evaluation{margin-top:14px;border:1px solid var(--line);border-radius:7px;padding:12px 14px;background:#fbfcfb}.legacy-evaluation>summary{cursor:pointer;color:var(--teal);font-size:11px;line-height:2}.legacy-evaluation p{overflow-wrap:anywhere}.legacy-evaluation[open]>summary{margin-bottom:12px}
.own-result-pending{font-size:12px;line-height:2.1;margin-top:19px;color:var(--warning)}@media(max-width:640px){.own-result-pending{font-size:10px}}
.own-result-page{max-width:1100px;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:26px}.own-result-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.own-result-heading h2{font-size:19px;line-height:2}.own-result-heading button{min-height:44px}.own-result-message{font-size:12px;line-height:2.2;color:var(--text);margin:16px 0}.own-result-message.incomplete{padding:15px 18px;border:1px solid #f1e3c8;border-radius:8px;background:var(--warning-bg);color:var(--warning)}.own-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.own-result-card{min-width:0;border:1px solid var(--line);border-radius:9px;background:#fafcfb;padding:22px 16px}.own-result-card h3{font-size:12px;line-height:2;color:var(--text);font-weight:500}.own-result-score{margin-top:16px;font-size:11px;color:var(--muted);line-height:1.9}.own-result-score strong{font-size:30px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.own-result-total{border-color:#bbd6c7;background:var(--teal-light)}.own-result-total .own-result-score strong{color:var(--teal)}.own-result-exempt{font-size:12px;line-height:2;margin-top:19px;color:var(--muted)}.own-result-help{font-size:11px;color:var(--muted);line-height:2.2}@media(max-width:900px){.own-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.own-result-page{padding:20px 17px}.own-result-heading h2{font-size:16px}.own-result-message{font-size:11px}.own-result-grid{gap:10px;margin:18px 0}.own-result-card{padding:18px 13px}.own-result-card h3{font-size:11px}.own-result-score strong{font-size:27px}.own-result-score{font-size:10px}.own-result-exempt,.own-result-help{font-size:10px}}@media(max-width:360px){.own-result-grid{grid-template-columns:1fr}}
/* Visual refresh · 1405/07 · presentation only; source scores and access stay unchanged. */
:root {
  --navy:#101f42; --navy-soft:#21375b; --teal:#087f8c; --teal-dark:#086a76;
  --teal-light:#e7f5f6; --ink:#1c2c47; --text:#50627a; --muted:#66778e;
  --line:#e1e8f0; --paper:#f3f6fb; --gold:#7edbd3;
  --shadow:0 5px 24px #172d5010; --shadow-hover:0 12px 30px #172d5018;
  font-family:"Vazirmatn","Vazir",Tahoma,"Segoe UI",Arial,sans-serif;
  font-size:14px; background:var(--paper);
}

/* Calibration: exact guide in a readable full-page reading area; no hidden sections. */
.calibration-page{max-width:1040px;margin:0 auto 28px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}
.calibration-hero{padding:28px 32px 22px;background:linear-gradient(115deg,#eaf6f7,#f3f6fc);border-bottom:1px solid #dce8ee}
.calibration-kicker{display:block;font-size:12px;font-weight:600;color:#126e7b;margin-bottom:7px}
.calibration-hero h2{font-size:24px;font-weight:750;line-height:1.8;color:var(--ink)}
.calibration-hero>p{font-size:14px;line-height:1.95;color:var(--text);margin-top:8px}
.calibration-hero .calibration-instructions{font-size:13px;color:#24536d;margin-top:12px}
.calibration-scroll{height:min(60dvh,650px);min-height:240px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:6px 32px 20px;scrollbar-width:thin;scrollbar-color:#7aaeb9 #edf3f7;background:#fff}
.calibration-scroll:focus-visible{outline:3px solid #208e9d;outline-offset:-4px}
.calibration-section{padding:23px 0;border-bottom:1px solid #e5edf3}
.calibration-section:last-of-type{border-bottom:0}
.calibration-section h3{font-size:18px;font-weight:700;line-height:1.9;color:#1a4661;margin-bottom:12px}
.calibration-paragraph{font-size:15px;line-height:2.15;color:#354b61;overflow-wrap:anywhere;margin:0 0 13px}
.calibration-paragraph:last-child{margin-bottom:0}
.calibration-section[id="final-question"]{padding:22px;border:1px solid #cae3e8;border-radius:14px;background:#f0f9f9;margin-block:10px 20px}
.calibration-section[id="final-question"] .calibration-paragraph:first-of-type{font-weight:650;color:#185566}
.calibration-callout{padding:14px 18px;border-inline-start:3px solid #479da9;border-radius:8px;background:#edf7f8;color:#225c70;font-size:13px;line-height:2;margin-top:14px}
.calibration-end{padding:15px 0 3px;font-size:12px;color:#61798b;text-align:center}
.calibration-footer{padding:21px 32px 25px;border-top:1px solid #dce8ee;background:#fbfcfe}
.calibration-status{font-size:13px;line-height:1.95;color:#506b80;margin-bottom:12px}
.calibration-check{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid #d7e3ed;border-radius:12px;background:#fff;font-size:14px;font-weight:550;line-height:1.95;color:#2b485f;cursor:pointer}
.calibration-check input{width:22px;height:22px;flex:0 0 22px;accent-color:#087f8c;margin:3px 0;cursor:pointer}
.calibration-check:has(input:disabled){background:#f2f5f8;color:#6a7e8d;cursor:not-allowed}
.calibration-check:has(input:checked){border-color:#3a97a2;background:#ecf8f7}
.calibration-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px}
.calibration-actions button{min-height:46px;min-width:160px}
.calibration-list{padding-inline-start:24px;font-size:15px;line-height:2}
.calibration-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}
.calibration-table{width:100%;font-size:13px}
.calibration-bands{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;direction:ltr;margin-top:15px}
.calibration-band{--band-ink:#8b3449;--band-bg:#fff1f3;--band-line:#ebc5ce;direction:rtl;min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;padding:9px 7px;border:1px solid var(--band-line);border-top:3px solid var(--band-ink);border-radius:9px;background:var(--band-bg);color:var(--band-ink);font-size:12px;line-height:1.7}
.calibration-band[data-band-index="1"]{--band-ink:#975326;--band-bg:#fff3e9;--band-line:#ebd0b6}
.calibration-band[data-band-index="2"]{--band-ink:#806119;--band-bg:#fff9e7;--band-line:#e9dfb5}
.calibration-band[data-band-index="3"]{--band-ink:#426d58;--band-bg:#f0f7ef;--band-line:#c9dec9}
.calibration-band[data-band-index="4"]{--band-ink:#176783;--band-bg:#eaf5fb;--band-line:#b9d9ea}
.calibration-band-range{font-variant-numeric:tabular-nums;direction:rtl;unicode-bidi:isolate;font-weight:650;white-space:nowrap}
.calibration-band.is-current{outline:2px solid var(--band-ink);outline-offset:1px;box-shadow:0 3px 9px #24435d12}
.calibration-band.is-current .calibration-band-range{font-weight:800}
.calibration-current-band{font-size:13px;line-height:1.95;color:#315b73;margin-top:11px;min-height:25px;font-weight:600}
@media(max-width:640px){
 .calibration-page{border-radius:15px}
 .calibration-hero{padding:22px 19px 18px}
 .calibration-hero h2{font-size:21px;line-height:1.85}
 .calibration-hero>p{font-size:13px}
 .calibration-scroll{height:56dvh;min-height:230px;padding:4px 20px 18px}
 .calibration-section{padding-block:20px}
 .calibration-section h3{font-size:16px}
 .calibration-paragraph{font-size:15px;line-height:2.1}
 .calibration-footer{padding:18px}
 .calibration-check{font-size:13px;padding:12px}
 .calibration-actions{flex-direction:column-reverse}
 .calibration-actions button{width:100%}
 .calibration-bands{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
 .calibration-band{grid-column:span 2}
 .calibration-band:nth-last-child(-n+2){grid-column:span 3}
 .calibration-band{font-size:12px;padding:9px 6px}
 .calibration-current-band{font-size:12px}
}
body { background:radial-gradient(ellipse at 10% 0%,#e8effb 0,transparent 42%),var(--paper); }
button,input,textarea,select { font-family:inherit; }
::selection { background:#b7e5e5; color:#172d4e; }
h1 { font-size:28px; line-height:1.8; letter-spacing:-.6px; }
h2 { font-size:20px; line-height:1.9; }
h3 { line-height:2; }
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible {
  outline:3px solid #1496a2; outline-offset:4px;
}
.sidebar {
  width:252px; flex-basis:252px; padding:32px 18px 22px; min-height:0;
  height:100vh; height:100dvh; overflow-y:auto; overscroll-behavior:contain;
  background:radial-gradient(ellipse at 100% 0%,#24446e 0,transparent 55%),linear-gradient(160deg,#102343,#101c35);
  border-inline-end:1px solid #254061; scrollbar-width:thin; scrollbar-color:#496079 transparent;
}
.brand { padding:0 16px; gap:16px; }
.brand strong { font-size:28px; letter-spacing:-1px; }
.brand small { color:#b4c5dd; font-size:10px; letter-spacing:3.8px; }
.brand-mark i { background:#2da5c1; border-radius:6px; }
.brand-mark i:nth-child(2) { background:#77e0d0; }
.brand-mark i:nth-child(3) { background:#477de1; }
.sidebar-divider { margin:25px 14px 21px; background:#ffffff20; }
.nav-caption { color:#a7bbd5; font-size:10px; margin-bottom:13px; }
.nav-list { gap:6px; }
.nav-item {
  padding:12px 14px; border:1px solid transparent; border-radius:11px; min-height:49px;
  color:#c5d2e5; gap:12px; font-size:12px; transition:background .18s,color .18s,border-color .18s;
}
.nav-item:hover:not(:disabled) { background:#ffffff0c; color:white; border-color:#ffffff0d; }
.nav-item.selected {
  color:#fff; background:linear-gradient(100deg,#294b70,#1f435e);
  border-color:#54748a55; box-shadow:inset -3px 0 #70d8d0,0 5px 16px #06132725;
}
.nav-icon { width:23px; height:23px; flex:0 0 23px; display:inline-flex; align-items:center; justify-content:center; color:#b1c7df; }
.nav-icon svg { width:22px; height:22px; display:block; }
.selected .nav-icon { color:#8de2df; }
.nav-count { background:#effaff20; border:1px solid #ffffff17; border-radius:7px; padding:2px 7px; color:#e8ffff; }
.sidebar-note { margin:32px 12px 24px; padding:18px 14px; background:#ffffff06; border:1px solid #ffffff12; border-radius:12px; }
.small-lock { color:#8fd3d7; margin-bottom:8px; }
.sidebar-note strong { color:#d3dfed; font-size:11px; }
.sidebar-note p { color:#a6b7cd; font-size:10px; line-height:2.1; }
.sidebar-bottom { color:#afc2d8; padding-top:5px; }
.sidebar-bottom small { color:#91a9c5; }
.connection-dot { background:#70d8d0; width:6px; height:6px; box-shadow:0 0 0 3px #70d8d018; }
.topbar { min-height:78px; height:auto; padding:20px 40px; background:#ffffffbd; border-bottom:1px solid #dfe7f0; }
.breadcrumb { font-size:11px; color:var(--muted); gap:12px; }
.breadcrumb strong { font-weight:600; color:var(--ink); }
.topbar-actions { font-size:11px; gap:14px; color:var(--text); flex-wrap:wrap; }
.period-label { background:#eef3fa; border:1px solid #dfe8f3; border-radius:8px; padding:7px 10px; color:#4a6284; }
.user-label { color:var(--ink); }
main { padding:32px 40px 0; max-width:1540px; }
.page-heading { margin-bottom:25px; }
.eyebrow { font-size:11px; font-weight:600; color:var(--teal); letter-spacing:0; }
.page-subtitle { font-size:12px; color:var(--muted); line-height:2.1; margin-top:6px; max-width:800px; }
.state-pill { font-size:10px; padding:8px 12px; }
.state-pill.active { color:#246d66; background:#e7f5f0; border-color:#c9e5dc; }
.page-footer { font-size:10px; line-height:2; color:var(--muted); margin-top:32px; padding:20px 0; }
.primary-button,.secondary-button,.danger-button {
  border-radius:10px; min-height:45px; font-size:12px; padding:11px 18px;
  transition:background .16s,box-shadow .16s,border-color .16s;
}
.primary-button { background:linear-gradient(110deg,#087f8c,#0d8993); border-color:#087b86; box-shadow:0 4px 10px #087f8c20; }
.primary-button:hover:not(:disabled) { background:linear-gradient(110deg,#086a76,#087e87); box-shadow:0 6px 15px #087f8c30; }
.primary-button:disabled { box-shadow:none; background:#e5eaf0; color:#6b788b; border-color:#dce3eb; }
.secondary-button { background:#fff; border-color:#d9e2ec; color:#3c526e; }
.secondary-button:hover:not(:disabled) { background:#f0f5fa; border-color:#bdcddd; }
.text-button { font-size:12px; min-height:36px; border-radius:7px; }
.text-button:hover:not(:disabled) { background:#087f8c0a; }
.muted-small { font-size:11px; color:var(--muted); }
.section-heading { margin:28px 0 16px; }
.section-heading h2 { font-size:17px; }
.section-heading>span { font-size:11px; color:var(--muted); }
.notice { border-radius:12px; font-size:12px; padding:14px 18px; }
.card,.stat-card,.assignment-card,.table-card,.chart-card,.form-intro,.question-section,.form-summary,
.auth-card,.assistant-intro,.assistant-settings,.assistant-chat,.unit-okr-intro,.unit-okr-form-card,
.unit-okr-objective,.unit-okr-approval-card,.own-result-page {
  border-color:var(--line); border-radius:16px; box-shadow:var(--shadow);
}
.login-layout { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,1fr); gap:0; max-width:1120px; margin:8px auto 0; background:#fff; border:1px solid #dce6f0; border-radius:23px; overflow:hidden; box-shadow:0 16px 50px #142c5012; }
.login-story { position:relative; padding:38px 34px 26px; display:flex; flex-direction:column; overflow:hidden; color:#fff; background:radial-gradient(ellipse at 0% 60%,#177e8e99,transparent 68%),linear-gradient(145deg,#163659,#132746); }
.login-story-kicker { font-size:11px; color:#b2dcdF; letter-spacing:0; }
.login-story-title { font-size:27px; line-height:1.9; letter-spacing:-.6px; max-width:340px; margin:16px 0 13px; }
.login-story-lead { font-size:12px; line-height:2.4; color:#c0d3e4; max-width:350px; }
.login-story-flow { display:flex; justify-content:space-between; gap:9px; position:relative; z-index:1; margin-top:auto; padding-top:22px; border-top:1px solid #ffffff24; font-size:10px; color:#d0e7ef; }
.login-story-flow span { display:flex; align-items:center; gap:7px; }
.login-story-flow span::before { content:""; height:6px; width:6px; flex:0 0 6px; background:#77d9cf; border-radius:50%; }
.auth-card { padding:32px; }
.auth-card.login-card { width:100%; max-width:none; margin:0; padding:44px 36px 32px; border:0; border-radius:0; box-shadow:none; align-self:center; }
.login-panel-kicker { display:block; color:var(--teal); font-size:11px; font-weight:600; margin-bottom:13px; }
.auth-card h2 { font-size:23px; }
.auth-description { font-size:12px; color:var(--text); line-height:2.1; }
.login-form { margin-top:28px; gap:20px; }
.login-field label { font-size:12px; color:#405470; margin-bottom:9px; }
.login-input,.search-input,.chart-filter,.weight-setting-select,.unit-okr-field input,.unit-okr-field select,.unit-okr-field textarea {
  border-radius:10px; border-color:#d7e1ed; color:var(--ink); background:#f8fafd; min-height:46px;
}
.login-input { min-height:50px; padding:12px 14px; font-size:15px; }
.login-input:focus { background:white; border-color:#2e99a2; box-shadow:0 0 0 4px #0d899310; }
.password-input-wrap { position:relative; }
.password-input-wrap .login-input { padding-right:58px; }
.password-toggle { position:absolute; top:3px; right:4px; bottom:3px; width:44px; min-height:44px; display:flex; align-items:center; justify-content:center; border:0; border-radius:8px; background:transparent; color:#526780; cursor:pointer; }
.password-toggle:hover { background:#e5f3f3; color:var(--teal); }
.password-toggle:focus-visible { outline:2px solid var(--teal); outline-offset:1px; }
.password-toggle:disabled { opacity:.45; cursor:wait; }
.password-eye { position:relative; width:22px; height:14px; border:1.8px solid currentColor; border-radius:70% 70%; }
.password-eye::before { content:""; position:absolute; width:6px; height:6px; top:2.2px; left:6.2px; border:1.6px solid currentColor; border-radius:50%; }
.password-toggle[aria-pressed="true"] .password-eye::after { content:""; position:absolute; width:27px; height:2px; top:4px; left:-4px; background:currentColor; transform:rotate(-40deg); }
.login-form .primary-button { min-height:49px; font-size:13px; margin-top:3px; }
.login-panel-footnote { margin-top:23px; padding-top:17px; border-top:1px solid var(--line); font-size:10px; color:var(--muted); line-height:2.1; }
.brand-motif { position:relative; width:210px; height:180px; flex:0 0 210px; pointer-events:none; user-select:none; }
.motif-orbit { position:absolute; top:50%; left:50%; border:1px solid #a5e2e335; border-radius:50%; transform:translate(-50%,-50%) rotate(-25deg); width:140px; height:140px; }
.orbit-two { width:196px; height:160px; transform:translate(-50%,-50%) rotate(32deg); border-style:dashed; opacity:.65; }
.motif-core { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:8px; transform:rotate(-12deg); }
.motif-core i { display:block; width:22px; height:64px; border-radius:9px; background:linear-gradient(135deg,#7cdbd7,#229fbd); box-shadow:7px 14px 20px #06172835; transform:skewY(-18deg); }
.motif-core i:nth-child(2) { height:92px; background:linear-gradient(150deg,#c1f9df,#55cbbf); }
.motif-core i:nth-child(3) { height:48px; background:linear-gradient(150deg,#98beff,#5588dc); }
.motif-point { position:absolute; width:8px; height:8px; border-radius:50%; background:#96e7db; box-shadow:0 0 0 5px #6bdecd0f; }
.point-one { top:30px; right:38px; }.point-two { bottom:24px; left:41px; width:5px; height:5px; background:#7caaff; }.point-three { bottom:34px; right:25px; width:4px; height:4px; background:#b4cbf4; }
.login-story-art { margin:12px auto 6px; flex-basis:180px; }
.welcome-card,.report-intro {
  position:relative; overflow:hidden; display:flex; align-items:center; justify-content:space-between; gap:22px;
  padding:30px 32px; border:1px solid #245277; border-radius:18px;
  background:radial-gradient(ellipse at 0% 100%,#15808b55,transparent 63%),linear-gradient(115deg,#143653,#183453);
  color:#fff; box-shadow:0 9px 25px #12375615;
}
.welcome-copy,.report-intro-copy { min-width:0; position:relative; z-index:1; flex:1; }
.welcome-kicker,.report-kicker { display:block; color:#96dfdc; font-size:10px; margin-bottom:10px; }
.welcome-card h2,.report-intro h2 { color:#fff; font-size:24px; line-height:1.9; }
.welcome-card p,.report-intro p { color:#c9dbe9; font-size:12px; line-height:2.2; max-width:740px; margin-top:9px; }
.welcome-actions { margin-top:20px; }
.welcome-card .primary-button { background:#e6f7f5; border-color:#e6f7f5; color:#16515a; box-shadow:none; }
.welcome-card .primary-button:hover { background:#ccefeb; }
.welcome-art { width:150px; flex-basis:150px; height:150px; opacity:.9; }
.report-intro { min-height:153px; margin-bottom:22px; padding-block:23px; }
.report-intro h2 { font-size:21px; }
.report-intro-art { width:130px; flex-basis:130px; height:118px; transform:scale(.75); }
.summary-grid { gap:18px; margin:23px 0; }
.stat-card { padding:22px 24px; position:relative; overflow:hidden; }
.stat-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; }
.stat-label { font-size:12px; color:var(--text); margin:0; }
.stat-marker { width:30px; height:30px; flex:0 0 30px; border-radius:9px; background:#eaf0fc; position:relative; }
.stat-marker::after { content:""; position:absolute; inset:9px; border:2px solid #6080bd; border-radius:4px; }
.stat-card-2 .stat-marker { background:#e3f4f0; }.stat-card-2 .stat-marker::after { border-color:#288c7d; border-radius:50%; }
.stat-card-3 .stat-marker { background:#fff2dd; }.stat-card-3 .stat-marker::after { border-color:#ab7e36; border-radius:50% 50% 2px 2px; }
.stat-value { font-size:34px; line-height:1.5; font-variant-numeric:tabular-nums; color:#223b61; }
.stat-card-2 .stat-value { color:#167e79; }
.stat-help { font-size:11px; line-height:1.9; color:var(--muted); margin-top:8px; }
.assignment-grid { gap:18px; }
.assignment-card { padding:24px; transition:box-shadow .18s,border-color .18s; }
.assignment-card:hover { border-color:#c5d5e6; box-shadow:var(--shadow-hover); }
.person-avatar { width:46px; height:46px; border-radius:14px; background:#eef3ff; color:#5276b5; border-color:#e0e9fa; font-size:19px; }
.assignment-card:nth-child(3n+2) .person-avatar { background:#e8f6f3; color:#32867c; border-color:#d7ede7; }
.assignment-card:nth-child(3n) .person-avatar { background:#f4effb; color:#826aa6; border-color:#e7ddf3; }
.assignment-card h3 { font-size:17px; }.assignment-role { font-size:12px; line-height:2; color:var(--text); }
.assignment-foot { margin-top:22px; padding-top:15px; }.score-small { font-size:12px; }
.status-chip { font-size:11px; border-radius:7px; padding:5px 9px; }
.status-chip.pending { background:#fff3df; color:#8a611d; }
.status-chip.draft { background:#eaf2ff; color:#486caa; }
.status-chip.finalized { background:#e6f5ee; color:#267454; }
.role-tabs,.unit-okr-tabs { gap:6px; padding:5px; border:1px solid var(--line); background:#eaf0f7; border-radius:12px; }
.role-tab { min-height:44px; border-radius:9px; font-size:12px; padding:10px 15px; color:var(--text); white-space:nowrap; border-color:transparent; background:transparent; }
.role-tab.active,.role-tab[aria-selected="true"] { background:#fff; color:var(--teal); border-color:#d8e5ec; box-shadow:0 3px 7px #2643620c; }
.empty-state { padding:40px 24px; background:#ffffffb0; border:1px dashed #c7d7e8; border-radius:16px; }
.empty-state h2 { font-size:18px; color:#3a526f; }.empty-state p { font-size:12px; max-width:650px; margin:10px auto 0; color:var(--muted); }
.form-workspace { grid-template-columns:minmax(0,1fr) 248px; gap:20px; }
.form-summary { padding:23px; border-top:3px solid #208d97; top:22px; }
.form-summary h3 { font-size:14px; }.summary-score { font-size:42px; }.summary-score small { font-size:12px; }
.score-description,.progress-label,.summary-rule { font-size:11px; line-height:2; color:var(--text); }
.summary-progress { background:#edf2f7; height:7px; }.summary-progress span { background:linear-gradient(90deg,#38a3b5,#64c5b6); }
.form-summary .primary-button,.form-summary .secondary-button { font-size:11px; min-height:45px; }
.form-intro { padding:25px 28px; }.form-intro p { font-size:12px; }
.meta-tag { border-radius:7px; font-size:10px; color:#536e89; background:#eef3fa; padding:6px 9px; }
.question-section-header { background:#edf3fa; padding:19px 25px; }.question-section-header h3 { font-size:14px; }
.section-weight { font-size:11px; color:#61748d; }.question { padding:24px 25px; border-color:#e8edf4; }
.question-title label { font-size:13px; line-height:2.15; }.question-number { background:#f1f5fb; color:#557395; border-color:#dce6f2; border-radius:7px; height:28px; flex-basis:28px; font-size:11px; }
.question-weight { font-size:11px; color:var(--muted); }.answer-field { margin-top:18px; }
.answer-field>label,.evidence-field>label { color:var(--text); font-size:11px; line-height:1.9; }
.answer-options { gap:9px; }
.answer-option { background:#f9fbfd; border-color:#dce5ee; border-radius:11px; padding:12px; font-size:12px; min-height:61px; }
.answer-option:hover:not(:disabled) { background:#f0f7f9; border-color:#67aeb6; }
.answer-option[aria-checked="true"] { background:var(--answer-bg,#e6f5f2); border-color:var(--answer-ink,#167e79); box-shadow:0 0 0 1px var(--answer-ink,#167e79),0 3px 8px #153e5e0b; }
.answer-option-mark { border-color:#b4c5d5; width:23px; height:23px; flex-basis:23px; }
.evidence-field textarea { background:#fbfcfe; border-color:#d7e1ed; border-radius:10px; font-size:12px; padding:12px 14px; min-height:85px; }
.field-warning { font-size:11px; border-radius:8px; }.required-indicator { font-size:11px; }
.criterion-heading { background:#eff5fa; padding:22px 25px 8px; }.criterion-heading h4 { font-size:14px; margin:0; }
.criterion-weight { font-size:11px; }.criterion-preview { background:#eff5fa; font-size:11px; color:#536980; padding-bottom:19px; }
.legacy-evaluation { border-radius:10px; }.legacy-evaluation>summary { font-size:12px; }
.table-heading { padding:20px 24px; background:#fff; }.table-heading h2 { font-size:16px; }
table { font-size:12px; }th { padding:14px 20px; font-size:11px; font-weight:600; background:#f0f5fb; color:#526c8c; }
td { padding:17px 20px; color:#4b6079; border-color:#edf1f6; }
tbody tr:nth-child(even) { background:#fbfcfe; }tbody tr:hover { background:#f3f8fc; }
.table-empty { color:var(--muted); font-size:12px; padding:30px 20px; }
.filter-row { gap:12px; }.filter-row label { font-size:12px; }.search-input,.chart-filter { font-size:12px; }
.charts-grid { gap:20px; }.chart-card { padding:25px; }.chart-card h3 { font-size:16px; }
.chart-description { font-size:12px; color:var(--muted); line-height:2; margin:8px 0 22px; }
.chart-row { margin:20px 0; }.chart-row-header { font-size:12px; gap:16px; margin-bottom:9px; }
.chart-row-value { font-size:12px; color:#187b87; }.chart-row-help { font-size:11px; line-height:1.9; }
.chart-track { height:11px; background:#edf2f8; border-radius:8px; }
.chart-fill { border-radius:8px; background:linear-gradient(90deg,#4597be,#30a6a8); }
.chart-fill.preliminary { background:repeating-linear-gradient(45deg,#bb9247,#bb9247 5px,#d8bc83 5px,#d8bc83 10px); }
.chart-empty { font-size:12px; border-radius:10px; color:var(--text); border-color:#d7e3ee; background:#f6f9fc; padding:20px; }
.chart-data>summary { font-size:11px; padding:4px 0; }.chart-data { border-color:var(--line); margin-top:20px; }
.storage-label { font-size:12px; }.admin-detail { border-radius:14px; background:#f5f8fc; padding:23px; }
.admin-detail h3 { font-size:15px; }.admin-detail p { font-size:12px; line-height:2.2; }
.admin-criterion-detail h4 { font-size:13px; }.audit-badge { font-size:11px; border-radius:6px; }
.assistant-intro { background:linear-gradient(110deg,#f4f8ff,#fff 65%); border-top:3px solid #6c8ece; }
.assistant-intro h2 { font-size:22px; }.assistant-intro p,.assistant-help { font-size:12px; }
.assistant-settings summary { font-size:13px; color:#344f71; }.assistant-status { font-size:11px; }
.assistant-message { border-radius:14px; padding:22px; }.assistant-user { background:#eef4fc; border-color:#dce6f4; }
.assistant-answer { border-color:#c9e5e5; background:#f9fdfc; }.assistant-message-text { font-size:13px; }
.assistant-empty { padding:42px 20px; font-size:13px; }.assistant-speaker { font-size:12px; font-weight:600; }
.assistant-suggestion { border-radius:9px; font-size:11px; padding:10px 13px; color:#49647e; background:#f4f8fc; min-height:42px; }
.assistant-question { background:#fafcfe; border-color:#d4e0ec; border-radius:12px; font-size:14px; }
.assistant-model-status { background:#eff8f8; border-color:#d0e8e8; }.assistant-context-summary { font-size:12px; border-radius:10px; }
.unit-okr-intro { background:linear-gradient(110deg,#f2f7fd,white); border-top:3px solid #4b88b6; }
.unit-okr-intro h2 { font-size:22px; }.unit-okr-intro>p { font-size:13px; }
.unit-okr-tabs .role-tab { font-size:12px; }.unit-okr-objective-heading h3 { font-size:16px; }
.unit-okr-kr-heading h4 { font-size:13px; margin:0; }.unit-okr-metrics { font-size:12px; gap:10px 18px; padding:12px 14px; background:#f3f7fb; border-radius:10px; }
.unit-okr-field label { font-size:12px; }.unit-okr-kr { padding:23px 0; }
.own-result-page { padding:28px; }
.own-result-heading h2 { font-size:21px; }
.own-result-message { font-size:13px; }.own-result-message.incomplete { border-radius:12px; }
.own-result-grid { gap:16px; }.own-result-card { padding:24px 20px; background:#f7faff; border-color:#dce6f1; border-radius:13px; }
.own-result-card h3 { font-size:13px; color:var(--text); }.own-result-score strong { font-size:36px; color:#26466b; }.own-result-score { font-size:12px; }
.own-result-total { background:linear-gradient(130deg,#e4f5f2,#effaf7); border-color:#bcdfd5; }
.own-result-total .own-result-score strong { color:#167e79; }
.own-result-help,.own-result-exempt,.own-result-pending { font-size:12px; }
dialog { border-radius:20px; box-shadow:0 30px 120px #10213e50; }.dialog-body { padding:32px; }
.dialog-body h2 { font-size:22px; }.dialog-body p { font-size:13px; }
.dialog-symbol { background:#e5f4f4; border-radius:13px; height:48px; width:48px; }
@media(min-width:1500px) { main { padding-top:38px; }.login-layout { margin-top:24px; }.login-story { padding:44px; }.auth-card.login-card { padding:48px; } }
@media(max-width:1150px) {
  .sidebar { width:218px; flex-basis:218px; padding:28px 12px 20px; }
  .nav-item { padding:11px; font-size:11px; gap:10px; }
  main { padding:27px 25px 0; }.topbar { padding:18px 25px; }
  .login-layout { grid-template-columns:minmax(0,1fr) minmax(290px,1fr); }
  .login-story { padding:30px 25px 24px; }.login-story-title { font-size:24px; }
  .auth-card.login-card { padding:34px 27px; }.welcome-card { padding:26px; }.welcome-art { flex-basis:120px; width:120px; }
  .form-workspace { grid-template-columns:minmax(0,1fr) 218px; gap:16px; }.form-summary { padding:20px; }
  .answer-field { margin-right:0; }.stat-card { padding:20px; }
}
@media(max-width:900px) {
  .sidebar { width:195px; flex-basis:195px; padding-inline:9px; }.nav-item { font-size:10px; gap:8px; }
  .brand { padding-inline:10px; }.brand strong { font-size:24px; }.sidebar-note { margin-inline:7px; padding:14px 10px; }
  main { padding:24px 21px 0; }.topbar { padding:16px 21px; }.topbar-actions { gap:9px; font-size:10px; }
  .login-layout { grid-template-columns:1fr; }.login-story { padding:24px 28px; min-height:170px; }
  .login-story-title { font-size:23px; max-width:75%; margin:10px 0; }.login-story-lead { max-width:74%; }
  .login-story-art { position:absolute; left:-28px; top:0; margin:0; transform:scale(.72); opacity:.5; }
  .login-story-flow { margin-top:20px; padding-top:15px; justify-content:flex-start; gap:22px; }
  .auth-card.login-card { padding:29px; }.login-form { gap:17px; margin-top:23px; }
  .page-heading { gap:14px; }.state-pill { margin-top:10px; }
  .form-workspace { display:flex; flex-direction:column-reverse; }.form-summary { top:auto; }
  .stat-head { gap:6px; }.stat-label { font-size:11px; }.stat-marker { width:25px; height:25px; flex-basis:25px; }.stat-marker::after { inset:7px; }
  .stat-value { font-size:29px; }.stat-help { font-size:10px; }
  .welcome-card h2 { font-size:21px; }.welcome-art { display:none; }.report-intro-art { display:none; }
  .report-intro { padding:24px; }.chart-card { padding:21px; }
  .own-result-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:640px) {
  body { background:#f4f7fb; }.app-shell { display:block; }
  .sidebar { position:static; width:100%; height:auto; min-height:0; padding:18px 18px 12px; overflow:visible; }
  .brand { padding:0; gap:10px; }.brand strong { font-size:24px; }.brand small { font-size:9px; }
  .brand-mark { transform:rotate(-9deg) scale(.85); }
  .nav-list { margin-top:17px; flex-direction:row; overflow-x:auto; padding:0 0 5px; gap:7px; scrollbar-width:thin; }
  .nav-item { font-size:11px; min-height:44px; padding:10px 12px; border-radius:9px; flex-shrink:0; gap:8px; }
  .nav-item.selected { box-shadow:inset 0 -2px #70d8d0; }.nav-icon,.nav-icon svg { width:19px; height:19px; flex-basis:19px; }
  .sidebar-divider,.nav-caption,.sidebar-note,.sidebar-bottom { display:none; }
  .topbar { min-height:58px; padding:12px 18px; gap:8px; display:grid; }.breadcrumb { font-size:10px; gap:8px; }
  .topbar-actions { font-size:10px; gap:7px; justify-content:space-between; }.period-label { font-size:10px; padding:5px 8px; }
  main { padding:23px 17px 0; }.page-heading { margin-bottom:21px; }.eyebrow { font-size:10px; }
  h1 { font-size:24px; line-height:1.8; }.page-subtitle { font-size:12px; line-height:2; }
  .state-pill { font-size:10px; margin-top:12px; padding:6px 10px; }
  .login-layout { margin-top:0; border-radius:17px; }.login-story { padding:24px; }
  .login-story-title { font-size:23px; max-width:85%; }.login-story-lead { font-size:11px; max-width:87%; }
  .login-story-art { left:-40px; opacity:.24; }.login-story-flow { font-size:9px; justify-content:space-between; gap:6px; }
  .auth-card.login-card { padding:27px 24px; }.auth-card h2 { font-size:21px; }.auth-description { font-size:12px; }
  .login-input,.search-input,.chart-filter,.weight-setting-select,.unit-okr-field input,.unit-okr-field select,.unit-okr-field textarea,.evidence-field textarea,.assistant-question { font-size:16px; }
  .login-panel-footnote { font-size:11px; }.login-form .primary-button { min-height:49px; }
  .welcome-card { padding:24px; display:block; }.welcome-card h2 { font-size:21px; }.welcome-card p { font-size:12px; }
  .welcome-card .primary-button { margin-top:0; }.welcome-actions { margin-top:17px; }
  .summary-grid { gap:10px; grid-template-columns:repeat(2,minmax(0,1fr)); margin:18px 0; }
  .summary-grid>.stat-card:last-child:nth-child(odd) { grid-column:1 / -1; }
  .stat-card { padding:18px; }.stat-label { font-size:12px; }.stat-head { margin-bottom:8px; }
  .stat-value { font-size:30px; }.stat-help { font-size:11px; }.stat-marker { width:27px; height:27px; flex-basis:27px; }
  .section-heading h2 { font-size:16px; }.section-heading>span { font-size:10px; }
  .assignment-grid { grid-template-columns:1fr; gap:14px; }.assignment-card { padding:22px; }.assignment-role { font-size:12px; }
  .status-chip { font-size:10px; }.primary-button,.secondary-button,.danger-button { font-size:12px; min-height:44px; padding:10px 14px; }
  .form-navigation { flex-wrap:wrap; gap:10px; }.form-navigation .secondary-button { font-size:11px; }
  .form-summary { padding:20px; border-radius:14px; column-gap:15px; }.form-summary h3 { font-size:13px; }
  .summary-score { font-size:36px; }.summary-rule,.score-description,.progress-label { font-size:10px; }
  .form-intro { padding:21px; }.form-intro h2 { font-size:18px; }.form-intro p { font-size:12px; }
  .question-section-header { padding:16px 19px; }.question-section-header h3 { font-size:13px; }.section-weight { font-size:10px; }
  .question { padding:22px 18px; }.question-title label { font-size:13px; }.question-weight { font-size:11px; }
  .answer-options { grid-template-columns:1fr; gap:8px; }.answer-option { min-height:51px; font-size:12px; padding:11px 13px; }
  .criterion-heading { padding:19px 18px 8px; }.criterion-heading h4 { font-size:13px; }.criterion-preview { padding:0 18px 16px; font-size:11px; }
  .criterion-weight { font-size:11px; }.required-indicator { font-size:10px; }
  .table-heading { padding:17px 19px; }.table-heading h2 { font-size:14px; }th,td { padding:14px 16px; }th { font-size:11px; }table { font-size:12px; }
  .filter-row { align-items:stretch; }.filter-row label { width:100%; }.search-input { min-width:0; width:100%; }
  .report-intro { padding:22px; min-height:0; }.report-intro h2 { font-size:19px; }.report-intro p { font-size:12px; }
  .chart-card { padding:20px; }.chart-card h3 { font-size:15px; }.chart-description { font-size:12px; }
  .chart-row-header { font-size:12px; flex-wrap:wrap; gap:4px 12px; }.chart-row-value { font-size:11px; max-width:100%; }
  .chart-row-help { font-size:11px; }.chart-data>summary { font-size:11px; }
  .assistant-intro,.assistant-settings,.assistant-chat,.unit-okr-intro,.unit-okr-form-card,.unit-okr-objective,.unit-okr-approval-card { padding:21px 18px; border-radius:14px; }
  .assistant-intro h2,.unit-okr-intro h2 { font-size:20px; }.assistant-help,.assistant-check { font-size:12px; }
  .assistant-message { padding:17px; }.assistant-message-text { font-size:13px; }.assistant-suggestion { font-size:11px; }
  .assistant-context-summary,.assistant-model-status { font-size:11px; }
  .unit-okr-objective-heading h3 { font-size:15px; min-width:0; }.unit-okr-kr-heading h4 { font-size:13px; }
  .unit-okr-tabs .role-tab { font-size:11px; }.unit-okr-metrics { font-size:11px; gap:8px 13px; }.unit-okr-field label { font-size:12px; }
  .own-result-page { padding:22px 17px; }.own-result-heading h2 { font-size:19px; }.own-result-message { font-size:12px; }
  .own-result-card { padding:21px 16px; }.own-result-card h3 { font-size:12px; }.own-result-score strong { font-size:31px; }
  .own-result-score,.own-result-pending,.own-result-exempt,.own-result-help { font-size:11px; }
  .page-footer { font-size:10px; gap:10px; flex-wrap:wrap; }.dialog-body { padding:25px; }.dialog-actions { flex-wrap:wrap; }
  .dialog-actions .primary-button,.dialog-actions .secondary-button { font-size:12px; }
}
@media(max-width:380px) {
  main { padding-inline:13px; }.topbar { padding-inline:13px; }.breadcrumb { gap:5px; }
  .login-story,.auth-card.login-card { padding:23px 20px; }.login-story-title { max-width:100%; font-size:22px; }
  .login-story-flow { font-size:8px; }.login-story-flow span { gap:4px; }.summary-grid { grid-template-columns:1fr; }
  .own-result-grid { grid-template-columns:1fr; }.form-summary { display:block; }.summary-rule { margin-top:15px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

/* Unit goals: short cards first, detailed controls only when requested. */
/* Individual assessment detail uses the same five-level palette as source forms. */
.ratings-detail-panel { margin-block:26px; padding:26px; background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow); min-width:0; }
.ratings-detail-panel>.section-heading { margin-block:0 12px; }
.ratings-detail-panel h2 { font-size:18px; }
.ratings-detail-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-block:18px; align-items:end; }
.rating-filter-field { display:grid; gap:7px; min-width:0; }
.ratings-detail-filters label { display:grid; gap:8px; min-width:0; font-size:12px; color:var(--text); line-height:1.9; }
.ratings-detail-filters select { width:100%; max-width:none; min-width:0; min-height:44px; padding:10px 12px; border:1px solid #cbd8e5; border-radius:9px; background:#fbfcfe; color:var(--ink); font-size:13px; }
.ratings-detail-filters select:disabled { background:#f0f3f7; color:#68768b; opacity:1; }
.rating-legend { display:flex; gap:8px; flex-wrap:wrap; align-items:center; padding-block:12px; border-block:1px solid var(--line); margin-block:12px 20px; }
.rating-chip { display:inline-flex; align-items:center; justify-content:center; gap:6px; width:fit-content; max-width:100%; padding:7px 11px; border:1px solid; border-radius:8px; font-size:12px; font-weight:700; line-height:1.8; white-space:normal; overflow-wrap:anywhere; }
.rating-level-1 { background:#F8D7DA; color:#812432; border-color:#df9aa4; }
.rating-level-2 { background:#FFE0CA; color:#7c3e13; border-color:#e4b18c; }
.rating-level-3 { background:#FFF0BE; color:#705308; border-color:#ddc36e; }
.rating-level-4 { background:#DDF1DB; color:#2e6030; border-color:#9ec59a; }
.rating-level-5 { background:#BCE9CC; color:#185237; border-color:#78b795; }
.rating-missing { background:#f0f3f7; color:#536279; border-color:#ccd5e1; font-weight:500; }
.rating-mean { background:#edf3fa; color:#23436a; border-color:#c3d4e7; }
.rating-score { font-variant-numeric:tabular-nums; font-weight:700; color:var(--ink); line-height:1.8; white-space:nowrap; }
.rating-weight { font-size:11px; color:var(--text); font-variant-numeric:tabular-nums; line-height:1.9; }
.ratings-detail-results { display:grid; gap:18px; min-width:0; }
.ratings-person-summary { padding:14px 16px; border:1px solid #d9e6ee; border-radius:10px; background:#f4f8fc; font-size:12px; line-height:2; color:var(--text); }
.rating-assessment-card { border:1px solid #dce5ef; border-radius:12px; background:#fff; overflow:hidden; min-width:0; }
.rating-assessment-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 18px; padding:18px 20px 10px; background:#f6f9fc; }
.rating-assessment-heading h3 { font-size:15px; line-height:2; margin:0; }
.rating-assessment-heading h4 { font-size:15px; line-height:2; margin:0; }
.rating-assessment-role { font-size:11px; color:var(--teal-dark); background:var(--teal-light); border-radius:7px; padding:5px 9px; }
.rating-assessment-meta { display:flex; align-items:center; gap:8px 18px; flex-wrap:wrap; padding:0 20px 16px; background:#f6f9fc; color:var(--text); font-size:11px; line-height:2; }
.rating-assessment-card .table-card { border:0; box-shadow:none; border-radius:0; margin:0; }
.rating-assessment-card .table-heading { padding:15px 20px; }
.rating-assessment-card th,.rating-assessment-card td { white-space:normal; vertical-align:top; padding:14px 18px; line-height:2; }
.rating-assessment-card td:first-child { min-width:220px; width:48%; overflow-wrap:anywhere; }
.rating-label { line-height:2; color:var(--ink); overflow-wrap:anywhere; }
.rating-criterion-row>h5,.rating-child-row>p { margin:0; font-size:13px; }
.rating-chip .rating-label { color:inherit; font-weight:700; }
.rating-criterion-row { border-bottom:1px solid var(--line); padding:18px 20px; display:flex; flex-wrap:wrap; align-items:flex-start; gap:8px 18px; }
.rating-criterion-row>.rating-label { flex:1 1 260px; font-weight:700; }
.rating-child-row { margin-inline-start:18px; border-inline-start:2px solid #dce5ef; padding:12px 16px; display:flex; gap:8px 16px; flex-wrap:wrap; align-items:flex-start; }
.rating-child-row>.rating-label { flex:1 1 260px; }
.rating-assessment-card details { margin:10px 18px 16px; font-size:12px; line-height:2; color:var(--text); }
.rating-assessment-card summary { cursor:pointer; color:var(--teal); font-weight:600; }
.rating-assessment-card details p { white-space:pre-wrap; overflow-wrap:anywhere; margin-block:8px; }
.admin-detail .rating-assessment-card { margin-block:16px; }
.admin-detail .rating-chip { margin-block:5px; }
@media(max-width:900px) { .ratings-detail-filters { grid-template-columns:1fr 1fr; }.ratings-detail-filters>.rating-filter-field:first-child { grid-column:1/-1; } }
@media(max-width:640px) {
 .ratings-detail-panel { padding:18px 14px; border-radius:12px; }.ratings-detail-panel h2 { font-size:16px; }
 .ratings-detail-filters { grid-template-columns:1fr; gap:12px; }.ratings-detail-filters select { font-size:16px; }
 .rating-legend { gap:7px; }.rating-chip { font-size:11px; padding:7px 9px; }
 .rating-assessment-heading { padding:15px 14px 10px; }.rating-assessment-heading h3 { font-size:14px; }
 .rating-assessment-meta { padding-inline:14px; gap:6px 12px; }.rating-assessment-card th,.rating-assessment-card td { padding:12px; font-size:12px; }
 .rating-criterion-row { padding:15px 14px; gap:9px 12px; }.rating-child-row { margin-inline-start:9px; padding:12px; }
 .rating-criterion-row>.rating-label,.rating-child-row>.rating-label { flex-basis:100%; font-size:12px; }
 .ratings-person-summary { padding:12px; font-size:11px; }.rating-score { font-size:13px; }
}

.unit-okr-page .unit-okr-intro { padding:16px 20px; }
.unit-okr-page .unit-okr-intro h2 { margin-block:4px; font-size:20px; }
.unit-okr-page .unit-okr-intro>p { margin:0; }
.unit-okr-page .unit-okr-summary { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-block:14px; }
.unit-okr-page .unit-okr-summary>.stat-card { padding:15px 18px; }
.unit-okr-page .unit-okr-summary .stat-value { font-size:28px; }
.unit-okr-page .unit-okr-summary .stat-help { margin-top:6px; }
.unit-okr-page .unit-okr-objective { margin-block:14px; padding:18px; }
.unit-okr-page .unit-okr-objective-heading { margin-bottom:8px; }
.unit-okr-page .unit-okr-kr { border:1px solid #e0eaf0; border-radius:12px; margin-top:10px; padding:14px 16px; background:#fcfefe; }
.unit-okr-page .unit-okr-kr-heading { align-items:flex-start; gap:12px; }
.unit-okr-page .unit-okr-kr-heading h4 { font-size:14px; line-height:1.9; flex:1; margin:0; }
.unit-okr-page .unit-okr-status { flex-shrink:0; }
.unit-okr-page .unit-okr-kr-help { color:var(--text); font-size:12px; line-height:1.9; margin:4px 0 8px; overflow-wrap:anywhere; }
.unit-okr-page .unit-okr-metrics { gap:8px 20px; margin-block:8px; padding:7px 10px; font-size:12px; }
.unit-okr-page .unit-okr-target { color:#0c6170; font-weight:750; }
.unit-okr-page .unit-okr-progress-metrics { display:flex; justify-content:space-between; gap:8px 18px; flex-wrap:wrap; font-size:12px; line-height:2; margin-bottom:5px; }
.unit-okr-page .unit-okr-progress-metrics>span { color:var(--text); }
.unit-okr-progress { height:7px; border-radius:10px; overflow:hidden; background:#e8f0f4; }
.unit-okr-progress>span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#1298a0,#077281); }
.unit-okr-page .unit-okr-status.unit-okr-light-green { color:#17623d; background:#e8f6ec; border-color:#b6ddc2; }
.unit-okr-page .unit-okr-status.unit-okr-light-yellow { color:#795400; background:#fff7da; border-color:#e3ce8c; }
.unit-okr-page .unit-okr-status.unit-okr-light-red { color:#a12c35; background:#fff0f0; border-color:#e8bcc0; }
.unit-okr-page .unit-okr-status.unit-okr-light-neutral { color:#526577; background:#f0f4f7; border-color:#d9e2e9; }
.unit-okr-page .unit-okr-progress.unit-okr-light-green>span { background:#29814d; }
.unit-okr-page .unit-okr-progress.unit-okr-light-yellow>span { background:#b98509; }
.unit-okr-page .unit-okr-progress.unit-okr-light-red>span { background:#c0444f; }
.unit-okr-page .unit-okr-progress.unit-okr-light-neutral>span { background:#7c8c9b; }
.unit-okr-page .unit-okr-timing { display:flex; gap:4px 16px; flex-wrap:wrap; margin-block:5px 0; font-size:10px; line-height:1.9; color:var(--muted); }
.unit-okr-page .unit-okr-stale,.unit-okr-page .unit-okr-document-history { color:#855800; }
.unit-okr-page .unit-okr-document-history { font-size:11px; line-height:1.9; margin-top:5px; }
.unit-okr-page .unit-okr-quick-actions { margin-block:10px 0; gap:8px; }
.unit-okr-page .unit-okr-quick-actions button { min-height:40px; padding:7px 13px; font-size:12px; }
.unit-okr-page .unit-okr-details { margin-top:8px; padding:8px 12px; }
.unit-okr-page summary { cursor:pointer; line-height:1.9; }
.unit-okr-page summary:focus-visible { outline:3px solid #10a8b4; outline-offset:5px; border-radius:5px; }
.unit-okr-page .unit-okr-details>summary { color:#365c74; font-size:12px; font-weight:650; }
.unit-okr-page .unit-okr-analytics { border:1px solid #dce7ee; border-radius:16px; background:#fff; padding:20px; }
.unit-okr-page .unit-okr-analytics>summary { font-size:15px; color:#163d59; }
.unit-okr-page .unit-okr-analytics .charts-grid { margin-top:20px; }
.unit-okr-simple-entry { max-width:820px; }
.unit-okr-page .unit-okr-input-help { border-radius:10px; padding:12px 16px; background:#edf8f8; color:#075c65; }
.unit-okr-page .unit-okr-entry-options { padding:14px 16px; border:1px solid #e0e8ee; border-radius:12px; background:#f8fafc; }
.unit-okr-page .unit-okr-entry-options[open]>summary { margin-bottom:15px; }
.unit-okr-page details.unit-okr-editor-kr { padding:18px; border:1px solid #e2eaf0; border-radius:12px; margin-block:12px; }
.unit-okr-page details.unit-okr-editor-kr>summary { font-weight:700; color:#153e59; }
.unit-okr-page details.unit-okr-editor-kr[open]>summary { margin-bottom:18px; }
.unit-okr-page .unit-okr-document-list { display:grid; gap:10px; margin-block:18px; }
.unit-okr-page .unit-okr-document { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:16px; border:1px solid #deeaef; border-radius:12px; background:#f8fbfd; }
.unit-okr-document-name { font-weight:700; overflow-wrap:anywhere; }
.unit-okr-document-meta { font-size:11px; margin-top:6px; color:#607585; }
.unit-okr-document a { flex-shrink:0; text-decoration:none; }
.unit-okr-page .unit-okr-upload-field { border:1px dashed #9abcc8; border-radius:12px; padding:18px; background:#f3f9fb; }
.unit-okr-page .unit-okr-upload-field input { width:100%; min-width:0; padding:9px; }
@media(max-width:640px) {
  .unit-okr-page .unit-okr-intro { padding:14px 16px; }
  .unit-okr-page .unit-okr-summary { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .unit-okr-page .unit-okr-summary>.stat-card { padding:12px; }
  .unit-okr-page .unit-okr-summary>.stat-card:last-child { grid-column:1 / -1; }
  .unit-okr-page .unit-okr-summary .stat-value { font-size:24px; }
  .unit-okr-page .unit-okr-objective { padding:12px; }
  .unit-okr-page .unit-okr-kr { padding:12px; }
  .unit-okr-page .unit-okr-kr-heading { flex-direction:column; gap:8px; }
  .unit-okr-page .unit-okr-kr-heading h4 { font-size:14px; }
  .unit-okr-page .unit-okr-metrics { display:flex; gap:3px 12px; font-size:12px; }
  .unit-okr-page .unit-okr-progress-metrics { gap:2px 10px; }
  .unit-okr-page .unit-okr-quick-actions button { flex:1; min-width:84px; min-height:44px; }
  .unit-okr-page .unit-okr-document { align-items:flex-start; flex-direction:column; gap:12px; }
  .unit-okr-page .unit-okr-document a { width:100%; text-align:center; }
  .unit-okr-page .unit-okr-analytics { padding:15px; }
}
.founder-score-control .founder-score-range{height:44px;margin:0;background:transparent}
.founder-score-control .founder-score-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,#d95163 0%,#e88062 20%,#edbe69 40%,#c7d87c 60%,#70bf9d 80%,#299f92 100%)}
.founder-score-control .founder-score-range::-moz-range-track{background:linear-gradient(90deg,#d95163 0%,#e88062 20%,#edbe69 40%,#c7d87c 60%,#70bf9d 80%,#299f92 100%)}
@media(max-width:640px){.founder-score-control .founder-score-range{margin:2px 0}}
.founder-score-control{padding:18px 18px 12px;background:#f8fafc;border:1px solid #dce5ee;border-radius:14px}.founder-score-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.founder-score-value{font-size:20px;font-weight:700;color:#156a79;font-variant-numeric:tabular-nums}.founder-score-state{font-size:11px;color:#66788b}.founder-score-state[data-required="true"]{color:#9b4b24;font-weight:700}.founder-score-range{appearance:none;-webkit-appearance:none;display:block;box-sizing:border-box;width:100%;height:14px;margin:16px 0;cursor:pointer;direction:ltr;background:linear-gradient(90deg,#d95163 0%,#e88062 20%,#edbe69 40%,#c7d87c 60%,#70bf9d 80%,#299f92 100%);border-radius:999px;border:0;touch-action:pan-y}.founder-score-range::-webkit-slider-runnable-track{height:14px;border-radius:999px;background:transparent}.founder-score-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:28px;height:28px;margin-top:-7px;border:4px solid white;border-radius:50%;background:#1d8092;box-shadow:0 1px 7px #24425a66;transition:box-shadow .12s,background .12s}.founder-score-range::-moz-range-track{height:14px;border-radius:999px;background:transparent}.founder-score-range::-moz-range-thumb{width:21px;height:21px;border:4px solid white;border-radius:50%;background:#1d8092;box-shadow:0 1px 7px #24425a66}.founder-score-range[data-selected="false"]::-webkit-slider-thumb{background:#8193a7}.founder-score-range[data-selected="false"]::-moz-range-thumb{background:#8193a7}.founder-score-range:focus-visible{outline:3px solid #6bbdce;outline-offset:8px}.founder-score-range:active::-webkit-slider-thumb{box-shadow:0 0 0 7px #1590a128,0 1px 7px #24425a66}.founder-score-range:disabled{cursor:default;opacity:.7}.founder-score-ticks{display:flex;justify-content:space-between;font-size:11px;color:#687e94;font-variant-numeric:tabular-nums}.founder-score-help{font-size:11px!important;color:#637b91;margin:13px 0 0;line-height:1.9}@media(max-width:640px){.founder-score-control{padding:17px 14px 12px}.founder-score-head{align-items:flex-start}.founder-score-value{font-size:19px}.founder-score-state{font-size:10px}.founder-score-range{margin:20px 0}.founder-score-range::-webkit-slider-thumb{width:30px;height:30px;margin-top:-8px}}

/* Unified Persian UI typography. Self-hosted original Vazirmatn v33.003 (OFL). */
:root{
 --font-ui:"Vazirmatn",Tahoma,"Segoe UI",Arial,sans-serif;
 --type-body:14px;--type-small:12px;--type-label:13px;
 font-family:var(--font-ui);font-size:var(--type-body);font-synthesis:none;
 -webkit-text-size-adjust:100%;text-size-adjust:100%;
}
body{font-family:var(--font-ui);line-height:1.9}
button,input,select,textarea,optgroup,option,table,svg text{font-family:var(--font-ui)}
.brand small,.step-index{font-family:var(--font-ui)}
h1,h2,h3,h4,h5,h6,.brand strong,.login-story-title,.access-content h2{letter-spacing:normal}
h1{font-size:clamp(25px,2.2vw,30px);font-weight:750;line-height:1.65}
h2{font-size:23px;font-weight:700;line-height:1.75}
h3{font-size:17px;font-weight:650;line-height:1.85}
h4,h5,h6{font-weight:650;line-height:1.9}
p,label,button,th,td{letter-spacing:normal}
strong,b{font-weight:700}
.nav-item{font-size:13px;font-weight:500;line-height:1.85;white-space:normal}
.nav-item.selected{font-weight:650}
.breadcrumb,.topbar-actions,.period-label,.user-label,.nav-caption,.sidebar-note strong,
.sidebar-note p,.sidebar-bottom,.sidebar-bottom small,.page-footer{font-size:12px;line-height:1.9}
.page-subtitle,.auth-description,.access-content p,.welcome-card p,.report-intro p,
.form-intro p,.own-result-message,.assistant-help,.assistant-check,.chart-description,
.unit-okr-page .unit-okr-kr-help{font-size:14px;line-height:1.95}
.eyebrow,.mini-label,.welcome-kicker,.report-kicker,.login-story-kicker{font-size:12px;font-weight:500}
.login-story-title{font-size:28px;font-weight:750;line-height:1.75}
.login-story-lead{font-size:14px;line-height:2}
.login-story-flow,.login-panel-footnote,.auth-note{font-size:12px;line-height:1.95}
.primary-button,.secondary-button,.danger-button,.text-button,.role-tab,
.assistant-suggestion,.unit-okr-page .unit-okr-quick-actions button{font-size:13px;font-weight:550;line-height:1.8}
.login-input,.search-input,.chart-filter,.weight-setting-select,.unit-okr-field input,
.unit-okr-field select,.unit-okr-field textarea,.evidence-field textarea,.assistant-question{font-size:14px;line-height:1.9}
input[type="password"],input[autocomplete="username"],input[autocomplete="current-password"],
input[autocomplete="new-password"]{font-variant-numeric:normal;font-feature-settings:normal}
.question-title label,.criterion-heading h4,.rating-criterion-row>h5,.rating-child-row>p,
.unit-okr-page .unit-okr-kr-heading h4{font-size:15px;line-height:1.95;font-weight:600}
.answer-option{font-size:13px;line-height:1.9;font-weight:450}
.answer-option[aria-checked="true"]{font-weight:650}
.question-section-header h3,.rating-assessment-heading h3,.rating-assessment-heading h4{font-size:16px;font-weight:650}
.question-weight,.criterion-weight,.criterion-preview,.section-weight,.required-indicator,
.evidence-field label,.field-warning,.form-meta,.meta-tag,.status-chip,.assignment-role,
.progress-label,.score-description,.summary-rule,.muted-small,.stat-help,
.chart-row-help,.chart-data>summary,.rating-weight,.rating-assessment-meta,
.rating-assessment-role,.unit-okr-page .unit-okr-timing,.unit-okr-document-meta,
.unit-okr-page .unit-okr-document-history,.own-result-help,.own-result-pending,
.own-result-exempt,.assistant-context-summary,.assistant-model-status{font-size:12px;line-height:1.95}
.assignment-card h3,.chart-card h3,.section-heading h2,.table-heading h2{font-size:18px;font-weight:650}
.stat-label,.chart-row-header,.chart-row-value,.rating-chip,.ratings-person-summary,
.unit-okr-page .unit-okr-metrics,.unit-okr-page .unit-okr-progress-metrics,
.unit-okr-page .unit-okr-details>summary,.unit-okr-field label{font-size:13px;line-height:1.9}
table{font-size:13px;line-height:1.95}th{font-size:12px;font-weight:650}td{line-height:1.95}
.stat-value,.summary-score,.own-result-score strong,.rating-score,.score-small,
.chart-row-value,.founder-score-value,.founder-score-ticks,.unit-okr-metrics,
.unit-okr-progress-metrics,td{font-variant-numeric:tabular-nums}
.stat-value{font-size:34px;font-weight:750;line-height:1.5}
.summary-score{font-weight:750;line-height:1.5}
.founder-score-value{font-size:22px;font-weight:700}
.founder-score-state,.founder-score-ticks{font-size:12px}
.founder-score-help{font-size:12px!important;line-height:1.95}
.score-interpretation-space{display:grid;min-inline-size:0}
.score-interpretation,.score-interpretation-reserve{grid-area:1/1;box-sizing:border-box;min-block-size:4.2em;margin:0 0 12px;padding:10px 12px;border:1px solid #d9e5eb;border-inline-start:3px solid #208294;border-radius:10px;background:#fff;color:#334c61;font-size:13px;line-height:1.95;text-align:start;overflow-wrap:anywhere;unicode-bidi:plaintext}
.score-interpretation-reserve{visibility:hidden;pointer-events:none;user-select:none}
.score-interpretation[data-preview="true"]{background:#f0f8fa;border-color:#b8dce4;color:#24566a}
.founder-score-control .founder-score-head{margin-bottom:10px}
.founder-score-range{--score-thumb-size:28px}
.unit-okr-page .unit-okr-slider-control{margin-block:4px 18px;min-inline-size:0}
.unit-okr-page .unit-okr-slider-control .founder-score-head{margin-bottom:9px}
.unit-okr-page .unit-okr-entry-plan{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid #dce5ee;font-size:12px;line-height:2}
.unit-okr-page .unit-okr-plan-expected{font-size:12px;line-height:2;color:#3b6577;background:#edf5f8;border-radius:8px;padding:6px 10px;margin-block:8px}
.unit-okr-page .unit-okr-observation-upload{padding:14px;border:1px dashed #a9c2cf;border-radius:12px;background:#f8fbfd;margin-block:0 16px}
.unit-okr-page .unit-okr-observation-upload .unit-okr-field{margin:0 0 6px}
.unit-okr-page .unit-okr-update-notice{padding:18px;border:1px solid #dce6ed;border-radius:12px;background:#fff;margin-block:12px;overflow-wrap:anywhere}
.unit-okr-page .unit-okr-update-notice.is-unread{border-inline-start:4px solid #167e8d;background:#f5fafb}
.unit-okr-page .unit-okr-update-notice h4{margin:0;font-size:13px;line-height:2}
.unit-okr-page .unit-okr-update-notice .unit-okr-actions{margin-top:12px}
@media(max-width:640px){.unit-okr-page .unit-okr-slider-control{padding:15px 12px}.unit-okr-page .unit-okr-entry-plan{font-size:11px;gap:8px}.unit-okr-page .unit-okr-update-notice{padding:14px}.unit-okr-page .unit-okr-observation-upload input{inline-size:100%;min-inline-size:0}.unit-okr-page .unit-okr-update-notice .unit-okr-actions>*{min-height:44px}}
@media(max-width:640px){.score-interpretation,.score-interpretation-reserve{min-block-size:5.8em;padding:10px 12px;font-size:12px;line-height:1.95}.founder-score-range{--score-thumb-size:30px}.founder-score-head{flex-wrap:wrap}}
.assistant-message-text{font-size:14px;line-height:2.05}
.assistant-message-text pre,.assistant-message-text code,pre,code,kbd,samp{
 font-family:ui-monospace,Consolas,"Courier New",monospace;font-variant-numeric:normal;
}
@media(max-width:640px){
 h1{font-size:25px}h2{font-size:21px}
 .nav-item{font-size:12px;white-space:nowrap}
 .question-title label,.criterion-heading h4,.unit-okr-page .unit-okr-kr-heading h4{font-size:14px}
 .primary-button,.secondary-button,.danger-button,.text-button,.answer-option{font-size:13px}
 .login-input,.search-input,.chart-filter,.weight-setting-select,.unit-okr-field input,
 .unit-okr-field select,.unit-okr-field textarea,.evidence-field textarea,.assistant-question,
 .ratings-detail-filters select{font-size:16px}
 .page-subtitle,.form-intro p,.chart-description,.assistant-message-text{font-size:14px}
 .stat-value{font-size:31px}
}
.observation-choices{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.observation-choice{min-height:44px;padding:.55rem .8rem;border:1px solid #bacbd3;border-radius:10px;background:#fff;color:#455665;font:inherit;cursor:pointer}.observation-choice[aria-pressed="true"]{background:#fff4d8;border-color:#b7841d;color:#604713}.observation-choice:focus-visible{outline:3px solid #078794;outline-offset:3px}.observation-choice:disabled{cursor:default;opacity:.75}.observation-note{font-size:.86rem;line-height:1.9;color:#745817;margin:.6rem 0 0}