:root{--navy:#092541;--gold:#d7b65e;--muted:#617184;--line:#dce2e7}*{box-sizing:border-box}body{margin:0;background:#f3f5f7;color:var(--navy);font:15px system-ui,sans-serif}header{background:var(--navy);color:white;display:flex;align-items:center;gap:17px;padding:20px max(24px,calc((100vw - 1120px)/2));border-bottom:3px solid var(--gold)}header img{width:65px;height:65px;object-fit:contain;border-radius:50%;background:white}header small{font-size:10px;letter-spacing:2px;color:var(--gold)}h1{font-size:23px;margin:5px 0}h1 span{font-weight:400;color:var(--gold);display:block;font-size:14px;margin-top:4px}header>a{margin-left:auto;color:white;font-size:12px;white-space:nowrap;text-decoration:none}main{max-width:1120px;margin:26px auto;padding:0 24px 40px}h2{font-size:20px;margin:0 0 12px}p{line-height:1.7;color:var(--muted);font-size:13px}button,input,textarea{font:inherit}button{padding:11px 17px;border:1px solid var(--navy);border-radius:7px;background:var(--navy);color:white;cursor:pointer;font-size:13px;font-weight:600}button:disabled{opacity:.5;cursor:wait}button.secondary{background:white;color:var(--navy);border-color:var(--line)}button.danger{background:white;border-color:#dbaaa7;color:#9f332a}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}label{display:block;font-size:12px;font-weight:600;color:#344e65}input:not([type=checkbox]),textarea{display:block;width:100%;border:1px solid #c9d4dd;border-radius:6px;padding:11px;background:white;color:var(--navy);margin:8px 0 18px;font-size:14px}textarea{resize:vertical}input[type=file]{font-size:12px}.panel{background:white;padding:27px;border:1px solid var(--line);border-radius:12px;margin-bottom:24px}#login-panel{max-width:460px;margin:50px auto}.hint{font-size:11px}.account{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:20px 0}.account>span{font-size:12px}.fields{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:20px}.offline-panel{display:flex;align-items:center;gap:30px}.offline-panel>div{flex:1}.offline-panel button{white-space:nowrap}.list-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.list-heading p{margin-bottom:0}.toggle{display:flex;gap:7px;align-items:center;margin:22px 0;color:var(--muted)}#status:not(:empty){padding:14px 18px;background:#e9eef2;border-radius:7px;font-size:13px;color:var(--navy)}.post{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:18px;border-top:1px solid var(--line);padding:23px 0}.post>img{width:90px;height:100px;object-fit:contain;background:#f3f5f7;border-radius:7px}.post h3{font-size:15px;margin:4px 0 7px;overflow-wrap:anywhere}.post p{font-size:12px;margin:6px 0;overflow-wrap:anywhere}.post a{font-size:11px;color:#285f88;overflow-wrap:anywhere}.badge{display:inline-block;background:#eaf0f5;padding:4px 8px;border-radius:5px;font-size:10px}.badge.error{background:#fff0e8;color:#984427}.post-actions{display:flex;flex-direction:column;gap:9px}.post-actions button{font-size:11px;padding:9px 11px}.post .error-message{color:#9c402e;font-size:11px}.empty{padding:30px 0;text-align:center}dialog{border:1px solid var(--line);border-radius:12px;padding:28px;width:min(650px,92vw);max-height:90vh;overflow:auto;color:var(--navy)}dialog::backdrop{background:#092541b0}#editor-status{color:#9c402e}[hidden]{display:none!important}@media(max-width:650px){header{padding:16px;gap:12px}header img{width:50px;height:50px}h1{font-size:18px}header>a{font-size:10px}header h1 span{font-size:12px}main{padding:0 15px}.panel{padding:21px}.fields{grid-template-columns:1fr;gap:0}.offline-panel{display:block}.offline-panel button{width:100%;margin-top:10px}.post{grid-template-columns:65px minmax(0,1fr);gap:12px}.post>img{width:65px;height:80px}.post-actions{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.list-heading{align-items:flex-start}.list-heading>button{flex-shrink:0}}

.post>video{width:90px;height:100px;object-fit:contain;background:#061a30;border-radius:7px}@media(max-width:650px){.post>video{width:65px;height:80px}}

.work-progress{margin:17px 0 3px;padding:16px 18px;background:#f3f6fa;border:1px solid #d5dfe8;border-radius:9px;overflow-wrap:anywhere}.work-progress strong{display:block;font-size:13px;line-height:1.5;color:var(--navy)}.work-progress progress{display:block;width:100%;height:10px;margin:12px 0;accent-color:#bd9236;border:0;border-radius:20px;overflow:hidden}.work-progress progress::-webkit-progress-bar{background:#dde5ed;border-radius:20px}.work-progress progress::-webkit-progress-value{background:#bd9236;border-radius:20px;transition:width .15s}.work-progress progress:indeterminate{background:linear-gradient(90deg,#dde5ed 25%,#d7b65e 50%,#dde5ed 75%);background-size:200% 100%;animation:work-indeterminate 1.5s linear infinite}.work-progress progress:indeterminate::-webkit-progress-bar{background:transparent}.work-progress .work-detail{font-size:11px;margin:0;color:#617184;line-height:1.6}.work-steps{display:flex;list-style:none;gap:18px;padding:0;margin:14px 0 0}.work-steps li{font-size:10px;color:#7d8c9a;display:flex;gap:6px;align-items:center}.work-steps li::before{content:'';display:block;flex:none;width:7px;height:7px;border:1px solid #a5b2bd;border-radius:50%}.work-steps li[data-step=done]{color:#28704c}.work-steps li[data-step=done]::before{background:#28704c;border-color:#28704c}.work-steps li[data-step=active]{color:#99711e;font-weight:600}.work-steps li[data-step=active]::before{background:#d7b65e;border-color:#bd9236}.work-progress[data-state=success]{border-color:#bfd6c9;background:#f1f7f3}.work-progress[data-state=success] progress{accent-color:#28704c}.work-progress[data-state=success] progress::-webkit-progress-value{background:#28704c}.work-progress[data-state=error]{border-color:#dfc0b7;background:#fff7f3}.work-progress[data-state=error] strong{color:#913e29}.work-progress[data-state=error] progress{display:none}.post .work-progress{padding:11px 13px}.snapshot-action{max-width:340px}.snapshot-action .work-progress{margin-top:12px}.post .work-steps{flex-wrap:wrap;gap:8px 12px}@keyframes work-indeterminate{to{background-position:-200% 0}}@media(max-width:650px){.work-progress{padding:13px}.work-steps{gap:9px;flex-wrap:wrap}.work-steps li{font-size:9px}.snapshot-action{max-width:none}}@media(prefers-reduced-motion:reduce){.work-progress progress:indeterminate{animation:none}.work-progress progress::-webkit-progress-value{transition:none}}
