.qi-center{max-width:1280px;margin:35px auto;padding:0 20px}.qi-heading,.qi-detail-top,.qi-toolbar,.qi-member-entry{display:flex;align-items:center;justify-content:space-between;gap:16px}.qi-heading h1{font-size:30px;line-height:1.4;margin:8px 0}.qi-heading p{color:#65736d}.qi-badge{display:inline-block;background:#f2e5ce;color:#74522b;padding:5px 10px;border-radius:20px;font-size:12px}.qi-notice{padding:15px 18px;background:#f6f2e8;color:#66583b;border:1px solid #e5dbc4;border-radius:12px;font-size:13px;line-height:1.8;margin:18px 0}.qi-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.qi-stats>div{background:#fff;border:1px solid #e5e9e3;border-radius:14px;padding:20px;color:#6b776e;font-size:13px}.qi-stats b{display:block;font-size:28px;color:#244c3c;margin-top:8px}.qi-toolbar{justify-content:flex-start;flex-wrap:wrap;margin-bottom:22px}.qi-layout{display:grid;grid-template-columns:minmax(300px,0.8fr) minmax(0,1.4fr);gap:24px;align-items:start}.qi-list,.qi-detail{min-width:0}.qi-filters{display:flex;gap:8px;margin-bottom:16px}.qi-filters input,.qi-filters select{min-width:0;width:50%;padding:10px;border:1px solid #dce2da;border-radius:8px;background:white}.qi-order{display:flex;width:100%;text-align:left;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e7e9e3;border-radius:10px;padding:16px;margin:10px 0;color:#253b30}.qi-order.selected{border-color:#3c7257;background:#f0f6ee;box-shadow:inset 3px 0 #3c7257}.qi-order small,.qi-line small{display:block;color:#788274;font-size:12px;margin-top:7px}.qi-order span:last-child{text-align:right}.qi-detail-top strong{font-size:25px;color:#365c42;white-space:nowrap}.qi-detail-top h2{overflow-wrap:anywhere}.qi-meta{font-size:13px;line-height:1.7}.qi-meta>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #eee;padding:9px 0}.qi-meta dt{color:#7a8279;flex-shrink:0}.qi-meta dd{margin:0;text-align:right}.qi-line{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #e5e9e1;font-size:14px}.qi-line a{display:block;font-size:12px;margin-top:7px;color:#4b7151}.qi-line strong{white-space:nowrap}.qi-total{display:flex;justify-content:space-between;padding-top:18px}.qi-audit{margin-top:24px;border-top:1px solid #e7e9e3;padding-top:18px;font-size:13px}.qi-audit p{border-left:2px solid #b8cbb0;padding-left:12px}.qi-audit small{color:#7a8279}.qi-member-entry{background:#edf3e7;border:1px solid #dce6d2;border-radius:14px;padding:22px;margin:20px auto;max-width:1250px}.qi-member-entry p{font-size:13px;margin-bottom:0}.qi-login-note{text-align:center;font-size:13px;color:#70776d}button:disabled{opacity:.5;cursor:wait}#qi-form-error{color:#a54128}.qi-detail .empty{padding:32px 10px}@media(max-width:760px){.qi-center{padding:0 12px;margin-top:20px}.qi-heading{align-items:flex-start;flex-direction:column}.qi-heading h1{font-size:23px}.qi-stats{grid-template-columns:repeat(2,1fr);gap:9px}.qi-stats>div{padding:14px}.qi-layout{grid-template-columns:1fr;gap:16px}.qi-member-entry{margin:16px 10px;flex-direction:column;align-items:flex-start}.qi-detail-top{align-items:flex-start;flex-direction:column}.qi-toolbar button{font-size:12px}.qi-meta>div{flex-direction:column;gap:3px}.qi-meta dd{text-align:left}.qi-line{gap:10px}}