.wb-summary{display:flex;align-items:center;gap:48px;padding:28px 32px;margin-bottom:20px;border:1px solid #dce7f5;background:#f3f7fd;border-radius:20px}.wb-summary span{display:block;color:#687588;font-size:14px}.wb-summary strong{display:block;font-size:36px;margin-top:8px;color:#263d58}.wb-summary small{font-size:14px;margin-left:8px;font-weight:400}.wb-summary p{margin-left:auto;color:#748399}.wb-panel{padding:24px}.wb-filters{display:flex;gap:20px;flex-wrap:wrap}.wb-filters label{display:flex;align-items:center;gap:10px;color:#647184;font-size:14px}.wb-filters select{border:1px solid #dfe5ed;border-radius:9px;padding:10px;background:#fff;max-width:320px}.wb-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:24px 0;border-bottom:1px solid #edf0f4}.wb-tabs button{padding:9px 14px;background:transparent;border:0;border-radius:9px;color:#526071}.wb-tabs button[aria-pressed=true]{background:#edf4ff;color:#2769b7}.wb-tabs span{margin-left:6px;font-size:12px}.wb-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid #edf0f4}.wb-row p{font-size:13px;color:#788494;margin:8px 0 0}.wb-row .button{flex-shrink:0;box-shadow:none}.wb-subject{background:none;border:0;text-align:left;flex:1;font-size:17px;font-weight:600}.wb-subject small{float:right;font-size:14px;font-weight:400;color:#8793a3}.wb-feedback{margin-top:28px;padding:24px 0;border-top:1px solid #e8edf3}.wb-result{display:flex;gap:20px;flex-wrap:wrap;background:#f5f7fa;border-radius:10px;padding:16px;font-size:14px}.wb-feedback img{max-width:100%}@media(max-width:600px){.wb-summary{gap:24px;padding:22px}.wb-summary p{display:none}.wb-panel{padding:16px}.wb-row{gap:12px}.wb-filters select{max-width:230px}}