*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f8;color:#172033}.topbar{min-height:64px;background:#fff;border-bottom:1px solid #e5e8ec;display:flex;align-items:center;gap:24px;padding:10px 24px;position:sticky;top:0;z-index:10}.brand{font-weight:800;font-size:20px}.topbar nav{display:flex;gap:8px;flex:1}.topbar nav a{padding:10px 12px;text-decoration:none;color:#344054;border-radius:8px}.topbar nav a:hover{background:#f2f4f7}.userbox{font-size:13px;color:#667085}.container{max-width:1180px;margin:0 auto;padding:28px 18px 70px}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.page-head h1{margin:0 0 5px}.page-head p,.muted,.hint{color:#667085}.card,.hero{background:#fff;border:1px solid #e5e8ec;border-radius:14px;padding:20px;box-shadow:0 2px 8px rgba(16,24,40,.04)}.stack{display:grid;gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}label{display:grid;gap:7px;font-size:14px;font-weight:600}input,select,textarea{width:100%;border:1px solid #cfd5dd;border-radius:9px;padding:11px 12px;font:inherit;background:#fff}textarea{resize:vertical}.btn{border:1px solid #cfd5dd;background:#fff;padding:10px 15px;border-radius:9px;font-weight:700;cursor:pointer}.btn.primary{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.icon{width:38px;height:38px;border:0;border-radius:8px;cursor:pointer}.danger{color:#b42318;background:#fee4e2}.alert{padding:14px 16px;border-radius:10px;margin-bottom:16px}.alert.success{background:#ecfdf3;color:#027a48}.alert.error{background:#fef3f2;color:#b42318}.alert.warn{background:#fffaeb;color:#b54708}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.hero h2{margin:6px 0}.eyebrow{font-size:12px;color:#667085;letter-spacing:.08em}.status-pill{background:#ecfdf3;color:#027a48;padding:8px 12px;border-radius:99px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.stats .card span{display:block;color:#667085;font-size:13px;margin-bottom:10px}.stats .card strong{font-size:18px}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.check{display:flex;align-items:center;border:1px solid #e5e8ec;padding:11px;border-radius:9px}.check input{width:auto}.section-title{display:flex;justify-content:space-between;align-items:center}.dynamic-row{display:grid;grid-template-columns:1.2fr .6fr 1.5fr 40px;gap:9px;margin-bottom:9px;align-items:center}.upload-row{grid-template-columns:1fr 1.5fr 40px}.file-list{margin-top:16px;border-top:1px solid #eee;padding-top:10px}.file-list div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #f0f1f3}.sticky-actions{position:sticky;bottom:0;background:rgba(244,246,248,.95);padding:12px 0;text-align:right}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf0f2}.login-page{min-height:100vh;display:grid;place-items:center;background:#eef2f7}.login-card{width:min(420px,92vw);background:#fff;padding:28px;border-radius:16px;box-shadow:0 14px 50px rgba(16,24,40,.12);display:grid;gap:14px}.login-card h1{margin:0 0 8px}@media(max-width:800px){.topbar{align-items:flex-start;flex-wrap:wrap}.topbar nav{order:3;width:100%;overflow:auto}.userbox{margin-left:auto}.grid2,.stats,.check-grid{grid-template-columns:1fr}.dynamic-row,.upload-row{grid-template-columns:1fr}.dynamic-row .icon{justify-self:end}.container{padding-top:18px}}
.editor-label{margin-top:16px}.ck-editor__editable_inline{min-height:280px}.dynamic-fields{display:grid;gap:14px;margin-top:16px}.dynamic-field{border:1px solid #e5e8ec;border-radius:12px;padding:16px;background:#fafbfc}.dynamic-field-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dynamic-field .select-options{margin-top:14px}.extra-value-wrap{margin-top:14px}.hidden{display:none!important}.hint-inline{font-weight:400;color:#667085}.empty-state{border:1px dashed #cfd5dd;background:#fafbfc;color:#667085;padding:16px;border-radius:10px;margin-top:12px}.section-title h2{margin-bottom:4px}.section-title .hint{margin:0}.section-title a.btn{text-decoration:none;color:#344054}
.agency-list{display:grid;gap:12px}.agency-item{display:flex;gap:12px;align-items:end;border:1px solid #e5e8ec;border-radius:12px;padding:14px}.agency-fields{display:grid;grid-template-columns:2fr 1fr 2fr;gap:10px;flex:1}.agency-actions{display:flex;gap:8px}.danger-btn{background:#fff1f0;color:#b42318;border-color:#fecdca}@media(max-width:800px){.agency-item{display:block}.agency-fields{grid-template-columns:1fr}.agency-actions{margin-top:12px}}
.back-link{display:inline-block;margin-bottom:8px;color:#475467;text-decoration:none}.small{font-size:12px}.project-timeline{display:flex;gap:0;overflow-x:auto;padding:28px 8px 18px}.timeline-node{min-width:235px;position:relative;text-decoration:none;color:inherit;padding-right:24px}.timeline-node:before{content:"";position:absolute;left:24px;right:-2px;top:22px;height:3px;background:#d0d5dd}.timeline-node:last-child:before{right:calc(100% - 48px)}.timeline-dot{position:relative;z-index:2;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#eef2f6;border:3px solid #fff;box-shadow:0 0 0 2px #d0d5dd;font-weight:800;margin-bottom:14px}.timeline-dot.done{background:#ecfdf3;color:#027a48;box-shadow:0 0 0 2px #12b76a}.timeline-dot.doing{background:#eff8ff;color:#175cd3;box-shadow:0 0 0 2px #2e90fa}.timeline-dot.waiting{background:#fffaeb;color:#b54708;box-shadow:0 0 0 2px #fdb022}.timeline-dot.paused{background:#fef3f2;color:#b42318;box-shadow:0 0 0 2px #f04438}.timeline-card{background:#fff;border:1px solid #e4e7ec;border-radius:12px;padding:14px;min-height:145px}.timeline-top{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}.status-badge{font-size:11px;padding:5px 8px;border-radius:99px;background:#f2f4f7;color:#475467;white-space:nowrap}.status-badge.done{background:#ecfdf3;color:#027a48}.status-badge.doing{background:#eff8ff;color:#175cd3}.status-badge.waiting{background:#fffaeb;color:#b54708}.status-badge.paused{background:#fef3f2;color:#b42318}.progress{height:8px;background:#eaecf0;border-radius:99px;overflow:hidden;margin:14px 0 8px}.progress i{display:block;height:100%;background:#2e90fa;border-radius:99px}.timeline-meta{display:flex;justify-content:space-between;gap:8px;color:#667085;font-size:12px;margin-bottom:8px}.task-timeline{display:grid;gap:12px;margin-top:16px}.task-node{display:grid;grid-template-columns:190px 1fr;gap:14px;text-decoration:none;color:inherit;align-items:center}.task-time{font-size:12px;color:#667085;display:flex;align-items:center;gap:7px}.task-time span{color:#98a2b3}.task-box{border:1px solid #e4e7ec;border-left:4px solid #2e90fa;border-radius:10px;padding:13px 14px;background:#fff}.task-timeline.detailed .task-box{padding:16px}.subtask-list{display:grid;gap:12px;margin-top:14px}.subtask-card{border:1px solid #e4e7ec;border-radius:12px;background:#fff;overflow:hidden}.subtask-card summary{cursor:pointer;list-style:none;padding:15px;display:flex;justify-content:space-between;gap:14px;align-items:center}.subtask-card summary::-webkit-details-marker{display:none}.subtask-summary-right{display:flex;align-items:center;gap:12px}.subtask-body{border-top:1px solid #eaecf0;padding:16px;background:#fafbfc}.subtask-edit{margin-top:16px;padding-top:16px;border-top:1px solid #e4e7ec}.row-actions{display:flex;gap:10px;justify-content:flex-end}.file-list small{display:block;color:#667085;margin-top:3px}.file-list.compact div{display:block}.rich-content{line-height:1.65}.rich-content img{max-width:100%}.rich-content table{width:100%;border-collapse:collapse}.rich-content td,.rich-content th{border:1px solid #ddd;padding:7px}
@media(max-width:800px){.project-timeline{display:grid;overflow:visible;padding-left:20px}.timeline-node{min-width:0;padding:0 0 20px 44px}.timeline-node:before{left:20px;top:22px;bottom:-3px;width:3px;height:auto;right:auto}.timeline-node:last-child:before{display:none}.timeline-dot{position:absolute;left:-2px;top:0}.task-node{grid-template-columns:1fr}.task-time{padding-left:4px}.subtask-card summary{align-items:flex-start}.subtask-summary-right{flex-direction:column;align-items:flex-end}}
.file-subrow{display:flex!important;justify-content:space-between;align-items:center;gap:12px}.file-list a{color:#175cd3;text-decoration:none}.file-list a:hover{text-decoration:underline}
.project-flow-overview{margin-bottom:18px}.project-overview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 4px}.project-overview-stats>div{border:1px solid #e4e7ec;border-radius:10px;padding:12px 14px;background:#fafbfc}.project-overview-stats span{display:block;font-size:12px;color:#667085;margin-bottom:5px}.project-overview-stats strong{font-size:18px}.project-page-timeline .timeline-card{min-height:180px}.timeline-open{margin-top:10px;font-size:12px;font-weight:700;color:#175cd3}.project-page-timeline .timeline-node:hover .timeline-card{border-color:#84adff;background:#f8faff}.project-page-timeline .timeline-node:focus-visible .timeline-card{outline:2px solid #2e90fa;outline-offset:2px}
@media(max-width:800px){.project-overview-stats{grid-template-columns:1fr}.project-page-timeline .timeline-card{min-height:0}}