:root{--bg: #ffffff;--panel: #ffffff;--panel-alt: #faf8f5;--text: #1f2937;--muted: #6b7280;--primary: #2563eb;--primary-600: #1d4ed8;--success: #00a854;--success-600: #009548;--danger: #dc2626;--border: #e8e2d8;--radius: 12px;--shadow: 0 1px 3px rgba(0, 0, 0, .08)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.container{max-width:1100px;margin:0 auto;padding:24px 20px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.title{font-size:24px;font-weight:600;margin:0 0 8px;color:var(--text)}.subtitle{color:var(--muted);font-size:14px;margin:0 0 20px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.input{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:8px;font-size:14px;outline:none}.input:focus{border-color:var(--primary)}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.button:hover{background:var(--panel-alt);border-color:var(--muted)}.button-primary{background:var(--primary);border-color:var(--primary);color:#fff}.button-primary:hover{background:var(--primary-600);border-color:var(--primary-600)}.button-ghost{background:transparent;border-color:var(--border);color:var(--primary)}.button-ghost:hover{background:var(--panel-alt);color:var(--primary-600)}.list ul{margin:16px 0 0;padding:0;list-style:none}.list li{padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;background:var(--panel-alt);display:flex;justify-content:space-between;align-items:center}.muted{color:var(--muted)}.load-error,[role=alert]{color:var(--danger);font-size:14px;margin-top:8px}.queue-list-item .queue-list-main{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;width:100%}.queue-list-actions{display:flex;align-items:center;gap:12px}.qr-thumb{display:inline-flex;padding:0;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.qr-thumb:hover{border-color:var(--primary);box-shadow:var(--shadow)}.qr-thumb>div{padding:4px!important}.qr-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.qr-modal-content{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 20px 40px #0003;padding:24px;max-width:100%;text-align:center}.qr-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.qr-modal-title{font-size:18px;font-weight:600;margin:0;color:var(--text)}.qr-modal-close{width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--panel);font-size:24px;line-height:1;cursor:pointer;color:var(--muted);transition:background .2s ease,color .2s ease}.qr-modal-close:hover{background:var(--panel-alt);color:var(--text)}.qr-modal-hint{margin:16px 0 0;font-size:14px;color:var(--muted)}