:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-tertiary:#1f2937;--border-color:#374151;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-primary:#6366f1;--accent-hover:#4f46e5;--accent-secondary:#8b5cf6;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--error-bg:#ef44441a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow:auto}h1,h2,h3{letter-spacing:-.025em;font-weight:600}h1{font-size:1.5rem;font-weight:700}h2{font-size:1.25rem}p{line-height:1.6}code{color:#a78bfa;word-break:break-all;background:#a78bfa1a;border-radius:4px;padding:2px 6px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.875rem}select{border:1px solid var(--border-color);background:var(--bg-tertiary);width:100%;color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding:.75rem 2.5rem .75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #6366f133}select:disabled{opacity:.5;cursor:not-allowed}select option{background:var(--bg-tertiary);color:var(--text-primary);padding:.5rem}button{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;cursor:pointer;box-shadow:var(--shadow-md);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-family:inherit;font-size:.9375rem;font-weight:500;transition:all .2s;display:inline-flex}button:hover:not(:disabled){background:linear-gradient(135deg, var(--accent-hover), var(--accent-primary));box-shadow:var(--shadow-lg);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button.outline{border:1px solid var(--border-color);box-shadow:none;background:0 0}button.outline:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-secondary)}button.danger{background:linear-gradient(135deg,#dc2626,#ef4444)}button.danger:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#dc2626)}button.full-width{width:100%}input{border:1px solid var(--border-color);background:var(--bg-tertiary);width:100%;color:var(--text-primary);border-radius:var(--radius-md);padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}input::placeholder{color:var(--text-muted)}input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #6366f133}label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.login-page{background:linear-gradient(135deg, var(--bg-primary) 0%, #1a1f3a 100%);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);gap:1.5rem;padding:2.5rem;display:grid}.login-card h1{text-align:center;background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.75rem}.login-card>p{text-align:center;color:var(--text-muted);font-size:.9375rem}.login-card button{width:100%;margin-top:.5rem;padding:.875rem;font-size:1rem}.app{grid-template-columns:minmax(360px,440px) minmax(0,1fr);height:100vh;min-height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;gap:1rem;height:100vh;min-height:0;padding:1.25rem;display:flex;overflow:hidden auto}.brand{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.brand h1{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem}.brand button{background:var(--bg-tertiary);border:1px solid var(--border-color);box-shadow:none;padding:.5rem .875rem;font-size:.875rem}.brand button:hover{background:var(--error);border-color:var(--error)}.status-bar{background:var(--bg-tertiary);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:.75rem;padding:.75rem;font-size:.8125rem;display:grid}.status-bar .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.status-bar .value{font-weight:600}.status-bar .value.connected,.status-bar .value.ready{color:var(--success)}.status-bar .value.error,.status-bar .value.unknown{color:var(--error)}.panel{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;flex:none;gap:.875rem;padding:1rem;display:flex;overflow:visible}.panel-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.panel-header h2{color:var(--text-primary);font-size:1rem}.panel-header button{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:none;padding:.5rem .75rem;font-size:.875rem}.panel-header button:hover{background:var(--accent-primary);border-color:var(--accent-primary)}.qr-panel{text-align:left}.qr-panel p{color:var(--text-muted);font-size:.875rem;line-height:1.5}.qr-panel label{margin-top:.5rem}.qr{aspect-ratio:1;border-radius:var(--radius-lg);width:min(200px,100%);height:auto;box-shadow:var(--shadow-lg);background:#fff;margin:0 auto;padding:12px}.pin{border:2px dashed var(--warning);color:var(--warning);border-radius:var(--radius-md);letter-spacing:.15em;text-align:center;background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);padding:.875rem 1.25rem;font-size:1.25rem;font-weight:700;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.add-account-form{gap:.5rem;margin-top:.5rem;display:grid}.add-account-form button{padding:.625rem 1rem;font-size:.875rem}.add-friend-form{gap:.5rem;display:flex}.add-friend-form input{flex:1}.add-friend-form button{white-space:nowrap;padding:0 1rem}.chat-list{flex-direction:column;flex:0 auto;gap:.5rem;min-height:8rem;max-height:40vh;padding-right:.25rem;display:flex;overflow-y:auto}.chat-list button{text-align:left;background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:none;flex-direction:column;justify-content:flex-start;gap:.375rem;padding:.875rem 1rem;font-size:.9375rem;display:flex}.chat-list button:hover:not(.active){background:var(--bg-tertiary);border-color:var(--text-secondary);box-shadow:var(--shadow-md);transform:none}.chat-list button.active{border-color:var(--accent-primary);background:linear-gradient(135deg,#6366f126,#8b5cf626);box-shadow:0 0 0 2px #6366f14d}.chat-list button span{color:var(--text-primary);font-weight:500}.chat-list button code{color:var(--text-muted);opacity:.8;font-size:.75rem}.chat-window{background:var(--bg-primary);flex-direction:column;gap:0;height:100vh;display:flex}.chat-window header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.chat-window header h2{color:var(--text-primary);font-size:1.125rem}.chat-window header code{color:var(--text-muted);font-size:.8125rem}.chat-empty{color:var(--text-muted);flex:1;justify-content:center;align-items:center;font-size:1.125rem;display:flex}.chat-empty p{align-items:center;gap:.5rem;display:flex}.chat-empty svg{opacity:.5;width:48px;height:48px}.messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:.75rem;padding:1.5rem;display:flex;overflow-y:auto}.loading-more{text-align:center;color:var(--text-muted);padding:.75rem;font-size:.875rem}.loading-more:after{content:"...";animation:1.5s steps(4,end) infinite dots}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.bubble{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:85%;box-shadow:var(--shadow-sm);align-self:flex-start;padding:.875rem 1rem}.bubble.owned{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border:none;align-self:flex-end}.bubble.owned .bubble-meta,.bubble.owned code{color:#ffffffe6}.bubble-meta{color:var(--text-muted);justify-content:space-between;gap:1rem;margin-bottom:.5rem;font-size:.75rem;display:flex}.bubble-meta code{font-size:.6875rem}.bubble-content{word-wrap:break-word;line-height:1.6}.bubble-content p{white-space:pre-wrap;word-break:break-word;margin:0}.message-media{border-radius:var(--radius-md);object-fit:contain;background:#0003;max-width:min(320px,100%);max-height:360px;margin-bottom:.6rem;display:block}.message-audio{width:min(320px,100%);margin-bottom:.6rem}.send-form{background:var(--bg-secondary);border-top:1px solid var(--border-color);gap:.75rem;padding:1rem 1.5rem;display:flex}.send-form input{flex:1}.file-button{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);cursor:pointer;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;margin:0;font-size:1.1rem;display:inline-flex}.file-button input{display:none}.send-form button{white-space:nowrap;padding:.875rem 1.5rem}.send-form .clear-file{padding-inline:.9rem}.error{background:var(--error-bg);border:1px solid var(--error);border-radius:var(--radius-md);color:#fecaca;align-items:center;gap:.5rem;padding:.875rem;font-size:.875rem;display:flex}.error:before{content:"⚠️"}.status{background:var(--bg-tertiary);border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.status:before{content:"";background:var(--text-muted);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite blink}.status.ready,.status.connected:before{background:var(--success)}.status.error:before{background:var(--error)}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.muted{color:var(--text-muted);font-size:.8125rem;line-height:1.5}.row{align-items:center;gap:.75rem;display:flex}.between{justify-content:space-between}.center{text-align:center}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);background-clip:padding-box;border:2px solid #0000;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-color);background-clip:padding-box;border:2px solid #0000}@media (width<=1024px){.app{grid-template-columns:minmax(320px,380px) minmax(0,1fr)}.sidebar{padding:1rem}.chat-window header{padding:.875rem 1.25rem}.messages{padding:1rem}.send-form{padding:.875rem 1.25rem}}@media (width<=768px){.app{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.sidebar{height:auto;max-height:none;overflow:visible}.chat-list,.relay-groups{max-height:35vh}.chat-window{height:70vh}.chat-window header{padding:.75rem 1rem}.messages{padding:.75rem}.send-form{padding:.75rem 1rem}.bubble{max-width:90%}.login-card{padding:2rem}}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge-success{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.status-badge-warning{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.status-badge-error{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.status-badge-info{color:#6366f1;background:#6366f126;border:1px solid #6366f14d}.status-badge-muted{color:#6b7280;background:#6b728026;border:1px solid #6b72804d}.logo{flex-direction:column;align-items:center;gap:.75rem;display:flex}.logo svg{color:var(--accent-primary);animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.account-select-row{align-items:stretch;gap:.5rem;margin-bottom:.75rem;display:flex}.account-select-row .account-selector{flex:1;min-width:0;margin-bottom:0}.delete-account-btn{flex-shrink:0;padding-inline:.8rem}.brand-actions{align-items:center;gap:.5rem;display:flex}.relay-panel select,.relay-panel input[type=text],.relay-panel input:not([type]){width:100%}.check-row{align-items:flex-start;gap:.5rem;margin:.5rem 0;font-size:.9rem;display:flex}.check-row input[type=checkbox]{width:auto;margin-top:.2rem}.relay-help{margin:.6rem 0;font-size:.82rem;line-height:1.4}.relay-groups{border:1px solid var(--border-color);border-radius:.75rem;max-height:32vh;margin-top:.6rem;padding:.4rem;overflow:auto}.relay-group-row span{flex-direction:column;gap:.2rem;min-width:0;display:flex}.relay-group-row code{white-space:nowrap;text-overflow:ellipsis;max-width:240px;overflow:hidden}.relay-actions{gap:.5rem;margin-top:.75rem;display:flex}.bridge-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.bridge-test{border:1px solid var(--border-color);border-radius:.75rem;margin-top:.75rem;padding:.75rem}.bridge-test summary{cursor:pointer;color:var(--text-secondary);margin-bottom:.75rem}.bridge-test input,.bridge-test button{margin-top:.5rem}.panel-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.staff-group-label{margin-top:1rem}.rider-help{margin-top:.75rem}.bridge-templates{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#11182773;padding:.875rem}.bridge-templates summary,.bridge-test summary{cursor:pointer;color:var(--text-primary);margin-bottom:.75rem;font-weight:600}.bridge-templates label,.bridge-test input{margin-top:.75rem}.order-list{flex-direction:column;gap:.75rem;max-height:70vh;padding-right:.25rem;display:flex;overflow-y:auto}.order-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:.625rem;padding:.875rem;display:grid}.order-card-header,.order-meta,.claim-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.order-status{color:#c4b5fd;background:#6366f126;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:700}.order-status.status-assigned{color:#86efac;background:#10b98129}.order-status.status-claiming{color:#fcd34d;background:#f59e0b29}.claim-list{border-top:1px solid var(--border-color);gap:.45rem;padding-top:.6rem;display:grid}.claim-row{color:var(--text-secondary);font-size:.82rem}.claim-row strong{color:var(--text-primary)}.claim-row em{color:#c4b5fd;font-style:normal}.claim-row small{color:var(--text-muted)}.top-nav{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.top-nav button,.nav-button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);min-height:40px;color:var(--text-secondary);box-shadow:none;text-align:center;justify-content:center;padding:.6rem .75rem;text-decoration:none}.top-nav button:hover:not(:disabled),.nav-button:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--accent-primary);transform:none}.top-nav button.active{color:#fff;border-color:var(--accent-primary);background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary))}.page-content{background:var(--bg-primary);min-height:100vh;padding:1.25rem;overflow:auto}.page-content>.panel{max-width:980px;margin:0 auto}.page-content .order-list{max-height:none}.relay-collapse>summary.relay-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;list-style:none;display:flex}.relay-collapse>summary.relay-summary::-webkit-details-marker{display:none}.relay-collapse>summary.relay-summary h2:before{content:"▸ ";color:var(--text-muted)}.relay-collapse[open]>summary.relay-summary h2:before{content:"▾ "}.board-controls{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.75rem;display:flex}.board-controls button{padding:.5rem .9rem;font-size:.875rem}.order-actions,.order-edit-row{align-items:center;gap:.5rem;display:flex}.order-actions button,.order-edit-row button{padding:.4rem .8rem;font-size:.8125rem}.order-edit-row input{flex:1}.lang-toggle{min-width:52px;font-weight:600}.login-lang{justify-self:center;width:auto;padding:.4rem 1rem}.keyword-grid{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}.keyword-field{flex-direction:column;gap:.4rem;display:flex}.keyword-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.keyword-row{align-items:center;gap:.4rem;display:flex}.keyword-row input{flex:1}.keyword-remove{min-width:36px;padding:.5rem}.keyword-add{align-self:flex-start;padding:.4rem .7rem;font-size:.8125rem}textarea{border:1px solid var(--border-color);background:var(--bg-tertiary);width:100%;color:var(--text-primary);border-radius:var(--radius-md);resize:vertical;min-height:2.6rem;margin-top:.4rem;padding:.65rem .85rem;font-family:inherit;font-size:.9rem;line-height:1.5;transition:border-color .2s,box-shadow .2s;display:block}textarea::placeholder{color:var(--text-muted)}textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #6366f133}.bridge-templates{flex-direction:column;gap:.75rem;display:flex}.bridge-templates>label{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);margin:0;padding:.75rem .85rem;font-size:.8125rem;font-weight:600;display:block}.bridge-templates>label:hover{border-color:var(--text-secondary)}.bridge-templates>label textarea{margin-top:.5rem;font-weight:400}.bridge-templates>p.muted{border-radius:var(--radius-md);background:#6366f114;margin:0;padding:.6rem .85rem;line-height:1.9}.official-panel>label>input{margin-top:.4rem}.toast-stack{z-index:9999;pointer-events:none;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:1rem;right:1rem}.toast{color:#ecfdf5;border-radius:var(--radius-md);min-width:220px;max-width:min(360px,100vw - 2rem);box-shadow:var(--shadow-lg);background:#064e3bf5;border:1px solid #10b98173;padding:.85rem 1rem;font-weight:600;animation:.18s ease-out toast-in}.toast-error{color:#fee2e2;background:#7f1d1df5;border-color:#ef44448c}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.template-field .template-vars{flex-wrap:wrap;gap:6px;margin:6px 0 8px;display:flex}.template-field .template-var{border-radius:999px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.status-guide{border:1px solid var(--border,#94a3b840);background:#94a3b80f;border-radius:12px;margin:.75rem 0;padding:.75rem}.status-guide summary{cursor:pointer;font-weight:700}.status-guide-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem;margin-top:.75rem;display:grid}.status-guide-item{flex-direction:column;gap:.35rem;display:flex}.delivered-meta{border-top:1px dashed var(--border,#94a3b859);padding-top:.45rem}:root{--bg-primary:#070b14;--bg-secondary:#0d1320;--bg-tertiary:#111a2b;--surface:#111a2bc7;--surface-strong:#172236eb;--border-color:#94a3b829;--border-strong:#94a3b847;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#7f8ea3;--accent-primary:#38bdf8;--accent-hover:#0ea5e9;--accent-secondary:#22c55e;--accent-soft:#38bdf81f;--success:#22c55e;--warning:#f59e0b;--error:#f43f5e;--shadow-sm:0 1px 2px #00000038;--shadow-md:0 10px 30px #00000038;--shadow-lg:0 24px 70px #00000057}body{background:radial-gradient(circle at 0 0,#38bdf829,#0000 34rem),radial-gradient(circle at 80% 10%,#22c55e1f,#0000 30rem),linear-gradient(135deg,#070b14 0%,#0a1020 48%,#070b14 100%)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0f172a73}::-webkit-scrollbar-thumb{background:#94a3b847;border:2px solid #0f172a73;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b86b}.app{background:0 0;grid-template-columns:minmax(380px,430px) minmax(0,1fr)}.sidebar{border-right:1px solid var(--border-color);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0d1320f5,#070b14f5);box-shadow:18px 0 60px #0000003d}.brand{border-bottom-color:var(--border-color);padding:.25rem 0 1rem}.brand h1{letter-spacing:.01em;-webkit-text-fill-color:initial;color:var(--text-primary);background:0 0;font-size:1.05rem}.brand h1:after{content:"Control Center";color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:.2rem;font-size:.7rem;font-weight:600;display:block}.brand-actions button,.panel-header button,button.outline,.nav-button{border:1px solid var(--border-color);color:var(--text-secondary);background:#0f172aa6}.brand-actions button:hover,.panel-header button:hover,button.outline:hover:not(:disabled),.nav-button:hover{color:var(--text-primary);background:#38bdf81f;border-color:#38bdf873;transform:translateY(-1px)}button{background:linear-gradient(135deg,#0284c7,#16a34a);font-weight:700;box-shadow:0 10px 24px #0284c733}button:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#15803d)}.status-bar,.board-controls,.bridge-test,.bridge-templates,.status-guide{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#0f172a94}.status-bar{border-radius:18px;padding:.9rem}.status-bar .label{color:var(--text-muted);font-size:.68rem;font-weight:800}.panel{background:var(--surface);border:1px solid var(--border-color);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px}.panel-header{border-bottom:1px solid var(--border-color);padding-bottom:.65rem}.panel-header h2{letter-spacing:-.01em;font-size:1.05rem;font-weight:800}.top-nav{border:1px solid var(--border-color);background:#0f172aa3;border-radius:18px;padding:.25rem}.top-nav button{color:var(--text-muted);box-shadow:none;background:0 0;border:0;border-radius:14px;font-weight:800}.top-nav button.active{color:#04111f;background:linear-gradient(135deg,#38bdf8f2,#22c55eeb);box-shadow:0 12px 30px #38bdf83d}input,select,textarea{border-color:var(--border-color);color:var(--text-primary);background:#070b14b8;box-shadow:inset 0 1px #ffffff08}input:focus,select:focus,textarea:focus{border-color:#38bdf8cc;box-shadow:0 0 0 4px #38bdf81f}label,.keyword-label{color:var(--text-secondary);font-weight:700}.account-select-row{border:1px solid var(--border-color);background:#0f172a75;border-radius:16px;padding:.45rem}.account-select-row .account-selector{background-color:#0000;border:0}.bridge-grid,.keyword-grid{gap:.9rem}.bridge-grid>label,.keyword-field,.bridge-templates>label,.order-card,.claim-row{border:1px solid var(--border-color);background:#0f172a85;border-radius:16px;padding:.9rem}.bridge-grid>label.check-row{align-items:center}.relay-help.muted,.muted{color:var(--text-muted)}.relay-groups,.chat-list,.order-list,.messages{scrollbar-width:thin;scrollbar-color:#94a3b859 #0f172a59}.relay-groups{background:#070b146b;border-radius:18px;padding:.65rem}.relay-group-row,.check-row{border-radius:14px;padding:.55rem .65rem}.relay-group-row:hover,.check-row:hover{background:#38bdf80f}input[type=checkbox]{accent-color:var(--accent-primary)}.page-content{background:radial-gradient(circle at 25% 5%,#38bdf81a,#0000 24rem),0 0;padding:1.75rem}.page-content>.panel{max-width:1120px}.official-panel{gap:1rem}.official-panel h3{border-left:4px solid var(--accent-primary);background:#38bdf814;border-radius:12px;margin-top:.35rem;padding:.75rem .9rem}.order-card{transition:border-color .18s,transform .18s,box-shadow .18s}.order-card:hover{box-shadow:var(--shadow-md);border-color:#38bdf857;transform:translateY(-1px)}.order-card-header code{color:#bae6fd;background:#38bdf81a}.order-status,.status-badge{letter-spacing:.02em;border:1px solid #ffffff14}.bubble{border-color:var(--border-color);box-shadow:var(--shadow-sm);background:#0f172ac7}.bubble.owned{background:linear-gradient(135deg,#0284c7,#16a34a);box-shadow:0 14px 34px #0284c738}.chat-window header,.send-form{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d1320eb}.chat-list button{background:#0f172a94;border-radius:16px}.chat-list button.active{background:linear-gradient(135deg,#38bdf82e,#22c55e24);border-color:#38bdf880;box-shadow:0 0 0 1px #38bdf838}.toast{box-shadow:var(--shadow-lg);border-radius:16px}@media (width<=1024px){.app{grid-template-columns:minmax(330px,390px) minmax(0,1fr)}.page-content{padding:1rem}}@media (width<=768px){.app{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--border-color)}.bridge-grid,.keyword-grid{grid-template-columns:1fr}}