*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:#0b0f17;color:#e6edf3}
.container{max-width:900px;margin:40px auto;padding:0 16px}
h1{font-size:28px;margin:0 0 16px}
.card{background:#0f1724;border:1px solid #1f2a44;border-radius:12px;padding:16px;margin:12px 0;box-shadow:0 10px 30px rgba(0,0,0,.25)}
label{display:block;margin:10px 0;color:#9fb3c8}
input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #334a6b;background:#0b1322;color:#e6edf3}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
button{background:#2f6feb;color:#fff;border:0;padding:10px 14px;border-radius:8px;cursor:pointer}
button:hover{background:#1f5fd6}
pre{white-space:pre-wrap;word-wrap:break-word;margin:0}

/* Banners */
.banner{padding:10px 12px;border-radius:8px;margin:8px 0;font-weight:600}
.banner-refunded{background:rgba(46, 160, 67, .15);border:1px solid rgba(63,185,80,.5);color:#3fb950}

/* Loading spinner */
.loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);backdrop-filter:blur(2px);z-index:10}
.hidden{display:none}
.spinner{width:52px;height:52px;border-radius:50%;border:4px solid rgba(255,255,255,.2);border-top-color:#2f6feb;animation:spin 1s linear infinite;box-shadow:0 0 30px rgba(47,111,235,.5) inset}
.loading-text{margin-top:12px;color:#c7d1db;font-size:14px;position:absolute;top:calc(50% + 40px)}
@keyframes spin{to{transform:rotate(360deg)}}

/* Table */
.table{width:100%;border-collapse:collapse;margin:8px 0}
.table th,.table td{border-bottom:1px solid #1f2a44;padding:8px 10px;text-align:left}
.table th{color:#b8c7d9;font-weight:600}
.table td{color:#e6edf3}
.table tr:hover{background:#0c1322}