:root{--ink:#172a27;
--ink-2:#35514c;
--muted:#788984;
--line:#e2e9e5;
--paper:#f5f7f4;
--card:#fff;
--green:#174f42;
--green-2:#28745f;
--lime:#d6ed8b;
--lime-soft:#eef6d9;
--plum:#9357a4;
--plum-soft:#f3eafa;
--amber:#b66c14;
--amber-soft:#fff2dc;
--red:#a8433e;
--red-soft:#ffebe9;
--blue:#336a9a;
--blue-soft:#e8f2fa;
--shadow:0 12px 38px rgba(19,37,34,.06);
font-family:'DM Sans',sans-serif;
color:var(--ink);
background:var(--paper);scrollbar-gutter:stable}*{box-sizing:border-box}body{margin:0;
min-width:320px;
background:var(--paper)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;
inset:0 auto 0 0;
width:248px;
background:var(--ink);
color:#ecf2ee;
padding:27px 18px 18px;
display:flex;
flex-direction:column;
z-index:10}.brand{display:flex;
align-items:center;
gap:12px;
color:#fff;
text-decoration:none;
padding:0 10px 35px}.brand-mark{height:40px;
width:40px;
border-radius:13px;
background:var(--lime);
color:var(--ink);
font:800 24px Manrope,sans-serif;
display:grid;
place-items:center;
box-shadow:0 4px 16px #d6ed8b33}.brand-copy{display:flex;
flex-direction:column;
gap:2px}.brand-copy strong{letter-spacing:.1em;
font:800 15px Manrope,sans-serif}.brand-copy small{font-size:9px;
color:#9aada6;
letter-spacing:.18em}.workspace-label{font-size:9px;
letter-spacing:.15em;
color:#71857e;
font-weight:700;
padding:0 12px 12px}.primary-nav{display:grid;
gap:5px}.nav-item{position:relative;
width:100%;
border:0;
background:transparent;
border-radius:10px;
padding:12px;
color:#b8c7c1;
text-align:left;
font-size:13px;
font-weight:600;
display:flex;
align-items:center;
gap:12px;
transition:.18s}.nav-item:hover{background:#ffffff0d;
color:#fff}.nav-item.active{background:#ffffff14;
color:#fff}.nav-item.active:before{content:"";
position:absolute;
left:0;
top:10px;
bottom:10px;
width:3px;
background:var(--lime);
border-radius:0 3px 3px 0}.nav-icon{width:18px;
font-size:18px;
text-align:center;
color:#9bb7ac}.nav-item.active .nav-icon{color:var(--lime)}.nav-count{margin-left:auto;
background:#ffffff17;
color:#d9e8e1;
border-radius:20px;
padding:2px 7px;
font-size:10px}.alert-count{background:#e6bd6133;
color:#f1d78d}.sidebar-bottom{margin-top:auto}.demo-note{display:flex;
align-items:flex-start;
gap:9px;
padding:12px;
margin:0 4px 15px;
border:1px solid #ffffff17;
border-radius:10px;
color:#cbd9d3}.demo-note b{display:block;
font-size:11px;
color:#e6efea}.demo-note small{display:block;
margin-top:3px;
font-size:9px;
color:#91a59d}.demo-dot{height:7px;
width:7px;
margin-top:4px;
border-radius:50%;
background:var(--lime);
box-shadow:0 0 0 4px #d6ed8b1c}.profile-mini{border-top:1px solid #ffffff1b;
padding:16px 8px 2px;
display:flex;
align-items:center;
gap:10px;width:100%;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}.profile-mini:hover .profile-copy strong,.profile-mini:focus-visible .profile-copy strong{color:#d6ed8b}.profile-mini:focus-visible{outline:2px solid #d6ed8b;outline-offset:3px;border-radius:7px}.avatar{width:34px;
height:34px;
border-radius:50%;
background:#d9e9dd;
color:var(--green);
display:grid;
place-items:center;
font-weight:800;
font-size:12px;flex:0 0 34px;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-copy{display:flex;
flex-direction:column;
gap:3px}.profile-copy strong{font-size:12px}.profile-copy small{font-size:10px;
color:#9cafaa}.chevron{margin-left:auto;
color:#9cafaa}.main-area{margin-left:248px;
min-height:100vh}.topbar{height:70px;
background:#fff;
border-bottom:1px solid var(--line);
padding:0 34px;
display:flex;
align-items:center;
justify-content:space-between;
position:sticky;
top:0;
z-index:5}.crumb{display:flex;
gap:11px;
align-items:center;
font-size:12px;
color:#98a49f}.crumb i{font-style:normal;
color:#ccd3cf}.crumb strong{color:#27413b;
font-weight:700}.topbar-actions{display:flex;
align-items:center;
gap:17px}.today-label{font-size:11px;
color:var(--muted)}.role-switch{border:1px solid var(--line);
background:#fff;
border-radius:9px;
padding:5px 10px;
display:flex;
align-items:center;
gap:8px}.role-switch span{font-size:10px;
color:var(--muted)}.role-switch select{border:0;
outline:0;
color:var(--ink);
font-size:11px;
font-weight:700;
background:transparent;
max-width:185px}.icon-button,.mobile-menu{height:34px;
width:34px;
border:1px solid var(--line);
background:white;
border-radius:9px;
color:#667972;
font-size:17px}.mobile-menu{display:none}.content{max-width:1500px;
margin:0 auto;
padding:30px 34px 56px}.page-heading{display:flex;
justify-content:space-between;
align-items:flex-end;
gap:20px;
margin-bottom:24px}.eyebrow{font-size:10px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.13em;
color:var(--green-2);
margin-bottom:8px}.page-heading h1{font:800 27px Manrope,sans-serif;
letter-spacing:-.04em;
margin:0;
color:#142b26}.page-heading p{margin:7px 0 0;
font-size:12px;
color:var(--muted)}.heading-actions{display:flex;
align-items:center;
gap:9px}.period-filter{display:flex;
align-items:center;
gap:7px;
color:var(--muted);
font-size:10px;
font-weight:700}.period-filter .filter-select{min-width:130px}.segmented{display:inline-flex;
padding:4px;
background:#e9efeb;
border-radius:10px;
gap:3px}.segmented button{border:0;
background:transparent;
padding:8px 13px;
color:#73827c;
border-radius:7px;
font-size:11px;
font-weight:700}.segmented button.selected{background:#fff;
color:var(--green);
box-shadow:0 2px 5px #1a31291a}.button{border:0;
border-radius:9px;
padding:10px 14px;
font-size:11px;
font-weight:700;
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
transition:.15s}.button:hover{transform:translateY(-1px);
filter:brightness(.97)}.button-primary{background:var(--green);
color:white;
box-shadow:0 5px 12px #174f4222}.button-lime{background:var(--lime);
color:#18362e}.button-soft{background:#edf2ee;
color:#36544a}.button-outline{background:white;
color:#42625a;
border:1px solid var(--line)}.button-danger{background:var(--red-soft);
color:var(--red)}.button-small{padding:7px 10px;
font-size:10px}.metric-grid{display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:13px;
margin-bottom:17px}.metric-card{background:var(--card);
border:1px solid var(--line);
border-radius:13px;
padding:17px 18px;
box-shadow:0 3px 12px #142b2605}.metric-top{display:flex;
align-items:center;
justify-content:space-between;
color:#778882;
font-size:11px}.metric-icon{height:29px;
width:29px;
border-radius:9px;
display:grid;
place-items:center;
background:var(--lime-soft);
color:var(--green);
font-size:14px}.metric-value{font:800 26px Manrope,sans-serif;
letter-spacing:-.04em;
margin:13px 0 5px;
color:#162c27}.metric-meta{font-size:10px;
color:#87958f}.metric-meta .positive{color:var(--green-2);
font-weight:700}.panel{background:var(--card);
border:1px solid var(--line);
border-radius:14px;
box-shadow:0 3px 14px #142b2604}.panel-head{display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
padding:18px 20px 12px}.panel-head h2{font:700 14px Manrope,sans-serif;
margin:0;
color:#203832}.panel-head p{font-size:10px;
color:#84928d;
margin:5px 0 0}.panel-body{padding:0 20px 20px}.dashboard-grid{display:grid;
grid-template-columns:minmax(0,1.65fr) minmax(265px,.9fr);
gap:15px}.trend-panel{min-height:310px}.chart-legend{display:flex;
gap:15px;
font-size:10px;
color:#6f8079}.legend-item{display:flex;
gap:6px;
align-items:center}.legend-dot{height:7px;
width:7px;
border-radius:50%;
background:var(--green-2)}.legend-dot.plum{background:var(--plum)}.legend-dot.gold{background:#d29a43}.trend-chart{height:210px;
display:flex;
align-items:flex-end;
gap:22px;
padding:15px 14px 0 35px;
position:relative;
border-bottom:1px solid #e7ece8;
background:repeating-linear-gradient(to bottom,transparent 0,transparent 51px,#eef2ef 52px)}.trend-chart:before{content:"100";
position:absolute;
left:0;
top:7px;
font-size:9px;
color:#9aa7a1}.trend-chart:after{content:"0";
position:absolute;
left:8px;
bottom:0;
font-size:9px;
color:#9aa7a1}.month-column{height:100%;
flex:1;
display:flex;
align-items:flex-end;
justify-content:center;
gap:5px;
position:relative}.bar{width:min(18px,24%);
border-radius:4px 4px 0 0;
background:var(--green-2);
position:relative;
transition:height .4s}.bar.b2{background:var(--plum)}.bar.b3{background:#d29a43}.month-label{position:absolute;
bottom:-19px;
font-size:9px;
color:#899690;
white-space:nowrap}.status-panel{padding-bottom:15px}.status-stack{display:grid;
gap:10px}.status-row{display:flex;
justify-content:space-between;
align-items:center;
border-radius:9px;
padding:12px;
background:#f6f8f6;
font-size:11px}.status-name{display:flex;
align-items:center;
gap:8px;
color:#4d625a}.status-count{font:700 14px Manrope,sans-serif;
color:#23453a}.status-marker{width:7px;
height:7px;
border-radius:50%;
background:var(--green-2)}.status-marker.amber{background:#d39a3c}.status-marker.plum{background:var(--plum)}.status-marker.red{background:#cf6d62}.status-marker.blue{background:#547bb5}.distribution-grid{display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:13px;
margin-top:15px}.distribution-note{grid-column:1/-1;margin:0;color:#71827a;font-size:11px}.distribution-card{padding:16px;
border:1px solid var(--line);
background:#fff;
border-radius:12px}.distribution-card h3{font-size:11px;
margin:0 0 13px;
color:#496159}.distribution-list{display:grid;
gap:9px}.distribution-item{display:grid;
grid-template-columns:72px 1fr 25px;
gap:8px;
align-items:center;
font-size:9px;
color:#75847d}.distribution-track{height:5px;
background:#eef2ef;
border-radius:5px;
overflow:hidden}.distribution-fill{height:100%;
background:var(--green-2);
border-radius:5px}.distribution-item:nth-child(2) .distribution-fill{background:var(--plum)}.distribution-item:nth-child(3) .distribution-fill{background:#d29a43}.distribution-item strong{text-align:right;
color:#50665d;
font-size:9px}.pie-content{display:grid;
grid-template-columns:92px minmax(0,1fr);
gap:10px;
align-items:center}.pie-chart{width:92px;
height:92px;
border-radius:50%;
box-shadow:inset 0 0 0 1px #fff}.pie-legend{display:grid;
gap:7px;
max-height:126px;
overflow:auto}.pie-legend-item{display:grid;
grid-template-columns:7px minmax(0,1fr) auto;
gap:6px;
align-items:center;
font-size:9px;
color:#687971}.pie-legend-item i{width:7px;
height:7px;
border-radius:50%}.pie-legend-item span{overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap}.pie-legend-item b{color:#496159}.pie-empty{font-size:10px;
color:var(--muted)}.bottom-grid{display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:15px;
margin-top:15px}.load-legend{display:flex;
flex-wrap:wrap;
gap:10px;
margin-bottom:17px;
font-size:9px;
color:#667972}.load-legend span{display:flex;
align-items:center;
gap:5px}.load-dot{width:7px;
height:7px;
border-radius:50%}.load-dot.active,.load-segment.active{background:#247d68}.load-dot.pending,.load-segment.pending{background:#d29a43}.load-dot.revision,.load-segment.revision{background:#cf6d62}.load-dot.delivered,.load-segment.delivered{background:#a457ab}.load-teams{display:flex;
gap:14px}.load-team{flex:1;
min-width:0}.load-team h3{font-size:9px;
color:#62756d;
margin:0 0 11px}.load-people{display:flex;
justify-content:space-around;
gap:4px;
min-height:185px;
border-bottom:1px solid #e8eeea}.load-person{flex:1;
min-width:0;
text-align:center}.load-bar-wrap{height:148px;
display:flex;
align-items:flex-end;
justify-content:center;
gap:4px}.load-stack{display:flex;
flex-direction:column-reverse;
justify-content:flex-start;
width:min(24px,70%);
min-height:3px;
background:#f2f5f3;
border-radius:5px 5px 0 0;
overflow:hidden}.load-segment{display:block;
width:100%;
min-height:2px}.load-bar-wrap>b{font-size:9px;
color:#61766d}.load-person-name{display:block;
margin-top:7px;
font-size:9px;
color:#52675e;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap}.load-person small{font-size:7px;
color:#8a9992}.ranking-list{display:grid}.rank-row{display:flex;
align-items:center;
gap:11px;
padding:8px 0;
border-bottom:1px solid #f0f3f1}.rank-row:last-child{border:0}.rank-number{width:23px;
height:23px;
border-radius:8px;
display:grid;
place-items:center;
background:#f1f5ed;
color:var(--green);
font-weight:800;
font-size:10px}.rank-person{font-size:10px;
font-weight:700;
color:#345047}.rank-team{font-size:9px;
color:#8c9a94;
margin-top:3px}.rank-score{margin-left:auto;
font-weight:800;
font-size:11px;
color:#385c50}.scope-banner{background:#eaf2e8;
border:1px solid #dce8d8;
border-radius:10px;
padding:10px 13px;
font-size:10px;
color:#42614f;
margin-bottom:16px}.table-panel{overflow:hidden}.toolbar{display:flex;
flex-wrap:wrap;
gap:9px;
align-items:center;
padding:0 18px 14px}.search-box{position:relative;
min-width:210px;
flex:1}.search-box input{width:100%;
height:35px;
border:1px solid var(--line);
border-radius:8px;
padding:0 12px 0 32px;
font-size:10px;
outline:none;
background:#fbfcfb}.search-box:before{content:"⌕";
position:absolute;
left:11px;
top:6px;
font-size:16px;
color:#8a9992}.filter-select,.filter-date{height:35px;
border:1px solid var(--line);
border-radius:8px;
background:white;
color:#52675e;
padding:0 36px 0 10px;
font-size:10px;
outline:none}.filter-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%2352675e' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px}.table-wrap{overflow:auto;
border-top:1px solid #edf1ee}.data-table{border-collapse:collapse;
width:100%;
min-width:900px}.data-table th{background:#f9fbf9;
color:#83918b;
text-align:left;
font-size:9px;
text-transform:uppercase;
letter-spacing:.07em;
font-weight:700;
padding:12px 14px;
white-space:nowrap}.data-table td{padding:13px 14px;
border-top:1px solid #f0f3f1;
font-size:10px;
color:#4b6158;
vertical-align:middle;
white-space:nowrap}.data-table tr:hover td{background:#fcfdfb}.id-text{font-weight:800;
color:#315b4c}.row-title{font-weight:700;
color:#274238}.subtext{font-size:9px;
color:#8d9b94;
margin-top:4px}.pill{display:inline-flex;
align-items:center;
gap:5px;
border-radius:20px;
padding:5px 8px;
font-size:9px;
font-weight:700;
white-space:nowrap}.pill:before{content:"";
width:5px;
height:5px;
border-radius:50%;
background:currentColor}.pill.queued{background:#f0f2f1;
color:#74817b}.pill.progress{background:var(--blue-soft);
color:var(--blue)}.pill.pending{background:var(--amber-soft);
color:var(--amber)}.pill.revision{background:var(--plum-soft);
color:var(--plum)}.pill.delivered{background:var(--lime-soft);
color:#4b7b35}.pill.late{background:var(--red-soft);
color:var(--red)}.pill.approved{background:var(--lime-soft);
color:#4b7b35}.pill.rejected{background:var(--red-soft);
color:var(--red)}.pic-stack{display:flex;
align-items:center}.pic-avatar{height:24px;
width:24px;
border-radius:50%;
border:2px solid #fff;
background:#e5efe8;
color:#2d624e;
display:grid;
place-items:center;
font-size:8px;
font-weight:800;
margin-left:-5px}.pic-avatar:first-child{margin-left:0}.table-action{border:1px solid #dfe8e2;
background:#fff;
color:#37604e;
border-radius:7px;
padding:6px 9px;
font-size:9px;
font-weight:700}.table-action:hover{background:#f1f6ee}.table-footer{padding:11px 18px;
color:#8a9992;
font-size:9px;
display:flex;
justify-content:space-between}.kpi-summary{display:grid;
grid-template-columns:1.3fr repeat(3,1fr);
gap:13px;
margin-bottom:16px}.achievement-card{background:var(--green);
border-radius:13px;
padding:18px;
color:white;
display:flex;
align-items:center;
gap:17px}.achievement-ring{height:62px;
width:62px;
border-radius:50%;
display:grid;
place-items:center;
background:conic-gradient(var(--lime) var(--progress),#ffffff27 0);
position:relative}.achievement-ring:before{content:"";
position:absolute;
inset:6px;
border-radius:50%;
background:var(--green)}.achievement-ring span{position:relative;
font:800 13px Manrope,sans-serif}.achievement-card h3{font:700 13px Manrope,sans-serif;
margin:0}.achievement-card p{font-size:9px;
color:#c0d4cc;
margin:5px 0 0}.compact-metric{background:#fff;
border:1px solid var(--line);
border-radius:12px;
padding:16px}.compact-metric small{font-size:9px;
color:#819089}.compact-metric strong{display:block;
font:800 21px Manrope,sans-serif;
margin-top:11px;
color:#1f3d33}.compact-metric span{display:block;
font-size:9px;
color:#85938c;
margin-top:4px}.kpi-period-tabs{display:flex;
gap:6px}.kpi-table-progress{display:flex;
align-items:center;
gap:8px}.progress-track{display:block;width:78px;
height:6px;
border-radius:8px;
background:#edf1ee;
overflow:hidden}.progress-fill{display:block;height:100%;
background:var(--green-2);
border-radius:8px}.progress-fill.pending-fill{background:#d29a43}.empty-state{text-align:center;
padding:42px 20px;
color:#84928b;
font-size:11px}.empty-state strong{display:block;
color:#38584d;
font:700 14px Manrope,sans-serif;
margin-bottom:7px}.review-grid{display:grid;
grid-template-columns:1fr 1fr;
gap:15px}.review-card{padding:17px;
border:1px solid var(--line);
border-radius:12px;
background:white}.review-card+.review-card{margin-top:10px}.review-card h3{margin:0;
font:700 12px Manrope,sans-serif;
color:#264238}.review-card p{font-size:10px;
line-height:1.55;
color:#788780;
margin:7px 0 11px}.review-meta{display:flex;
gap:8px;
flex-wrap:wrap;
color:#8a9991;
font-size:9px}.review-actions{display:flex;
gap:7px;
margin-top:13px}.settings-grid{display:grid;
grid-template-columns:1fr 1fr;
gap:16px}.setting-card{padding:18px}.setting-card h2{font:700 14px Manrope,sans-serif;
margin:0;
color:#28443a}.setting-card>p{font-size:10px;
color:#82918a;
line-height:1.5}.holiday-form{display:flex;
gap:8px;
margin:14px 0}.holiday-form input{height:35px;
border:1px solid var(--line);
border-radius:8px;
padding:0 10px;
font-size:10px}.holiday-list{display:grid;
gap:7px;max-height:460px;overflow:auto;padding-right:3px}.holiday-item{display:flex;
justify-content:space-between;
align-items:center;
padding:9px 10px;
background:#f7f9f7;
border-radius:8px;
font-size:10px;
color:#51675d}.remove-holiday{border:0;
background:transparent;
color:#aa6159;
font-size:15px}.workflow-steps{display:grid;
gap:10px;
margin-top:15px}.workflow-step{display:flex;
gap:10px;
align-items:flex-start;
font-size:10px;
color:#657970;
line-height:1.45}.step-no{flex:0 0 21px;
height:21px;
display:grid;
place-items:center;
border-radius:50%;
background:var(--lime-soft);
color:#4c713c;
font-size:9px;
font-weight:800}.sla-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.sla-heading h2{margin:0}.sla-heading p{margin:6px 0 0;color:#82918a;font-size:10px;line-height:1.5}.sla-rule-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(125px,1fr) 24px;align-items:center;gap:8px}.sla-rule-row>input,.sla-rule-row label input{width:100%;height:32px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#28443a;font:500 10px 'DM Sans',sans-serif}.sla-rule-row label{display:flex;align-items:center;gap:6px;color:#82918a;font-size:9px;white-space:nowrap}.sla-rule-row label input{max-width:66px}.sla-rule-row .remove-holiday{cursor:pointer}.sla-deadline-note{margin-top:14px}.modal{border:0;
border-radius:15px;
padding:0;
max-width:min(620px,calc(100vw - 28px));
width:100%;
max-height:90vh;
box-shadow:0 25px 90px #12292240}.modal::backdrop{background:#14251f8c;
backdrop-filter:blur(3px)}.modal-content{padding:22px}.modal-header{display:flex;
justify-content:space-between;
align-items:flex-start;
gap:12px;
border-bottom:1px solid var(--line);
padding-bottom:15px;
margin-bottom:17px}.modal-header h2{font:800 19px Manrope,sans-serif;
margin:0;
color:#19362c;
letter-spacing:-.03em}.modal-header p{font-size:10px;
color:#819089;
margin:5px 0 0}.close-button{border:0;
background:#f1f4f1;
border-radius:8px;
height:30px;
width:30px;
font-size:18px;
color:#54675f}.form-grid{display:grid;
grid-template-columns:1fr 1fr;
gap:12px}.field{display:grid;
gap:6px}.field.full{grid-column:1/-1}.field label{font-size:10px;
font-weight:700;
color:#53695f}.field input,.field select,.field textarea{width:100%;
border:1px solid #dfe7e1;
background:#fff;
border-radius:8px;
padding:9px 10px;
font-size:11px;
color:#274138;
outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6a9f85;
box-shadow:0 0 0 3px #6a9f851d}.field textarea{resize:vertical;
min-height:86px}.form-hint{font-size:9px;
color:#83918b;
line-height:1.45}.modal-footer{display:flex;
justify-content:flex-end;
gap:8px;
margin-top:17px;
padding-top:14px;
border-top:1px solid #edf1ee}.detail-grid{display:grid;
grid-template-columns:1fr 1fr;
gap:11px}.detail-box{padding:11px;
background:#f7f9f7;
border-radius:9px}.detail-box small{display:block;
color:#88968f;
font-size:9px;
margin-bottom:5px}.detail-box strong{font-size:11px;
color:#355449}.detail-copy{background:#f8faf8;
border:1px solid #eaf0eb;
border-radius:10px;
padding:13px;
font-size:11px;
line-height:1.65;
color:#5a6f66;
margin-top:13px}.link-list{display:grid;
gap:7px;
margin-top:8px}.link-item{display:flex;
align-items:center;
gap:7px;
color:#2e735c;
font-size:10px;
word-break:break-all}.link-item a{color:inherit}.history-list{border-left:1px solid #dae4dd;
padding:1px 0 1px 14px;
margin:12px 0}.history-item{position:relative;
margin:0 0 12px;
font-size:10px;
color:#657970;
line-height:1.45}.history-item:before{content:"";
position:absolute;
left:-18px;
top:3px;
height:7px;
width:7px;
border-radius:50%;
background:#7aa288}.history-item small{display:block;
font-size:9px;
color:#94a098;
margin-top:3px}.toast-region{position:fixed;
right:20px;
bottom:20px;
z-index:50;
display:grid;
gap:8px}.toast{background:#193b31;
color:white;
padding:12px 15px;
border-radius:10px;
box-shadow:0 8px 24px #101f1b30;
font-size:11px;
animation:toast-in .2s ease-out}.toast.error{background:#973f3a}@keyframes toast-in{from{opacity:0;
transform:translateY(8px)}to{opacity:1;
transform:none}}.blocked-panel{padding:28px;
text-align:center}.blocked-panel h2{font:700 16px Manrope,sans-serif}.blocked-panel p{font-size:11px;
color:#7d8b84;
max-width:420px;
margin:8px auto 16px}.muted{color:#819088}.hidden{display:none!important}
@media(max-width:1100px){.sidebar{width:220px}.main-area{margin-left:220px}.content{padding:24px}.topbar{padding:0 24px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.distribution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-summary{grid-template-columns:repeat(3,1fr)}.achievement-card{grid-column:1/-1}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);
transition:transform .2s;
width:260px;
box-shadow:15px 0 40px #12251e22}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0}.mobile-menu{display:grid;
place-items:center}.topbar{height:60px;
padding:0 14px;
gap:12px}.crumb{margin-right:auto}.today-label{display:none}.topbar-actions{gap:8px}.role-switch{padding:4px 7px}.role-switch span{display:none}.role-switch select{max-width:125px}.content{padding:20px 14px 40px}.page-heading{align-items:flex-start;
flex-direction:column;
margin-bottom:17px}.page-heading h1{font-size:23px}.heading-actions{width:100%;
justify-content:space-between}.metric-grid{gap:9px}.metric-card{padding:13px}.metric-value{font-size:23px}.dashboard-grid,.bottom-grid,.review-grid,.settings-grid{grid-template-columns:1fr}.trend-panel{min-height:275px}.trend-chart{gap:12px;
padding-left:27px}.distribution-grid{gap:9px}.distribution-card{padding:12px}.panel-head{padding:15px}.panel-body{padding:0 15px 15px}.toolbar{padding:0 13px 12px}.toolbar .search-box{min-width:100%;
flex-basis:100%}.filter-select{flex:1}.kpi-summary{grid-template-columns:1fr 1fr}.achievement-card{grid-column:1/-1}.form-grid,.detail-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal-content{padding:17px}.topbar .icon-button{height:31px;
width:31px}.workflow-step{font-size:10px}}
@media(max-width:430px){.metric-grid{grid-template-columns:1fr 1fr}.metric-top{font-size:10px}.metric-icon{width:25px;
height:25px}.distribution-grid{grid-template-columns:1fr 1fr}.heading-actions>.button{font-size:10px;
padding:9px 10px}.role-switch select{max-width:105px;
font-size:10px}.topbar{padding:0 10px}.crumb{font-size:10px;
gap:7px}}
/* Interactive dashboard charts */
.metric-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pie-chart{display:block;overflow:visible;box-shadow:none}
.pie-slice{stroke:#fff;stroke-width:1.5;transform-box:fill-box;transform-origin:center;transition:transform .18s ease,filter .18s ease;cursor:pointer;outline:none}
.pie-slice:hover,.pie-slice:focus{transform:scale(1.07);filter:drop-shadow(0 2px 3px #172d2744)}
.pie-legend-item{grid-template-columns:7px minmax(0,1fr) auto}
.status-row.in-progress{min-height:48px;background:#edf3f7;border:1px solid #e2ebf1;padding-top:14px;padding-bottom:14px}
.status-row.in-progress .status-marker{background:#4b86a4}
.status-row.in-progress .status-name,.status-row.in-progress .status-count{color:#315e75}
.delivered-trend{height:306px;gap:10px;padding-left:18px;padding-right:8px;overflow:visible}
.delivered-trend:before,.delivered-trend:after{display:none}
.delivered-trend .month-column{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px}
.delivery-bars{height:100%;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:clamp(2px,.55vw,7px)}
.delivery-bar-group{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;min-width:0;flex:1}
.delivery-stack{height:150px;max-height:80%;width:min(22px,75%);display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:stretch;overflow:visible;border-radius:4px 4px 0 0}
.delivery-weight-segment{display:block;width:100%;min-height:2px;position:relative;transition:filter .16s ease,transform .16s ease;transform-origin:center bottom;cursor:pointer;outline:none}
.delivery-weight-segment:first-child{border-radius:0 0 3px 3px}
.delivery-weight-segment:last-child{border-radius:3px 3px 0 0}
.delivery-weight-segment:hover,.delivery-weight-segment:focus{filter:brightness(1.13);transform:scaleX(1.18);z-index:2}
.delivery-bar-group small{height:10px;font-size:7px;color:#77877f;white-space:nowrap}
.delivery-bar-group:nth-child(1) .delivery-stack:empty{background:transparent}
.load-dot.weight-light,.load-segment.weight-light,.delivery-weight-segment.weight-light{background:#247d68}
.load-dot.weight-moderate,.load-segment.weight-moderate,.delivery-weight-segment.weight-moderate{background:#a457ab}
.load-dot.weight-heavy,.load-segment.weight-heavy,.delivery-weight-segment.weight-heavy{background:#dc9a35}
.load-stack{overflow:visible;gap:1px;background:transparent}
.load-segment{position:relative;flex:none;border-radius:3px;transition:filter .16s ease,transform .16s ease;transform-origin:center bottom;cursor:pointer}
.load-segment:hover,.load-segment:focus{filter:brightness(1.15);transform:scaleX(1.18);z-index:2;outline:none}
.load-bar-wrap>b{white-space:nowrap;font-size:8px}
#dashboardPeriod{appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23586d64' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}
@media(max-width:650px){.delivered-trend{gap:5px;padding-left:5px;padding-right:2px}.delivery-bar-group small{font-size:6px}.delivery-stack{width:min(16px,85%)}}

/* Dashboard chart refinements */
.pie-percent-label{font:700 7px Manrope,sans-serif;fill:#fff;paint-order:stroke;stroke:#172d2755;stroke-width:.8px;pointer-events:none}
.pie-slice{transform-box:fill-box;transform-origin:50% 50%}
.pie-slice:hover,.pie-slice:focus{transform:scale(1.07)}
.pie-slice:focus{outline:none}
.status-row.in-progress .status-marker{display:none}
.legend-dot.delivery-early{background:#247d68}.legend-dot.delivery-ontime{background:#547bb5}.legend-dot.delivery-overdue{background:#cf6d62}
.delivery-bars{justify-content:center}
.delivery-stack{height:145px;width:min(42px,70%);flex-direction:column;justify-content:flex-end;background:#f4f7f5;border-radius:5px;overflow:visible}
.delivery-weight-segment{flex:none;width:100%;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;transition:filter .16s ease,transform .16s ease;transform-origin:center}
.delivery-weight-segment.delivery-early{background:#247d68}.delivery-weight-segment.delivery-ontime,.delivery-weight-segment.delivery-on-time{background:#547bb5}.delivery-weight-segment.delivery-overdue{background:#cf6d62}
.delivery-stack:empty{background:transparent}
.delivery-weight-segment span{font-size:8px;font-weight:700;color:white;text-shadow:0 1px 2px #18332d66;pointer-events:none}
.delivery-weight-segment:hover,.delivery-weight-segment:focus{filter:brightness(1.12);transform:scaleX(1.12);z-index:2}
.load-bar-wrap>b{max-width:88px;white-space:normal;text-align:left;font-size:8px;line-height:1.2}
.load-dot.weight-light,.delivery-weight-segment.weight-light,.load-segment.weight-light{background:#247d68}
.load-dot.weight-moderate,.delivery-weight-segment.weight-moderate,.load-segment.weight-moderate{background:#547bb5}
.load-dot.weight-heavy,.delivery-weight-segment.weight-heavy,.load-segment.weight-heavy{background:#dc9a35}
.load-dot.weight-meeting,.delivery-weight-segment.weight-meeting,.load-segment.weight-meeting{background:#a457ab}
.load-dot.weight-kpi,.load-segment.weight-kpi{background:#168a91}
#kpiTaskYear{width:86px;flex:0 0 86px;appearance:textfield;-webkit-appearance:textfield;background-image:none;padding-right:10px}
#kpiTaskYear::-webkit-inner-spin-button,#kpiTaskYear::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.legend-dot.weight-light{background:#247d68}.legend-dot.weight-moderate{background:#547bb5}.legend-dot.weight-heavy{background:#dc9a35}
.load-person-summary{min-height:24px;margin-top:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:8px;line-height:1.15;color:#71827a;white-space:nowrap}
.load-person-summary b{font-size:9px;color:#24483d}
.load-person-name{margin-top:5px}
.achievement-panel .panel-head{align-items:center}
.achievement-panel .panel-head:has(.achievement-team-averages){flex-wrap:wrap;gap:12px}
.achievement-panel .panel-head:has(.achievement-team-averages)>div{flex:1;min-width:210px}
.achievement-team-averages{display:grid;gap:6px;flex:0 0 145px;padding:10px 12px;border:1px solid #dce9df;border-radius:9px;background:#f5faf6;color:#62756d;font-size:10px}
.achievement-team-averages>b{color:#1c493d;font-size:10px}
.achievement-team-averages>span{display:flex;align-items:center;justify-content:space-between;gap:12px}
.achievement-team-averages strong{color:#1c493d;white-space:nowrap}
.achievement-team-averages .achievement-group-average{margin-top:2px;padding-top:7px;border-top:1px solid #dce9df;font-weight:700}
.achievement-insight{position:relative;left:4px;display:grid;gap:4px;width:196px;min-width:196px;flex:0 0 196px;box-sizing:border-box;padding:8px 10px;border:1px solid #dce9df;border-radius:9px;background:#f5faf6;color:#62756d;font-size:8px;line-height:1.3}
.achievement-insight>b{color:#1c493d;font-size:9px}
.achievement-insight-row{display:grid;grid-template-columns:73px 5px 1fr auto;align-items:center;gap:3px;white-space:nowrap}
.achievement-insight-row>i{font-style:normal;text-align:center}
.achievement-insight strong{font-size:8px;white-space:nowrap}
.achievement-insight strong.is-below{color:#a97916}
.achievement-insight strong.is-above{color:#28745e}
.achievement-insight strong.is-equal{color:#667972}
.achievement-current-key{margin-left:auto;padding-left:8px;border-left:1px solid #e1e9e4}
.achievement-current-key i{width:9px;height:9px;border:1px solid #247d68;border-radius:3px;background:#eef7f0}
.load-person.is-current{position:relative;margin:-5px -2px -4px;padding:5px 2px 4px;border:1px solid #8eb9a0;border-radius:9px;background:#f2f8f3}
.rank-row.is-current{margin:2px -7px;padding:7px;border:1px solid #8eb9a0;border-radius:9px;background:#f2f8f3}
.rank-person em{margin-left:5px;padding:2px 5px;border-radius:5px;background:#e2f0e6;color:#286b54;font-size:7px;font-style:normal;font-weight:800;text-transform:uppercase}
@media(max-width:900px){.achievement-panel .panel-head{align-items:flex-start;flex-wrap:wrap}.achievement-insight{width:100%;min-width:0;flex:1 1 auto;box-sizing:border-box}}
.delivered-trend .delivery-bars{height:auto;min-height:0;flex:1;gap:clamp(4px,.9vw,10px)}
.delivered-trend .delivery-bar-group{flex:1;max-width:42px;min-width:0}
.delivered-trend .delivery-stack{width:100%;max-height:none;flex-direction:column-reverse;justify-content:flex-start}
.delivered-trend .delivery-stack{position:relative}
.delivered-trend .delivery-stack:not(.has-data){background:transparent}
.delivery-bar-total{position:absolute;top:-27px;left:50%;transform:translateX(-50%);height:auto!important;min-height:0;color:#27483d!important;font-size:9px!important;font-weight:800!important;line-height:1;z-index:3}
.status-panel .status-marker{background:#899990}
.delivered-trend .delivery-bar-group{gap:3px}
.delivered-trend .delivery-bar-group .delivery-weight-label{display:block;height:8px;font-size:6px;font-weight:700;line-height:8px;color:#60746b;letter-spacing:0}
.delivered-trend .delivery-month-label{display:block;flex:0 0 9px;height:9px;font-size:7px;font-weight:600;line-height:9px;color:#87958f;white-space:nowrap;letter-spacing:-.02em;text-align:center}
.delivered-trend .delivery-weight-segment{animation:deliveryRise .45s ease-out both}
.delivered-trend .delivery-weight-segment:nth-child(2){animation-delay:.05s}.delivered-trend .delivery-weight-segment:nth-child(3){animation-delay:.1s}
.delivery-weight-segment::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 7px);transform:translate(-50%,4px);z-index:30;visibility:hidden;opacity:0;pointer-events:none;padding:7px 9px;border-radius:7px;background:#17372f;color:#fff;font-size:10px;font-weight:600;line-height:1.3;white-space:nowrap;box-shadow:0 5px 14px #102c2633;transition:opacity .14s ease,transform .14s ease}
.delivery-weight-segment:hover::after,.delivery-weight-segment:focus::after{visibility:visible;opacity:1;transform:translate(-50%,0)}
.status-row.status-active-group{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#edf3f7;border:1px solid #e2ebf1;min-height:48px;padding:9px 12px}
.status-active-group>div{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#315e75;font-size:10px}
.status-active-group>div+div{border-left:1px solid #d7e4ec;padding-left:12px}
.status-active-group b{font:700 14px Manrope,sans-serif;color:#315e75}
@keyframes deliveryRise{from{opacity:.55}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.delivered-trend .delivery-weight-segment{animation:none}}
.chart-mode-toggle{display:inline-flex;flex:0 0 auto;align-items:center;gap:3px;padding:3px;border:1px solid #e3ebe6;border-radius:9px;background:#f6f8f6}
.chart-mode-toggle button{border:0;background:transparent;color:#72827b;border-radius:6px;padding:6px 9px;font:600 9px Manrope,sans-serif;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}
.chart-mode-toggle button:hover{color:#21483c}
.chart-mode-toggle button.selected{background:#fff;color:#145443;box-shadow:0 1px 4px #18382e1a}
.dashboard-export-button{white-space:nowrap}
.line-chart-wrap{height:306px;position:relative;padding-top:3px}
.line-legend{display:flex;justify-content:flex-end;gap:12px;margin:0 2px 4px;color:#667971;font-size:9px}
.line-legend span{display:flex;align-items:center;gap:5px}
.line-legend i{width:7px;height:7px;border-radius:50%}
.line-chart{display:block;width:100%;height:280px;overflow:visible}
.line-grid{stroke:#edf1ee;stroke-width:1}
.line-axis-label,.line-month-label{fill:#87958f;font:9px Manrope,sans-serif}
.line-series{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:opacity .18s ease}
.line-chart:hover .line-series{opacity:.74}
.line-point circle{stroke:#fff;stroke-width:2;cursor:pointer;transition:r .16s ease,filter .16s ease}
.line-point circle:hover,.line-point circle:focus{r:6;filter:drop-shadow(0 2px 3px #18382e44);outline:none}
@media(max-width:540px){.chart-mode-toggle button{padding:6px;font-size:8px}}
.trend-controls{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex:0 0 auto}
.chart-range-controls{display:flex;align-items:flex-end;gap:7px}
.chart-range-controls label{display:grid;gap:3px;color:#71827a;font:600 8px Manrope,sans-serif}
.chart-range-controls input{width:112px;height:28px;padding:3px 6px;border:1px solid #e1e9e4;border-radius:7px;background:#fff;color:#294b40;font:600 9px Manrope,sans-serif}
.chart-range-controls input:focus{outline:2px solid #d5e8dc;border-color:#7da990}
.trend-controls{flex-direction:row;align-items:flex-end;gap:14px}
.chart-range-controls{gap:6px}
.chart-range-controls input{width:102px}
.heading-actions{position:relative}
.page-heading:has(#dashboardPeriod){align-items:flex-start}
.page-heading:has(#dashboardPeriod)>.heading-actions{align-self:flex-start}
.period-filter{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:700}
.period-select-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:700}
.dashboard-group-filter{display:flex;align-items:center;gap:0;padding:3px;border:1px solid #dbe5df;border-radius:9px;background:#e9efeb;color:#73827c;font-size:11px;font-weight:700}
.dashboard-group-filter button{height:32px;min-width:56px;border:0;background:transparent;padding:0 10px;color:#73827c;border-radius:6px;font-size:11px;font-weight:700}
.dashboard-group-filter button.selected{background:#fff;color:var(--green-dark,#155447)}
.dashboard-group-filter select{box-sizing:border-box;height:32px;min-width:119px;max-width:140px;padding:0 30px 0 10px;border:0;border-left:1px solid #d4dfd8;border-radius:0 6px 6px 0;outline:0;appearance:none;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23687971' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;color:var(--ink);font:700 11px Manrope,sans-serif;cursor:pointer}
.segmented:has(.dashboard-group-filter){height:35px;padding:0;align-items:stretch;box-sizing:border-box}
.dashboard-group-filter{height:35px;padding:0;box-sizing:border-box;border-radius:9px}
.dashboard-group-filter:has(button.selected){background:#f8fbf9}
.dashboard-group-filter button,.dashboard-group-filter select{height:33px;box-sizing:border-box}
.segmented:has(.dashboard-group-filter)>button{height:35px;box-sizing:border-box;padding-top:0;padding-bottom:0}
.heading-actions>[data-page="reviews"]{min-width:148px;flex:0 0 auto;white-space:nowrap}
.heading-actions>[data-page="reviews"] span{white-space:nowrap}
.period-range-controls{position:absolute;top:calc(100% + 8px);left:-4px;right:0;z-index:4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:center;min-height:46px;padding:6px 12px;border:1px solid #dbe8d8;border-radius:10px;background:#eaf2e8;box-shadow:none}
.period-range-controls label{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px}
.period-range-controls input{width:100%;height:28px;padding:3px 8px;font-size:9px}
.page-heading:has(.period-range-controls){margin-bottom:24px}
.chart-mode-toggle button{padding:5px 6px;font-size:8px}
.chart-mode-toggle{margin-bottom:1px}
.delivery-bar-scroll,.line-chart-scroll{width:100%;overflow:hidden}
.delivered-trend{width:100%;min-width:0;grid-template-columns:repeat(var(--month-count),minmax(0,1fr));gap:4px;padding-left:0;padding-right:0}
.delivered-trend .delivery-bar-group{max-width:38px}
.delivery-weight-legend{display:flex;justify-content:flex-end;gap:12px;margin:0 2px 4px;color:#667971;font-size:9px}
.delivery-weight-legend span{display:flex;align-items:center;gap:5px}
.delivery-weight-legend i{display:inline-block;width:7px;height:7px;border-radius:50%}
.delivery-weight-legend .weight-light{background:#247d68}
.delivery-weight-legend .weight-moderate{background:#547bb5}
.delivery-weight-legend .weight-heavy{background:#dc9a35}
.line-chart-wrap{width:100%;min-width:0}
@media(max-width:760px){.page-heading:has(.period-range-controls){margin-bottom:88px}.period-filter{width:auto;justify-content:flex-start}.period-range-controls{position:static;right:auto;grid-template-columns:1fr;gap:7px;min-height:0;padding:9px 12px}.period-range-controls label{grid-template-columns:42px minmax(0,1fr)}.period-range-controls input{width:100%}.heading-actions{flex-wrap:wrap}}
@media(max-width:700px){.trend-panel .panel-head{flex-wrap:wrap}.trend-controls{width:100%;flex-direction:row;justify-content:flex-end;align-items:center}.chart-range-controls input{width:105px}}
.kpi-period-panel{padding:18px 20px;margin-bottom:14px}.kpi-period-heading,.kpi-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.kpi-period-heading h2,.kpi-section-heading h2{margin:0;color:#1e3c32;font:700 15px Manrope,sans-serif}.kpi-period-heading p,.kpi-section-heading p{margin:5px 0 0;color:var(--muted);font-size:10px}.kpi-period-controls{display:flex;align-items:end;gap:10px;margin-top:16px}.kpi-period-controls label{display:grid;gap:5px;color:#73837c;font-size:9px;font-weight:700}.kpi-period-controls select{height:34px;min-width:125px;padding:0 32px 0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#38564b;font-size:10px}.kpi-rotation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding:11px 13px;border:1px solid #dce9de;border-radius:9px;background:#f3f8f1;color:#587064;font-size:9px}.kpi-rotation>div{display:flex;gap:8px}.kpi-function-card{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center;padding:7px 9px;border:1px solid #dfe9e2;border-radius:7px;background:white}.kpi-function-card span{color:#75867e;font-size:9px}.kpi-function-card strong{color:#214a3c;font-size:10px}.kpi-function-card small{grid-column:1/-1;color:#8a9992;font-size:8px}.kpi-period-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.kpi-period-summary .compact-metric{padding:14px 16px}.kpi-clusters{margin:0 0 16px}.kpi-section-heading{margin-bottom:11px}.kpi-period-badge{padding:7px 10px;border:1px solid #dce7df;border-radius:7px;background:#fff;color:#35594a;font-size:10px;font-weight:700}.kpi-cluster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.kpi-cluster-card{min-height:150px;padding:14px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 4px 16px rgba(19,37,34,.035)}.kpi-cluster-card.is-other-team{opacity:.66}.kpi-cluster-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.kpi-cluster-head .eyebrow{font-size:8px;letter-spacing:.08em;color:#23735b}.kpi-cluster-head h3{margin:3px 0 0;font:700 13px Manrope,sans-serif;color:#203c32}.kpi-team-chip{padding:5px 8px;border-radius:20px;background:#edf5e8;color:#42694e;font-size:8px;font-weight:700}.kpi-cluster-empty{display:grid;gap:5px;margin-top:18px;padding:10px;border:1px dashed #d9e4dd;border-radius:8px;background:#fafcfa}.kpi-cluster-empty strong{font-size:9px;color:#50695c}.kpi-cluster-empty span{font-size:8px;line-height:1.4;color:#87958e}.kpi-target-note{margin:10px 1px 0;color:#72827a;font-size:9px}.kpi-target-note b{color:#38594a}
@media(max-width:850px){.kpi-cluster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-period-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.kpi-period-heading,.kpi-section-heading{align-items:flex-start;flex-direction:column}.kpi-period-controls{flex-wrap:wrap}.kpi-rotation{align-items:flex-start;flex-direction:column}.kpi-cluster-grid{grid-template-columns:1fr}}
/* KPI cluster hierarchy */
.kpi-period-heading{margin-bottom:14px}.kpi-period-controls{align-items:end}.kpi-period-controls label:last-child{margin-left:auto}.kpi-period-controls select{min-width:135px}.kpi-period-summary{grid-template-columns:1fr;margin-bottom:16px}.kpi-achievement-metric{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:18px;padding:15px 18px}.kpi-achievement-metric strong{grid-column:2;grid-row:1/3;font:800 26px Manrope,sans-serif;color:#174f42}.kpi-achievement-metric span{font-size:9px;color:#829088}.kpi-achievement-metric>.progress-track{grid-column:1/-1;width:100%;height:7px;margin-top:9px}.kpi-clusters{margin-bottom:16px}.kpi-cluster-stack{display:grid;gap:9px}.kpi-cluster-accordion{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 4px 16px rgba(19,37,34,.035)}.kpi-cluster-toggle{width:100%;display:grid;grid-template-columns:90px minmax(110px,1fr) minmax(190px,auto) minmax(155px,210px) 24px;align-items:center;gap:12px;padding:13px 15px;border:0;background:#fff;text-align:left}.kpi-cluster-toggle:hover,.kpi-cluster-accordion.is-expanded .kpi-cluster-toggle{background:#f7faf7}.kpi-cluster-function{font-size:8px;font-weight:800;letter-spacing:.08em;color:#28745f;text-transform:uppercase}.kpi-cluster-title{font:700 13px Manrope,sans-serif;color:#203c32}.kpi-cluster-owner{justify-self:start;padding:5px 8px;border-radius:20px;background:#edf5e8;color:#42694e;font-size:8px;font-weight:700}.kpi-cluster-progress{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:7px}.kpi-cluster-progress b{grid-row:span 2;color:#1f5845;font:800 13px Manrope,sans-serif}.kpi-cluster-progress small{font-size:8px;color:#85938c}.kpi-cluster-progress>i{height:5px;overflow:hidden;border-radius:5px;background:#edf1ee}.kpi-cluster-progress>i>em{display:block;height:100%;border-radius:5px;background:#28745f}.kpi-cluster-chevron{justify-self:end;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#edf5e8;color:#28634f;font-weight:800}.kpi-point-list{padding:2px 16px 14px;border-top:1px solid #edf1ee}.kpi-point{padding:12px 2px 10px}.kpi-point+.kpi-point{border-top:1px solid #edf1ee}.kpi-point-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.kpi-point-heading .eyebrow{font-size:8px;color:#87958e;letter-spacing:.06em}.kpi-point-heading h3{margin:3px 0 0;color:#29473c;font:700 11px Manrope,sans-serif}.kpi-point-heading>strong{color:#285f4c;font:800 12px Manrope,sans-serif}.kpi-point-heading>strong small{margin-left:7px;color:#87958e;font:500 8px 'DM Sans',sans-serif}.kpi-task-list{display:grid;gap:5px}.kpi-task-row{min-height:31px;display:grid;grid-template-columns:15px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 9px;border:1px solid #e9efeb;border-radius:7px;background:#fbfcfb;color:#3a554a;font-size:9px;cursor:pointer}.kpi-task-row input{width:13px;height:13px;margin:0;accent-color:#28745f}.kpi-task-row small{color:#89968f;font-size:8px}.kpi-task-row.is-done{border-color:#cfe4d5;background:#f1f8f1}.kpi-task-row.is-done span{text-decoration:line-through;color:#7e8e85}.kpi-target-note{padding:0 2px}.kpi-cluster-empty{display:none}
@media(max-width:760px){.kpi-period-controls{align-items:stretch;flex-wrap:wrap}.kpi-period-controls label:last-child{margin-left:0}.kpi-cluster-toggle{grid-template-columns:75px minmax(80px,1fr) auto 23px;gap:8px;padding:12px}.kpi-cluster-owner{grid-column:2;grid-row:2}.kpi-cluster-progress{grid-column:3;grid-row:1/3}.kpi-cluster-chevron{grid-column:4;grid-row:1/3}}
@media(max-width:500px){.kpi-period-controls label{flex:1}.kpi-period-controls select{width:100%;min-width:0}.kpi-cluster-toggle{grid-template-columns:1fr auto 22px}.kpi-cluster-function{grid-column:1}.kpi-cluster-title{grid-column:1;grid-row:2}.kpi-cluster-owner{grid-column:1;grid-row:3}.kpi-cluster-progress{grid-column:2;grid-row:1/4;min-width:100px}.kpi-cluster-chevron{grid-column:3;grid-row:1/4}.kpi-point-list{padding-right:10px;padding-left:10px}}

/* KPI task rows follow the register table layout. */
.kpi-task-table-wrap{overflow-x:hidden;border:1px solid #e7eeea;border-radius:8px;background:#fff}
.kpi-task-table{width:100%;min-width:760px;border-collapse:collapse;text-align:left}
.kpi-task-table th{padding:9px 10px;background:#f7faf8;border-bottom:1px solid #e7eeea;color:#83928a;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.kpi-task-table td{padding:9px 10px;border-bottom:1px solid #edf1ee;color:#355247;font-size:9px;vertical-align:middle}
.kpi-task-table tbody tr:last-child td{border-bottom:0}
.kpi-task-table tbody tr:hover{background:#fbfdfb}
.kpi-task-table tbody tr.is-done{background:#f5faf5}
.kpi-task-table td>small{display:block;margin-top:3px;color:#83928a;font-size:8px}
.kpi-task-title{display:flex;align-items:center;gap:8px;min-width:145px;cursor:pointer}
.kpi-task-title input{flex:none;width:14px;height:14px;margin:0;accent-color:#28745f}
.kpi-task-title span{display:grid;gap:3px}
.kpi-task-title b{color:#29473c;font-size:9px;font-weight:700}
.kpi-task-title small{color:#83928a;font-size:8px}
.kpi-task-status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:20px;background:#f1f3f2;color:#74837b;font-size:8px;font-weight:700;white-space:nowrap}
.kpi-task-status.is-done{background:#edf5dc;color:#4c762f}
@media(max-width:760px){.kpi-task-table{min-width:700px}.kpi-point-list{padding-right:10px;padding-left:10px}}

.kpi-cluster-head{display:flex;align-items:stretch;gap:8px;padding:0 12px 0 0;background:#fff}
.kpi-cluster-head .kpi-cluster-toggle{flex:1;width:auto}
.kpi-edit-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 9px;border:1px solid #dce7e0;border-radius:6px;background:#fff;color:#315d4c;font:600 9px 'DM Sans',sans-serif;white-space:nowrap;cursor:pointer}
.kpi-edit-button:hover{border-color:#9cbdab;background:#f5faf6}
.kpi-edit-button.is-danger{color:#a44b48}
.kpi-point-toolbar{display:flex;justify-content:flex-end;padding:9px 2px 0}
.kpi-point-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.kpi-point-actions>strong{margin-right:auto}
.kpi-task-table{min-width:850px}
.kpi-task-actions{white-space:nowrap}
.kpi-task-actions .kpi-edit-button{margin-right:4px}
.kpi-task-name{color:#29473c;font-size:9px;font-weight:700}
.kpi-auto-id{display:inline-flex;align-items:center;padding:2px 5px;border:1px solid #e0e9e3;border-radius:4px;background:#f5f8f6;color:#75857c;font-size:8px;font-weight:700;line-height:1.2;letter-spacing:.02em}
.kpi-achievement-input{width:90px;height:30px;padding:0 8px;border:1px solid #dce7e0;border-radius:6px;background:#fff;color:#29473c;font:600 9px 'DM Sans',sans-serif}
.kpi-achievement-input:focus{outline:2px solid #c8e3d4;border-color:#72a88e}
.kpi-okr-score{color:#1f5845;font-size:9px;white-space:nowrap}
.kpi-task-table{table-layout:fixed;min-width:0}
.kpi-task-table .col-task-name{width:27%}
.kpi-task-table .col-target{width:8%}
.kpi-task-table .col-unit{width:6%}
.kpi-task-table .col-achievement{width:12%}
.kpi-task-table .col-score{width:9%}
.kpi-task-table .col-assign{width:22%}
.kpi-task-table .col-evidence{width:16%}
.kpi-task-table.is-editing .col-task-name{width:22%}
.kpi-task-table.is-editing .col-target{width:7%}
.kpi-task-table.is-editing .col-unit{width:5%}
.kpi-task-table.is-editing .col-achievement{width:10%}
.kpi-task-table.is-editing .col-score{width:8%}
.kpi-task-table.is-editing .col-assign{width:18%}
.kpi-task-table.is-editing .col-evidence{width:12%}
.kpi-task-table.is-editing .col-actions{width:18%}
.kpi-task-table th:nth-child(2),.kpi-task-table td:nth-child(2),.kpi-task-table th:nth-child(3),.kpi-task-table td:nth-child(3),.kpi-task-table th:nth-child(4),.kpi-task-table td:nth-child(4),.kpi-task-table th:nth-child(5),.kpi-task-table td:nth-child(5){text-align:center}
.kpi-task-table .kpi-achievement-input{display:block;margin:0 auto}
.kpi-task-table td:nth-child(6),.kpi-task-table td:nth-child(7){text-align:left}
.kpi-task-table th:nth-child(7),.kpi-task-table td:nth-child(7){text-align:center}
.kpi-task-table td:nth-child(7){position:relative;vertical-align:middle}
.kpi-evidence-cell{display:grid;justify-items:center;align-content:center;gap:4px;min-height:30px}
.kpi-evidence-cell .kpi-cell-add{display:inline-flex;margin:0}
.kpi-inline-items{display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px;min-height:15px}
.kpi-inline-chip,.kpi-evidence-link{display:inline-flex;align-items:center;gap:4px;max-width:100%;min-width:0;padding:3px 5px;border:1px solid #e1ebe4;border-radius:5px;background:#f7faf7;color:#315d4c;font-size:8px;line-height:1.3;overflow-wrap:anywhere;white-space:normal}
.kpi-inline-chip{background:#edf5e8}
.kpi-assignment-chip-wrap{display:inline-flex;align-items:center;gap:2px;max-width:100%}
.kpi-assignment-edit{font:inherit;text-align:left;cursor:pointer}
.kpi-assignment-edit:hover{border-color:#9cbdab;background:#e4f0df}
.kpi-evidence-link a{color:#315d4c;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.kpi-inline-remove{flex:none;width:14px;height:14px;padding:0;border:0;border-radius:50%;background:transparent;color:#8c544e;font-size:12px;line-height:1;cursor:pointer}
.kpi-inline-remove:hover{background:#f8e9e7;color:#9b3730}
.kpi-cell-empty{color:#99a59f;font-size:9px}
.kpi-cell-add{margin-top:4px;padding:3px 5px;border:1px solid #dce7e0;border-radius:5px;background:#fff;color:#315d4c;font:600 8px 'DM Sans',sans-serif;white-space:nowrap;cursor:pointer}
.kpi-cell-add:hover{border-color:#9cbdab;background:#f5faf6}
.kpi-assignment-entry{display:grid;gap:3px;min-width:100%;padding-bottom:3px;border-bottom:1px solid #edf1ee}
.kpi-assignment-entry:last-child{border-bottom:0}
.kpi-contribution-entry{display:flex;align-items:center;gap:4px;padding-left:3px;color:#718178;font-size:8px}
.kpi-contribution-entry input{width:58px;height:22px;padding:0 5px;border:1px solid #dce7e0;border-radius:5px;background:#fff;color:#29473c;font:600 8px 'DM Sans',sans-serif}
.kpi-contribution-entry input:disabled{background:#f3f6f4;color:#87958e;opacity:1}
.kpi-total-achievement{color:#29473c;font-size:9px}
.kpi-cell-evidence-count{color:#315d4c;font-size:9px;font-weight:700;line-height:1.2}
.kpi-evidence-list{display:grid;gap:7px;max-height:310px;overflow:auto;margin:8px 0 14px}
.kpi-evidence-required-note{margin:0 0 10px;padding:9px 11px;border:1px solid #edd9a5;border-radius:7px;background:#fff9e9;color:#765a18;font-size:9px;line-height:1.45}
.kpi-required-label{display:inline-flex;margin-left:5px;padding:2px 5px;border-radius:4px;background:#fff2d8;color:#8a6515;font-size:8px;font-weight:700;vertical-align:middle}
.kpi-evidence-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid #e5ede8;border-radius:8px;background:#f9fbf9}
.kpi-evidence-item>div{display:grid;gap:4px;min-width:0}
.kpi-evidence-item strong{color:#29473c;font-size:10px;overflow-wrap:anywhere}
.kpi-evidence-item small{color:#829088;font-size:8px}
.kpi-evidence-item a{flex:none;color:#28634f;font-size:9px;font-weight:700;text-decoration:none}
.kpi-evidence-empty{margin:8px 0 14px;padding:14px;border:1px dashed #dce7e0;border-radius:8px;color:#829088;font-size:9px;text-align:center}
.kpi-activity-list{display:grid;gap:7px;max-height:310px;overflow:auto;margin:8px 0 14px}
.kpi-activity-item{display:grid;gap:4px;padding:9px 10px;border:1px solid #e5ede8;border-radius:8px;background:#f9fbf9}
.kpi-activity-heading{display:grid;gap:3px;min-width:0}
.kpi-activity-heading strong{color:#29473c;font-size:9px}
.kpi-activity-heading small{color:#829088;font-size:8px}
.kpi-activity-item p{margin:0;color:#587064;font-size:8px;overflow-wrap:anywhere}
.kpi-evidence-form{padding-top:12px;border-top:1px solid #edf1ee}
.kpi-details-contributions{display:grid;gap:6px;margin:7px 0 14px;padding:10px;border:1px solid #e5ede8;border-radius:8px;background:#f9fbf9}
.kpi-submission-error{margin:0;padding:7px 9px;border:1px solid #d88c86;border-radius:6px;background:#fff3f2;color:#963d38;font-size:9px;font-weight:600;line-height:1.4}
.kpi-submission-error[hidden]{display:none}
.kpi-details-contributions h3,.kpi-details-section-title{margin:0;color:#29473c;font:700 10px Manrope,sans-serif}
.kpi-details-contributions p{margin:0;color:#829088;font-size:9px}
.kpi-contribution-row{display:grid;grid-template-columns:minmax(86px,1fr) minmax(112px,.85fr) minmax(150px,1.25fr) minmax(78px,auto);align-items:center;gap:8px;padding-top:7px;border-top:1px solid #e8eeea;color:#496258;font-size:9px}
.kpi-contribution-owner,.kpi-contribution-value,.kpi-contribution-evidence{display:grid;align-content:center;gap:4px;min-width:0}
.kpi-quarter-submit-option{display:inline-flex;align-items:center;justify-self:start;gap:4px;margin-top:2px;color:#68796f;font-size:8px;font-weight:600;letter-spacing:0;text-transform:none;cursor:pointer}
.kpi-quarter-submit-option span{color:inherit;font-size:8px}
.kpi-contribution-row input[type="checkbox"]{width:12px;height:12px;margin:0;accent-color:#155447}
.kpi-contribution-row label{color:#829088;font-size:7px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.kpi-contribution-row span{color:#829088;font-size:8px}
.kpi-contribution-input-wrap{display:flex;align-items:center;gap:5px}
.kpi-contribution-input-wrap span{flex:none;color:#496258;font-size:9px;font-weight:700}
.kpi-contribution-row input{width:85px;height:27px;padding:0 7px;border:1px solid #dce7e0;border-radius:6px;background:#fff;color:#29473c;font:600 9px 'DM Sans',sans-serif}
.kpi-contribution-row input.is-invalid{border:2px solid #c94842;background:#fff6f5;box-shadow:0 0 0 2px rgba(201,72,66,.12)}
.kpi-contribution-row input.is-invalid:focus{outline:2px solid rgba(201,72,66,.22);outline-offset:1px}
.kpi-contribution-row>b{text-align:right;color:#1f5845}
.kpi-evidence-input-list{display:grid;gap:4px;min-width:0}
.kpi-evidence-input-list input{width:100%;min-width:0}
.kpi-add-evidence-link{justify-self:start;padding:3px 5px;border:1px solid #dce7e0;border-radius:5px;background:#fff;color:#315d4c;font:600 8px 'DM Sans',sans-serif;cursor:pointer}
.kpi-submitted-evidence{display:flex;flex-wrap:wrap;gap:4px}
.kpi-submitted-evidence a{color:#28634f;font-size:8px;font-weight:600;overflow-wrap:anywhere}
.kpi-contribution-status{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}
.kpi-review-owner{max-width:150px;color:#536c61;font-size:9px;font-weight:700;line-height:1.35}
@media(max-width:620px){.kpi-contribution-row{grid-template-columns:1fr 1fr}.kpi-contribution-status{justify-self:start;align-items:flex-start;text-align:left}}
.kpi-details-section-title{margin:8px 0}
.kpi-point-chevron{flex:none;width:22px;height:22px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#edf5e8;color:#28634f;font:800 12px 'DM Sans',sans-serif;cursor:pointer}
.kpi-point-chevron:hover{background:#dfeeda}
.kpi-point.is-collapsed .kpi-task-table-wrap{display:none}
.kpi-point.is-collapsed .kpi-point-heading{margin-bottom:0}
.kpi-task-name{overflow-wrap:anywhere}
.kpi-point-progress{display:inline-flex;align-items:center;gap:9px;margin-left:auto;padding:6px 10px;border:1px solid #dfeae3;border-radius:8px;background:#f7faf7;white-space:nowrap}
.kpi-point-progress strong{color:#1f5845;font:800 12px Manrope,sans-serif}
.kpi-point-progress span{padding-left:9px;border-left:1px solid #dce7e0;color:#718178;font-size:8px}
.kpi-point-actions .kpi-point-progress{margin-right:3px}
.kpi-cluster-rename-button{align-self:center;height:28px;min-height:28px;padding:3px 8px;gap:5px;font-size:8px;line-height:1}
.kpi-cluster-rename-button svg{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){.kpi-cluster-head{padding-right:8px}.kpi-cluster-head .kpi-cluster-toggle{min-width:0}.kpi-edit-button{padding:5px 7px}}
.kpi-edit-mode-actions{display:flex;align-items:center;gap:8px;flex:none}
.kpi-edit-mode-actions .button{min-width:72px}

/* KPI tracking controls refresh */
.kpi-period-controls select{appearance:none;-webkit-appearance:none;padding-right:34px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%2352675e' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;cursor:pointer}
.kpi-period-picker{display:grid;gap:5px;color:#73837c;font-size:9px;font-weight:700}
.kpi-period-buttons{box-sizing:border-box;min-height:34px;gap:2px;padding:2px;border:1px solid var(--line);border-radius:8px;background:#fff}
.kpi-period-buttons button{box-sizing:border-box;height:28px;min-width:42px;padding:0 13px;border-radius:6px}
.kpi-period-buttons button{background:#f0f4f1;color:#667a70}
.kpi-period-buttons button:hover{background:#e4eee7;color:#245643}
.kpi-period-buttons button.selected{background:#155447;color:#fff;box-shadow:0 2px 5px #1a31291a}
.kpi-period-buttons button:first-child{min-width:78px}
.kpi-edit-period-note{color:var(--muted);font-size:9px;white-space:nowrap}
.kpi-assignment-quarter-field{gap:6px}
.kpi-assignment-note{margin:2px 0 0;color:var(--muted);font-size:9px;line-height:1.45}
.kpi-quarter-hint{margin:0;color:var(--muted);font-size:9px;line-height:1.45}
.kpi-quarter-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}
.kpi-quarter-options label{display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;min-width:67px;min-height:34px;padding:0 10px;border:1px solid #dce7df;border-radius:7px;background:#f7faf8;color:#38594b;font-size:10px;font-weight:700;cursor:pointer}
.kpi-quarter-options input[type="checkbox"]{appearance:auto;-webkit-appearance:checkbox;width:15px;height:15px;flex:none;margin:0;accent-color:#155447}
.kpi-quarter-options label:has(input:checked){border-color:#8fb5a1;background:#eaf3ed;color:#155447}
.kpi-shared-target-option{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:11px 12px;border:1px solid #dce7df;border-radius:8px;background:#f6faf7;cursor:pointer}
.kpi-shared-target-option input[type="checkbox"]{appearance:auto;-webkit-appearance:checkbox;width:15px;height:15px;flex:none;margin:1px 0 0;accent-color:#155447}
.kpi-shared-target-option span{display:grid;gap:3px}
.kpi-shared-target-option b{font-size:10px;color:#284b3d}
.kpi-shared-target-option small{color:#74847b;font-size:9px;line-height:1.45;font-weight:500}
.kpi-task-name-wrap{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-width:0}
.kpi-task-name-wrap .kpi-task-name{min-width:0}
.kpi-shared-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:10px;background:#e8f2eb;color:#256248;font-size:8px;font-weight:700;white-space:nowrap}
.kpi-shared-progress-note{margin:10px 0;padding:9px 11px;border:1px solid #dce9de;border-radius:7px;background:#f4f8f3;color:#64766c;font-size:9px;line-height:1.5}
.kpi-cluster-toggle{grid-template-columns:90px minmax(110px,1fr) minmax(155px,210px) 24px}
.kpi-function-card strong{white-space:nowrap}
@media(max-width:760px){.kpi-period-picker{flex:1 1 250px}.kpi-period-buttons{width:max-content;max-width:100%;flex-wrap:wrap}.kpi-period-buttons button{padding:8px 10px}}
@media(max-width:500px){.kpi-period-picker{flex-basis:100%}.kpi-period-buttons{width:100%}.kpi-period-buttons button{flex:1}}
.kpi-canvas-actions{display:flex;align-items:center;gap:6px;flex:none}.kpi-canvas-name-field input{height:34px;min-width:190px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#38564b;font-size:10px}.kpi-period-controls .kpi-canvas-name-field{margin-right:0}

/* KPI canvas title and actions */
.kpi-period-heading h2.kpi-canvas-title{font-size:22px;line-height:1.2;letter-spacing:-.02em;color:#163e32}
.kpi-canvas-title-input{width:min(560px,60vw);min-width:240px;height:40px;padding:0 11px;border:1px solid #a9c8b8;border-radius:8px;background:#fff;color:#163e32;font:700 20px Manrope,sans-serif}
.kpi-canvas-title-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex:none}
@media(max-width:560px){.kpi-canvas-title-actions{flex-wrap:wrap;justify-content:flex-start}.kpi-canvas-title-input{width:100%;min-width:0}}

/* KPI canvas actions menu */
.kpi-canvas-title-line{display:flex;align-items:center;gap:9px;min-height:30px}
.kpi-canvas-title-line .kpi-canvas-title{margin:0}
.kpi-canvas-menu{position:relative;flex:none}
.kpi-canvas-menu-trigger{display:grid;width:30px;height:30px;place-items:center;border:1px solid #dce7df;border-radius:8px;background:#fff;color:#315b4a;cursor:pointer;list-style:none}
.kpi-canvas-menu-trigger::-webkit-details-marker{display:none}
.kpi-canvas-menu-trigger:hover,.kpi-canvas-menu[open] .kpi-canvas-menu-trigger{background:#f1f7f2;border-color:#b9d2c2}
.kpi-canvas-menu-trigger svg{width:17px;height:17px;fill:currentColor}
.kpi-canvas-menu-items{position:absolute;z-index:20;top:calc(100% + 6px);right:0;display:grid;min-width:164px;padding:5px;border:1px solid #dce7df;border-radius:9px;background:#fff;box-shadow:0 12px 28px rgba(19,37,34,.15)}
.kpi-canvas-menu-items button{padding:9px 10px;border:0;border-radius:6px;background:transparent;color:#315346;text-align:left;font:600 11px 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}
.kpi-canvas-menu-items button:hover{background:#f1f7f2}
.kpi-canvas-menu-items button.is-danger{color:#b44236}
.kpi-canvas-menu-items button.is-danger:hover{background:#fff1ef}
@media(max-width:560px){.kpi-canvas-title-line{align-items:flex-start;flex-wrap:wrap}.kpi-canvas-menu-items{left:0;right:auto}}

.kpi-canvas-menu-trigger{width:25px;height:25px;border-radius:7px}
.kpi-canvas-menu-trigger svg{width:14px;height:14px}

.kpi-cluster-stack>.empty-state{min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin:0;padding:20px;border:1px dashed #bfd2c5;border-radius:10px;background:#fafcf9;color:#70847a}
.kpi-cluster-stack>.empty-state strong{margin:0;color:#38594a}

.kpi-achievement-metric strong .kpi-progress-emoji{margin-right:3px;font-size:19px;vertical-align:1px}

.kpi-achievement-metric strong{display:flex;align-items:center;justify-self:end;gap:4px;white-space:nowrap}
.kpi-achievement-metric strong .kpi-progress-emoji{margin:0;font-size:20px;vertical-align:baseline}
.kpi-achievement-metric .kpi-progress-message{margin-left:7px;color:#28634f;font-size:9px;font-weight:700;white-space:nowrap}

.kpi-achievement-metric strong{flex-direction:column;align-items:center;gap:0;white-space:nowrap}
.kpi-achievement-metric .kpi-progress-score{display:flex;align-items:center;gap:5px}
.kpi-achievement-metric strong .kpi-progress-emoji{font-size:29px;line-height:1.05}
.kpi-achievement-metric .kpi-progress-message{margin:2px 0 0;color:#28634f;font-size:9px;font-weight:700;text-align:center}

.kpi-achievement-metric strong{align-items:flex-end}
.kpi-achievement-metric .kpi-progress-score{justify-content:flex-end;font-size:26px}
.kpi-achievement-metric strong .kpi-progress-emoji{font-size:24px}
.kpi-achievement-metric .kpi-progress-message{text-align:right}

.kpi-achievement-metric strong .kpi-progress-emoji{font-size:30px}

.kpi-achievement-metric{grid-template-columns:minmax(0,1fr) 104px 104px;grid-template-rows:90px;gap:10px;align-items:stretch;padding:0;background:transparent;box-shadow:none}
.kpi-achievement-metric .kpi-progress-info,.kpi-achievement-metric .kpi-progress-percent,.kpi-achievement-metric .kpi-progress-mood{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:12px 15px;border:1px solid #123e4e;border-radius:2px;background:#174f42;color:#fff}
.kpi-achievement-metric .kpi-progress-info{align-items:flex-start;gap:5px}
.kpi-achievement-metric .kpi-progress-info>small,.kpi-achievement-metric .kpi-progress-count{color:#fff;font-size:9px}
.kpi-achievement-metric .kpi-progress-count{opacity:.82}
.kpi-achievement-metric .kpi-progress-info>.progress-track{width:100%;height:6px;margin-top:4px;background:rgba(255,255,255,.25)}
.kpi-achievement-metric .kpi-progress-info .progress-fill{background:#a9d86c}
.kpi-achievement-metric strong.kpi-progress-percent{grid-column:2;grid-row:1;margin:0;align-items:center;justify-content:center;font:800 26px Manrope,sans-serif;color:#fff;white-space:nowrap}
.kpi-achievement-metric .kpi-progress-mood{grid-column:3;grid-row:1;align-items:center;gap:3px;text-align:center}
.kpi-achievement-metric .kpi-progress-mood .kpi-progress-emoji{font-size:30px;line-height:1.05}
.kpi-achievement-metric .kpi-progress-mood .kpi-progress-message{margin:0;color:#fff;font-size:8px;font-weight:700;line-height:1.2;text-align:center;white-space:normal}
@media(max-width:560px){.kpi-achievement-metric{grid-template-columns:minmax(0,1fr) 82px 82px;grid-template-rows:minmax(90px,auto);gap:6px}.kpi-achievement-metric .kpi-progress-info,.kpi-achievement-metric .kpi-progress-percent,.kpi-achievement-metric .kpi-progress-mood{padding:9px}.kpi-achievement-metric .kpi-progress-count{line-height:1.3}}

.kpi-achievement-metric{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:18px;row-gap:0;align-items:center;padding:15px 18px;background:#fff;box-shadow:0 4px 16px rgba(19,37,34,.035)}
.kpi-achievement-metric>small{grid-column:1;grid-row:1}
.kpi-achievement-metric>span{grid-column:1;grid-row:2}
.kpi-achievement-metric>strong{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-end;justify-self:end;gap:0;white-space:nowrap;font:800 26px Manrope,sans-serif;color:#174f42}
.kpi-achievement-metric .kpi-progress-score{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:26px}
.kpi-achievement-metric strong .kpi-progress-emoji{margin:0;font-size:30px;line-height:1.05;vertical-align:baseline}
.kpi-achievement-metric .kpi-progress-message{margin:2px 0 0;color:#28634f;font-size:9px;font-weight:700;text-align:right}
.kpi-achievement-metric>.progress-track{grid-column:1/-1;grid-row:3;width:100%;height:7px;margin-top:9px}

.kpi-achievement-metric{grid-template-columns:minmax(0,1fr) 104px 104px;grid-template-rows:82px 7px;gap:10px;align-items:stretch;padding:0;background:transparent;box-shadow:none}
.kpi-achievement-metric .kpi-progress-words,.kpi-achievement-metric .kpi-progress-emoji-tile,.kpi-achievement-metric strong.kpi-progress-percent{min-width:0;display:flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #123e4e;border-radius:2px;background:#174f42;color:#fff}
.kpi-achievement-metric .kpi-progress-words{grid-column:1;grid-row:1;flex-direction:column;align-items:flex-start;gap:4px;text-align:left}
.kpi-achievement-metric .kpi-progress-words strong{margin:0;color:#fff;font:700 13px Manrope,sans-serif}
.kpi-achievement-metric .kpi-progress-words small{color:rgba(255,255,255,.8);font-size:9px}
.kpi-achievement-metric .kpi-progress-emoji-tile{grid-column:2;grid-row:1}
.kpi-achievement-metric .kpi-progress-emoji-tile .kpi-progress-emoji{font-size:32px;line-height:1}
.kpi-achievement-metric strong.kpi-progress-percent{grid-column:3;grid-row:1;margin:0;font:800 26px Manrope,sans-serif;white-space:nowrap}
.kpi-achievement-metric>.progress-track{grid-column:1/-1;grid-row:2;width:100%;height:7px;margin:0}
@media(max-width:560px){.kpi-achievement-metric{grid-template-columns:minmax(0,1fr) 70px 82px;grid-template-rows:76px 6px;gap:6px}.kpi-achievement-metric .kpi-progress-words{padding:8px}.kpi-achievement-metric .kpi-progress-words strong{font-size:11px}.kpi-achievement-metric .kpi-progress-words small{font-size:8px}.kpi-achievement-metric .kpi-progress-emoji-tile,.kpi-achievement-metric strong.kpi-progress-percent{padding:7px}}

.kpi-achievement-metric{grid-template-rows:82px}
.kpi-achievement-metric>.progress-track{display:none}
@media(max-width:560px){.kpi-achievement-metric{grid-template-rows:76px}}

.kpi-achievement-metric{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:18px;row-gap:0;padding:15px 18px;background:#fff;box-shadow:0 4px 16px rgba(19,37,34,.035)}
.kpi-achievement-metric>small{grid-column:1;grid-row:1;color:#829088;font-size:9px}
.kpi-achievement-metric>strong{display:block;grid-column:2;grid-row:1/3;align-self:center;justify-self:end;margin:0;text-align:right;font:800 26px Manrope,sans-serif;color:#174f42}
.kpi-achievement-metric>span{grid-column:1;grid-row:2;color:#829088;font-size:9px}
.kpi-achievement-metric>.progress-track{display:block;grid-column:1/-1;grid-row:3;width:100%;height:7px;margin-top:9px}

.kpi-achievement-metric{grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto auto auto auto;column-gap:8px;row-gap:3px;align-items:center}
.kpi-achievement-metric .kpi-progress-label{grid-column:1/-1;grid-row:1}
.kpi-achievement-metric .kpi-progress-encouragement{grid-column:1;grid-row:2;align-self:center;color:#28634f;font-size:12px;font-weight:700}
.kpi-achievement-metric .kpi-progress-emoji{grid-column:2;grid-row:2;align-self:center;font-size:30px;line-height:1}
.kpi-achievement-metric strong.kpi-progress-value{grid-column:3;grid-row:2;align-self:center;justify-self:end;font:800 26px Manrope,sans-serif;color:#174f42;white-space:nowrap}
.kpi-achievement-metric .kpi-progress-count{grid-column:1/-1;grid-row:3;color:#829088;font-size:9px}
.kpi-achievement-metric>.progress-track{grid-column:1/-1;grid-row:4;margin-top:7px}
@media(max-width:560px){.kpi-achievement-metric .kpi-progress-encouragement{font-size:10px}.kpi-achievement-metric .kpi-progress-emoji{font-size:25px}.kpi-achievement-metric strong.kpi-progress-value{font-size:23px}}

.kpi-achievement-metric{grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-rows:auto auto auto;column-gap:8px}
.kpi-achievement-metric .kpi-progress-label{grid-column:1;grid-row:1}
.kpi-achievement-metric .kpi-progress-count{grid-column:1;grid-row:2}
.kpi-achievement-metric .kpi-progress-encouragement{grid-column:2;grid-row:1/3;align-self:center;justify-self:end;white-space:nowrap}
.kpi-achievement-metric .kpi-progress-emoji{grid-column:3;grid-row:1/3;align-self:center}
.kpi-achievement-metric strong.kpi-progress-value{grid-column:4;grid-row:1/3;align-self:center}
.kpi-achievement-metric>.progress-track{grid-column:1/-1;grid-row:3}

.kpi-achievement-metric .kpi-progress-emoji{display:inline-block;transform:scaleX(-1)}

.kpi-achievement-metric .kpi-progress-encouragement,.kpi-achievement-metric .kpi-progress-emoji,.kpi-achievement-metric strong.kpi-progress-value{align-self:center;line-height:1}
.kpi-achievement-metric .kpi-progress-emoji{margin-right:8px}

.kpi-achievement-metric .kpi-progress-emoji{transform:translateY(-3px) scaleX(-1)}

.kpi-achievement-metric .kpi-progress-emoji{transform:translateY(-5px) scaleX(-1)}

.kpi-achievement-metric .kpi-progress-encouragement{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
@media(max-width:560px){.kpi-achievement-metric .kpi-progress-encouragement{font-size:11px}}

.kpi-achievement-metric .kpi-progress-encouragement{text-transform:none;letter-spacing:normal}





.kpi-cluster-head>.kpi-cluster-toggle{flex:1 1 auto;width:auto;min-width:0}

.kpi-cluster-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 12px 0 0;background:#fff}
.kpi-cluster-head>.kpi-cluster-toggle{width:100%;min-width:0;margin:0}
.kpi-cluster-head>.kpi-cluster-rename-button{justify-self:end;align-self:center;min-height:30px;margin:0;white-space:nowrap}
@media(max-width:560px){.kpi-cluster-head{gap:6px;padding-right:7px}.kpi-cluster-head>.kpi-cluster-rename-button{padding:4px 6px;font-size:8px}}

.settings-tabs{display:flex;flex-wrap:wrap;gap:5px;width:max-content;max-width:100%;margin:0 0 16px;padding:4px;border:1px solid var(--line);border-radius:11px;background:#edf2ef}
.settings-tabs button{min-height:34px;padding:0 16px;border:0;border-radius:8px;background:transparent;color:#64766e;font:600 11px 'DM Sans',sans-serif;cursor:pointer}
.settings-tabs button.is-active{background:#fff;color:#174f42;box-shadow:0 1px 4px #122d251a}
.approval-settings-layout{display:grid;gap:16px;max-width:1050px}
.approval-settings-card{padding:22px}
.approval-settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.approval-settings-heading h2{margin:0 0 5px;color:#213d34;font:800 16px Manrope,sans-serif}
.approval-settings-heading p{max-width:690px;margin:0;color:#73867a;font-size:11px;line-height:1.5}
.approval-settings-rows{display:grid;border:1px solid #e3ebe5;border-radius:11px;overflow:hidden}
.approval-settings-column-head,.approval-setting-row{display:grid;grid-template-columns:minmax(160px,1fr) 170px 252px;align-items:center;gap:14px;padding-left:16px;padding-right:16px}
.approval-settings-column-head{min-height:32px;background:#f5f8f6;color:#819187;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.approval-settings-column-head span:nth-child(2){text-align:center}.approval-settings-column-head span:last-child{text-align:right}
.approval-setting-row{min-height:72px;padding-top:13px;padding-bottom:13px;background:#fff}
.approval-setting-row+.approval-setting-row{border-top:1px solid #e8eeea}
.approval-setting-row strong{color:#25483a;font-size:11px}
.approval-setting-row p{margin:4px 0 0;color:#819087;font-size:10px;line-height:1.45}
.approval-mode-switch{min-width:0;margin:0;padding:0;border:0;justify-self:center}
.approval-mode-switch legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.approval-mode-switch>div{display:inline-flex;gap:3px;padding:3px;border:1px solid #dce8df;border-radius:9px;background:#f2f6f3}
.approval-mode-switch label{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:5px 10px;border-radius:6px;color:#71857a;font-size:10px;font-weight:700;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}
.approval-mode-switch label:has(input:checked){background:#fff;color:#174f42;box-shadow:0 1px 4px #122d251a}
.approval-mode-switch label:focus-within{outline:2px solid #54a27e;outline-offset:1px}
.approval-mode-switch input{position:absolute;opacity:0;width:1px;height:1px}
.approval-role-options{display:grid;grid-template-columns:repeat(3,78px);justify-content:end;gap:6px;min-width:0}
.approval-role-choice{display:inline-flex;align-items:center;gap:6px;min-height:33px;padding:7px 10px;border:1px solid #dce8df;border-radius:8px;background:#f8faf8;color:#60766a;font-size:10px;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.approval-role-choice:hover{transform:translateY(-1px);border-color:#83b79b}
.approval-role-choice:has(input:checked){border-color:#69aa88;background:#eaf5ec;color:#225c45}
.approval-role-choice:focus-within{outline:2px solid #54a27e;outline-offset:2px}
.approval-role-choice input{margin:0;accent-color:#17604e}
.approval-auto-label{grid-column:3;justify-self:end;padding:7px 10px;border-radius:20px;background:#eef4ef;color:#5d7966;font-size:10px;font-weight:700}
.approval-settings-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:0 2px}
.approval-settings-footer p{max-width:600px;margin:0;color:#788a7f;font-size:10px;line-height:1.5}
@media(max-width:950px){.approval-settings-column-head{display:none}.approval-setting-row{grid-template-columns:1fr;gap:11px}.approval-mode-switch{justify-self:start}.approval-role-options{justify-content:start}.approval-auto-label{grid-column:auto;justify-self:start}}
.login-cover-panel{max-width:1050px;padding:22px}
.login-cover-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.login-cover-heading h2{margin:0 0 5px;color:#213d34;font:800 16px Manrope,sans-serif}.login-cover-heading p{margin:0;color:#73867a;font-size:11px;line-height:1.5}
.login-cover-head-badge{flex:none;padding:6px 10px;border-radius:20px;background:#e8f3e7;color:#277055;font-size:9px;font-weight:800}
.login-cover-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);gap:24px;align-items:start}
.login-cover-preview{display:grid;place-items:center;min-height:300px;overflow:hidden;border:1px solid #d2e1d8;border-radius:15px;background:radial-gradient(circle at 15% 10%,#2e6756,#102d27 72%);background-position:center;background-size:cover;transition:background-image .3s ease}
.login-cover-preview-column{min-width:0}
.login-cover-tagline-field{display:grid;gap:8px;margin-top:18px;color:#355449;font-size:11px;font-weight:700}
.login-cover-tagline-field input{width:100%;padding:11px 12px;border:1px solid #d2e1d8;border-radius:9px;background:#fff;color:#193a30;font-size:12px}
.login-cover-tagline-field input:focus{outline:2px solid #86bca6;outline-offset:2px}
.login-cover-tagline-field small{color:#718578;font-size:10px;font-weight:400}
.login-cover-design{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border:1px solid #dce9df;border-radius:10px;background:#f7faf7}
.login-cover-design label{display:grid;min-width:0;gap:7px;color:#355449;font-size:10px;font-weight:700}
.login-cover-design input[type="color"]{width:100%;height:36px;padding:5px;border:1px solid #d2e1d8;border-radius:7px;background:white;cursor:pointer}
.login-cover-design #loginCoverPatternField{grid-column:1/-1}
.login-cover-design select{width:100%;height:36px;max-width:none;padding:0 38px 0 11px;border:1px solid #d2e1d8;border-radius:7px;background-color:white;background-position:right 12px center;font-size:11px;color:#29473c}
.login-cover-design input:focus-visible,.login-cover-design select:focus-visible{outline:2px solid #86bca6;outline-offset:2px}
.login-cover-controls [hidden]{display:none!important}
.login-cover-preview.has-photo{background-image:linear-gradient(110deg,rgba(8,38,32,.78),rgba(8,38,32,.63)),var(--login-cover-preview);background-size:cover,cover;background-repeat:no-repeat,no-repeat}
.login-cover-preview.has-photo.is-tiled{background-size:cover,160px auto;background-repeat:no-repeat,repeat}
.login-cover-preview-card{display:grid;gap:9px;width:min(75%,280px);padding:22px;border-radius:12px;background:#fff;color:#193a30;box-shadow:0 15px 35px #061c1740}
.login-cover-preview-card span{margin-bottom:6px;color:#276d50;font-size:8px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-cover-preview-card strong{font:800 17px Manrope,sans-serif}.login-cover-preview-card small{color:#718578;font-size:9px}
.login-cover-controls{display:grid;gap:10px}.login-cover-control-label{color:#425e51;font-size:10px;font-weight:800}
.login-cover-choice{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #e0e9e2;border-radius:10px;background:#fafcfa;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.login-cover-choice:hover{border-color:#aacdb5;transform:translateY(-1px)}.login-cover-choice:has(input:checked){border-color:#64ac8b;background:#eef8ef}
.login-cover-choice input{flex:none;margin:2px 0 0;accent-color:#17604e}.login-cover-choice span{display:grid;gap:4px}.login-cover-choice strong{color:#24483b;font-size:11px}.login-cover-choice small{color:#75877c;font-size:9px;line-height:1.45}
.login-cover-file{display:flex;align-items:center;justify-content:center;min-height:38px;margin-top:4px;padding:8px 12px;border:1px dashed #a8cbb3;border-radius:9px;background:#f5faf5;color:#225b46;font-size:10px;font-weight:800;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.login-cover-file:hover{background:#eaf5eb;border-color:#62a986}.login-cover-file input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.login-cover-file:focus-within{outline:2px solid #4c9b78;outline-offset:2px}
.login-cover-help{color:#7e8f82;font-size:9px;line-height:1.45;overflow-wrap:anywhere}.login-cover-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}.login-cover-actions .button:disabled{opacity:.55;cursor:not-allowed}.login-cover-actions span{color:#40735b;font-size:10px;font-weight:700}
.login-cover-fit{min-width:0;margin:5px 0 0;padding:0;border:0}.login-cover-fit legend{margin-bottom:8px;padding:0;color:#425e51;font-size:10px;font-weight:800}
.login-cover-fit-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.login-cover-fit-options label{display:flex;align-items:flex-start;gap:7px;min-width:0;padding:10px;border:1px solid #e0e9e2;border-radius:9px;background:#fafcfa;cursor:pointer;transition:border-color .2s ease,background .2s ease}.login-cover-fit-options label:has(input:checked){border-color:#64ac8b;background:#eef8ef}.login-cover-fit-options input{flex:none;margin:2px 0 0;accent-color:#17604e}.login-cover-fit-options span{display:grid;gap:3px;min-width:0}.login-cover-fit-options strong{color:#24483b;font-size:10px}.login-cover-fit-options small{color:#75877c;font-size:8px;line-height:1.35}.login-cover-fit:disabled{opacity:.48}.login-cover-fit:disabled label{cursor:not-allowed}
@media(max-width:850px){.login-cover-layout{grid-template-columns:1fr}.login-cover-preview{min-height:260px}}
.access-panel{overflow:hidden;padding:18px}
.access-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}
.access-panel-tools{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.access-panel-tools button:disabled{opacity:.5;cursor:not-allowed}
.access-panel-heading h2{margin:0;color:#28443a;font:700 14px Manrope,sans-serif}
.access-panel-heading p{margin:5px 0 0;color:#82918a;font-size:10px;line-height:1.5}
.access-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}
.access-table{width:100%;border-collapse:collapse;min-width:1540px}
.access-table th{padding:10px 12px;background:#f6f9f7;color:#82918a;text-align:left;text-transform:uppercase;letter-spacing:.06em;font-size:8px;font-weight:700}
.access-table td{padding:8px 12px;border-top:1px solid #edf1ee}
.access-table td:first-child{min-width:150px}
.access-table td:nth-child(2){min-width:145px}
.access-table td:nth-child(3),.access-table td:nth-child(4){min-width:145px}
.access-table td:last-child{width:1%;text-align:left}
.access-table input,.access-table select{width:100%;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background-color:#fff;color:#28443a;font:500 10px 'DM Sans',sans-serif}
.access-table select{appearance:none;-webkit-appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='m2.5 4.5 3.5 3 3.5-3' stroke='%23566d63' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px}
.access-table input:focus,.access-table select:focus{outline:2px solid #b7d8cb;outline-offset:1px}
.access-table input:disabled,.access-table select:disabled{opacity:1;color:#28443a;background:#f8faf9;cursor:default}
.access-no-team select{display:none}
.access-no-team-label{display:none;color:#91a099;font-size:13px}
.access-no-team .access-no-team-label{display:inline}
#newUserTeamField[hidden]{display:none}
.access-table td.access-row-actions{min-width:90px;text-align:left;padding-left:12px}
.access-password-field{display:flex;align-items:center;gap:5px}
.access-password-field input{min-width:0;flex:1}
.access-password-toggle{flex:0 0 auto;height:30px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#225548;font:700 9px 'DM Sans',sans-serif;cursor:pointer}
.access-password-toggle:hover{background:#edf5f0}
.user-status-button{display:inline-flex;align-items:center;gap:7px;min-width:92px;height:30px;padding:0 6px;border:1px solid transparent;border-radius:999px;background:transparent;font:700 9px 'DM Sans',sans-serif;cursor:pointer}
.user-status-button.is-active{color:#28634f}
.user-status-button.is-inactive{color:#76827c}
.user-status-track{position:relative;width:34px;height:18px;flex:0 0 34px;border-radius:999px;background:#cbd4ce;transition:background .2s}
.user-status-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #102b2633;transition:transform .2s}
.user-status-button.is-active .user-status-track{background:#237b61}
.user-status-button.is-active .user-status-knob{transform:translateX(16px)}
.user-status-button:focus-visible,.access-password-toggle:focus-visible{outline:2px solid #80bfa7;outline-offset:2px}
.user-status-button:disabled{cursor:default;opacity:.8}
.requester-manager-settings{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#f8faf8}
.requester-manager-settings h3{margin:0;color:#28443a;font:700 12px Manrope,sans-serif}
.requester-manager-settings p{max-width:420px;margin:5px 0 0;color:#82918a;font-size:10px;line-height:1.5}
.requester-manager-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;flex:1}
.requester-manager-grid label{display:grid;gap:5px;color:#466055;font:700 9px 'DM Sans',sans-serif}
.requester-manager-grid input{width:100%;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#28443a;font:500 10px 'DM Sans',sans-serif}
.requester-manager-grid input:disabled{background:#f2f6f3}
.requester-manager-team{display:grid;gap:9px;padding:11px;border:1px solid #e2ebe5;border-radius:9px;background:#fff}
.requester-manager-team>strong{font-size:10px;color:#28443a}
.gm-account-settings{display:grid;grid-template-columns:minmax(0,41.5%) minmax(0,1fr)}
.gm-account-settings>label{display:grid;gap:5px;min-width:0;color:#466055;font:700 9px 'DM Sans',sans-serif}
.gm-account-settings input{box-sizing:border-box;width:100%;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#28443a;font:500 10px 'DM Sans',sans-serif}
.gm-account-settings input:disabled{background:#f2f6f3}
@media(max-width:900px){.requester-manager-settings{flex-direction:column}.requester-manager-grid{width:100%}.gm-account-settings{grid-template-columns:1fr}}
@media(max-width:600px){.requester-manager-grid{grid-template-columns:1fr}}
.modal:has(.delivery-email-modal){max-width:min(780px,calc(100vw - 28px))}
.delivery-email-fields{display:grid;gap:10px;margin-bottom:14px}
.delivery-email-fields label{display:grid;gap:5px;color:#466055;font:700 10px 'DM Sans',sans-serif}
.delivery-email-fields input,.delivery-email-fields textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#28443a;font:500 11px 'DM Sans',sans-serif}
.delivery-email-fields input[readonly]{background:#f5f8f5}
.delivery-email-warning{padding:11px 13px;border:1px solid #efdbab;border-radius:8px;background:#fff9e9;color:#785a1b;font-size:11px;line-height:1.5}
.delivery-email-tip{margin:10px 0 0;padding:11px 13px;border:1px solid #dce9e0;border-radius:8px;background:#f4f8f4;color:#416354;font-size:11px;line-height:1.5}
.delivery-email-preview-heading{margin:15px 0 7px;color:#466055;font:700 11px 'DM Sans',sans-serif}
.delivery-email-preview{width:100%;height:310px;box-sizing:border-box;border:1px solid var(--line);border-radius:9px;background:#f2f6f3}
.delivery-email-modal .modal-footer{flex-wrap:wrap;gap:8px}
.delivery-email-confirm{display:flex;align-items:center;gap:9px;margin:17px 0 4px;padding:12px 14px;border:1px solid #dce9e0;border-radius:9px;background:#f4f8f4;color:#315747;font-size:11px;font-weight:700;cursor:pointer}.delivery-email-confirm input{width:16px;height:16px;flex:none;accent-color:var(--green)}.delivery-email-modal #confirmDeliveryEmail:disabled{opacity:.48;cursor:not-allowed}
.access-table tr.is-inactive{background:#fafbfa}
.access-table tr.is-inactive input,.access-table tr.is-inactive select{color:#89948e;background:#f7f8f7}
.account-modal{max-width:min(560px,calc(100vw - 28px))}.account-photo-row{display:flex;align-items:center;gap:14px;margin:0 0 17px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#f8faf8}.account-photo-preview{width:64px;height:64px;flex:0 0 64px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#d9e9dd;color:var(--green);font:800 18px Manrope,sans-serif}.account-photo-preview img{width:100%;height:100%;object-fit:cover}.account-photo-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.account-photo-actions label{cursor:pointer}.account-photo-actions small{flex-basis:100%;color:#82918a;font-size:9px}.account-readonly-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}.account-readonly-grid>div{min-width:0;padding:10px;border:1px solid #e7eee9;border-radius:8px;background:#fff}.account-readonly-grid small{display:block;margin-bottom:5px;color:#82918a;font-size:9px}.account-readonly-grid strong{display:block;overflow-wrap:anywhere;color:#28443a;font-size:10px}.account-modal form h3{margin:0 0 10px;color:#28443a;font:700 12px Manrope,sans-serif}
.profile-mini{border-top:1px solid #ffffff1b}.account-photo-row{justify-content:flex-start;gap:14px}.account-photo-actions{width:auto}.account-password-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.account-password-grid .field:first-child{grid-column:1/-1}.account-password-grid .field{min-width:0}.account-modal .modal-footer{justify-content:flex-end}
@media(max-width:560px){.access-panel{padding:13px}.access-panel-heading{align-items:center}.access-panel-tools{gap:5px}.settings-tabs{margin-bottom:12px}.account-readonly-grid{grid-template-columns:1fr}.account-photo-row{gap:10px}.account-password-grid{grid-template-columns:1fr}.account-password-grid .field:first-child{grid-column:auto}}
#dialog:has(.account-modal){width:min(560px,calc(100vw - 28px));max-width:min(560px,calc(100vw - 28px))}.account-modal{width:100%;max-width:none;box-sizing:border-box}
.sidebar-brand-row{display:flex;align-items:flex-start;gap:4px;margin:0 0 35px;padding-right:4px}.sidebar-brand-row .brand{flex:1;min-width:0;padding:0 0 0 10px}.notifications-button{position:relative;display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;margin-top:1px;border:1px solid #ffffff1a;border-radius:9px;background:#ffffff08;color:#dce8e2;cursor:pointer;transition:background .18s,border-color .18s}.notifications-button:hover,.notifications-button:focus-visible{background:#ffffff16;border-color:#ffffff38;outline:none}.notifications-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notifications-button i{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 3px;box-sizing:border-box;border:2px solid var(--ink);border-radius:20px;background:#df7769;color:white;font:700 9px/13px "DM Sans",sans-serif;text-align:center}.online-panel{margin:0 4px 10px;padding:9px 10px 8px;border:1px solid #ffffff17;border-radius:10px;color:#d2dfd9}.online-panel-heading{display:flex;align-items:center;gap:7px;font-size:10px}.online-panel-heading strong{font-size:10px}.online-panel-heading>span:last-child{margin-left:auto;color:#9fb2a9;font-size:9px}.online-indicator,.online-user>i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#76c99b;box-shadow:0 0 0 3px #76c99b20}.online-user-list{display:grid;gap:5px;margin-top:8px}.online-user{display:flex;align-items:center;gap:7px;min-width:0}.online-user-avatar{display:grid;place-items:center;width:19px;height:19px;flex:0 0 19px;overflow:hidden;border-radius:50%;background:#d7e8de;color:#164e40;font-size:7px;font-weight:700}.online-user-avatar img{width:100%;height:100%;object-fit:cover}.online-user-name{overflow:hidden;color:#e4ede8;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.online-user>i{width:6px;height:6px;flex-basis:6px;margin-left:auto}.online-empty{color:#91a59d;font-size:8px}.notifications-modal{width:min(560px,calc(100vw - 28px))}.notification-list{max-height:min(58vh,520px);overflow:auto;border-top:1px solid #e8eeea}.notification-item{display:grid;grid-template-columns:8px minmax(0,1fr);gap:11px;padding:13px 4px;border-bottom:1px solid #edf1ee}.notification-item-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#297d68}.notification-item strong{display:block;color:#23443a;font-size:11px}.notification-item p{margin:3px 0 4px;color:#50665d;font-size:11px;line-height:1.5}.notification-item small{color:#87968f;font-size:9px}.notifications-empty{display:grid;justify-items:center;gap:7px;padding:34px 16px;color:#52665e;text-align:center}.notifications-empty>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f0f5f1;color:#648276;font-size:20px}.notifications-empty strong{font:700 13px Manrope,sans-serif;color:#29483d}.notifications-empty p{margin:0;max-width:280px;font-size:10px;line-height:1.5}
@media(max-width:760px){.sidebar-brand-row{margin-bottom:30px}.online-panel{margin-bottom:8px}}
.sidebar{--sidebar-surface:#172a27;--sidebar-effect-rgb:255,255,255;background-color:var(--sidebar-surface);transition:background-color .35s ease;overflow-y:auto;scrollbar-width:none}
.sidebar::-webkit-scrollbar{display:none}
.sidebar::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .35s ease}
.sidebar>*{position:relative;z-index:1}
.sidebar[data-sidebar-background="gradient"]::before{opacity:1;background:linear-gradient(150deg,rgba(var(--sidebar-effect-rgb),.21),transparent 52%,rgba(var(--sidebar-effect-rgb),.1))}
.sidebar[data-sidebar-background="glow"]::before{opacity:1;background:radial-gradient(circle at 2% 12%,rgba(var(--sidebar-effect-rgb),.26),transparent 42%),radial-gradient(circle at 105% 86%,rgba(var(--sidebar-effect-rgb),.2),transparent 48%)}
.sidebar[data-sidebar-background="dots"]::before{opacity:1;background-image:radial-gradient(rgba(var(--sidebar-effect-rgb),.22) 1px,transparent 1px);background-size:18px 18px}
.sidebar .brand-mark{width:40px;height:40px;flex:none;border-radius:0;background:transparent;box-shadow:none;font:38px/1 system-ui}
.sidebar .workspace-label{color:#a4b9ae}
.sidebar .notifications-button i,.sidebar .online-user>i{border-color:var(--sidebar-surface)}
.sidebar-color-control{margin:0 4px 10px}
.sidebar-color-toggle{display:flex;align-items:center;gap:9px;width:100%;padding:10px 11px;border:1px solid #ffffff24;border-radius:10px;background:#ffffff0a;color:#dce9e2;text-align:left;font-size:10px;font-weight:700;cursor:pointer;transition:background .22s ease,border-color .22s ease,transform .22s ease}
.sidebar-color-toggle:hover,.sidebar-color-toggle:focus-visible,.sidebar-color-toggle[aria-expanded="true"]{border-color:#ffffff66;background:#ffffff18;outline:none;transform:translateY(-1px)}
.sidebar-color-toggle>span:first-child{font-size:16px;line-height:1}.sidebar-color-chevron{margin-left:auto;font-size:15px;transition:transform .2s}.sidebar-color-toggle[aria-expanded="true"] .sidebar-color-chevron{transform:rotate(180deg)}
.hotlinks-page{overflow:hidden}
.hotlinks-page+.hotlinks-page{margin-top:20px}
.hotlinks-page>.panel-head{align-items:center;gap:12px;border-bottom:1px solid #e7eee9}
.hotlinks-page>.panel-head .button{flex:none}
.hotlinks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;padding:20px}
.hotlinks-card{display:flex;flex-direction:column;min-width:0;min-height:156px;padding:17px;border:1px solid #dce9e1;border-radius:12px;background:#fbfdfb;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.hotlinks-card:hover{border-color:#a8d3b8;box-shadow:0 8px 22px #163a2a12;transform:translateY(-2px)}
.hotlinks-card-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e5f2e9;color:#22624e;font-size:18px}
.hotlinks-card-info{min-width:0;margin:13px 0 16px}
.hotlinks-card-info h3{overflow:hidden;margin:0;color:#203c32;font:800 13px Manrope,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.hotlinks-card-info p{overflow:hidden;margin:4px 0 0;color:#6b8175;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.hotlinks-card-actions{display:flex;align-items:center;gap:8px;margin-top:auto}
.hotlinks-card-actions .button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.hotlinks-page-empty{display:grid;justify-items:center;gap:10px;padding:52px 20px;text-align:center}
.hotlinks-page-empty>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#e9f3e9;color:#1f6d55;font-size:25px}
.hotlinks-page-empty h3{margin:2px 0 0;color:#264539;font:800 15px Manrope,sans-serif}
.hotlinks-page-empty p{margin:0 0 8px;color:#6c8176;font-size:11px}
@media(max-width:520px){.hotlinks-page>.panel-head{align-items:flex-start;flex-wrap:wrap}.hotlinks-grid{grid-template-columns:1fr;padding:14px}.hotlinks-card{min-height:145px}}
.sidebar-appearance-panel{position:fixed;z-index:30;top:50%;left:260px;width:316px;max-height:calc(100vh - 32px);overflow-y:auto;padding:18px;border:1px solid #dce8e0;border-radius:18px;background:#fff;color:#203c32;box-shadow:0 24px 70px #0a201d38;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-10px,-50%) scale(.97);transition:opacity .24s ease,transform .24s ease,visibility .24s ease}
.sidebar-appearance-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%) scale(1)}
.sidebar-appearance-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:15px;border-bottom:1px solid #e8efea}
.sidebar-appearance-heading strong{display:block;font:800 14px Manrope,sans-serif}
.sidebar-appearance-heading small{display:block;margin-top:4px;color:#788c80;font-size:10px}
.sidebar-appearance-heading button{display:grid;place-items:center;width:26px;height:26px;flex:none;border:0;border-radius:8px;background:#f1f5f1;color:#63796d;font-size:18px;line-height:1;transition:background .2s ease,transform .2s ease}
.sidebar-appearance-heading button:hover{background:#e4ede6;transform:rotate(90deg)}
.sidebar-appearance-section{padding-top:15px}.sidebar-appearance-label{display:block;margin-bottom:9px;color:#466457;font-size:10px;font-weight:800}
.sidebar-theme-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.sidebar-theme-grid button{display:grid;justify-items:center;gap:6px;min-width:0;padding:8px 2px 7px;border:1px solid transparent;border-radius:10px;background:transparent;color:#61776b;font-size:9px;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.sidebar-theme-grid button:hover{background:#f3f7f3;transform:translateY(-2px)}.sidebar-theme-grid button[aria-pressed="true"]{border-color:#b8d9c5;background:#eaf5eb;color:#1e604d}
.sidebar-theme-grid i{display:block;width:28px;height:28px;border:1px solid #203a312c;border-radius:50%;background:var(--swatch);box-shadow:0 2px 5px #163b291a;transition:box-shadow .2s ease,transform .2s ease}
.sidebar-theme-grid button[aria-pressed="true"] i{box-shadow:0 0 0 2px #fff,0 0 0 4px #3b9676}
.sidebar-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sidebar-style-grid button{display:flex;align-items:center;gap:9px;min-width:0;padding:8px;border:1px solid #e2eae3;border-radius:10px;background:#fbfcfb;color:#496358;text-align:left;font-size:10px;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.sidebar-style-grid button:hover{border-color:#a7ceb5;transform:translateY(-2px);box-shadow:0 5px 12px #15392912}.sidebar-style-grid button[aria-pressed="true"]{border-color:#6eb293;background:#edf7ef;color:#1e604d}
.sidebar-style-preview{display:block;width:33px;height:28px;flex:none;border-radius:6px;background:#275145}.sidebar-style-preview.is-gradient{background:linear-gradient(135deg,#75a48a,#1c4649)}.sidebar-style-preview.is-glow{background:radial-gradient(circle at 20% 20%,#b6d8b1,#28574b 65%)}.sidebar-style-preview.is-dots{background-color:#275145;background-image:radial-gradient(#d1eccb 1px,transparent 1px);background-size:7px 7px}
.sidebar.is-light{--sidebar-effect-rgb:21,62,53;color:#17382f}
.sidebar.is-light .brand{color:#17382f}.sidebar.is-light .brand-copy small,.sidebar.is-light .workspace-label,.sidebar.is-light .profile-copy small,.sidebar.is-light .chevron{color:#506c63}
.sidebar.is-light .nav-item{color:#315348}.sidebar.is-light .nav-item:hover,.sidebar.is-light .nav-item.active{background:#173d3020;color:#17382f}.sidebar.is-light .nav-icon{color:#507569}.sidebar.is-light .nav-item.active .nav-icon{color:#1f765d}.sidebar.is-light .nav-item.active::before{background:#2b8066}
.sidebar.is-light .nav-count{background:#173d3020;color:#244c3f}.sidebar.is-light .alert-count{background:#a1712c22;color:#805714}
.sidebar.is-light .notifications-button,.sidebar.is-light .sidebar-color-toggle,.sidebar.is-light .online-panel,.sidebar.is-light .demo-note{border-color:#143c302a;background:#ffffff55;color:#244539}
.sidebar.is-light .notifications-button:hover,.sidebar.is-light .sidebar-color-toggle:hover,.sidebar.is-light .sidebar-color-toggle[aria-expanded="true"]{background:#ffffff9a;border-color:#143c3055}
.sidebar.is-light .online-panel-heading>span:last-child,.sidebar.is-light .online-user-name,.sidebar.is-light .online-empty,.sidebar.is-light .demo-note small{color:#45665a}.sidebar.is-light .demo-note b{color:#234537}.sidebar.is-light .profile-mini{border-top:1px solid #143c302a;color:#17382f}.sidebar.is-light .profile-mini:hover .profile-copy strong{color:#146c54}
@media(max-width:1100px){.sidebar-appearance-panel{left:232px}}
@media(max-width:760px){.sidebar-appearance-panel{top:auto;bottom:16px;left:16px;right:16px;width:auto;max-height:calc(100vh - 32px);transform:translateY(12px) scale(.98)}.sidebar-appearance-panel.is-open{transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.sidebar,.sidebar::before,.sidebar-color-toggle,.sidebar-color-chevron,.sidebar-appearance-panel,.sidebar-appearance-panel button,.sidebar-theme-grid i{transition:none}}
.online-panel{overflow:hidden}.online-user-list{display:flex;flex-flow:row nowrap;align-items:center;gap:8px;max-width:100%;margin-top:8px;padding:1px 1px 3px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#ffffff35 transparent}.online-user{position:relative;display:block;flex:0 0 24px;width:24px;height:24px}.online-user-avatar{width:24px;height:24px;box-sizing:border-box;border:1px solid #ffffff35;border-radius:50%;font-size:8px}.online-user>i{position:absolute;right:-1px;bottom:-1px;width:7px;height:7px;box-sizing:border-box;border:1px solid var(--ink);border-radius:50%;background:#76c99b;box-shadow:none}.online-user-list::-webkit-scrollbar{height:3px}.online-user-list::-webkit-scrollbar-thumb{border-radius:3px;background:#ffffff35}
.request-view-tools{display:flex;align-items:center;gap:10px}.request-view-switch{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:9px;background:#f4f7f5}.request-view-switch button{border:0;border-radius:6px;padding:6px 10px;background:transparent;color:#697c73;font-size:9px;font-weight:700}.request-view-switch button.is-active{background:#fff;color:var(--green);box-shadow:0 1px 4px #172a2714}.task-calendar{padding:0 18px 18px}.task-calendar-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 0 14px}.task-calendar-header .eyebrow{margin-bottom:3px;color:var(--green-2);font-size:8px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.task-calendar-header h3{margin:0;color:var(--ink);font:700 16px Manrope,sans-serif}.task-calendar-header p{margin:4px 0 0;color:var(--muted);font-size:9px}.calendar-controls{display:flex;gap:6px}.calendar-controls .button{min-width:30px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays{border:1px solid var(--line);border-bottom:0;border-radius:9px 9px 0 0;background:#f7f9f7}.calendar-weekdays>div{padding:9px 8px;color:#71827a;font-size:9px;font-weight:700;text-align:center}.calendar-grid{overflow:hidden;border:1px solid var(--line);border-radius:0 0 9px 9px}.calendar-day{min-width:0;min-height:125px;padding:7px;border-top:1px solid var(--line);border-right:1px solid var(--line);background:#fff}.calendar-day:nth-child(7n){border-right:0}.calendar-day.is-outside{background:#fafbfa}.calendar-day.is-today{background:#f2f8ef}.calendar-day-heading{display:flex;align-items:center;justify-content:space-between;gap:3px;margin-bottom:6px;color:#3e554b;font-size:10px;font-weight:700}.calendar-day.is-outside .calendar-day-heading{color:#a4b0aa}.calendar-day.is-today .calendar-day-heading>span{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--green);color:#fff}.calendar-day-heading small{color:#87968f;font-size:7px;font-weight:500}.calendar-day-events{display:grid;gap:4px;max-height:91px;overflow-y:auto}.calendar-event{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:4px;width:100%;min-width:0;padding:4px 5px;border:0;border-left:2px solid #3979ad;border-radius:4px;background:#edf4fa;color:#365d7a;text-align:left;cursor:pointer}.calendar-event>span{font-size:7px;font-weight:700}.calendar-event strong{overflow:hidden;font-size:7px;font-weight:600;line-height:1.3;text-overflow:ellipsis}.calendar-event:hover{filter:brightness(.97)}.calendar-event.is-overdue{border-left-color:#c3655e;background:#fff0ee;color:#8d4540}.calendar-event.is-delivered{border-left-color:#43886e;background:#edf7f0;color:#39745d}.calendar-undated{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-top:14px;padding:12px;border:1px solid #e8ece9;border-radius:9px;background:#fafbfa}.calendar-undated>div:first-child{display:grid;gap:4px;min-width:130px}.calendar-undated>div:first-child strong{color:#344b41;font-size:10px}.calendar-undated>div:first-child span{color:#84938c;font-size:8px}.calendar-undated-list{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.calendar-undated-list button{display:grid;gap:3px;max-width:190px;padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:#fff;text-align:left}.calendar-undated-list button:hover{border-color:#b5cec3}.calendar-undated-list strong{overflow:hidden;color:#355448;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.calendar-undated-list small{color:#84938c;font-size:7px}
@media(max-width:760px){.request-view-tools{gap:6px;flex-wrap:wrap;justify-content:flex-end}.task-calendar{overflow-x:auto}.calendar-weekdays,.calendar-grid{min-width:700px}.calendar-day{min-height:106px;padding:5px}}
.toolbar #requestPeriod{min-width:130px}.request-month-field{display:flex;align-items:center;gap:5px;color:#71827a;font-size:9px;font-weight:700}.request-month-field input{width:122px;height:35px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:10px}
@media(max-width:540px){.task-calendar-header{align-items:flex-start;flex-direction:column}.calendar-undated{flex-direction:column}.calendar-undated-list{justify-content:flex-start}.request-view-switch button{padding:6px 8px}}
.calendar-weekdays>div.is-weekend{background:#f1f3f1;color:#7d8882}.calendar-weekdays>div.is-friday{background:#edf6ed;color:#477456}.calendar-day.is-weekend{background:#f7f8f7}.calendar-day.is-friday{background:#f6faf5}.calendar-day.is-holiday{background:#fff4f2}.calendar-day.is-holiday .calendar-day-heading>span{color:#b44e48}.calendar-day.is-holiday.is-today .calendar-day-heading>span{background:#b44e48;color:#fff}.calendar-holiday-name{display:block;max-width:100%;margin:-2px 0 5px;overflow:hidden;color:#b44e48;font-size:7px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.calendar-day.is-outside .calendar-holiday-name{color:#ce8b85}.calendar-day.is-holiday .calendar-event{margin-top:2px}
.calendar-legend{display:flex;align-items:center;gap:10px;margin-top:8px}.calendar-legend span{display:flex;align-items:center;gap:4px;color:#7b8982;font-size:7px}.calendar-legend i{width:8px;height:8px;border:1px solid #e8d0cd;border-radius:2px;background:#fff4f2}.calendar-legend .weekend-swatch{border-color:#f0d8d5;background:#fff4f2}.calendar-legend .friday-swatch{border-color:#dcebdc;background:#edf6ed}
.notifications-popover{position:fixed;z-index:1000;display:grid;grid-template-rows:auto minmax(0,1fr);box-sizing:border-box;max-width:calc(100vw - 24px);overflow:hidden;border:1px solid #dce7e0;border-radius:13px;background:#fff;color:#17342d;box-shadow:0 18px 50px #1325222e;animation:notification-pop-in .14s ease-out}.notifications-popover-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 16px 12px;border-bottom:1px solid #edf1ee;background:#fbfcfb}.notifications-popover-heading .eyebrow{margin-bottom:4px;color:#377b69;font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.notifications-popover-heading h2{margin:0;color:#203e34;font:700 16px Manrope,sans-serif}.notifications-popover-heading p{margin:4px 0 0;color:#7d8c85;font-size:9px}.notifications-popover-close{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border:0;border-radius:7px;background:#f0f4f1;color:#52675e;font-size:17px;cursor:pointer}.notifications-popover-close:hover{background:#e4ece7}.notifications-popover .notification-list{min-height:0;overflow:auto;padding:0 14px;border-top:0}.notifications-popover .notifications-empty{padding:28px 16px}@keyframes notification-pop-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.calendar-weekdays>div.is-weekend{background:#fff4f2;color:#a8645f}.calendar-day.is-weekend{background:#fff4f2}.calendar-day.is-weekend.is-outside{background:#fff8f7}.calendar-day.is-weekend.is-today .calendar-day-heading>span{background:#b44e48;color:#fff}
.calendar-day.is-today{background:#eef5fb}.calendar-day.is-today .calendar-day-heading>span{background:#3979ad;color:#fff}.calendar-day.is-weekend.is-today{background:#eef5fb}
.pill.on-hold{background:#fff3d9;color:#956b18}.pill.cancelled{background:#f2eeee;color:#76696a}
.calendar-event.is-on-hold{border-left-color:#bd9135;background:#fff7e6;color:#83621a}
.calendar-event.is-kpi:not(.is-overdue):not(.is-delivered){border-left-color:#168a91;background:#eaf7f7;color:#24666a}
.task-list-sla-note{margin:0;padding:11px 18px 14px;border-top:1px solid #edf1ee;color:#819088;font-size:9px}
.task-list-auto-note{display:grid;gap:4px;margin:0;padding:12px 18px;border-top:1px solid #edf1ee;background:#f8fbf8;color:#527064;font-size:10px;line-height:1.5}
.task-list-auto-note strong{color:#245847;font-size:10px}
.task-list-auto-note small{color:#70887a;font-size:9px}
.nav-item[hidden]{display:none}
.requester-dashboard-requests{margin-top:14px;min-width:0}.requester-dashboard-table-wrap{overflow-x:auto}.requester-dashboard-table{width:100%;border-collapse:collapse;text-align:left}.requester-dashboard-table th{padding:10px 12px;background:#f5f8f6;color:#798980;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.requester-dashboard-table td{padding:11px 12px;border-top:1px solid #edf1ee;color:#344b41;font-size:10px;vertical-align:middle}.requester-dashboard-table td small{display:block;margin-top:4px;color:#84938c;font-size:8px}.requester-dashboard-link{display:grid;gap:4px;padding:0;border:0;background:transparent;color:#23483c;text-align:left;cursor:pointer}.requester-dashboard-link strong{font-size:9px}.requester-dashboard-link span{color:#657a70;font-size:10px}.requester-dashboard-link:hover span{text-decoration:underline}.requester-dashboard-empty{text-align:center;color:#84938c!important;padding:24px!important}
#dialog:has(.request-wizard){width:min(820px,calc(100vw - 28px));max-width:min(820px,calc(100vw - 28px));max-height:92vh;overflow-y:auto}.request-wizard .form-grid{gap:14px}.brand-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.brand-entry input,.brand-register-row input{min-width:0;width:100%;border:1px solid #dfe7e1;background:#fff;border-radius:8px;padding:9px 10px;font-size:11px;color:#274138}.brand-register-row{display:flex;gap:8px;margin-top:8px}.brand-register-row[hidden]{display:none}.proposal-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:185px;overflow:auto;padding:10px;border:1px solid #e6ece8;border-radius:9px;background:#f9fbf9}.proposal-services>label{display:flex;align-items:flex-start;gap:7px;padding:6px;border-radius:6px;color:#3f584d;font-size:10px;line-height:1.4;cursor:pointer}.proposal-services>label:hover{background:#eef5f0}.proposal-services input{margin:1px 0 0;accent-color:#176052}.proposal-request-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px;padding:13px;border:1px solid #e8eeea;border-radius:10px;background:#f8faf8}.proposal-request-detail>div{display:grid;gap:4px;min-width:0}.proposal-request-detail>div.full{grid-column:1/-1}.proposal-request-detail small{color:#83918b;font-size:9px}.proposal-request-detail b{color:#355449;font-size:10px;line-height:1.5}
@media(max-width:560px){#dialog:has(.request-wizard){width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:96vh}.brand-entry{grid-template-columns:1fr}.proposal-services{grid-template-columns:1fr}.proposal-request-detail{grid-template-columns:1fr}.proposal-request-detail>div.full{grid-column:auto}}
#dialog:has(#requestDetailsForm){height:min(92vh,840px);overflow:hidden}#dialog:has(#requestDetailsForm) #dialogContent{height:100%}.request-wizard:has(#requestDetailsForm){box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:20px}.request-wizard:has(#requestDetailsForm) .modal-header{flex:none;margin-bottom:12px}#requestDetailsForm{display:flex;flex:1;flex-direction:column;min-height:0}#requestDetailsForm>.form-grid{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:3px 5px 18px}#requestDetailsForm>.modal-footer{flex:none;margin:0;padding:13px 0 0;border-top:1px solid var(--line);background:#fff}#requestDetailsForm>.form-grid::-webkit-scrollbar{width:8px}#requestDetailsForm>.form-grid::-webkit-scrollbar-thumb{border-radius:8px;background:#cbd8cf}
@media(max-width:560px){#dialog:has(#requestDetailsForm){height:96vh}.request-wizard:has(#requestDetailsForm){padding:15px}#requestDetailsForm>.modal-footer{gap:6px}#requestDetailsForm>.modal-footer .button{padding:8px 9px}}
.brand-suggestions{display:grid;gap:3px;max-height:180px;overflow-y:auto;margin-top:6px;padding:5px;border:1px solid #dfe7e1;border-radius:8px;background:#fff;box-shadow:0 5px 16px #17342d12}
.brand-suggestions[hidden]{display:none}
.brand-suggestions button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:8px 10px;border:0;border-radius:6px;background:#fff;color:#274138;font:600 10px 'DM Sans',sans-serif;text-align:left;cursor:pointer}
.brand-suggestions button:hover,.brand-suggestions button:focus-visible{background:#eef5f0;outline:none}
.brand-suggestions small{color:#82918a;font-size:9px;font-weight:400}
.proposal-services{align-items:start;max-height:260px}
.proposal-service-group{display:grid;align-content:start;gap:3px;min-width:0;padding:7px;border:1px solid #e4ece6;border-radius:7px;background:#fff}
.proposal-service-group>strong{padding:3px 5px;color:#24584a;font-size:10px}
.proposal-service-group>label{display:flex;align-items:flex-start;gap:7px;padding:5px;border-radius:5px;color:#3f584d;font-size:10px;line-height:1.4;cursor:pointer}
.proposal-service-group>label:hover{background:#eef5f0}
.proposal-service-group input{flex:none;margin:1px 0 0;accent-color:#176052}
.request-page{max-width:1020px;margin:0 auto;padding:0;overflow:visible}
.request-page .request-wizard{padding:24px 28px}
.request-page .modal-header{margin-bottom:22px}
.request-page .modal-header h2{font-size:20px}
.request-page #deliverableStepForm{width:100%;max-width:none}
.request-page #requestDetailsForm{display:block;min-height:0}
.request-page #requestDetailsForm>.form-grid{display:grid;overflow:visible;min-height:0;padding:0}
.request-page #requestDetailsForm>.modal-footer,.request-page #deliverableStepForm>.modal-footer{position:static;justify-content:flex-end;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);background:transparent}
.request-page .proposal-services{max-height:none;overflow:visible}
@media(max-width:760px){.request-page .request-wizard{padding:18px}.request-page .proposal-services{grid-template-columns:1fr}}
.request-page{width:100%;max-width:none;margin:22px 0 0;border:0;background:transparent;box-shadow:none}
.request-page .request-wizard{padding:0}
.request-page .request-wizard:has(#requestDetailsForm){display:block;height:auto;padding:0}
.request-page .request-wizard:has(#requestDetailsForm) .modal-header{margin-bottom:22px}
.request-page .modal-header{width:100%;max-width:none}
.request-page .modal-header h2{font-size:18px}
@media(max-width:760px){.request-page{margin-top:18px}.request-page .request-wizard{padding:0}}
.proposal-service-group input[type="checkbox"]{width:14px;height:14px;min-width:14px;padding:0}
.proposal-service-group label span{flex:1;min-width:0}
.request-page .proposal-services{align-items:stretch}
.service-field-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.service-field-heading>label{min-width:0}.service-field-heading .button{flex:none}.modal:has(.service-editor-modal){max-width:min(780px,calc(100vw - 28px));overflow:hidden}.service-editor-modal{display:flex;flex-direction:column;max-height:90vh}.service-editor-modal form{display:flex;flex-direction:column;min-height:0}.service-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:auto;padding:2px 4px 4px 0}.service-editor-group{min-width:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8faf8}.service-editor-group h3{margin:0 0 10px;color:var(--green);font:700 12px Manrope,sans-serif}.service-editor-rows{display:grid;gap:7px}.service-editor-rows label{display:block}.service-editor-rows input,.service-editor-add input{width:100%;min-width:0;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font-size:10px}.service-editor-rows input:focus,.service-editor-add input:focus{outline:2px solid #d5e8dc;border-color:#7da990}.service-editor-add{display:flex;gap:7px;margin-top:10px}.service-editor-add .button{flex:none}.service-editor-modal .modal-footer{flex:none;margin-top:14px;background:#fff}
.service-editor-item{min-width:0;padding:8px;border:1px solid #e2eae4;border-radius:8px;background:#fff}.service-editor-item>input{font-weight:600}.service-deck-details{margin-top:6px}.service-deck-details summary{display:flex;align-items:center;gap:8px;cursor:pointer;color:#285846;font-size:10px;font-weight:700;list-style-position:inside}.service-deck-details summary span{margin-left:auto;color:#87968d;font-size:9px;font-weight:500}.service-deck-details label{display:grid;gap:6px;margin-top:9px;color:#70867a;font-size:9px;font-weight:600}.service-deck-details textarea{box-sizing:border-box;width:100%;min-height:94px;padding:9px 10px;resize:vertical;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font:10px/1.55 Manrope,sans-serif}.service-deck-details textarea:focus{outline:2px solid #d5e8dc;border-color:#7da990}
.request-deck-list{display:grid;gap:9px;margin-top:9px}.request-deck-list>div{padding:9px 10px;border:1px solid #e3ebe5;border-radius:8px;background:#fff}.request-deck-list strong{color:#285846;font-size:10px}.request-deck-list ol{margin:6px 0 0;padding-left:20px}.request-deck-list li{padding:2px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.request-wizard .modal-header .planner-task-hint{margin-top:10px;padding:9px 11px;border:1px solid #d9e8dc;border-radius:8px;background:#f0f7f0;color:#285846;font-size:10px;line-height:1.5}
.planner-task-card{display:flex;align-items:center;gap:15px;width:100%;margin:16px 0;padding:17px 19px;border:1px solid #cfe3d1;border-radius:13px;background:linear-gradient(105deg,#eff8ee,#f9fcf8);box-shadow:0 5px 18px #173d2b0d;color:#204939;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.planner-task-card:hover{border-color:#83b898;box-shadow:0 8px 24px #173d2b1c;transform:translateY(-1px)}.planner-task-card:focus-visible{outline:3px solid #a9cdb4;outline-offset:2px}.planner-task-card-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:11px;background:#194f3d;color:#fff;font-size:25px;line-height:1}.planner-task-card-copy{display:grid;gap:4px;min-width:0}.planner-task-card-copy strong{font:800 13px Manrope,sans-serif}.planner-task-card-copy small{color:#617b6d;font-size:10px;line-height:1.5}.planner-task-card-action{flex:none;margin-left:auto;color:#1d6349;font-size:10px;font-weight:800}.planner-task-modal:not(:has(#requestDetailsForm)){box-sizing:border-box;padding:22px 24px}.planner-task-modal .close-button{flex:none}
.planner-task-modal .service-field-heading>label{display:grid;gap:3px}
.planner-task-modal .service-field-heading .form-hint{color:#7b8b83;font-size:9px;font-weight:400}
.planner-task-modal .proposal-services{max-height:none;overflow:visible;align-items:stretch;gap:10px;padding:10px}
.planner-task-modal .proposal-service-group{padding:10px}
.planner-task-modal .proposal-service-group>label{align-items:center;min-height:25px}
@media(max-width:620px){.planner-task-card{align-items:flex-start;padding:14px;gap:10px}.planner-task-card-action{align-self:center;font-size:0}.planner-task-card-action::after{content:'→';font-size:17px}.planner-task-modal:not(:has(#requestDetailsForm)){padding:17px}}
@media(max-width:620px){.planner-task-modal .proposal-services{grid-template-columns:1fr}}
@media(max-width:620px){.service-editor-grid{grid-template-columns:1fr}.service-field-heading{align-items:flex-start;flex-direction:column}.service-editor-add{flex-wrap:wrap}}
.request-page .proposal-service-group:nth-child(5),.planner-task-modal .proposal-service-group:nth-child(5){grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
.request-page .proposal-service-group:nth-child(5)>strong,.planner-task-modal .proposal-service-group:nth-child(5)>strong{grid-column:1/-1}
@media(max-width:760px){.request-page .proposal-service-group:nth-child(5),.planner-task-modal .proposal-service-group:nth-child(5){grid-template-columns:1fr}}
.brand-combobox{position:relative;min-width:0}
.brand-combobox #proposalBrand{width:100%;padding-right:44px}
.brand-dropdown-toggle{position:absolute;top:50%;right:7px;transform:translateY(-50%);display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:6px;background:transparent;color:#536b60;cursor:pointer}.brand-dropdown-toggle::before{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.brand-dropdown-toggle:hover{background:#eff4f0}
.brand-combobox .brand-suggestions{position:absolute;top:100%;left:0;right:0;z-index:20;max-height:230px;margin-top:4px;box-shadow:0 12px 25px #122d2526}
.brand-suggestions-empty{padding:9px 10px;color:#7c8d84;font-size:10px}
.brand-register-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:8px;padding:11px;border:1px solid #dfe7e1;border-radius:9px;background:#f8fbf8}
.brand-register-field{display:grid;align-content:start;gap:5px;min-width:0}.brand-register-field>label{display:block;font-size:10px;font-weight:700;color:#405b50}.brand-taxonomy-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;min-width:0}.brand-taxonomy-control select{min-width:0}.brand-taxonomy-add{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:5px;min-width:0}.brand-taxonomy-add[hidden]{display:none}.brand-taxonomy-add input{min-width:0}.brand-taxonomy-add button{padding-left:8px;padding-right:8px}
.brand-register-row select{width:100%;min-width:0}
.brand-register-row button{white-space:nowrap}
.proposal-service-group .service-count{float:right;color:#82918a;font-size:9px;font-weight:500}
.proposal-service-group label.is-disabled{opacity:.48;cursor:not-allowed}
.auto-sla-weight{display:flex;align-items:center;min-height:34px;padding:8px 10px;border:1px solid #dce8de;border-radius:8px;background:#eef6ef;color:#205946;font-size:11px;font-weight:700}
.meeting-staff-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:220px;overflow:auto}.meeting-staff-choices label{display:flex;align-items:center;gap:7px;padding:9px;border:1px solid #dfe7e1;border-radius:8px;background:#fff;cursor:pointer}.meeting-staff-choices input{width:auto;accent-color:#176052}@media(max-width:560px){.meeting-staff-choices{grid-template-columns:1fr}}
.target-audience{margin:0;padding:14px;border:1px solid #e2ebe5;border-radius:9px}
.target-audience legend{padding:0 5px;color:#28483b;font-size:11px;font-weight:700}
.target-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.target-audience-grid label{display:grid;gap:6px;min-width:0}
.field[hidden],.brand-register-row[hidden]{display:none}
@media(max-width:760px){.brand-register-row,.target-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-register-row>#registerBrandSave{grid-column:1/-1}}
@media(max-width:560px){.brand-register-row,.target-audience-grid{grid-template-columns:1fr}}
.app-shell[hidden],.auth-page[hidden],.auth-form[hidden],.auth-error[hidden],.role-switch[hidden],#resetDemo[hidden]{display:none!important}
.auth-page{position:relative;box-sizing:border-box;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:28px 16px;background:radial-gradient(circle at 15% 12%,#2c6252 0,#173d34 40%,#102a25 100%);font-family:'DM Sans',sans-serif}
.auth-page.has-photo{background-image:linear-gradient(110deg,rgba(8,38,32,.78),rgba(8,38,32,.63)),var(--auth-photo);background-position:center;background-size:cover,cover;background-repeat:no-repeat,no-repeat}
.auth-page.has-photo.is-tiled{background-size:cover,320px auto;background-repeat:no-repeat,repeat}
.morning-briefing-button{min-width:142px;min-height:36px;margin-left:auto;white-space:nowrap;cursor:pointer}
.morning-briefing-button.is-copied{background:#258467;animation:morning-briefing-copied .4s cubic-bezier(.2,.8,.2,1)}
.morning-briefing-button.is-copied .morning-briefing-label{animation:morning-briefing-label .4s ease-out}
@keyframes morning-briefing-copied{0%{transform:scale(.94);box-shadow:0 2px 5px #174f4222}60%{transform:scale(1.05);box-shadow:0 8px 20px #25846755}100%{transform:scale(1)}}
@keyframes morning-briefing-label{0%{opacity:0;transform:translateY(5px)}100%{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.morning-briefing-button.is-copied,.morning-briefing-button.is-copied .morning-briefing-label{animation:none}}
.auth-photo-credit{position:absolute;right:18px;bottom:14px;margin:0;color:#eff9ee;font-size:10px;text-shadow:0 1px 5px #0b251e}.auth-photo-credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}.auth-photo-credit[hidden]{display:none}
.auth-brand{box-sizing:border-box;display:flex;align-items:center;gap:14px;width:min(100%,440px);color:#fff}.auth-brand .brand-mark{width:46px;height:46px;flex:none;border-radius:0;background:transparent;box-shadow:none;font:42px/1 system-ui}
.auth-tagline{display:flex;flex:1;min-width:0;flex-wrap:wrap;align-content:center;align-items:center;gap:4px;min-height:40px;color:#e1f19a;font:700 25px/1.2 Manrope,sans-serif;letter-spacing:-.6px}
.auth-tagline>span{display:inline-block;max-width:100%;overflow-wrap:anywhere;animation:auth-tagline-reveal 7s ease-in-out infinite}
.auth-tagline>span:nth-child(2){font-size:22px;letter-spacing:-.9px;white-space:nowrap}
.auth-tagline>span:nth-child(2){animation-delay:.18s}.auth-tagline>span:nth-child(3){animation-delay:.36s}.auth-tagline>span:nth-child(4){animation-delay:.54s}
.auth-tagline .auth-tagline-wand{margin-left:2px;font-size:30px;transform-origin:20% 80%;animation:auth-wand 7s ease-in-out infinite}
@keyframes auth-tagline-reveal{0%,4%{opacity:0;transform:translateY(6px)}16%,78%{opacity:1;transform:translateY(0)}91%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes auth-wand{0%,8%{opacity:0;transform:translateY(6px) rotate(-18deg)}20%,30%{opacity:1;transform:translateY(0) rotate(14deg)}38%,76%{opacity:1;transform:translateY(0) rotate(-8deg)}92%,100%{opacity:0;transform:translateY(-4px) rotate(12deg)}}
@media(max-width:390px){.auth-tagline{gap:3px;min-height:28px;font-size:11px}.auth-tagline>span:nth-child(2){font-size:11px;white-space:normal}.auth-tagline .auth-tagline-wand{font-size:16px}}
@media(prefers-reduced-motion:reduce){.auth-tagline>span,.auth-tagline .auth-tagline-wand{animation:none;opacity:1;transform:none}}
.auth-card{box-sizing:border-box;width:min(100%,440px);padding:32px;border:1px solid #dbe6dd;border-radius:18px;background:#fff;box-shadow:0 24px 70px #071e193d;color:#193a30}
.auth-eyebrow{color:#26785f;font-size:10px;font-weight:800;letter-spacing:1.4px}.auth-card h1{margin:10px 0 5px;font:800 28px/1.2 Manrope,sans-serif}.auth-card>p{margin:0 0 24px;color:#708278;font-size:12px;line-height:1.5}
.auth-form{display:grid;gap:15px}.auth-form>label{display:grid;gap:7px;color:#39574a;font-size:11px;font-weight:700}.auth-form input{box-sizing:border-box;width:100%;height:42px;padding:0 12px;border:1px solid #dbe6df;border-radius:8px;background:#fbfcfb;color:#173b32;font:500 12px 'DM Sans',sans-serif}.auth-form input:focus{border-color:#208568;outline:2px solid #20856824}.auth-submit{width:100%;min-height:42px;justify-content:center;margin-top:4px}.auth-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.auth-links button{padding:0;border:0;background:none;color:#17604e;font:700 11px 'DM Sans',sans-serif;cursor:pointer}.auth-links button:hover{text-decoration:underline}.auth-note{margin:0;color:#72857a;font-size:10px;line-height:1.5}.auth-error{margin:0;padding:10px 11px;border-radius:7px;background:#fff0ed;color:#a5362f;font-size:11px;line-height:1.4}.auth-footer{margin:0;color:#c0d7ca;font-size:10px;letter-spacing:1px;text-align:center}
#loginForm .auth-submit{cursor:pointer;transform:none}
#loginForm .auth-submit:hover,#loginForm .auth-submit:active{transform:none;filter:none}
#loginForm .auth-submit-label{display:inline-block;transform-origin:center;transition:transform .24s cubic-bezier(.2,.8,.2,1),letter-spacing .24s ease,text-shadow .24s ease}
#loginForm .auth-submit:hover .auth-submit-label{transform:translateY(-2px) scale(1.07);letter-spacing:.7px;text-shadow:0 3px 8px #ffffff55}
#loginForm .auth-submit:active .auth-submit-label{transform:translateY(2px) scale(.95);letter-spacing:0;text-shadow:none;transition-duration:.09s}
#loginForm .auth-submit:focus-visible{outline:3px solid #d7ed9a;outline-offset:3px}
@media(prefers-reduced-motion:reduce){#loginForm .auth-submit-label{transition:none}#loginForm .auth-submit:hover .auth-submit-label,#loginForm .auth-submit:active .auth-submit-label{transform:none;letter-spacing:0;text-shadow:none}}
@media(max-width:520px){.auth-page{justify-content:flex-start;padding-top:12vh}.auth-card{padding:25px 20px}}
@media(max-width:520px){.auth-photo-credit{right:12px;bottom:10px;font-size:9px}}
.account-requests-panel{display:grid;gap:9px;margin:22px 16px 16px;padding:18px;border:1px solid #e2eae4;border-radius:10px;background:#f8faf8}.account-requests-panel h3{margin:4px 0 0;color:#24483c;font:800 13px Manrope,sans-serif}.account-requests-panel p{margin:0;color:#6f8077;font-size:10px;line-height:1.5}.account-request-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #e2eae4}.account-request-row>div{display:grid;gap:3px;flex:1;min-width:0}.account-request-row strong{font-size:11px}.account-request-row small{color:#6f8077;font-size:10px;overflow-wrap:anywhere}.account-reset-row{display:flex;gap:8px;align-items:center}.account-reset-row select{flex:1;min-width:0}.account-reset-row button{white-space:nowrap}@media(max-width:620px){.account-reset-row{align-items:stretch;flex-direction:column}.account-request-row{flex-wrap:wrap}}
.request-notes{margin-top:13px;padding:13px;border:1px solid #e2ebe5;border-radius:10px;background:#f9fbf9}
.request-notes-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.request-notes-heading h3{margin:0;color:#29473c;font:700 11px Manrope,sans-serif}
.request-notes-heading span{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:#e7f1e7;color:#285c46;font-size:9px;font-weight:700}
.request-note-list{display:grid;gap:8px}
.request-note{padding:10px 11px;border:1px solid #e4ece6;border-radius:8px;background:#fff}
.request-note-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#355449;font-size:10px}
.request-note-meta time{color:#84948b;font-size:9px;font-weight:400}
.request-note p{margin:7px 0 0;color:#536b60;font-size:10px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.request-note-empty{margin:0;color:#87958e;font-size:10px}
.request-note-form{display:grid;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e3ebe5}
.request-note-form[hidden]{display:none}
.request-note-form label{color:#355449;font-size:10px;font-weight:700}
.request-note-form textarea{box-sizing:border-box;width:100%;min-height:82px;padding:9px 10px;resize:vertical;border:1px solid #dfe7e1;border-radius:8px;background:#fff;color:#274138;font-size:11px;outline:none}
.request-note-form textarea:focus{border-color:#6a9f85;box-shadow:0 0 0 3px #6a9f851d}
.request-note-actions{display:flex;justify-content:flex-end;gap:7px}
.request-page #proposalCategory[readonly],.request-page #proposalSubCategory[readonly]{background:#f3f7f4;color:#506a5c;cursor:default}
.brand-suggestions button small{text-align:right;white-space:normal}
.target-audience-grid .audience-checklist{min-width:0;margin:0;padding:0;border:0}
.target-audience-grid .audience-checklist legend{margin-bottom:7px;padding:0;color:#355449;font-size:10px;font-weight:700}
.target-audience-grid .audience-checklist>div{display:flex;flex-wrap:wrap;gap:6px}
.target-audience-grid .audience-checklist label{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #dfe7e1;border-radius:7px;background:#fff;color:#355449;font-size:10px;cursor:pointer}
.target-audience-grid .audience-checklist label:has(input:checked){border-color:#9dc9a9;background:#edf7ed}
.target-audience .audience-checklist input[type="checkbox"]{width:14px;height:14px;min-width:14px;margin:0;padding:0;border:0;accent-color:#176052}
.proposal-request-detail b{white-space:pre-wrap;overflow-wrap:anywhere}
.request-background-copy{white-space:pre-wrap}
.request-page .proposal-product-field,.request-page .proposal-usp-field,.planner-task-modal .proposal-product-field,.planner-task-modal .proposal-usp-field{align-content:start;grid-template-rows:auto auto}
.request-page .proposal-product-field input,.planner-task-modal .proposal-product-field input{height:36px;min-height:36px}
.request-page .proposal-usp-field textarea,.planner-task-modal .proposal-usp-field textarea{height:36px;min-height:36px;resize:vertical}
.request-page .field>label.is-required::after{content:' *';color:#b6463f;font-weight:800}
.request-page .required-mark{color:#b6463f;font-weight:800}
.request-page .required-fields-hint{margin:9px 0 0;color:#647a70;font-size:10px}
.request-page .target-audience-grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:12px;row-gap:14px}
.request-page .target-audience-grid>:nth-child(1){grid-column:span 4}
.request-page .target-audience-grid>:nth-child(2){grid-column:span 2}
.request-page .target-audience-grid>:nth-child(3){grid-column:span 6}
.request-page .target-audience-grid>:nth-child(4),.request-page .target-audience-grid>:nth-child(5){grid-column:span 6}
.request-page .proposal-package-field select{max-width:none}
.request-page #requestDetailsForm:has(#meetingCategory)>.form-grid>.field{align-content:start;grid-auto-rows:max-content;min-width:0}
.request-page #requestDetailsForm:has(#meetingCategory)>.form-grid>.field>input:not([type="hidden"]),.request-page #requestDetailsForm:has(#meetingCategory)>.form-grid>.field>select,.request-page #requestDetailsForm:has(#meetingCategory)>.form-grid>.field>output.auto-sla-weight{height:36px;min-height:36px}
.request-page .audience-bd-option,.planner-task-modal .audience-bd-option{display:inline-flex;align-items:center;justify-self:start;gap:8px;margin-top:4px;padding:8px 10px;border:1px solid #dfe7e1;border-radius:7px;background:#fff;color:#355449;font-size:10px;line-height:1.4;cursor:pointer}
.request-page .audience-bd-option:has(input:checked),.planner-task-modal .audience-bd-option:has(input:checked){border-color:#9dc9a9;background:#edf7ed}
.request-page .audience-bd-option input,.planner-task-modal .audience-bd-option input{flex:none;width:14px;height:14px;min-width:14px;margin:0;padding:0;accent-color:#176052}
.request-page .placement-choice{min-width:0;margin:0;padding:13px 14px;border:1px solid #e2ebe5;border-radius:9px;background:#f9fbf9}
.request-page .placement-choice legend{padding:0 5px;color:#28483b;font-size:11px;font-weight:700}
.request-page .placement-options{display:flex;flex-wrap:wrap;gap:8px}
.request-page .placement-options label{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #dfe7e1;border-radius:7px;background:#fff;cursor:pointer}
.request-page .placement-options label:has(input:checked){border-color:#9dc9a9;background:#edf7ed}
.request-page .placement-options input{width:14px;height:14px;margin:0;padding:0;accent-color:#176052}
.request-page .placement-suggestion{display:grid;gap:6px;margin-top:12px}
.request-page .placement-suggestion[hidden]{display:none}
.request-page .placement-suggestion-title{display:inline-flex;align-items:baseline;justify-self:start;gap:3px}
.request-page .placement-suggestion textarea{width:100%;min-height:72px;border:1px solid #dfe7e1;border-radius:8px;background:#fff;padding:9px 10px;color:#274138;font-size:11px;resize:vertical}
.request-page .placement-suggestion textarea:focus{outline:none;border-color:#6a9f85;box-shadow:0 0 0 3px #6a9f851d}
@media(max-width:760px){.request-page .target-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.request-page .target-audience-grid>*{grid-column:auto!important}}
@media(max-width:560px){.request-page .target-audience-grid{grid-template-columns:1fr}}
select:not([multiple]){
  appearance:none;
  -webkit-appearance:none;
  padding-right:48px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%2352675e' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 20px center;
  background-size:12px;
}
.request-page .deliverable-picker,.planner-task-modal .deliverable-picker{min-width:0;margin:0;padding:0;border:0}
.request-page .deliverable-picker legend,.planner-task-modal .deliverable-picker legend{margin-bottom:12px;padding:0;color:#355449;font-size:11px;font-weight:700}
.request-page .deliverable-card-grid,.planner-task-modal .deliverable-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.request-page .deliverable-card,.planner-task-modal .deliverable-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 20px;grid-template-rows:auto 1fr;align-content:start;column-gap:10px;row-gap:9px;min-height:132px;padding:17px;border:1px solid #dce7df;border-radius:11px;background:#fff;color:#29473c;cursor:pointer;transition:border-color .15s,background-color .15s,box-shadow .15s}
.request-page .deliverable-card:hover,.planner-task-modal .deliverable-card:hover{border-color:#82b499;background:#f9fcf9}
.request-page .deliverable-card:has(input:checked),.planner-task-modal .deliverable-card:has(input:checked){border-color:#24745a;background:#eff7f0;box-shadow:0 0 0 1px #24745a}
.request-page .deliverable-card:focus-within,.planner-task-modal .deliverable-card:focus-within{outline:3px solid #b7d8cb;outline-offset:2px}
.request-page .deliverable-card input,.planner-task-modal .deliverable-card input{position:absolute;width:1px;height:1px;opacity:0}
.request-page .deliverable-card strong,.planner-task-modal .deliverable-card strong{grid-column:1;grid-row:1;font:700 13px Manrope,sans-serif}
.request-page .deliverable-card-description,.planner-task-modal .deliverable-card-description{grid-column:1/-1;grid-row:2;color:#65796f;font-size:11px;font-weight:400;line-height:1.5}
.request-page .deliverable-card-indicator,.planner-task-modal .deliverable-card-indicator{grid-column:2;grid-row:1;display:grid;place-items:center;width:20px;height:20px;border:1px solid #b7cbc0;border-radius:50%;background:#fff;color:#fff;font-size:12px;line-height:1}
.request-page .deliverable-card:has(input:checked) .deliverable-card-indicator,.planner-task-modal .deliverable-card:has(input:checked) .deliverable-card-indicator{border-color:#176052;background:#176052}
.request-page .deliverable-card:has(input:checked) .deliverable-card-indicator::after,.planner-task-modal .deliverable-card:has(input:checked) .deliverable-card-indicator::after{content:'✓'}
.planner-task-modal .deliverable-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.planner-task-modal .deliverable-card{min-height:112px;padding:15px}
@media(max-width:800px){.request-page .deliverable-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.request-page .deliverable-card-grid{grid-template-columns:1fr}.request-page .deliverable-card{min-height:110px}}
@media(max-width:560px){.planner-task-modal .deliverable-card-grid{grid-template-columns:1fr}.planner-task-modal .deliverable-card{min-height:95px}}

/* Sidebar groups stay within the viewport instead of creating a second scroll area. */
.sidebar{height:100dvh;overflow:hidden;padding:20px 16px 14px}
.sidebar-brand-row{margin-bottom:22px}
.sidebar .workspace-label{padding:0 11px 8px}
.primary-nav,.support-nav{display:grid;gap:3px}
.hotlinks-nav-icon{display:block;width:15px;height:15px;margin:auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sidebar .nav-item{min-height:38px;padding:9px 11px;font-size:12px}
.sidebar-support{flex:none;margin-top:18px;padding-top:14px;border-top:1px solid #ffffff24}
.sidebar-section-label{padding:0 11px 8px;color:#a4b9ae;font-size:9px;font-weight:700;letter-spacing:.15em}
.sidebar.is-light .sidebar-support{border-top-color:#143c302a}
.sidebar.is-light .sidebar-section-label{color:#506c63}
.sidebar-bottom{flex:none;min-height:0;margin-top:auto}
.sidebar-color-control{margin-bottom:8px}
.sidebar-color-toggle{padding:8px 10px}
.online-panel{margin-bottom:8px;padding:8px 9px}
.demo-note{margin-bottom:8px;padding:9px}
.profile-mini{padding:10px 8px 0}
@media(max-height:670px){.sidebar .demo-note{display:none}}
@media(max-height:580px){.sidebar .online-panel{display:none}.sidebar-brand-row{margin-bottom:14px}.sidebar-support{margin-top:11px;padding-top:9px}.sidebar .nav-item{min-height:34px;padding:7px 10px}}
@media(max-height:470px){.sidebar{padding-top:12px;padding-bottom:10px}.sidebar-brand-row{margin-bottom:9px}.sidebar .workspace-label,.sidebar-section-label{padding-bottom:4px}.sidebar-support{margin-top:6px;padding-top:6px}.sidebar .nav-item{min-height:30px;padding:5px 9px}.sidebar-color-control{margin-bottom:4px}.profile-mini{padding-top:6px}}

.workload-chart{width:100%;height:auto;min-height:240px}.workload-summary{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;padding-top:8px;color:var(--muted);font-size:10px}.workload-summary b{color:var(--ink)}.workload-summary small{margin-left:auto;font-size:9px}.delivery-weight-legend{flex-wrap:wrap}

.chart-indicator-menu{position:relative;font-size:9px;color:var(--ink)}.chart-indicator-menu summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:7px 9px;background:#f1f6f3;white-space:nowrap}.chart-indicator-menu summary::-webkit-details-marker{display:none}.chart-indicator-options{position:absolute;right:0;top:calc(100% + 7px);z-index:20;min-width:175px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #17342d20}.chart-indicator-options label{display:flex;align-items:center;gap:8px;padding:8px;cursor:pointer;white-space:nowrap}.chart-indicator-options input{accent-color:#247d68;width:14px;height:14px}.trend-controls{flex-wrap:wrap}

.trend-panel .panel-body{position:relative}.chart-hover-zone{cursor:crosshair}.chart-hover-guide{stroke:#657f73;stroke-width:1;stroke-dasharray:3 3;opacity:0;pointer-events:none}.chart-period-hover:hover .chart-hover-guide,.chart-period-hover:focus .chart-hover-guide{opacity:.55}.chart-period-hover:focus{outline:none}.chart-hover-tooltip{position:absolute;z-index:5;max-width:245px;padding:11px 13px;border:1px solid #d7e5dd;border-radius:10px;background:#fff;color:#17342d;box-shadow:0 6px 22px #17342d24;font-size:11px;line-height:1.6;pointer-events:none}.chart-hover-tooltip[hidden]{display:none}.workload-summary .workload-formula{flex-basis:100%;margin:2px 0 0;line-height:1.6;color:#60766a}

.delivery-status-icon{width:15px;height:15px;flex:0 0 15px;color:#637e72}.status-name{display:inline-flex;align-items:center;gap:7px}.status-active-group .delivery-status-icon{width:13px;height:13px;flex-basis:13px;color:inherit}

/* Achievement heading: title first, followed by evenly sized average cards. */
.achievement-panel .panel-head{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:20px 20px 16px}
.achievement-panel .panel-head:has(.achievement-team-averages)>div{flex:0 0 auto;min-width:0;width:100%}
.achievement-panel .panel-head h2{margin:0 0 5px}
.achievement-panel .panel-head p{margin:0;line-height:1.6}
.achievement-team-averages{flex:0 0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:8px;padding:0;border:0;background:transparent;width:100%;box-sizing:border-box}
.achievement-team-averages>b{grid-column:1/-1;font-size:9px;color:#6b8075;font-weight:600}
.achievement-team-averages>span{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:11px 12px;border:1px solid #e0e9e3;border-radius:9px;background:#f7faf8;min-width:0}
.achievement-team-averages strong{font-size:14px;line-height:1.2}
.achievement-team-averages .achievement-group-average{margin:0;padding:11px 12px;border:1px solid #d8e8db;background:#edf5ee;font-weight:600}
.achievement-panel .load-legend{display:flex;flex-wrap:wrap;gap:8px 12px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #e5ece7;line-height:1.5}
.achievement-panel .load-legend>span{white-space:nowrap}
.achievement-panel .achievement-current-key{margin-left:0}
.achievement-panel .load-chart{padding-top:14px}
.achievement-panel .load-team h3{margin-bottom:14px}

/* Compact average strip spanning the team chart. */
.achievement-team-averages{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;width:100%;padding:10px 12px;border:1px solid #dce9df;border-radius:9px;background:#f5faf6;box-sizing:border-box}
.achievement-team-averages>b{flex:0 0 100%;font-size:9px;line-height:1.2}
.achievement-team-averages>span,.achievement-team-averages .achievement-group-average{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;font-size:10px;font-weight:400}
.achievement-team-averages>span+span{border-left:1px solid #dce9df;padding-left:14px}
.achievement-team-averages strong{font-size:11px;line-height:1.3}
@media(max-width:420px){.achievement-team-averages{gap:8px}.achievement-team-averages>span,.achievement-team-averages .achievement-group-average{flex-wrap:wrap}.achievement-team-averages>span+span{padding-left:8px}}

.achievement-team-averages{column-gap:12px}
.achievement-team-averages>span,.achievement-team-averages .achievement-group-average{flex:0 0 auto;justify-content:flex-start;gap:6px;white-space:nowrap}
.achievement-team-averages>span+span,.achievement-team-averages .achievement-group-average{border-left:0;padding-left:0}
.achievement-team-averages>span+span::before{content:'|';display:inline-block;margin-right:6px;color:#9aafa2;font-weight:400}

.achievement-team-averages .achievement-group-average,.achievement-team-averages .achievement-group-average strong{color:#72539a}.team-average-direction{font-style:normal;font-size:10px;line-height:1}.team-average-direction.above{color:#238352}.team-average-direction.below{color:#c74c4c}.team-average-direction.equal{color:#7d8b85}

:root[data-workspace-theme] .scope-banner,:root[data-workspace-theme] .achievement-team-averages{background:var(--theme-soft);border-color:var(--line);color:var(--theme-accent)}
:root[data-workspace-theme] .eyebrow,:root[data-workspace-theme] .button-outline,:root[data-workspace-theme] .metric-icon,:root[data-workspace-theme] .achievement-team-averages strong{color:var(--theme-accent)}
:root[data-workspace-theme] .segmented button.active,:root[data-workspace-theme] .chart-mode-toggle button.selected,:root[data-workspace-theme] .settings-tabs button.active{color:var(--theme-accent)}
:root[data-workspace-theme] .chart-mode-toggle,:root[data-workspace-theme] .chart-indicator-menu summary,:root[data-workspace-theme] .status-row{background:var(--theme-soft)}
:root[data-workspace-theme] .button-primary{background:var(--theme-accent);border-color:var(--theme-accent)}
:root[data-workspace-theme] .achievement-team-averages .achievement-group-average,:root[data-workspace-theme] .achievement-team-averages .achievement-group-average strong{color:#72539a}

:root[data-workspace-theme] .segmented,:root[data-workspace-theme] .dashboard-group-filter,:root[data-workspace-theme] .dashboard-group-filter:has(button.selected){background:var(--theme-soft);border-color:var(--line)}
:root[data-workspace-theme] .segmented button.selected,:root[data-workspace-theme] .dashboard-group-filter button.selected,:root[data-workspace-theme] .dashboard-group-filter select{color:var(--theme-accent)}
:root[data-workspace-theme] .dashboard-group-filter select{border-left-color:var(--line)}
:root[data-workspace-theme] .rank-number{background:var(--theme-soft);color:var(--theme-accent)}

.auth-ripple-layer{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0}.auth-page>.auth-card,.auth-page>.auth-brand,.auth-page>footer{position:relative;z-index:1}.auth-background-ripple{position:absolute;width:560px;height:560px;border:1px solid rgba(220,248,211,.65);border-radius:50%;background:radial-gradient(circle,transparent 42%,rgba(209,241,191,.08) 62%,rgba(220,248,211,.16) 70%,transparent 72%);box-shadow:0 0 28px rgba(214,237,139,.12),inset 0 0 24px rgba(214,237,139,.08);transform:translate(-50%,-50%) scale(0);animation:authBackgroundRipple 1.5s cubic-bezier(.12,.5,.28,1) forwards;pointer-events:none}.auth-background-ripple::after{content:'';position:absolute;inset:55px;border:1px solid rgba(220,248,211,.35);border-radius:50%}@keyframes authBackgroundRipple{0%{transform:translate(-50%,-50%) scale(0);opacity:.85}100%{transform:translate(-50%,-50%) scale(1.3);opacity:0}}@media(prefers-reduced-motion:reduce){.auth-background-ripple{display:none}}

.achievement-panel .achievement-insight{position:static;left:auto;width:100%;min-width:0;flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding:12px 14px;background:var(--theme-soft,#f5faf6);border-color:var(--line);font-size:10px;line-height:1.5}
.achievement-insight>b{grid-column:1/-1;color:var(--theme-accent,var(--green));font-size:11px}
.achievement-insight-row{grid-template-columns:auto auto 1fr;gap:6px;white-space:normal;align-items:center}
.achievement-insight-row>i{display:none}
.achievement-insight-row>strong{justify-self:end;font-size:9px;padding:3px 6px;border-radius:5px;background:#ffffffb3}
.achievement-insight-row>span:nth-of-type(2){font-weight:700;color:var(--ink);white-space:nowrap}
.achievement-insight strong.is-below{color:#b44949}.achievement-insight strong.is-above{color:#238352}
@media(max-width:500px){.achievement-panel .achievement-insight{grid-template-columns:1fr}.achievement-insight-row{grid-template-columns:78px 1fr auto}}

.achievement-insight-row{grid-template-columns:max-content max-content max-content;justify-content:start;column-gap:6px}
.achievement-insight-row>strong{justify-self:start;margin-left:2px}
@media(max-width:500px){.achievement-insight-row{grid-template-columns:max-content max-content max-content;column-gap:6px}}

.account-requests-panel{margin-top:20px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff}.account-requests-panel h3{margin:0 0 7px;font-size:13px;color:var(--ink)}.account-requests-panel p{margin:0 0 14px;font-size:11px;line-height:1.6;color:var(--muted)}#pendingAccountRequests>p{margin:0;padding:12px 14px;border:1px dashed var(--line);border-radius:8px;background:var(--theme-soft,#f5faf6)}.account-reset-section{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.account-reset-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.account-reset-row select{width:100%;min-width:0;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fafcfb;color:var(--ink);font-size:11px}.account-reset-row button{height:38px;padding:0 14px;white-space:nowrap}.account-request-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.account-request-row>div{flex:1;min-width:0}.account-request-row small{display:block;margin-top:4px;overflow-wrap:anywhere}@media(max-width:600px){.account-reset-row{grid-template-columns:1fr}.account-reset-row button{justify-self:start}}

.access-panel>.account-requests-panel{margin:20px 0 0;width:100%;box-sizing:border-box}

.access-table-wrap{overflow-x:hidden}
.access-table{min-width:0;width:100%;table-layout:fixed}
.access-table th,.access-table td{padding:7px 5px;min-width:0!important}
.access-table th:nth-child(1){width:13%}.access-table th:nth-child(2){width:14%}.access-table th:nth-child(3){width:22%}.access-table th:nth-child(4){width:15%}.access-table th:nth-child(5){width:12%}.access-table th:nth-child(6){width:13%}.access-table th:nth-child(7){width:11%}
.access-panel.is-editing .access-table th:nth-child(3){width:18%}.access-panel.is-editing .access-table th:nth-child(4){width:13%}.access-panel.is-editing .access-table th:nth-child(8){width:6%}
.access-table td:last-child{width:auto}
.access-table input,.access-table select{min-width:0;max-width:100%;height:32px;padding-left:7px;font-size:9px}
.access-table select{padding-right:18px;background-position:right 5px center;background-size:10px}
.access-table .user-status-button{min-width:0;gap:4px;padding:0;font-size:8px}
.access-table .user-status-track{flex-shrink:0}
.access-table .access-row-actions .button{padding:5px;font-size:8px}
@media(max-width:700px){.access-table thead{display:none}.access-table,.access-table tbody{display:block}.access-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px;border-bottom:1px solid var(--line)}.access-table td{display:block;border:0;padding:0!important}.access-table td:nth-child(3){grid-column:1/-1}.access-table td::before{display:block;margin-bottom:4px;font-size:9px;color:var(--muted)}.access-table td:nth-child(1)::before{content:'Name'}.access-table td:nth-child(2)::before{content:'Title'}.access-table td:nth-child(3)::before{content:'Email'}.access-table td:nth-child(4)::before{content:'Password'}.access-table td:nth-child(5)::before{content:'User type'}.access-table td:nth-child(6)::before{content:'Team'}.access-table td:nth-child(7)::before{content:'Status'}.access-table td:nth-child(8)::before{content:'Actions'}}

.access-table th:nth-child(1){width:11%}.access-table th:nth-child(2){width:12%}.access-table th:nth-child(3){width:20%}.access-table th:nth-child(4){width:13%}.access-table th:nth-child(5){width:11%}.access-table th:nth-child(6){width:11%}.access-table th:nth-child(7){width:13%}.access-table th:nth-child(8){width:9%}.access-panel.is-editing .access-table th:nth-child(3){width:17%}.access-panel.is-editing .access-table th:nth-child(8){width:8%}.access-panel.is-editing .access-table th:nth-child(9){width:4%}@media(max-width:700px){.access-table td:nth-child(7)::before{content:'Birthday'}.access-table td:nth-child(8)::before{content:'Status'}.access-table td:nth-child(9)::before{content:'Actions'}}

#accountSettingsForm>h3{margin-top:24px;margin-bottom:12px}

:root[data-workspace-theme] .kpi-period-buttons button.selected{background:var(--theme-accent);color:#fff}

#requestWeightEdit{width:100%;margin-top:8px;height:32px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font-size:11px}

.request-weight-controls{display:flex;align-items:center;gap:7px;margin-top:8px}.request-weight-controls #requestWeightEdit{margin-top:0;flex:1;min-width:0}.request-weight-controls button{flex:0 0 auto;height:32px;padding:0 10px}.request-weight-controls button:disabled{opacity:.45;cursor:default}

#requestWeightEdit{appearance:none;-webkit-appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2335514c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:14px}

#loginForm .auth-submit{position:relative;overflow:hidden;isolation:isolate;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,background .25s ease;box-shadow:0 4px 10px #17342d18}
#loginForm .auth-submit::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff18 50%,transparent 75%);transform:translateX(-120%);transition:transform .65s ease;pointer-events:none;z-index:0}
@media(hover:hover){#loginForm .auth-submit:hover{transform:translateY(-1px);box-shadow:0 7px 18px #17342d30}#loginForm .auth-submit:hover::before{transform:translateX(120%)}#loginForm .auth-submit:hover .auth-submit-label{transform:translateY(-1px);letter-spacing:.4px;text-shadow:none}}
#loginForm .auth-submit:active{transform:translateY(1px) scale(.985);box-shadow:0 2px 5px #17342d20}
#loginForm .auth-submit-label{position:relative;z-index:2;transition:transform .25s cubic-bezier(.2,.8,.2,1),letter-spacing .25s ease}
#loginForm .auth-submit:active .auth-submit-label{transform:scale(.97);letter-spacing:0}
.signin-click-wave{position:absolute;z-index:1;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#ffffff38 0%,#ffffff16 55%,transparent 70%);transform:translate(-50%,-50%) scale(0);animation:signinWave .7s ease-out forwards}
@keyframes signinWave{to{transform:translate(-50%,-50%) scale(1);opacity:0}}
@media(prefers-reduced-motion:reduce){#loginForm .auth-submit,#loginForm .auth-submit-label,#loginForm .auth-submit::before{transition:none}#loginForm .auth-submit:hover,#loginForm .auth-submit:active,#loginForm .auth-submit:hover .auth-submit-label,#loginForm .auth-submit:active .auth-submit-label{transform:none;letter-spacing:0}.signin-click-wave{display:none}}