:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:#183238;background:#f5f7f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e1e9e9;padding:29px 17px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:2px 13px 35px;font-size:19px;font-weight:750;letter-spacing:.02em}.brand small,.account small{display:block;color:#7c8f92;font-size:11px;font-weight:500;letter-spacing:0;margin-top:3px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#fff;background:#087e83;font-size:18px}.nav-list{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#61767a;border-radius:10px;font-size:14px;font-weight:600}.nav-link span{font-size:21px;width:22px;text-align:center;line-height:1}.nav-link.active{background:#e9f5f4;color:#087e83}.sidebar-bottom{margin-top:auto}.help-card{background:#f0f7f5;border:1px solid #d7ebe6;border-radius:13px;padding:17px;margin-bottom:21px}.help-card strong{font-size:13px}.help-card p{font-size:12px;color:#637a7b;line-height:1.65;margin:7px 0 0}.account{display:flex;align-items:center;gap:10px;padding:15px 7px 2px;border-top:1px solid #e8eeee;font-size:13px}.avatar{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#e2eeeb;color:#316d68;font-size:13px;font-weight:700}.avatar-small{width:31px;height:31px}.account-dots{margin-left:auto;color:#8fa0a2;letter-spacing:2px}.main-content{min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid #e5ecec;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.crumb{font-size:13px;color:#6b7e82}.crumb span{color:#becacd;padding:0 10px}.topbar-right{display:flex;align-items:center;gap:15px}.prototype-tag{font-size:11px;color:#668089;background:#f0f5f5;border:1px solid #dfe9e9;border-radius:20px;padding:6px 11px}.icon-button{border:0;background:transparent;color:#678186;font-size:23px;width:32px;height:32px}.content-wrap{max-width:1430px;margin:auto;padding:38px 42px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:29px}.eyebrow{color:#0b8588;font-size:11px;font-weight:800;letter-spacing:.15em;margin-bottom:9px}h1{font-size:29px;letter-spacing:-.03em;margin:0 0 9px}h2,h3,p{margin-top:0}.page-heading p{color:#74868a;font-size:13px;margin:0}.primary-button{border:0;color:#fff;background:#087e83;border-radius:9px;padding:11px 18px;font-size:13px;font-weight:700;min-height:42px;box-shadow:0 5px 12px #087e8320}.primary-button:hover{background:#06686d}.primary-button span{font-size:19px;vertical-align:-1px;margin-right:5px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.summary-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e3ebea;border-radius:13px;padding:19px 21px;min-height:119px;box-shadow:0 3px 12px #1b414706}.summary-label{font-size:12px;color:#63787c;font-weight:650}.summary-card strong{font-size:30px;margin-top:9px;line-height:1;color:#19383c}.summary-card small{font-size:11px;color:#8b9c9e;margin-top:7px}.workspace{display:grid;grid-template-columns:minmax(330px,.93fr) minmax(380px,1.07fr);gap:19px;align-items:start}.list-panel,.detail-panel{background:#fff;border:1px solid #e3ebea;border-radius:14px;box-shadow:0 3px 14px #1b414707;min-width:0}.list-panel{padding:22px 0 6px}.section-heading{display:flex;align-items:start;justify-content:space-between;padding:0 22px}.section-heading h2{font-size:17px;margin:0 0 5px}.section-heading p{font-size:11px;color:#8b999c;margin-bottom:19px}.total-count{font-size:11px;color:#658285;background:#eef6f5;border-radius:20px;padding:5px 9px}.search-field{display:flex;align-items:center;gap:8px;margin:0 22px 15px;border:1px solid #dce6e6;border-radius:9px;padding:0 12px;height:39px;color:#93a3a4}.search-field span{font-size:24px;line-height:1}.search-field input{outline:none;border:0;width:100%;color:#183238;font-size:12px;background:transparent}.search-field input::placeholder{color:#9aa9aa}.filters{display:flex;gap:5px;padding:0 22px 17px;border-bottom:1px solid #e8eeee;overflow:auto}.filter{white-space:nowrap;border:0;background:transparent;border-radius:7px;padding:7px 11px;color:#74898b;font-size:11px;font-weight:650}.filter.active{background:#e7f5f3;color:#087e83}.issue-list{max-height:670px;overflow:auto}.issue-item{width:100%;display:block;text-align:left;border:0;border-bottom:1px solid #edf1f1;background:#fff;padding:19px 22px}.issue-item:hover,.issue-item.selected{background:#f3f9f8}.issue-item.selected{box-shadow:inset 3px 0 #0b8588}.issue-item-top,.issue-meta,.issue-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.issue-id{color:#8b9da0;font-size:10px;font-weight:700;letter-spacing:.05em}.status{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700}.status::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-progress{background:#e7f5f3;color:#087e83}.status-review{background:#fff3db;color:#a66b0a}.status-done{background:#e7f3e9;color:#438251}.issue-item h3{font-size:13px;margin:12px 0 6px;line-height:1.5}.issue-item p{color:#819397;font-size:11px;margin:0 0 14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.issue-item-bottom{color:#849698;font-size:10px}.issue-item-bottom .customer{display:flex;align-items:center;gap:6px}.customer-dot{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#e5ecee;color:#607b80;font-size:9px}.empty{padding:48px 22px;text-align:center;color:#7c8e91;font-size:13px}.detail-panel{padding:27px 28px 22px;min-height:585px}.detail-top{display:flex;justify-content:space-between;align-items:center}.detail-top .issue-id{font-size:11px}.mobile-back{display:none;background:none;border:0;color:#087e83;font-size:13px;font-weight:700;margin:0 0 18px;padding:5px}.detail-panel h2{font-size:21px;line-height:1.45;margin:16px 0 11px}.detail-description{font-size:12px;color:#6f8587;line-height:1.8;margin-bottom:22px}.detail-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:1px solid #e9eeee;border-bottom:1px solid #e9eeee;padding:17px 0}.fact-label{display:block;font-size:10px;color:#9aabad;margin-bottom:7px}.fact-value{font-size:11px;font-weight:700;color:#31494d}.detail-section{padding-top:22px}.detail-section h3{font-size:13px;margin:0 0 15px}.timeline{border-left:1px solid #dbe8e6;margin-left:6px;padding-left:18px}.timeline-item{position:relative;margin:0 0 17px}.timeline-item::before{content:"";position:absolute;left:-23px;top:4px;width:9px;height:9px;background:#fff;border:2px solid #0d8889;border-radius:50%}.timeline-item time{font-size:10px;color:#96a4a6}.timeline-item strong{display:block;font-size:11px;margin:5px 0}.timeline-item p{font-size:11px;color:#6f8587;line-height:1.6;margin:0}.file-row{border:1px solid #e3ebea;border-radius:9px;display:flex;align-items:center;gap:11px;padding:11px 13px;margin-bottom:9px}.file-icon{display:grid;place-items:center;width:31px;height:34px;background:#eef4f4;color:#168084;border-radius:6px;font-size:10px;font-weight:800}.file-row strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.file-row small{display:block;color:#9aabad;font-size:10px;margin-top:3px}.file-row button{margin-left:auto;background:#fff;border:0;color:#0a8082;font-size:11px;font-weight:700}.detail-action{display:flex;gap:9px;margin-top:18px}.secondary-button{border:1px solid #dce8e7;background:#fff;border-radius:8px;padding:10px 13px;color:#426265;font-size:11px;font-weight:700}.secondary-button:hover{background:#f2f8f7}.page-footer{color:#9aabad;font-size:11px;padding:22px 2px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(15px);opacity:0;pointer-events:none;background:#183b3f;color:white;border-radius:9px;padding:11px 16px;font-size:12px;box-shadow:0 12px 24px #162f3440;transition:.2s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}:focus-visible{outline:3px solid #34a8a6;outline-offset:2px}@media(max-width:1050px){.app-shell{grid-template-columns:75px minmax(0,1fr)}.sidebar{padding:25px 11px}.brand{padding:0 8px 35px}.brand>span:last-child,.nav-link{font-size:0}.nav-link{justify-content:center;padding:12px}.nav-link span{font-size:22px}.help-card,.account>span:not(.avatar){display:none}.account{justify-content:center}.content-wrap{padding:30px 24px}.workspace{grid-template-columns:minmax(300px,1fr) minmax(360px,1fr)}}@media(max-width:760px){.app-shell{display:block}.sidebar{display:none}.topbar{height:58px;padding:0 17px}.content-wrap{padding:25px 16px}.page-heading{align-items:start}.page-heading h1{font-size:24px}.page-heading p{font-size:11px;line-height:1.5}.primary-button{padding:9px 11px;font-size:11px;white-space:nowrap}.summary-grid{gap:8px}.summary-card{padding:12px;min-height:93px}.summary-label{font-size:10px}.summary-card strong{font-size:24px}.summary-card small{font-size:9px;line-height:1.3}.workspace{display:block}.detail-panel{display:none}.workspace.show-detail .list-panel{display:none}.workspace.show-detail .detail-panel{display:block}.mobile-back{display:block}.detail-panel{padding:20px;min-height:auto}.prototype-tag{font-size:10px}.page-footer{line-height:1.6}}

