:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors:active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--total-scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors:active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;inset:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}*{box-sizing:border-box}:root{--primary-blue: #667eea;--white: #ffffff;--light-gray: #f5f5f5;--border-color: #ddd;--text-muted: #666}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0;padding:0;background:var(--light-gray)}.container{max-width:1200px;margin:0 auto;padding:20px}.page-header{display:flex;justify-content:center;align-items:center;margin-bottom:30px;padding:20px;background:var(--primary-blue);border-radius:12px;color:var(--white)}.page-title{margin:0;font-size:28px}.section{background:var(--white);padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-header h2,.section-header h3{margin:0}.grid-2{display:grid;grid-template-columns:1fr 2fr;gap:20px}.grid-40-60{display:grid;grid-template-columns:2fr 3fr;gap:20px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.grid-gap-lg{gap:40px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;align-items:center}.flex-right{align-self:flex-end;display:flex;align-items:center}.flex-gap-sm{display:flex;gap:5px}.flex-gap-md{display:flex;gap:10px}.flex-gap-lg{display:flex;gap:15px}.flex-wrap{flex-wrap:wrap}.sidebar-layout{display:grid;grid-template-columns:250px 1fr;gap:20px}.card{background:var(--white);border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.card-clickable{background:var(--white);border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;cursor:pointer}.card-clickable:hover{box-shadow:0 4px 12px #00000026}.stat-value{font-size:28px;font-weight:700;line-height:1.2}.stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-trend{font-size:12px;display:inline-flex;align-items:center;gap:3px;font-weight:600}.stat-trend.up{color:#28a745}.stat-trend.down{color:#dc3545}.stat-card{text-align:center;padding:20px}.stat-card:hover{box-shadow:0 4px 12px #00000026}.stat-card-warning{background:#fff3cd;border-color:#ffc107}.pie-wrap{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:center;padding:10px 0}.pie-chart{border-radius:50%;flex-shrink:0}.pie-legend{display:flex;flex-direction:column;gap:6px}.pie-legend-item{display:flex;align-items:center;gap:6px;font-size:13px}.pie-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.pie-val{margin-left:auto;font-weight:600;padding-left:12px}.btn-icon{background:none;border:1px solid var(--border-color);border-radius:4px;padding:4px 8px;cursor:pointer;font-size:13px;color:var(--text-muted);transition:all .15s;line-height:1}.btn-icon:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.btn-icon.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.stat-subtle{font-size:11px;color:var(--text-muted)}.cal-user-icon{color:var(--primary-blue)!important;fill:var(--primary-blue)!important;font-size:32px}.form-group{margin-bottom:10px}.form-group label{display:block;margin-bottom:5px}.form-group label.bold{font-weight:700}.form-group label.sm{font-size:12px}.input{width:100%;padding:8px;border-radius:4px;border:1px solid var(--border-color)}.input-sm{padding:6px}.input-lg{padding:10px}.textarea{width:100%;height:100px;padding:8px;border-radius:4px;border:1px solid var(--border-color);resize:vertical}.select{width:100%;padding:8px;border-radius:4px;border:1px solid var(--border-color)}.btn{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-size:14px;transition:background .2s;background:var(--primary-blue);color:var(--white)}.btn:hover{opacity:.9}.btn.active{opacity:.6}.btn-primary,.btn-success,.btn-danger,.btn-warning{background:var(--primary-blue);color:var(--white)}.btn-secondary{background:#888;color:var(--white)}.btn-outline{background:transparent;border:1px solid var(--primary-blue);color:var(--primary-blue)}.full{width:100%}.btn-sm{padding:5px 10px;font-size:12px}.btn-lg{padding:12px;font-weight:700}.btn-icon{background:none;border:none;font-size:18px;cursor:pointer;color:var(--primary-blue)}.btn-icon-danger{color:var(--primary-blue)}.badge{padding:2px 8px;border-radius:2px;font-size:11px;color:var(--white);background:var(--primary-blue)}.badge-success{background:#28a745;color:#fff}.badge-owner{background:var(--primary-blue)}.badge-member{background:#888}.badge-risk-low{background:#a8c5ff;color:#2c3e50}.badge-risk-medium{background:#667eea;color:#fff}.badge-risk-high{background:#2c3e50;color:#fff}.tag{background:var(--white);border:1px solid var(--border-color);padding:2px 8px;border-radius:4px;font-size:12px;display:inline-flex;align-items:center;gap:5px}.tag-remove{border:none;background:none;cursor:pointer;color:var(--primary-blue);padding:0;font-size:14px}.error-text{color:#dc3545}.success-text{color:#28a745}.primary-text{color:var(--primary-blue)}.warning-text{color:#e67e22}.danger-text{color:#dc3545}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-small{font-size:12px}.mt-sm{margin-top:10px}.mt-md{margin-top:15px}.mt-lg{margin-top:20px}.mb-sm{margin-bottom:10px}.mb-md{margin-bottom:15px}.mb-lg{margin-bottom:20px}.nav{background:var(--primary-blue);padding:15px 20px;display:flex;justify-content:center;align-items:center;color:var(--white)}.nav-center{display:flex;align-items:center;gap:20px}.nav-brand{color:var(--white);text-decoration:none;font-size:20px;font-weight:700;display:flex;align-items:center;gap:10px}.nav-link{color:var(--white);text-decoration:none;margin-left:20px;padding:8px 12px;border-radius:4px;transition:background .2s}.nav-link:hover{background:#fff3}.nav-link.active{background:#ffffff4d}.list-unstyled{list-style:none;padding:0}.list-item{padding:15px;margin-bottom:10px;border-radius:8px;cursor:pointer;transition:all .2s}.list-item-default{background:var(--white);border:1px solid var(--border-color)}.list-item-active{background:var(--primary-blue);color:var(--white)}.list-item-card{background:var(--white);border:1px solid var(--border-color);border-radius:6px;padding:12px}.list-item-header{display:flex;justify-content:space-between;align-items:center}.task-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:4px;background:var(--white);border:1px solid var(--border-color);cursor:pointer;font-size:14px}.task-item.completed{background:var(--light-gray)}.task-item.completed span{text-decoration:line-through;color:#888}.details-item{padding:15px;border:1px solid var(--border-color);border-radius:6px;background:var(--white);cursor:pointer}.details-summary{display:flex;justify-content:space-between;align-items:center}.details-title{margin:0;font-size:16px}.details-date{font-size:.85em;color:var(--text-muted)}.details-content{margin-top:15px;border-top:1px solid var(--border-color);padding-top:10px}.details-content ul{list-style:none;padding:0;margin-top:10px}.details-content li{margin-bottom:12px;font-size:14px}.details-content li div:first-child{font-weight:700}.details-content li div:nth-child(2){color:var(--text-muted)}.form-card{background:var(--white);padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid var(--border-color)}.form-card-white{background:var(--white);padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.fieldset{border:1px solid var(--border-color);padding:20px;border-radius:8px;background:var(--white)}.fieldset legend{font-weight:700}.radio-group label{margin-left:10px}.radio-group label:first-child{margin-left:0}.auth-form{max-width:300px;margin:50px auto;background:var(--white);padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.auth-form-lg{max-width:350px;margin:50px auto;background:var(--white);padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.empty-state{text-align:center;padding:40px;background:var(--white);border-radius:8px;border:1px solid var(--border-color)}.empty-state-sm{padding:20px}.project-header{background:var(--white);justify-content:center;padding:25px;margin-top:20px;border-radius:8px;display:flex;gap:30px;flex-direction:column;min-height:200px;box-shadow:0 2px 8px #0000001a}.project-header-title{display:flex;align-self:center}.project-header h2{flex:1;text-align:center}.project-header-footer{margin-top:20px;font-weight:700;font-style:italic}.org-list-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:var(--white);margin-bottom:5px;border-radius:4px;border:1px solid var(--border-color)}.org-detail-card{background:var(--white);padding:20px;border-radius:8px;border:1px solid var(--border-color)}.back-link{text-decoration:none;color:var(--primary-blue)}.pagination-bar{display:flex;justify-content:space-between;align-items:center;margin-top:16px;flex-wrap:wrap;gap:10px}.pagination-info{font-size:13px;color:var(--text-muted)}.pagination-controls{display:flex;align-items:center;gap:4px}.pagination-perpage{padding:4px 6px;border-radius:4px;border:1px solid var(--border-color);font-size:12px;margin-right:8px}.pagination-ellipsis{padding:0 4px;color:var(--text-muted)}.filter-bar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.filter-input{padding:8px 12px;border-radius:4px;border:1px solid var(--border-color);font-size:14px;min-width:220px;flex:1}.filter-select{padding:8px;border-radius:4px;border:1px solid var(--border-color);font-size:14px}.btn-link{cursor:pointer;color:var(--primary-blue)}.btn-link:hover{text-decoration:underline}.loading{text-align:center;padding:50px}.loading-sm{padding:20px}.main-content{padding:20px;max-width:1200px;margin:0 auto}.gap-sm{gap:5px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.sortable-header:hover{color:var(--primary-blue)}.btn-outline-sm{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);padding:4px 10px;font-size:12px;border-radius:4px;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-outline-sm:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.btn-outline-sm.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.chart-bar-bg{height:20px;background:var(--light-gray);border-radius:4px;overflow:hidden}.chart-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-blue),#9b6bff);border-radius:4px;transition:width .3s ease;min-width:4px}.input-task{width:200px}.input-block{display:block}.member-card{background:var(--white)!important;padding:20px;border-radius:8px;box-shadow:0 4px 15px #0003;border:1px solid var(--border-color);min-width:220px;max-width:300px;position:absolute}.member-card-specific{background:var(--primary-blue)!important;padding:20px;border-radius:8px;box-shadow:0 4px 15px #0003;border:1px solid var(--border-color)}.popup-center{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background:var(--white);padding:25px;border-radius:12px;box-shadow:0 10px 25px #0003;min-width:350px;animation:fadeInScale .2s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999}.popup-content h3{margin:0 0 20px;font-size:1.2rem;color:#333}.popup-content .input{width:100%;padding:12px;margin-bottom:20px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.popup-content .input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 2px #667eea1a}.button-group{display:flex;gap:10px;justify-content:flex-end}.m-0{margin:0}.mt-5{margin-top:5px}.mb-10{margin-bottom:10px}.ml-5{margin-left:5px}.mr-10{margin-right:10px}.font-italic{font-style:italic}.line-height-14{line-height:1.4}.debug-pre{font-size:10px;background:var(--light-gray);padding:10px}.flex-1{flex:1}.hr-simple{margin:20px 0}.pl-20{padding-left:20px}.input-with-label{display:flex;gap:10px;align-items:center}.input-with-label .label-right{padding:8px 12px;background:var(--light-gray);border-radius:4px;white-space:nowrap}.bold{font-weight:700}.report-item{padding:12px;border-radius:4px;transition:background-color .2s}.report-item:nth-child(2n){background-color:var(--white)}.report-item:nth-child(odd){background-color:var(--light-gray)}.report-summary-text{white-space:pre-wrap;word-wrap:break-word}.report-item:hover{background-color:#e9ecef}.input-date-small{padding:5px 10px;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:.9rem;outline:none}.badge-dropdown{background:transparent;color:var(--text-muted);border:none;border-radius:5px;cursor:pointer;outline:none}.dash-loading{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dash-loading-card{height:200px;background:var(--white);border-radius:10px;box-shadow:0 2px 8px #00000014;animation:dash-pulse 1.5s ease-in-out infinite}.dash-loading-card:first-child{grid-column:1 / -1;height:140px}@keyframes dash-pulse{0%,to{opacity:.5}50%{opacity:.8}}.dash-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;flex-wrap:wrap}.dash-org{display:flex;align-items:center;gap:10px}.dash-org-label{font-size:13px;font-weight:600;color:var(--text-muted);white-space:nowrap}.dash-org .select{min-width:200px}.dash-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.dash-actions .btn{font-size:13px;padding:6px 12px}.dash-actions .btn-primary-outline{background:none;border:1px solid var(--primary-blue);color:var(--primary-blue)}.dash-actions .btn-primary-outline:hover,.dash-actions .btn-primary-outline.active{background:var(--primary-blue);color:var(--white)}.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:30px;align-items:start}.dash-stat{background:var(--white);border-radius:10px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:box-shadow .2s}.dash-stat:hover{box-shadow:0 4px 16px #0000001f}.dash-stat-header{padding:18px 20px;cursor:pointer;display:flex;flex-direction:column;gap:4px;-webkit-user-select:none;user-select:none}.dash-stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.dash-stat-value{font-size:26px;font-weight:700;line-height:1.2;color:var(--text-color)}.dash-stat-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.dash-stat.amber .dash-stat-value{color:#d97706}.dash-stat.amber .dash-stat-header{border-bottom:3px solid #f59e0b}.dash-stat.red .dash-stat-value{color:#dc2626}.dash-stat.red .dash-stat-header{border-bottom:3px solid #ef4444}.dash-stat.blue .dash-stat-value{color:var(--primary-blue)}.dash-stat.blue .dash-stat-header{border-bottom:3px solid var(--primary-blue)}.dash-stat.green .dash-stat-value{color:#16a34a}.dash-stat.green .dash-stat-header{border-bottom:3px solid #22c55e}.dash-stat.expanded{box-shadow:0 4px 16px #00000026}.dash-stat-detail{border-top:1px solid var(--border-color);background:var(--light-gray)}.dash-list{list-style:none;margin:0;padding:0}.dash-list-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 20px;cursor:pointer;font-size:13px;border-bottom:1px solid var(--border-color);transition:background .15s}.dash-list-item:last-child{border-bottom:none}.dash-list-item:hover{background:#00000008}.dash-list-amount{font-weight:600;white-space:nowrap;color:var(--text-color)}.dash-section{margin-bottom:30px}.dash-section-title{font-size:18px;font-weight:700;margin-bottom:15px;color:var(--text-color)}.dash-feed{display:flex;flex-direction:column;gap:10px}.dash-feed-item{background:var(--white);border-radius:8px;padding:16px 20px;box-shadow:0 2px 8px #00000014;cursor:pointer;border-left:3px solid var(--primary-blue);transition:box-shadow .2s,transform .15s}.dash-feed-item:hover{box-shadow:0 4px 14px #0000001f;transform:translate(3px)}.dash-feed-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.dash-feed-top strong{font-size:15px}.dash-feed-date{background:var(--primary-blue);color:#fff;padding:3px 10px;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap}.dash-feed-meta{font-size:13px;color:var(--text-muted);margin-bottom:6px}.dash-feed-summary{font-size:13px;color:var(--text-muted);line-height:1.5}@media(hover:hover){.user-icon-trigger:hover{cursor:pointer;transform:scale(1.2)}}.user-icon-trigger:active{opacity:.6;transform:scale(.95)}@media(max-width:1024px){.sidebar-layout{grid-template-columns:200px 1fr}.grid-2,.grid-40-60{grid-template-columns:1fr 1fr}.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.container{padding:10px}.page-header{padding:15px;flex-direction:column;gap:10px;text-align:center}.page-title{font-size:22px;text-align:center}.sidebar-layout,.grid-2,.grid-40-60,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-auto{grid-template-columns:1fr}.nav{padding:10px}.nav-center{flex-direction:column;gap:10px;width:100%}.nav-link{margin-left:0}.section-header{flex-direction:column;gap:10px;align-items:flex-start}.card-clickable,.project-header{padding:15px}.project-header-title{flex-direction:column;gap:10px}.project-header h2{text-align:left}.auth-form,.auth-form-lg{margin:20px auto;padding:20px;max-width:100%}.input-task{width:100%}.flex-between{flex-direction:column;gap:10px}.flex-gap-sm,.flex-gap-md{flex-direction:column}.form-card,.form-card-white,.list-item{padding:10px}.org-list-item{flex-direction:column;gap:10px;align-items:flex-start}.tag{margin-bottom:5px}.user-controls-row{flex-direction:row!important;justify-content:space-between;align-items:center;width:100%}}@media(max-width:768px)and (orientation:landscape),(max-height:500px){.container{padding:8px}.page-header{padding:10px;flex-direction:row;justify-content:space-between}.page-title{font-size:18px}.sidebar-layout{grid-template-columns:180px 1fr}.grid-2,.grid-40-60,.grid-3{grid-template-columns:1fr 1fr}.card,.section,.form-card,.form-card-white{padding:12px}.project-header{padding:12px;min-height:auto}.project-header-title{flex-direction:row;justify-content:space-between}.project-header h2{font-size:16px}.nav{padding:8px}.nav-center{flex-direction:row;gap:10px}.section-header,.flex-between{flex-direction:row}.task-item,.details-item{padding:8px}.popup-center{min-width:280px;padding:15px}}@media(max-width:480px){.container{padding:8px}.page-title{font-size:18px}.btn{padding:6px 12px;font-size:13px}.btn-sm{padding:4px 8px;font-size:11px}.form-group{margin-bottom:8px}.input,.textarea,.select{padding:6px;font-size:13px}.tag{font-size:11px;padding:2px 6px}.badge{font-size:10px;padding:2px 6px}.grid-4{grid-template-columns:1fr}}.widget-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;align-items:start}.widget-card{background:var(--white);border-radius:10px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s}.widget-card:hover{box-shadow:0 4px 16px #0000001f}.widget-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color)}.widget-title{font-size:13px;font-weight:700;margin:0;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.widget-body{flex:1;padding:16px;overflow-y:auto}.widget-body p.text-muted{margin:0;padding:8px 0;text-align:center;font-size:13px}.widget-row{display:flex;gap:16px;margin-bottom:16px}.widget-row:last-child{margin-bottom:0}.widget-stat{flex:1;display:flex;flex-direction:column}.widget-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.widget-stat-value{font-size:18px;font-weight:700;margin-top:2px}.widget-stat-value.green{color:#16a34a}.widget-stat-value.amber{color:#d97706}.widget-list{display:flex;flex-direction:column;gap:6px}.widget-list-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;background:var(--light-gray);transition:background .15s;cursor:default}.widget-list-item:hover{background:#eee}.widget-list-label{flex:1;font-size:13px;font-weight:500}.widget-list-value{font-size:13px;font-weight:600}.widget-list-sub{font-size:11px;color:var(--text-muted)}.widget-outstanding{display:flex;flex-direction:column;gap:10px}.widget-bar{height:10px;background:var(--border-color);border-radius:5px;overflow:hidden}.widget-bar-fill{height:100%;background:#22c55e;border-radius:5px;transition:width .4s ease}.widget-bar-label{font-size:11px;color:var(--text-muted);text-align:center}.widget-revenue{display:flex;flex-direction:column;gap:8px}.status-badge{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:500;white-space:nowrap}.status-ONGOING{background:#dcfce7;color:#166534}.status-CREATED{background:#dbeafe;color:#1e40af}.status-COMPLETED{background:#f3f4f6;color:#6b7280}.status-CANCELLED{background:#fef3c7;color:#92400e}.widget-settings{background:var(--white);border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #00000014;border:1px solid var(--border-color)}.widget-settings h4{margin:0 0 14px;font-size:14px;font-weight:700;color:var(--text-color)}.widget-settings-grid{display:flex;flex-wrap:wrap;gap:10px}.widget-settings-item{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:13px;transition:background .15s,border-color .15s;-webkit-user-select:none;user-select:none}.widget-settings-item:hover{background:var(--light-gray)}.widget-settings-item input[type=checkbox]{accent-color:var(--primary-blue)}.widget-body .dash-list-item{border-radius:6px;margin-bottom:4px;border:none;padding:10px 12px;background:var(--light-gray);transition:background .15s}.widget-body .dash-list-item:hover{background:#eee}.widget-body .dash-list-item:last-child{margin-bottom:0}.widget-body .dash-list-amount{font-size:13px}.widget-body .dash-feed{gap:8px}.widget-body .dash-feed-item{padding:12px 14px;box-shadow:none;border:1px solid var(--border-color)}.widget-body .dash-feed-item:hover{box-shadow:0 2px 8px #00000014}.widget-body .dash-grid{margin-bottom:0;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.widget-body .dash-stat-header{padding:14px 16px}.widget-body .dash-stat-value{font-size:22px}.member-table .clickable-row{cursor:pointer;transition:background .15s}.member-table .clickable-row:hover{background:var(--bg-hover, #f0f0f0)}.member-table .expanded-row td{padding:0 16px 16px;background:var(--bg-subtle, #fafafa)}.member-detail{max-width:600px}.member-detail .mb-xs{margin-bottom:6px}.month-bars{display:flex;align-items:flex-end;gap:8px;padding:12px 0;min-height:120px}.month-bar-item{display:flex;flex-direction:column;align-items:center;flex:1;min-width:32px}.month-bar-track{width:100%;max-width:36px;height:80px;background:var(--border-color, #e0e0e0);border-radius:4px 4px 0 0;position:relative;display:flex;align-items:flex-end}.month-bar-fill{width:100%;background:var(--color-primary, #4a90d9);border-radius:4px 4px 0 0;transition:height .3s;min-height:2px}.month-bar-value{margin-bottom:4px;font-weight:600}.month-bar-label{margin-top:4px}
