:root{--bg: #0b2e47;--surface: #123e5d;--card-surface: #154862;--text: #f7fdff;--muted: #c6e8ff;--primary: #66d9ff;--primary-600: #38bff0;--danger: #ff8585;--border: rgba(255,255,255,.08)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;font-family:Inter,system-ui,Segoe UI,Helvetica,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,var(--bg),#031223)}.page{min-height:100%;display:flex;flex-direction:column}.navbar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--surface);border-bottom:1px solid rgba(255,255,255,.02)}.navbar a,.navbar button{margin-left:12px;color:var(--text);text-decoration:none}.navbar .brand{font-weight:600;color:var(--text);font-size:1.5rem;padding-right:10px}.center-wrap{max-width:1100px;margin:24px auto;padding:0 16px;width:100%}.card-surface{background:linear-gradient(180deg,#15445ff2,#09243af5);border-radius:12px;padding:22px;border:1px solid rgba(255,255,255,.03);box-shadow:0 10px 40px #05142873}.label{display:block;margin:8px 0 6px;color:var(--muted);font-size:.95rem}.input{width:100%;padding:10px 12px;border-radius:8px;background:#ffffff17;color:var(--text);border:1px solid rgba(255,255,255,.08)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 8px #66d9ff1f}.btn{background:var(--primary);color:#082434;border:1px solid var(--primary-600);border-radius:8px;padding:10px 14px;cursor:pointer}.btn.secondary{background:transparent;color:var(--text);border-color:transparent}.btn:disabled{opacity:.6;cursor:not-allowed}.form-actions{margin-top:16px}.err{color:var(--danger);margin-top:8px}.card-surface table{width:100%;border-collapse:collapse;table-layout:fixed}.card-surface th,.card-surface td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.03);font-size:.95rem;color:var(--text)}.card-surface thead th{color:var(--muted);font-weight:600;text-align:center}.card-surface tbody td{text-align:center}.card-surface th:nth-child(1),.card-surface td:nth-child(1){width:22%}.card-surface th:nth-child(2),.card-surface td:nth-child(2){width:22%}.card-surface th:nth-child(3),.card-surface td:nth-child(3){width:22%}.card-surface th:nth-child(4),.card-surface td:nth-child(4){width:22%}.card-surface th:nth-child(5),.card-surface td:nth-child(5){width:12%;text-align:center}.link{background:none;border:none;color:var(--primary);cursor:pointer;padding:0}.card-surface .pager{display:flex;gap:8px;margin-top:16px;align-items:center;justify-content:center}.pager{display:flex;gap:8px;margin-top:16px;align-items:center}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:900px){.grid-4{grid-template-columns:1fr}}.pin-input,.card-number-input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace;letter-spacing:2px}