:root{--color-rag-amber: #fcd9bd;--color-rag-green: #bcf0da;--color-rag-red: #F8B4B4}@font-face{font-family:"Inter";src:url("/assets/Inter_28pt-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url("/assets/Inter_28pt-LightItalic-2351a9f3.ttf") format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"Inter";src:url("/assets/Inter_28pt-Regular-58c73a99.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url("/assets/Inter_28pt-Italic-70fef4c3.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Inter";src:url("/assets/Inter_28pt-Medium-66427c1e.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url("/assets/Inter_28pt-Bold-2e51372f.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url("/assets/Inter_28pt-BoldItalic-c5e0349a.ttf") format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"Inter";src:url("/assets/Inter_28pt-ExtraBold-23bc6a41.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url("/assets/Inter_28pt-Black-109ddaf8.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Material Icons";font-style:normal;font-weight:400;src:url("/assets/MaterialIcons-Regular-a66a6754.woff2") format("woff2"),url("/assets/MaterialIcons-Regular-00268f09.woff") format("woff"),url("/assets/MaterialIcons-Regular-a0d5db84.ttf") format("truetype")}.material-icons{font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:22px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.material-icons.text-xs{font-size:16px}.material-icons.text-sm{font-size:18px}.spinner{display:flex;width:48px;height:48px;border:2px solid #f3f4f6;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);align-items:center;justify-content:center;z-index:1000}.modal>turbo-frame{display:flex;align-items:center;justify-content:center}.modal .spinner{width:64px;height:64px}.modal--open{display:flex}.modal-content{display:block;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.2);background-color:#fff;max-width:800px;width:100%;max-height:80vh;overflow-y:auto;transform:scale(0.9);transition:transform .1s ease;color:#000;gap:12px;padding:12px}.modal--open .modal-content{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;font-size:12px}.modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.modal-close:hover{background-color:#f3f4f6;color:#374151}.modal-body{padding-top:12px}.modal-section{display:flex;flex-direction:column;margin-bottom:16px}.modal-section__title{color:var(--color-gray-500);font-size:12px;margin-bottom:4px}.modal-section__list{display:flex;flex-direction:column;gap:12px}.modal-section__item{display:flex;justify-content:space-between;align-items:center;font-size:12px}.modal-section__left{display:flex;align-items:center;gap:8px}.modal-section__value{flex:1;font-weight:900;font-size:14px;text-align:right}.modal-section__diff-value{display:flex;justify-content:flex-end;min-width:68px;margin-left:8px}.modal-section__diff-value-sign{font-size:16px;margin-left:2px}.modal__error{color:#ef4444;font-size:14px;text-align:center;padding:16px}.turbo-modal{width:100%}.task-requests .task-request-row{display:grid;grid-template-columns:auto 200px 200px 96px}.metric-dashboard{display:flex;flex-direction:column;gap:8px}.metric-department{display:flex;align-items:flex-start;justify-content:flex-start;gap:4px;--gap-xs: 2px;--radius-md: 4px;--col-width: 108px}.metric-department__name{display:flex;align-items:center;justify-content:center;writing-mode:sideways-lr;white-space:nowrap;font-size:16px;font-weight:bold;width:20px;padding-top:2px}.metric-bucket-list{display:flex;flex-wrap:wrap;gap:var(--gap-xs);background-color:#fff;padding:8px;border-radius:var(--radius-md)}.bucket-column{width:var(--col-width);flex-shrink:0}.bucket-column--2-columns{width:calc((var(--col-width) + var(--gap-xs))*2)}.bucket-column--2-columns .metric-card{width:calc(50% - var(--gap-xs))}.bucket-column--3-columns{width:calc((var(--col-width) + var(--gap-xs))*3)}.bucket-column--3-columns .metric-card{width:calc(33.33% - var(--gap-xs))}.bucket-column--4-columns{width:calc((var(--col-width) + var(--gap-xs))*4)}.bucket-column--4-columns .metric-card{width:calc(25% - var(--gap-xs))}.bucket-column__name{background-color:#6b7280;color:#fff;white-space:nowrap;text-align:center;padding:4px 0;margin-bottom:var(--gap-xs);border-radius:var(--radius-md);font-size:12px}.bucket-column__metrics{display:flex;flex-wrap:wrap;gap:var(--gap-xs)}.metric-card{width:100%;border-radius:var(--radius-md);padding:4px;cursor:pointer;transition:transform .1s ease-in-out}.metric-card:hover{transform:scale(1.02);opacity:.8}.metric-card--amber{background-color:var(--color-rag-amber)}.metric-card--green{background-color:var(--color-rag-green)}.metric-card--red{background-color:var(--color-rag-red)}.metric-card--gray{background-color:var(--color-gray-200)}.metric-card__name{font-size:12px;font-weight:500;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card__value{font-size:14px;font-weight:bolder;color:var(--color-gray-900)}.metric-modal .modal-content{width:380px;max-width:380px;background-color:var(--modal-bg-color)}.metric-modal .modal-content--red{--modal-bg-color: var(--color-rag-red)}.metric-modal .modal-content--amber{--modal-bg-color: var(--color-rag-amber)}.metric-modal .modal-content--green{--modal-bg-color: var(--color-rag-green)}.metric-modal .modal-content--gray{--modal-bg-color: var(--color-gray-200)}.metric-modal .modal__metric-name{font-size:18px}.metric-modal .modal__metric-value{font-size:18px;font-weight:900;margin-bottom:8px}.metric-modal .threshold-item__color{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid var(--color-gray-400)}.metric-modal .threshold-item--red .threshold-item__color{background-color:var(--color-rag-red)}.metric-modal .threshold-item--amber .threshold-item__color{background-color:var(--color-rag-amber)}.metric-modal .threshold-item--green .threshold-item__color{background-color:var(--color-rag-green)}.task-row{display:grid;grid-template-columns:auto 240px 200px 60px 76px}.task-row .autocomplete-dropdown__list{right:-100px}.plan-header{height:50px;width:auto}.plan-header .plan-header__buttons{background-color:#e1effe}.week-range-text{width:240px;text-align:center}turbo-frame#planShow[busy]{overflow-x:hidden}turbo-frame#planShow[busy]:before{content:"";position:fixed;top:0;left:-100%;width:100%;height:3px;background:linear-gradient(90deg, transparent, #3b82f6, #1d4ed8, #3b82f6, transparent);animation:loading-progress 1s ease-in-out infinite;z-index:1000}@keyframes loading-progress{0%{left:-100%}50%{left:0%}100%{left:100%}}.plan-form .uneditable-disabled{opacity:.4;pointer-events:none}
