.ad-wrap{margin:18px 0 26px;padding:20px;border:1px solid #dbe7e3;border-radius:18px;background:linear-gradient(140deg,#f7fbf9,#fff);box-shadow:0 8px 24px rgba(22,62,55,.04)}.ad-head,.ad-right{display:flex;justify-content:space-between;align-items:center;gap:12px}.ad-head h2{margin:6px 0}.ad-head p{margin:0;color:#667a76;font-size:13px}.ad-controls button,.ad-right button{background:white;border:1px solid #d4e2dc;border-radius:9px;padding:9px 12px;cursor:pointer;color:#254b44}.ad-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:17px 0}.ad-metric{padding:12px;background:white;border:1px solid #e5eeea;border-radius:12px}.ad-metric strong{display:block;font-size:23px;color:#204b42}.ad-metric span{font-size:12px;color:#6a7975}.ad-list{display:grid;gap:7px;max-height:340px;overflow:auto}.ad-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:11px;background:#fff;border:1px solid #e6efeb}.ad-item strong,.ad-item small{display:block}.ad-item strong{font-size:13px}.ad-item small{color:#687a74;margin-top:4px}.ad-tag{white-space:nowrap;font-size:11px;background:#edf7f1;color:#286849;padding:5px 8px;border-radius:30px}.ad-tag.ad-late{background:#fff0eb;color:#a3482b}.ad-empty{font-size:13px;color:#65766e}@media(max-width:680px){.ad-wrap{padding:13px}.ad-head{align-items:start;flex-direction:column}.ad-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-item{align-items:start;flex-direction:column}.ad-right{width:100%}}