.demand-board-page{color:#0b1c30;background:#f8f9ff;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.demand-column__more{flex-shrink:0}.demand-main{box-sizing:border-box;flex-direction:column;height:100vh;padding:40px clamp(24px,5vw,72px);transition:transform .38s cubic-bezier(.2,.8,.2,1),filter .38s,opacity .38s;display:flex;overflow:hidden}.demand-main.detail-open{filter:saturate(.92);opacity:.86;transform:translate(-180px)scale(.985)}.demand-kanban{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex:1;align-items:flex-start;gap:16px;width:100%;max-width:1040px;margin:0 auto;padding:0;display:flex;overflow-x:auto}.demand-column{scroll-snap-align:center;flex-direction:column;flex:0 0 85vw;min-width:0;height:100%;display:flex}.demand-column__header{z-index:10;background:#f8f9ff;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 0;display:flex;position:sticky;top:0}.demand-column__header>div{align-items:center;gap:8px;display:flex}.demand-column__badge{border-radius:4px;align-items:center;padding:2px 8px;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}.demand-column__badge--new{color:#0b1c30;background:#d3e4fe}.demand-column__badge--progress{color:#fefcff;background:#2170e4}.demand-column__badge--done{color:#45464d;background:#dce9ff}.demand-column__count{color:#76777d;font-size:11px;font-weight:500;line-height:14px}.demand-column__more{color:#76777d}.demand-column__cards{flex-direction:column;flex:1;gap:12px;padding-bottom:16px;display:flex;overflow-y:auto}.demand-card,.demand-empty-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #00000005}.demand-card{cursor:pointer;flex-direction:column;gap:8px;padding:16px;transition:box-shadow .16s,transform .16s;display:flex}.demand-card:hover{transform:translateY(-1px);box-shadow:0 12px 18px #0b1c3014}.demand-card:focus-visible{outline-offset:2px;outline:2px solid #2170e4}.demand-card--progress{border-left:4px solid #2170e4}.demand-card--done{opacity:.82;background:#eff4ffb8}.demand-card__meta,.demand-card__footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.demand-card__meta{color:#76777d;font-size:11px;font-weight:500;line-height:14px}.demand-card__status{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;line-height:14px}.demand-card__status--new{color:#004395;background:#d8e2ff}.demand-card__status--progress{color:#fff;background:#0058be}.demand-card__status--done{color:#0b1c30;background:#dce9ff}.demand-card h3{color:#0b1c30;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:600;line-height:22px;display:-webkit-box;overflow:hidden}.demand-card p{color:#45464d;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:18px;display:-webkit-box;overflow:hidden}.demand-card--done h3{color:#45464d;-webkit-text-decoration:line-through #c6c6cd;text-decoration:line-through #c6c6cd}.demand-card__footer{color:#76777d;margin-top:8px;font-size:11px;font-weight:500;line-height:14px}.demand-card__stats{align-items:center;gap:10px;display:flex}.demand-card__stats span{align-items:center;gap:4px;display:inline-flex}.demand-empty-card,.demand-state{color:#76777d;justify-content:center;align-items:center;min-height:120px;font-size:13px;display:flex}.demand-empty-card{background:#ffffff80;border-style:dashed}.demand-state{flex:1;width:100%;max-width:1040px;margin:0 auto}.demand-detail{z-index:80;box-sizing:border-box;color:#0b1c30;background:#fffffff5;border-left:1px solid #e2e8f0;flex-direction:column;width:min(440px,92vw);height:100vh;padding:24px;transition:transform .38s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(105%);box-shadow:-24px 0 60px #0b1c302e}.demand-detail.open{transform:translate(0)}.demand-detail__header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px;display:flex}.demand-detail__eyebrow{color:#76777d;margin-bottom:8px;font-size:12px;font-weight:600;line-height:16px;display:block}.demand-detail__header h2{color:#0b1c30;margin:0;font-size:20px;font-weight:700;line-height:28px}.demand-detail__close{color:#45464d;cursor:pointer;background:#f8f9ff;border:1px solid #e2e8f0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.demand-detail__close:hover{color:#0b1c30;background:#e5eeff}.demand-detail__section{border-bottom:1px solid #e2e8f0;flex:none;max-height:30vh;padding:20px 0;overflow-y:auto}.demand-detail__meta{color:#76777d;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:12px;font-weight:500;line-height:16px;display:flex}.demand-detail__section p{color:#45464d;white-space:pre-wrap;margin:0;font-size:14px;line-height:22px}.demand-detail__comments{flex-direction:column;flex:1;min-height:0;padding-top:20px;display:flex;overflow:hidden}.demand-detail__comments-title{color:#0b1c30;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:700;line-height:20px;display:flex}.demand-detail__comments-title span:last-child{color:#0058be;background:#d8e2ff;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 7px;font-size:12px;display:inline-flex}.demand-comment-form{background:#f8f9ff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:none;order:3;gap:12px;margin-top:14px;margin-bottom:0;padding:14px;display:flex}.demand-comment-form label{flex-direction:column;gap:6px;display:flex}.demand-comment-form label span{color:#45464d;font-size:12px;font-weight:600;line-height:16px}.demand-comment-form input,.demand-comment-form textarea{box-sizing:border-box;color:#0b1c30;width:100%;font:inherit;background:#fff;border:1px solid #c6c6cd;border-radius:8px;font-size:13px;line-height:20px}.demand-comment-form input{height:38px;padding:0 10px}.demand-comment-form textarea{resize:vertical;min-height:92px;padding:10px}.demand-comment-form input:focus,.demand-comment-form textarea:focus{border-color:#2170e4;outline:none;box-shadow:0 0 0 3px #2170e41f}.demand-comment-form input:disabled,.demand-comment-form textarea:disabled{color:#76777d;cursor:not-allowed;background:#eff4ff}.demand-comment-form__error{color:#93000a;font-size:12px;line-height:16px}.demand-comment-form__submit{color:#fff;cursor:pointer;background:#2170e4;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;height:38px;font-size:13px;font-weight:700;display:inline-flex}.demand-comment-form__submit:hover:not(:disabled){background:#0058be}.demand-comment-form__submit:disabled{opacity:.62;cursor:not-allowed}.demand-comment-form__spinner{animation:.8s linear infinite demandSpin}@keyframes demandSpin{to{transform:rotate(360deg)}}.demand-detail__comment-list{flex:1;order:2;min-height:0;padding-right:4px;overflow-y:auto}.demand-detail__comment{background:#f8f9ff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px;padding:14px}.demand-detail__comment p{color:#0b1c30;white-space:pre-wrap;margin:0 0 10px;font-size:13px;line-height:20px}.demand-detail__comment time{color:#76777d;font-size:11px;line-height:14px}.demand-detail__state{color:#76777d;background:#f8f9ff;border:1px dashed #c6c6cd;border-radius:12px;flex:1;order:2;justify-content:center;align-items:center;min-height:120px;font-size:13px;display:flex}.demand-detail__state--error{color:#93000a;background:#ffdad6;border-color:#ffb4ab}@media (min-width:768px){.demand-column{flex-basis:320px}}@media (min-width:1120px){.demand-kanban{overflow-x:hidden}.demand-column{flex:0 0 328px}}@media (max-width:640px){.demand-main{padding:24px 16px}.demand-main.detail-open{transform:translate(-48px)scale(.98)}.demand-detail{padding:20px}}