:root{--accent:#4f46e5;--accent-dark:color-mix(in srgb, var(--accent) 70%, black);--accent-soft:color-mix(in srgb, var(--accent) 18%, var(--surface));--bg:#0d0d11;--surface:#18181d;--text:#f2f2f4;--text-muted:#9a9aa6;--border:#2a2a31;--error:#f87171;--error-bg:#dc262629;--success-bg:#10b98124;--success-text:#6ee7b7;--radius:16px}*{box-sizing:border-box}html,body{overscroll-behavior-y:none;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}button{font-family:inherit}.page{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;padding:24px 16px 48px;display:flex}.header{justify-content:center;align-items:center;gap:10px;padding:16px 0 32px;display:flex}.logo{object-fit:contain;width:36px;height:36px}.wordmark{letter-spacing:.5px;color:var(--text);font-size:24px;font-weight:800}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:28px 24px;box-shadow:0 10px 30px #0000000f}.card h1{color:var(--text);margin:0 0 8px;font-size:22px;font-weight:700}.subtitle{color:var(--text-muted);margin:0 0 24px;font-size:14px;line-height:1.5}.form{flex-direction:column;gap:18px;display:flex}.form label{color:var(--text);flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.form input{border:1.5px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;outline:none;padding:12px 14px;font-size:16px;font-weight:400;transition:border-color .15s,box-shadow .15s}.form input::placeholder{color:#9ca3af}.form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form input:disabled{opacity:.6}.field-hint{color:var(--text-muted);font-size:12px;font-weight:400;line-height:1.4}.form button{cursor:pointer;color:#fff;background:linear-gradient(180deg, var(--accent) 0%, var(--accent-dark) 100%);border:none;border-radius:10px;padding:14px 16px;font-size:16px;font-weight:700;transition:transform 50ms,filter .15s}.form button:hover:not(:disabled){filter:brightness(1.05)}.form button:active:not(:disabled){transform:translateY(1px)}.form button:disabled{opacity:.65;cursor:not-allowed}.error{background:var(--error-bg);color:var(--error);border:1px solid #dc262640;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600;line-height:1.4}.instructions{background:var(--accent-soft);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:14px 16px;font-size:13px;line-height:1.6}.instructions p{margin:0 0 8px}.instructions p:last-child{margin-bottom:0}.footer-note{text-align:center;color:var(--text-muted);margin-top:24px;font-size:12px}.status-pill{text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.status-pill.pending{background:var(--error-bg);color:var(--error)}.status-pill.delivered{background:var(--success-bg);color:var(--success-text)}.chat-page{background:var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.chat-window{background:var(--surface);flex-direction:column;width:100%;height:100dvh;display:flex}@media (min-width:640px){.chat-page{padding:24px}.chat-window{border-radius:var(--radius);border:1px solid var(--border);max-width:560px;height:min(88vh,780px);overflow:hidden;box-shadow:0 20px 60px #0000001f}}.chat-window-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.chat-window-header h1{margin:0;font-size:17px}.chat-window .instructions{margin:12px 16px 0}.message-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:10px;min-height:0;padding:16px;display:flex;overflow-y:auto}.bubble{word-wrap:break-word;white-space:pre-wrap;border-radius:14px;max-width:78%;padding:10px 14px;font-size:14px;line-height:1.5}.bubble-mine{background:var(--accent);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.bubble-theirs{background:var(--bg);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px;align-self:flex-start}.composer{border-top:1px solid var(--border);background:var(--surface);gap:8px;padding:12px 16px;display:flex}.composer input{border:1.5px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px;outline:none;flex:1;padding:10px 14px;font-size:15px}.composer input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.composer button{cursor:pointer;color:#fff;background:linear-gradient(180deg, var(--accent) 0%, var(--accent-dark) 100%);border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:700}.composer button:disabled{opacity:.5;cursor:not-allowed}.admin-shell{background:var(--bg);height:100dvh;display:flex;overflow:hidden}.admin-sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:320px;display:flex}.admin-sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.wordmark-small{font-size:15px;font-weight:800}.link-button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.admin-filters{border-bottom:1px solid var(--border);gap:8px;padding:12px 16px;display:flex}.filter-pill{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.filter-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.admin-order-list{flex:1;min-height:0;overflow-y:auto}.order-list-item{text-align:left;border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;background:0 0;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;display:flex}.order-list-item:hover{background:var(--bg)}.order-list-item.active{background:var(--accent-soft)}.order-list-row{align-items:center;gap:6px;width:100%;display:flex}.order-invoice{font-size:13px;font-weight:700}.order-username{color:var(--text-muted);font-size:12px}.order-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:12px;overflow:hidden}.unread-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:auto}.admin-conversation-pane{flex-direction:column;flex:1;min-width:0;display:flex}.admin-empty-state{color:var(--text-muted);flex:1;justify-content:center;align-items:center;display:flex}.conversation{flex-direction:column;flex:1;min-height:0;display:flex}.conversation-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.conversation-header h2{margin:0;font-size:16px}.back-button{color:var(--text);cursor:pointer;background:0 0;border:none;margin-right:10px;padding:0;font-size:20px;display:none}.status-toggle{cursor:pointer;color:#fff;white-space:nowrap;border:none;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:700}.status-toggle.delivered{background:#059669}.status-toggle.pending{background:linear-gradient(180deg, var(--accent) 0%, var(--accent-dark) 100%)}@media (max-width:768px){.admin-sidebar{width:100%}.admin-shell.has-selection .admin-sidebar,.admin-shell:not(.has-selection) .admin-conversation-pane{display:none}.back-button{display:inline-flex}}