*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;margin:0;color:#172b3b;background:#f4f7fa}main{max-width:1200px;margin:32px auto;padding:0 20px}.narrow{max-width:440px;background:#fff;padding:30px;border-radius:12px;box-shadow:0 1px 8px #d9e1e6}h1{font-size:24px;margin:0 0 8px}h2{font-size:20px}header,.details-head{display:flex;align-items:center;justify-content:space-between;gap:12px}header{margin-bottom:22px}small{color:#687d8c}button{border:0;background:#155b88;color:#fff;padding:9px 14px;border-radius:6px;cursor:pointer}button.secondary{background:#e4edf4;color:#123c56}button:disabled{opacity:.6}form,label{display:grid;gap:8px}form{gap:20px;margin-top:20px}input,select{border:1px solid #b8c7d2;border-radius:6px;padding:10px;background:#fff;min-width:0;font:inherit}.stats{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.stats div{background:#fff;border:1px solid #e2e8ef;border-radius:10px;padding:16px;min-width:160px;display:grid;gap:8px}.stats strong{font-size:26px}.filters{display:flex;gap:16px;flex-wrap:wrap;margin:18px 0}.filters label{min-width:220px}.table-wrap{overflow:auto;background:#fff;border-radius:10px;border:1px solid #e2e8ef}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #e7edf2;padding:11px;white-space:nowrap}th{background:#edf3f7;font-size:13px}.error{color:#a32323;background:#fff1f1;padding:12px;border-radius:6px}.details{background:#fff;padding:20px;border-radius:12px;border:1px solid #e2e8ef;margin:20px 0}.details dl{display:grid;grid-template-columns:minmax(120px,220px) 1fr;gap:0}.details dt,.details dd{border-bottom:1px solid #e9eef2;margin:0;padding:9px 6px;overflow-wrap:anywhere}.details dt{color:#5a6e7b}@media(max-width:600px){main{padding:0 12px;margin:12px auto}.details dl{grid-template-columns:120px 1fr}.stats div{min-width:100px;flex:1}}
