body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f5f7fb;color:#1e2a3a}
.wrap{max-width:980px;margin:0 auto;padding:14px}
.top{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e4ebf7;border-radius:14px;padding:12px 14px}
h1{margin:0;font-size:22px} p{margin:4px 0 0;color:#6d7890}
.badge{font-size:12px;background:#eef4ff;border:1px solid #d9e5ff;border-radius:999px;padding:6px 10px}
.card{margin-top:12px;background:#fff;border:1px solid #e4ebf7;border-radius:14px;padding:10px}
#q{width:100%;padding:11px 12px;border:1px solid #d5e2fa;border-radius:10px}
.tabs{display:flex;gap:8px;margin-top:8px}.tab{border:1px solid #bfd3ff;background:#fff;color:#1c4fd7;padding:8px 10px;border-radius:10px;cursor:pointer}
.tab.active{background:#1769f3;color:#fff;border-color:#1769f3}
.list{margin-top:12px;display:grid;gap:10px}
.item{background:#fff;border:1px solid #e4ebf7;border-radius:12px;padding:12px}
.row{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.k{font-size:12px;color:#7a859a}.v{font-size:14px}
.pills{display:flex;gap:6px;flex-wrap:wrap}.pill{font-size:11px;padding:4px 8px;border-radius:999px;background:#eef4ff;border:1px solid #d9e5ff}
.status-active{background:#eafaf0;border-color:#bfe8cf;color:#0f7a39}.status-cancel{background:#fff0f0;border-color:#f3c2c2;color:#a02828}.status-changed{background:#fff8e8;border-color:#f0ddb0;color:#9b6a00}
.places{margin-top:8px;font-size:13px}.place{padding:6px 8px;background:#f8fbff;border:1px solid #e2ecff;border-radius:8px;margin-top:6px}
.actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.btn{border:1px solid #c7d7fb;background:#fff;border-radius:8px;padding:6px 9px;font-size:12px;cursor:pointer}
.btn.danger{border-color:#f0b8b8;color:#a10000;background:#fff5f5}
.btn.warn{border-color:#f1d8a8;color:#855600;background:#fff8e9}
.small{font-size:11px;color:#7a859a}