.main-nav{display:flex;align-items:center;padding:14px 3.4vw 0;gap:8px}.main-nav button,.area-tabs button,.pagination button,.filters button,.detail-button,.area-link,.detail-heading button{font:inherit;cursor:pointer;border:1px solid #d9dddf;background:white;color:#343b40;border-radius:7px;padding:10px 15px;font-size:12px}.main-nav button.active,.area-tabs button.active{background:#171717;color:white;border-color:#171717}.main-nav>span{margin-left:auto;color:#777;font-size:11px}.area-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.filters{display:grid;grid-template-columns:1.6fr repeat(4,1fr) auto;gap:12px;background:white;border:1px solid #e3e5e7;padding:18px;border-radius:10px;margin-bottom:20px;align-items:end}.filters label{font-size:11px;color:#646b70;display:grid;gap:8px}.filters input,.filters select{width:100%;min-width:0;font:inherit;font-size:12px;background:#f7f8f8;border:1px solid #dce0e1;border-radius:6px;padding:11px 9px;color:#222}.filters button{height:38px}.pagination{display:flex;align-items:center;gap:12px}.pagination button:disabled{opacity:.35;cursor:default}.pending-summary small{display:block;margin-top:7px;color:#777;font-size:11px}.integration-note{background:#fff4d9;border-radius:6px;padding:12px;color:#745819;font-size:12px}.detail-button{display:block;margin-top:10px;padding:6px 9px;font-size:10px}.area-link{background:transparent;margin-top:10px;font-size:11px;padding:6px 9px}.area-link:hover,.detail-button:hover{background:#edf1ef}td small{margin-top:7px;line-height:1.5;text-transform:none;letter-spacing:0;font-size:11px}td{height:auto;min-height:80px;padding-top:17px;padding-bottom:17px}.pending-summary{gap:16px}dialog{width:min(760px,94vw);max-height:88vh;padding:30px;border:1px solid #ddd;border-radius:12px;color:#222;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#0008}.detail-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid #eee;padding-bottom:18px}.detail-heading h2{font-size:25px;margin:0;letter-spacing:-.5px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}.detail-grid small{display:block;color:#777;font-size:11px;margin-bottom:7px}.detail-grid strong{font-size:13px}.stages>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eee;gap:16px;font-size:13px}dialog h3{font-size:14px;margin:22px 0 10px}dialog p{font-size:13px;line-height:1.6;white-space:pre-wrap}.detail-note{color:#777;border-top:1px solid #eee;padding-top:15px;margin-top:25px}.screen-label{white-space:nowrap}@media(min-width:1700px){.filters label{font-size:13px}.filters input,.filters select{font-size:14px}.area-tabs button,.main-nav button,.pagination button{font-size:14px}.detail-button{font-size:12px}td small{font-size:13px}.area-link{font-size:13px}}@media(max-width:1100px){.filters{grid-template-columns:repeat(3,1fr)}.screen-label{display:none}}@media(max-width:650px){.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}.pending-summary{align-items:flex-start;flex-direction:column}.main-nav{flex-wrap:wrap}.main-nav>span{width:100%;margin:5px 0}.detail-grid{grid-template-columns:1fr 1fr}.section-heading h1{font-size:28px}}