*{box-sizing:border-box;margin:0}:root{--coral: #e8476a;--ink: #1d1c2b;--ink-60: rgba(29, 28, 43, .6);--ink-40: rgba(29, 28, 43, .4);--bg: #faf7f5;--card: #ffffff;--line: #eee7e2;--good: #157f3d;--warn: #a15c00;--info: #2653c5;--dim: #6b6a76}body{font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.5}.bp-shell{max-width:960px;margin:0 auto;padding:28px 20px 60px}.bp-topbar{display:flex;align-items:center;gap:12px;margin-bottom:28px}.bp-topbar h1{font-size:19px;font-weight:800}.bp-topbar .bp-sub{color:var(--ink-60);font-size:13px}.bp-spacer{flex:1}.bp-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}.bp-auth{max-width:420px;margin:8vh auto 0;display:flex;flex-direction:column;gap:14px}.bp-auth h1{font-size:22px;font-weight:800}.bp-auth p{color:var(--ink-60);font-size:13.5px}.bp-field{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600}.bp-field input{font:inherit;font-weight:400;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;outline:none}.bp-field input:focus{border-color:var(--coral)}.bp-btn{font:inherit;font-weight:700;padding:11px 18px;border:none;border-radius:10px;background:var(--coral);color:#fff;cursor:pointer}.bp-btn:disabled{opacity:.5;cursor:default}.bp-btn--ghost{background:transparent;color:var(--ink-60);border:1.5px solid var(--line)}.bp-error{color:#b3261e;font-size:13.5px}.bp-table{width:100%;border-collapse:collapse;font-size:14px}.bp-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-40);padding:8px 10px;border-bottom:1px solid var(--line)}.bp-table td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.bp-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:700}.bp-pill--good{background:#e5f4ea;color:var(--good)}.bp-pill--warn{background:#fbf0dd;color:var(--warn)}.bp-pill--info{background:#e8eefc;color:var(--info)}.bp-pill--dim{background:#efedf1;color:var(--dim)}.bp-muted{color:var(--ink-60);font-size:13px}.bp-mono{font-family:ui-monospace,monospace;font-size:12.5px}.bp-empty{text-align:center;padding:46px 16px;color:var(--ink-60)}.bp-row-actions{display:flex;gap:8px}.bp-chip{font:inherit;font-size:13px;font-weight:600;padding:6px 12px;border-radius:8px;border:1.5px solid var(--line);background:#fff;cursor:pointer}.bp-chip:hover{border-color:var(--coral);color:var(--coral)}.bp-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14121e66;display:flex;align-items:center;justify-content:center;padding:20px}.bp-modal{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:440px;display:flex;flex-direction:column;gap:14px}.bp-tilerow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bp-tile{font:inherit;font-weight:700;padding:16px;border:1.5px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;text-align:center}.bp-tile.is-on{border-color:var(--coral);color:var(--coral);background:#fdf1f4}.bp-qr{display:flex;justify-content:center;padding:10px}.bp-linkbox{background:var(--bg);border:1px dashed var(--line);border-radius:10px;padding:10px 12px;font-family:ui-monospace,monospace;font-size:12px;word-break:break-all}.bp-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 640px){.bp-shell{padding:20px 14px 48px}.bp-topbar{flex-wrap:wrap}.bp-topbar h1{font-size:18px}.bp-spacer{flex-basis:100%;height:0}.bp-card{padding:14px}.bp-tablewrap{overflow-x:visible}.bp-table,.bp-table tbody,.bp-table tr,.bp-table td{display:block;width:auto}.bp-table thead{display:none}.bp-table tr{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px}.bp-table tr:last-child{margin-bottom:0}.bp-table td{border:none;padding:3px 0;display:flex;align-items:baseline;justify-content:space-between;gap:14px}.bp-table td:before{content:attr(data-label);color:var(--ink-40);font-size:12px;text-transform:uppercase;letter-spacing:.04em;flex:none}.bp-table td:first-child{display:block;margin-bottom:6px;font-size:15px}.bp-table td:first-child:before{content:none}.bp-table td:last-child:empty{display:none}.bp-table td:last-child{padding-top:10px}.bp-table td:last-child:before{content:none}.bp-table td:last-child .bp-chip{width:100%;padding:9px 12px}.bp-auth{margin-top:4vh}.bp-tilerow{grid-template-columns:1fr}}
