:root{--bg-primary: #09090B;--bg-surface: #18181B;--bg-surface-hover: #27272A;--text-primary: #FAFAFA;--text-secondary: #A1A1AA;--text-muted: #71717A;--border-color: #27272A;--border-light: #3F3F46;--accent-primary: #3B82F6;--accent-primary-hover: #2563EB;--status-success: #10B981;--status-warning: #F59E0B;--status-error: #EF4444;--status-info: #3B82F6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .5)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--bg-primary: #FAFAFA;--bg-surface: #FFFFFF;--bg-surface-hover: #F4F4F5;--text-primary: #171717;--text-secondary: #52525B;--text-muted: #A1A1AA;--border-color: #E5E5E5;--border-light: #D4D4D8;--accent-primary: #2563EB;--accent-primary-hover: #1D4ED8;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1)}}:root[data-theme=light]{--bg-primary: #FAFAFA;--bg-surface: #FFFFFF;--bg-surface-hover: #F4F4F5;--text-primary: #171717;--text-secondary: #52525B;--text-muted: #A1A1AA;--border-color: #E5E5E5;--border-light: #D4D4D8;--accent-primary: #2563EB;--accent-primary-hover: #1D4ED8;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1)}body,html,#root{margin:0;padding:0;width:100%;height:100%;background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.app-container{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden}.content-container{display:flex;flex-direction:column;flex:1;padding:var(--space-4);max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;overflow-y:auto}.card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;background-color:var(--bg-surface-hover);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn:hover:not(:disabled){background-color:var(--border-light)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--accent-primary);color:#fff;border-color:transparent}.btn-primary:hover:not(:disabled){background-color:var(--accent-primary-hover)}.btn-danger{background-color:transparent;color:var(--status-error);border-color:var(--status-error)}.btn-danger:hover:not(:disabled){background-color:#ef44441a}.input{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:.95rem;outline:none;transition:border-color .2s ease}.input:focus{border-color:var(--accent-primary)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--space-4);font-weight:600;color:var(--text-primary)}p{margin-top:0;margin-bottom:var(--space-4);color:var(--text-secondary);line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.dashboard-layout{display:flex;flex-direction:row;height:100vh;width:100vw;overflow:hidden;background-color:var(--bg-primary)}.sidebar{width:260px;background-color:var(--bg-surface);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:var(--space-4);flex-shrink:0}@media (max-width: 768px){.dashboard-layout{flex-direction:column}.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-color)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-6);width:320px;max-width:90vw;box-shadow:var(--shadow-lg)}.threads-pane{width:320px;background-color:var(--bg-surface);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0}.messages-pane{flex:1;background-color:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden}.thread-item{padding:var(--space-4);border-bottom:1px solid var(--border-color);background-color:transparent;cursor:pointer;transition:background-color .2s ease}.thread-item:hover,.thread-item.active{background-color:var(--bg-surface-hover)}@media (max-width: 768px){.dashboard-layout{flex-direction:column}.sidebar,.threads-pane,.messages-pane{display:none!important;width:100%!important;height:100vh;border-right:none!important;border-bottom:none!important;flex:1}.dashboard-layout.mobile-view-sidebar .sidebar,.dashboard-layout.mobile-view-threads .threads-pane,.dashboard-layout.mobile-view-messages .messages-pane{display:flex!important}.mobile-only-btn{display:inline-flex!important}}.mobile-only-btn{display:none}.device-details-card{background-color:var(--bg-surface);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-color);min-width:150px}.device-details-label{font-size:.8rem;color:var(--text-muted);margin-bottom:var(--space-1)}.device-details-value{font-size:1.1rem;color:var(--text-primary)}.message-bubble-container{display:flex;flex-direction:column;position:relative}.message-bubble-container.incoming{align-items:flex-start}.message-bubble-container.outgoing{align-items:flex-end}.message-bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-primary);line-height:1.5;max-width:80%;border:1px solid transparent;box-shadow:var(--shadow-sm)}.message-bubble.incoming{background-color:var(--bg-surface-hover);border-bottom-left-radius:2px}.message-bubble.outgoing{background-color:var(--accent-primary);color:#fff;border-bottom-right-radius:2px}.message-bubble.selected{background-color:var(--border-light);border-color:var(--accent-primary)}.otp-box{margin-top:var(--space-3);display:flex;align-items:center;gap:var(--space-2);background-color:var(--bg-surface);padding:var(--space-2);border-radius:var(--radius-sm)}.otp-text{color:var(--status-success);font-weight:700;font-family:monospace;font-size:1.1rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}