.project-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px}.project-heading h2{font-size:28px;margin:10px 0}.project-percent{font-size:32px;color:#bd7c43}.project-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.project-card{text-align:left;background:white;color:inherit;cursor:pointer}.project-card:hover{border-color:#dca36f;box-shadow:0 8px 24px #bd7c4312}.project-card progress,.project-summary progress{width:100%;height:8px;accent-color:#d4935c}.project-card-bottom{display:flex;justify-content:space-between;margin-top:10px}.project-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0 24px}.project-tabs button{background:white;border:1px solid #e6e1da;border-radius:12px;padding:10px 14px;font-size:12px;color:#746657}.project-tabs button.active{background:#f7eadd;color:#b77137;border-color:#e4ba96}.project-summary{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.project-summary h2{margin:14px 0}.project-blocker{color:#a57a42;font-size:11px;max-width:380px}.project-wait{padding:14px 0;border-bottom:1px solid #efebe7}.project-file{display:flex;flex-direction:column;gap:10px;padding:18px 0;border-bottom:1px solid #ece6e0}.project-file small,.project-file-list small{display:block;color:#95877b;font-size:11px;margin:8px 0 16px}.project-platform{margin:12px 0;padding:14px;border:1px solid #e8e0d6;border-radius:12px}.project-platform summary{cursor:pointer;font-weight:500}#projectView>.card,#projectView>.two-col{margin-bottom:20px}#projectDialog{width:min(900px,94vw);max-height:90vh;padding:28px;border:1px solid #eee4da;border-radius:20px;background:#fff;overflow:auto;color:#333}#projectDialog::backdrop{background:#25201b70;backdrop-filter:blur(3px)}#projectDialogClose{float:right}#projectDialogContent h2{padding-top:18px}.project-form-error,#projectTaskError{color:#b65c3a;white-space:pre-wrap}.project-history-detail{max-width:440px;overflow-wrap:anywhere;font-size:11px}.timeline-board{min-width:700px}.timeline-row{display:grid;grid-template-columns:330px 1fr;gap:16px;border-top:1px solid #f0eae5;padding:14px 0}.timeline-row small{display:block;font-size:11px;color:#9b8b7a;margin-top:5px}.timeline-track{position:relative;align-self:center;background:#f4eee8;border-radius:8px;height:18px;min-width:160px}.timeline-track span{position:absolute;background:#d89d6a;height:18px;border-radius:8px;min-width:6px}#projectView .card:has(.timeline-board){overflow:auto}#projectView input,#projectView select{min-width:90px;width:100%}#projectView input[type=checkbox]{width:18px;min-width:18px;height:18px}#projectView table{font-size:12px}#projectView th{white-space:nowrap}nav.workspace-nav{grid-template-columns:1fr 1.15fr 1fr 1.1fr 1.05fr}@media(max-width:1200px){nav.workspace-nav{grid-template-columns:repeat(3,1fr)}.project-summary{grid-template-columns:1fr 1fr}}@media(max-width:750px){nav.workspace-nav{grid-template-columns:1fr 1fr}.project-summary{grid-template-columns:1fr}.project-heading{align-items:flex-start}.project-heading h2{font-size:23px}.project-tabs{flex-wrap:nowrap;overflow:auto;padding-bottom:8px}.project-tabs button{white-space:nowrap}.project-heading p{font-size:11px}#projectDialog{padding:20px}}

.timeline-left-0{left:0%}.timeline-width-0{width:0%}.timeline-left-1{left:1%}.timeline-width-1{width:1%}.timeline-left-2{left:2%}.timeline-width-2{width:2%}.timeline-left-3{left:3%}.timeline-width-3{width:3%}.timeline-left-4{left:4%}.timeline-width-4{width:4%}.timeline-left-5{left:5%}.timeline-width-5{width:5%}.timeline-left-6{left:6%}.timeline-width-6{width:6%}.timeline-left-7{left:7%}.timeline-width-7{width:7%}.timeline-left-8{left:8%}.timeline-width-8{width:8%}.timeline-left-9{left:9%}.timeline-width-9{width:9%}.timeline-left-10{left:10%}.timeline-width-10{width:10%}.timeline-left-11{left:11%}.timeline-width-11{width:11%}.timeline-left-12{left:12%}.timeline-width-12{width:12%}.timeline-left-13{left:13%}.timeline-width-13{width:13%}.timeline-left-14{left:14%}.timeline-width-14{width:14%}.timeline-left-15{left:15%}.timeline-width-15{width:15%}.timeline-left-16{left:16%}.timeline-width-16{width:16%}.timeline-left-17{left:17%}.timeline-width-17{width:17%}.timeline-left-18{left:18%}.timeline-width-18{width:18%}.timeline-left-19{left:19%}.timeline-width-19{width:19%}.timeline-left-20{left:20%}.timeline-width-20{width:20%}.timeline-left-21{left:21%}.timeline-width-21{width:21%}.timeline-left-22{left:22%}.timeline-width-22{width:22%}.timeline-left-23{left:23%}.timeline-width-23{width:23%}.timeline-left-24{left:24%}.timeline-width-24{width:24%}.timeline-left-25{left:25%}.timeline-width-25{width:25%}.timeline-left-26{left:26%}.timeline-width-26{width:26%}.timeline-left-27{left:27%}.timeline-width-27{width:27%}.timeline-left-28{left:28%}.timeline-width-28{width:28%}.timeline-left-29{left:29%}.timeline-width-29{width:29%}.timeline-left-30{left:30%}.timeline-width-30{width:30%}.timeline-left-31{left:31%}.timeline-width-31{width:31%}.timeline-left-32{left:32%}.timeline-width-32{width:32%}.timeline-left-33{left:33%}.timeline-width-33{width:33%}.timeline-left-34{left:34%}.timeline-width-34{width:34%}.timeline-left-35{left:35%}.timeline-width-35{width:35%}.timeline-left-36{left:36%}.timeline-width-36{width:36%}.timeline-left-37{left:37%}.timeline-width-37{width:37%}.timeline-left-38{left:38%}.timeline-width-38{width:38%}.timeline-left-39{left:39%}.timeline-width-39{width:39%}.timeline-left-40{left:40%}.timeline-width-40{width:40%}.timeline-left-41{left:41%}.timeline-width-41{width:41%}.timeline-left-42{left:42%}.timeline-width-42{width:42%}.timeline-left-43{left:43%}.timeline-width-43{width:43%}.timeline-left-44{left:44%}.timeline-width-44{width:44%}.timeline-left-45{left:45%}.timeline-width-45{width:45%}.timeline-left-46{left:46%}.timeline-width-46{width:46%}.timeline-left-47{left:47%}.timeline-width-47{width:47%}.timeline-left-48{left:48%}.timeline-width-48{width:48%}.timeline-left-49{left:49%}.timeline-width-49{width:49%}.timeline-left-50{left:50%}.timeline-width-50{width:50%}.timeline-left-51{left:51%}.timeline-width-51{width:51%}.timeline-left-52{left:52%}.timeline-width-52{width:52%}.timeline-left-53{left:53%}.timeline-width-53{width:53%}.timeline-left-54{left:54%}.timeline-width-54{width:54%}.timeline-left-55{left:55%}.timeline-width-55{width:55%}.timeline-left-56{left:56%}.timeline-width-56{width:56%}.timeline-left-57{left:57%}.timeline-width-57{width:57%}.timeline-left-58{left:58%}.timeline-width-58{width:58%}.timeline-left-59{left:59%}.timeline-width-59{width:59%}.timeline-left-60{left:60%}.timeline-width-60{width:60%}.timeline-left-61{left:61%}.timeline-width-61{width:61%}.timeline-left-62{left:62%}.timeline-width-62{width:62%}.timeline-left-63{left:63%}.timeline-width-63{width:63%}.timeline-left-64{left:64%}.timeline-width-64{width:64%}.timeline-left-65{left:65%}.timeline-width-65{width:65%}.timeline-left-66{left:66%}.timeline-width-66{width:66%}.timeline-left-67{left:67%}.timeline-width-67{width:67%}.timeline-left-68{left:68%}.timeline-width-68{width:68%}.timeline-left-69{left:69%}.timeline-width-69{width:69%}.timeline-left-70{left:70%}.timeline-width-70{width:70%}.timeline-left-71{left:71%}.timeline-width-71{width:71%}.timeline-left-72{left:72%}.timeline-width-72{width:72%}.timeline-left-73{left:73%}.timeline-width-73{width:73%}.timeline-left-74{left:74%}.timeline-width-74{width:74%}.timeline-left-75{left:75%}.timeline-width-75{width:75%}.timeline-left-76{left:76%}.timeline-width-76{width:76%}.timeline-left-77{left:77%}.timeline-width-77{width:77%}.timeline-left-78{left:78%}.timeline-width-78{width:78%}.timeline-left-79{left:79%}.timeline-width-79{width:79%}.timeline-left-80{left:80%}.timeline-width-80{width:80%}.timeline-left-81{left:81%}.timeline-width-81{width:81%}.timeline-left-82{left:82%}.timeline-width-82{width:82%}.timeline-left-83{left:83%}.timeline-width-83{width:83%}.timeline-left-84{left:84%}.timeline-width-84{width:84%}.timeline-left-85{left:85%}.timeline-width-85{width:85%}.timeline-left-86{left:86%}.timeline-width-86{width:86%}.timeline-left-87{left:87%}.timeline-width-87{width:87%}.timeline-left-88{left:88%}.timeline-width-88{width:88%}.timeline-left-89{left:89%}.timeline-width-89{width:89%}.timeline-left-90{left:90%}.timeline-width-90{width:90%}.timeline-left-91{left:91%}.timeline-width-91{width:91%}.timeline-left-92{left:92%}.timeline-width-92{width:92%}.timeline-left-93{left:93%}.timeline-width-93{width:93%}.timeline-left-94{left:94%}.timeline-width-94{width:94%}.timeline-left-95{left:95%}.timeline-width-95{width:95%}.timeline-left-96{left:96%}.timeline-width-96{width:96%}.timeline-left-97{left:97%}.timeline-width-97{width:97%}.timeline-left-98{left:98%}.timeline-width-98{width:98%}.timeline-left-99{left:99%}.timeline-width-99{width:99%}.timeline-left-100{left:100%}.timeline-width-100{width:100%}
body[data-page=projects] #notice,body[data-page=projects] #syncHealth,body[data-page=projects] #sync,body[data-page=projects] #syncStatus,body[data-page=teamUsers] #notice,body[data-page=teamUsers] #syncHealth,body[data-page=teamUsers] #sync,body[data-page=teamUsers] #syncStatus{display:none!important}
.project-org-head{text-align:center;position:relative;padding:14px 12px 30px;margin-bottom:24px;border-bottom:1px solid #dfc4ad}.project-org-head h2{font-size:26px}.project-org-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.project-org-team{border:1px solid #ebe1d6;border-top:3px solid #d6a37b;border-radius:14px;padding:16px;background:#fcfaf7}.project-org-team h3{margin:0 0 16px;font-size:15px;color:#926944}.project-org-person{padding:12px;background:white;border:1px solid #eee7df;border-radius:10px;margin-bottom:10px}.project-org-person summary{cursor:pointer}.project-org-person small{display:block;font-size:11px;color:#9d8d7d;margin-top:6px}.project-org-person .connection-row{font-size:10px;gap:12px}.project-org-unassigned{border:1px dashed #d9cabb;border-radius:10px;padding:12px;color:#a18a75;font-size:12px}
.project-flow-card{overflow:hidden}.flow-legend{display:flex;flex-wrap:wrap;gap:18px;font-size:11px;color:#9b8876;margin:16px 0 26px}.flow-main{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.flow-phase{position:relative;min-width:0;background:#fcfaf7;border:1px solid #ede3d8;border-radius:18px;padding:14px 10px}.flow-phase:not(:last-child)::after{content:'→';position:absolute;top:40px;right:-19px;font-size:20px;color:#cda37e}.flow-phase-heading{margin:0 4px 18px;min-height:92px}.flow-phase-heading>span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ead5c1;color:#9b663b;font-size:11px;font-weight:600}.flow-phase-heading h3{font-size:14px;margin:12px 0 5px;color:#805c40}.flow-phase-heading small{font-size:10px;color:#ae9580}.flow-node{display:flex;flex-direction:column;gap:7px;text-align:left;width:100%;min-height:94px;padding:12px 10px;margin:0 0 12px;border:1px solid #e8e1d9;border-radius:12px;background:#fff;color:#6b5c50;box-shadow:0 3px 7px #35231203;transition:transform .15s,border-color .15s}.flow-node:hover{border-color:#cc9a70;transform:translateY(-2px)}.flow-node:focus-visible{outline:2px solid #d49157;outline-offset:3px}.flow-node-title{font-size:12px;font-weight:500;line-height:1.6}.flow-node small{font-size:10px;line-height:1.6;color:#a49383}.flow-node-status{font-size:9px;color:#b39e89;margin-top:auto}.flow-complete{border-color:#b4cfbc;background:#f2f8f3}.flow-complete .flow-node-status{color:#5b8b67}.flow-waiting{border-color:#e5c47b;background:#fff8e9}.flow-waiting .flow-node-status{color:#b88c35}.flow-working{border-color:#d9aa82;background:#fff8f0}.flow-working .flow-node-status{color:#b47842}.flow-review{border-style:dashed;border-width:1.5px}.flow-loop{font-size:10px;line-height:1.8;padding:12px;border:1px dashed #d9ab87;border-radius:12px;background:#fcf1e7;color:#b1794f}.flow-optional{font-size:10px;color:#ae9b87;border-radius:10px;padding:10px;background:#f3eee8}.flow-branch-heading{display:flex;align-items:center;gap:18px;margin:30px 0 20px}.flow-branch-heading>span{font-size:34px;color:#cda37e}.flow-branch-heading h2{font-size:19px;margin:0 0 5px}.flow-branch-heading p{font-size:11px;margin:0}.flow-branches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.flow-branch{padding:18px 14px;border:1px solid #e7e2dd;border-radius:16px;background:#f9f8f6}.flow-branch h3{font-size:14px;color:#84654b;margin:0 0 8px}.flow-branch>p{font-size:10px;line-height:1.8;min-height:36px}.flow-finish{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;background:#fbf0e5;border:1px solid #ebd1b8;color:#b27c4d;border-radius:16px;margin-top:26px}.flow-finish span{font-size:12px}.flow-finish.is-ready{background:#f1f8f2;border-color:#c8dfcd;color:#669371}.project-review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-bottom:22px}.project-review-grid .card{padding:23px}.project-review-grid h3{font-size:17px;line-height:1.7}.project-org-email{overflow-wrap:anywhere;color:#a37a5a!important}@media(max-width:1250px){.flow-main{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-phase:nth-child(3)::after{content:''}.flow-branches{grid-template-columns:1fr 1fr}.flow-phase-heading{min-height:84px}}@media(max-width:750px){.flow-main{grid-template-columns:1fr}.flow-phase:not(:last-child)::after{content:'↓';top:auto;bottom:-24px;right:50%;font-size:20px}.flow-phase-heading{min-height:0}.flow-branches{grid-template-columns:1fr}.flow-finish{flex-direction:column;align-items:flex-start}.flow-node{min-height:82px}.project-review-grid{grid-template-columns:1fr}}

.project-tabs [data-project-view=approved]{border-color:#b9d1bc;background:#f1f7f1;color:#537e5b}.project-tabs [data-project-view=approved].active{background:#e1eee2;border-color:#7fae85}
#notificationBell{margin-top:6px}#notificationBell.has-unread{background:#fbecdd;color:#a56a36}#notificationCount{display:inline-grid;place-items:center;min-width:20px;padding:2px 5px;border-radius:20px;background:#dec2a8;color:#714d2d}#notificationDialog{width:min(680px,94vw);max-height:85vh;overflow:auto;border:1px solid #e5d6c7;border-radius:18px;padding:24px;color:#51463c}#notificationDialog::backdrop{background:#25201b70}.notification-item{border:1px solid #eee3d8;border-radius:12px;padding:18px;margin:14px 0}.notification-item.unread{background:#fdf6ee;border-color:#dfbc9a}.notification-item p{font-size:12px;line-height:1.8}.notification-item small{display:block;color:#a18a76;font-size:11px;margin:10px 0}