/* UstayaBak Work Center Final v1 */
.ub-work-center-final{background:#f7f8fb;padding-bottom:70px}
.ub-wc-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px;padding:24px;border:1px solid #e7eaf0;border-radius:24px;background:linear-gradient(135deg,#fff,#fff8f4);box-shadow:0 12px 34px rgba(16,24,40,.05)}
.ub-wc-eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#df5720}
.ub-wc-hero h1{margin:4px 0 5px;font-size:29px;letter-spacing:-.035em;color:#172033}.ub-wc-hero p{margin:0;color:#667085;font-size:13px}
.ub-wc-hero-meta{display:flex;align-items:flex-end;flex-direction:column;gap:7px}.ub-wc-hero-meta small{font-size:10px;color:#98a2b3}
.ub-wc-stage{display:inline-flex;padding:7px 11px;border-radius:999px;font-size:11px;font-weight:800;background:#fff3ed;color:#c84b18}.ub-wc-stage.is-completed{background:#ecfdf3;color:#067647}.ub-wc-stage.is-issue_reported{background:#fef3f2;color:#b42318}
.ub-wc-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}
.ub-wc-flow-step{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #e7eaf0;border-radius:14px;background:#fff;color:#98a2b3}.ub-wc-flow-step>span{display:flex;width:25px;height:25px;align-items:center;justify-content:center;border-radius:50%;background:#f2f4f7;font-size:10px;font-weight:900}.ub-wc-flow-step strong{font-size:10px}.ub-wc-flow-step.is-done{color:#067647;border-color:#c7eadb;background:#f6fef9}.ub-wc-flow-step.is-done>span{background:#d1fadf;color:#067647}.ub-wc-flow-step.is-current{box-shadow:inset 0 0 0 1px #f36a2e}
.ub-wc-card{padding:21px;margin-bottom:18px;border:1px solid #e7eaf0;border-radius:21px;background:#fff;box-shadow:0 8px 25px rgba(16,24,40,.035)}
.ub-wc-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.ub-wc-section-head h2{margin:2px 0 0;font-size:18px;letter-spacing:-.025em;color:#172033}
.ub-wc-chip{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:10px;font-weight:800}.ub-wc-chip.warning,.ub-wc-chip.pending{background:#fffaeb;color:#b54708}.ub-wc-chip.accepted{background:#ecfdf3;color:#067647}.ub-wc-chip.rejected{background:#fef3f2;color:#b42318}
.ub-wc-agreement{display:grid;grid-template-columns:1fr auto;gap:20px}.ub-wc-agreement h3{margin:0;font-size:18px}.ub-wc-muted{color:#98a2b3!important;font-size:11px!important}.ub-wc-scope{margin-top:14px;padding:13px;border-radius:14px;background:#f8f9fb}.ub-wc-scope>span{display:block;margin-bottom:3px;font-size:9px;font-weight:800;text-transform:uppercase;color:#98a2b3}.ub-wc-scope p{margin:0;color:#475467;font-size:12px;line-height:1.6;white-space:pre-line}
.ub-wc-price{text-align:right}.ub-wc-price small,.ub-wc-price span{display:block;font-size:9px;color:#98a2b3}.ub-wc-price strong{display:block;margin:3px 0;font-size:22px;color:#172033}
.ub-wc-agreement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.ub-wc-agreement-grid>div{padding:11px;border:1px solid #eef0f4;border-radius:13px}.ub-wc-agreement-grid span{display:block;font-size:9px;color:#98a2b3}.ub-wc-agreement-grid strong{display:block;margin-top:2px;font-size:11px;color:#344054}
.ub-wc-revision-pending{border-color:#fedf89;background:linear-gradient(180deg,#fffcf5,#fff)}
.ub-wc-inline-actions{display:flex;gap:8px;margin-top:15px;flex-wrap:wrap}
.ub-wc-progress-number{font-size:21px;font-weight:900;color:#df5720}.ub-wc-progress{height:7px;border-radius:999px;background:#eef0f4;overflow:hidden}.ub-wc-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f58245,#df5720)}
.ub-wc-milestones{display:flex;flex-direction:column;gap:8px}.ub-wc-milestone{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:start;padding:13px;border:1px solid #eef0f4;border-radius:15px;background:#fcfcfd}.ub-wc-milestone.is-active{border-color:#ffd7c4;background:#fff9f6}.ub-wc-milestone.is-completed{border-color:#caeadc;background:#f6fef9}
.ub-wc-ms-no{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:10px;background:#f2f4f7;font-size:11px;font-weight:900}.ub-wc-milestone.is-active .ub-wc-ms-no{background:#fff0e8;color:#c84b18}.ub-wc-milestone.is-completed .ub-wc-ms-no{background:#d1fadf;color:#067647}
.ub-wc-ms-head{display:flex;justify-content:space-between;gap:10px}.ub-wc-ms-head strong{font-size:12px}.ub-wc-ms-head span{font-size:9px;color:#98a2b3}.ub-wc-ms-main p{margin:4px 0;color:#667085;font-size:11px}.ub-wc-ms-main small{font-size:9px;color:#98a2b3}.ub-wc-ms-actions{display:flex;gap:5px;flex-wrap:wrap}
.ub-wc-form-box{margin-top:15px;padding:14px;border:1px dashed #d0d5dd;border-radius:15px;background:#fbfcfd}
.ub-wc-evidence-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:13px}.ub-wc-evidence-stats>div{padding:10px;border-radius:13px;background:#f8f9fb;text-align:center}.ub-wc-evidence-stats strong{display:block;font-size:17px}.ub-wc-evidence-stats span{font-size:9px;color:#98a2b3}
.ub-wc-alert{display:flex;gap:10px;align-items:flex-start;padding:12px 13px;border-radius:14px;margin:12px 0}.ub-wc-alert i{margin-top:2px}.ub-wc-alert strong{display:block;font-size:11px}.ub-wc-alert p{margin:2px 0 0;font-size:10px;line-height:1.5}.ub-wc-alert.neutral{background:#f8f9fb;color:#667085}.ub-wc-alert.warning{background:#fffaeb;color:#b54708}.ub-wc-alert.danger{background:#fef3f2;color:#b42318}.ub-wc-alert.success{background:#ecfdf3;color:#067647}
.ub-wc-files{display:flex;flex-direction:column;gap:8px}.ub-wc-files article{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid #eef0f4;border-radius:14px}.ub-wc-file-icon{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:10px;background:#fff3ed;color:#df5720}.ub-wc-file-main>span{display:block;font-size:8px;font-weight:800;text-transform:uppercase;color:#98a2b3}.ub-wc-file-main>strong{display:block;font-size:11px}.ub-wc-file-main p{margin:2px 0;font-size:10px;color:#667085}.ub-wc-file-main small{font-size:8px;color:#98a2b3}
.ub-wc-empty{padding:25px;text-align:center;border:1px dashed #d0d5dd;border-radius:15px;color:#98a2b3}.ub-wc-empty i{display:block;margin-bottom:6px;font-size:22px;color:#df5720}.ub-wc-empty strong{display:block;font-size:12px;color:#475467}.ub-wc-empty p{margin:3px 0 0;font-size:10px}
.ub-wc-history{display:flex;flex-direction:column}.ub-wc-history article{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #eef0f4}.ub-wc-history article:last-child{border-bottom:0}.ub-wc-history strong{font-size:11px}.ub-wc-history p{margin:3px 0;font-size:10px;color:#667085}.ub-wc-history small{font-size:9px;color:#98a2b3}
.ub-wc-timeline article{display:grid;grid-template-columns:auto 1fr;gap:10px;position:relative;padding-bottom:16px}.ub-wc-timeline article>span{width:10px;height:10px;margin-top:4px;border:2px solid #f36a2e;border-radius:50%;background:#fff;z-index:1}.ub-wc-timeline article:not(:last-child):before{content:"";position:absolute;left:4px;top:14px;bottom:0;border-left:1px solid #e7eaf0}.ub-wc-timeline-head{display:flex;justify-content:space-between;gap:10px}.ub-wc-timeline-head strong{font-size:11px}.ub-wc-timeline-head small,.ub-wc-timeline article>div>small{font-size:8px;color:#98a2b3}.ub-wc-timeline p{margin:2px 0;font-size:10px;color:#667085}
.ub-wc-side{position:sticky;top:94px}.ub-wc-health,.ub-wc-info-list{display:flex;flex-direction:column}.ub-wc-health>div,.ub-wc-info-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #eef0f4;font-size:10px}.ub-wc-health>div:last-child,.ub-wc-info-list>div:last-child{border-bottom:0}.ub-wc-health span,.ub-wc-info-list span{color:#98a2b3}.ub-wc-health strong,.ub-wc-info-list strong{text-align:right;color:#344054}.ub-wc-health strong.ok{color:#067647}.ub-wc-health strong.warn{color:#b54708}
@media(max-width:991.98px){.ub-wc-side{position:static}.ub-wc-agreement-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767.98px){.ub-wc-hero{align-items:flex-start;flex-direction:column;padding:18px}.ub-wc-hero h1{font-size:23px}.ub-wc-hero-meta{align-items:flex-start}.ub-wc-flow{grid-template-columns:1fr 1fr}.ub-wc-agreement{grid-template-columns:1fr}.ub-wc-price{text-align:left}.ub-wc-evidence-stats{grid-template-columns:1fr 1fr}.ub-wc-milestone,.ub-wc-files article{grid-template-columns:auto 1fr}.ub-wc-ms-actions,.ub-wc-files article>.btn{grid-column:2}.ub-wc-card{padding:17px}}
@media(max-width:479.98px){.ub-wc-flow,.ub-wc-agreement-grid,.ub-wc-evidence-stats{grid-template-columns:1fr}.ub-wc-section-head{flex-direction:column}.ub-wc-ms-head,.ub-wc-timeline-head{flex-direction:column}}