.view-switch{font-size:12px;font-weight:700;color:#087e83;white-space:nowrap}.view-switch:hover{text-decoration:underline}.customer-notice{display:flex;align-items:center;gap:16px;background:#e9f5f1;border:1px solid #cce6dc;border-radius:13px;padding:18px 21px;margin-bottom:22px}.notice-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:#d2ebe0;color:#287a62;font-size:19px;font-weight:700}.customer-notice strong{display:block;font-size:13px;margin-bottom:4px}.customer-notice p{font-size:11px;color:#627c74;line-height:1.5;margin:0}.customer-notice button{margin-left:auto;background:#fff;color:#087e83;border:1px solid #c9e2dc;border-radius:8px;font-size:11px;font-weight:700;padding:9px 12px;white-space:nowrap}.customer-summary .summary-card:nth-child(2) strong{color:#a66b0a}.next-action{background:#f1f8f7;border-left:3px solid #087e83;border-radius:0 9px 9px 0;padding:13px 15px;margin-bottom:20px}.next-action span{display:block;color:#59777a;font-size:10px;font-weight:700;margin-bottom:5px}.next-action strong{font-size:12px;line-height:1.7}.review-actions{display:flex;gap:9px;margin-top:19px}.review-actions .primary-button{font-size:11px;min-height:37px;padding:9px 13px}.review-actions .secondary-button{min-height:37px}.file-count{color:#93a5a6;font-weight:500}@media(max-width:760px){.view-switch{font-size:10px}.customer-notice{align-items:flex-start;padding:14px;gap:10px;flex-wrap:wrap}.customer-notice button{margin-left:48px}.customer-heading{margin-bottom:20px}.customer-heading h1{font-size:22px}}