:root{color-scheme:dark;--bg: #0b1220;--panel: rgba(30, 41, 59, .9);--panel-2: rgba(15, 23, 42, .75);--border: rgba(148, 163, 184, .18);--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--good: #22c55e;--warn: #f59e0b;--bad: #fb7185}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(1200px 800px at 20% -10%,rgba(56,189,248,.12),transparent 55%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;min-height:100vh}main{max-width:640px;margin:0 auto;padding:2rem 1.25rem 4rem}h1{font-size:1.75rem;margin-bottom:.25rem}h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.75rem}.subtitle{color:var(--muted);margin-bottom:2rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:1.25rem;margin-bottom:1rem}.btn{display:block;width:100%;padding:.7rem 1rem;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:.95rem;cursor:pointer;transition:border-color .15s;text-align:center}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#38bdf840,#38bdf814);border-color:#38bdf859}input,textarea{width:100%;padding:.65rem .75rem;background:#0f172a8c;border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:.9rem}input:focus,textarea:focus{outline:none;border-color:var(--accent)}label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.25rem}.device-card{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:.75rem}.device-row{display:flex;justify-content:space-between;align-items:center}.device-name{font-weight:600;font-size:1.05rem}.device-meta{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.pill{font-size:.75rem;padding:2px 8px;border-radius:999px;background:#94a3b81a;color:var(--muted)}.pill-price{color:var(--accent)}.device-actions{margin-top:.75rem;display:flex;gap:.5rem}.btn-sm{width:auto;padding:.5rem .85rem;font-size:.85rem;min-height:32px}.status{font-size:.85rem;margin-top:.5rem;min-height:1.2em}.status.error{color:var(--bad)}.status.success{color:var(--good)}.status.info{color:var(--muted)}.divider{text-align:center;color:var(--muted);font-size:.85rem;margin:1rem 0}.login-options{display:flex;flex-direction:column;gap:.5rem}.npub-display{font-family:ui-monospace,monospace;font-size:.75rem;color:var(--muted);text-align:center;margin-top:.5rem;word-break:break-all}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.token-section{margin-top:.75rem}.token-section textarea{font-family:ui-monospace,monospace;font-size:.8rem;resize:vertical}.empty{text-align:center;color:var(--muted);padding:2rem 1rem}.loading{text-align:center;color:var(--muted);padding:3rem 1rem}.toast{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.75rem 1.25rem;z-index:100;font-size:.9rem;animation:fadein .2s}.toast.success{border-color:var(--good)}.toast.error{border-color:var(--bad)}@keyframes fadein{0%{opacity:0}to{opacity:1}}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.status-dot.online{background:var(--good);box-shadow:0 0 4px var(--good)}.status-dot.offline{background:var(--muted)}.pill-active{color:var(--accent);font-weight:600}.pill-mint{font-size:.7rem;color:var(--muted);border:1px solid var(--border);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mint-list{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.qr-section{text-align:center;margin:1rem 0}.qr-img{width:200px;height:200px;border-radius:12px;border:1px solid var(--border)}.history-item{display:flex;gap:.5rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.85rem}.history-item:last-child{border-bottom:none}.history-device{flex:1;color:var(--muted);font-family:ui-monospace,monospace;font-size:.75rem}.history-amount{font-weight:600}.history-state{font-size:.7rem;padding:2px 6px;border-radius:999px;text-transform:uppercase}.history-paid{background:#22c55e26;color:var(--good)}.history-consumed{background:#38bdf826;color:var(--accent)}.history-refunded{background:#fb718526;color:var(--bad)}.history-pending{background:#f59e0b26;color:var(--warn)}.history-date{color:var(--muted);font-size:.75rem}.wallet-bar{padding:.85rem 1rem}.wallet-summary{display:flex;justify-content:space-between;align-items:center}.wallet-label{display:block;font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.wallet-balance{font-size:1.4rem;font-weight:700;color:var(--accent)}.wallet-mints{display:flex;gap:4px;margin-top:.5rem;flex-wrap:wrap}.deposit-form{margin-top:.75rem;display:flex;flex-direction:column;gap:.4rem}.deposit-form select{width:100%;padding:.5rem;background:#0f172a8c;border:1px solid var(--border);border-radius:12px;color:var(--text)}.invoice-section{margin-top:.75rem}.invoice-text{font-family:ui-monospace,monospace;font-size:.7rem;word-break:break-all}.device-filters{margin-bottom:1rem}.search-input{width:100%;padding:.5rem .75rem;background:#0f172a8c;border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:.9rem;margin-bottom:.5rem}.filter-tabs{display:flex;gap:.3rem;flex-wrap:wrap}.filter-tab{padding:.3rem .7rem;font-size:.8rem;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}.filter-tab.active{background:#38bdf826;border-color:var(--accent);color:var(--accent)}