:root{--bg-primary:#101010;--bg-secondary:#101010;--bg-tertiary:#1a1a1a;--bg-chat:#101010;--bg-hover:#1a1a1a;--bg-active:#1a1a1a;--bubble-outgoing:#00d99214;--bubble-outgoing-hover:#00d9921f;--bubble-outgoing-border:#00d99226;--bubble-incoming:#1a1a1a;--bubble-incoming-hover:#222;--text-primary:#f2f2f2;--text-secondary:#bdbdbd;--text-tertiary:#8b949e;--text-accent:#00d992;--text-link:#2fd6a1;--accent-green:#00d992;--accent-green-hover:#10b981;--accent-green-soft:#2fd6a1;--accent-blue:#539df5;--accent-red:#f3727f;--accent-orange:#ffa42b;--account-1:#00d992;--account-2:#3b82f6;--account-3:#ffa42b;--account-4:#ec4899;--account-5:#8b5cf6;--account-6:#14b8a6;--border-primary:#3d3a39;--border-light:#3d3a39;--border-separator:#3d3a39;--border-dashed:#4f5d7566;--glow-subtle:0 0 15px #5c585533;--glow-green:0 0 20px #00d99226;--shadow-modal:0 20px 60px #000000b3, 0 0 0 1px #94a3b81a inset;--sidebar-width:220px;--chatlist-width:360px;--header-height:56px;--font-sans:Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-pill:9999px;--radius-full:50%;--space-xxs:2px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--z-sidebar:100;--z-header:90;--z-modal:1000;--z-overlay:999;--z-tooltip:1100}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"calt" 1, "rlig" 1;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);width:100vw;height:100vh;line-height:1.5;overflow:hidden}#root{width:100vw;height:100vh;display:flex}a{color:var(--text-link);text-decoration:none}button{font-family:var(--font-sans);cursor:pointer;color:var(--text-primary);background:0 0;border:none;outline:none}input,textarea,select{font-family:var(--font-sans);color:var(--text-primary);background:0 0;border:none;outline:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:#555}.app-layout{width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-primary);border-right:1px solid var(--border-primary);height:100vh;z-index:var(--z-sidebar);flex-direction:column;display:flex;overflow:hidden}.sidebar-brand{padding:var(--space-xl) var(--space-lg);align-items:center;gap:var(--space-md);border-bottom:1px solid var(--border-primary);display:flex}.sidebar-logo{width:36px;height:36px;color:var(--bg-primary);background:var(--accent-green);border-radius:var(--radius-sm);transition:all var(--transition-normal);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo:hover{box-shadow:var(--glow-green);transform:scale(1.05)}.sidebar-section{padding:var(--space-lg) var(--space-md) var(--space-sm)}.sidebar-section-label{align-items:center;gap:var(--space-sm);color:var(--text-tertiary);letter-spacing:2.52px;text-transform:uppercase;padding:0 var(--space-sm) var(--space-sm);font-size:11px;font-weight:600;font-family:var(--font-sans);display:flex}.sidebar-count{color:var(--accent-green);border-radius:var(--radius-pill);letter-spacing:0;background:#00d9921a;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.4}.sidebar-nav-item{align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);text-align:left;border:1px solid #0000;font-size:14px;font-weight:500;display:flex;position:relative}.sidebar-nav-item:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-primary)}.sidebar-nav-item.active{color:var(--accent-green);background:#00d9920f;border-color:#00d99233}.sidebar-nav-item.active:before{content:"";background:var(--accent-green);border-radius:0 var(--radius-xs) var(--radius-xs) 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.sidebar-nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sidebar-status-indicator{opacity:.5;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-status-indicator.connected{color:var(--accent-green);opacity:1}.sidebar-status-indicator.connecting{color:var(--accent-orange);opacity:1;animation:1.5s infinite pulse}.sidebar-status-indicator.disconnected{color:var(--text-tertiary)}.sidebar-status-indicator.empty{display:none}.sidebar-account-img{border-radius:var(--radius-full);object-fit:cover;width:32px;height:32px}.sidebar-nav-item.active .sidebar-account-img{box-shadow:0 0 0 2px var(--accent-green)}.sidebar-account-placeholder{border-radius:var(--radius-full);border-width:1px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.sidebar-rule{margin:0 var(--space-md);border:none;border-top:1px dashed var(--border-dashed);height:0}.sidebar-accounts{gap:var(--space-xxs);width:100%;min-height:0;padding:var(--space-xxs) 0;scrollbar-width:thin;flex-direction:column;flex:auto;display:flex;overflow:hidden auto}.sidebar-accounts::-webkit-scrollbar{width:4px}.sidebar-accounts::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-pill)}.sidebar-accounts::-webkit-scrollbar-track{background:0 0}.sidebar-bottom{padding:var(--space-sm) var(--space-md) var(--space-lg);border-top:1px solid var(--border-primary);margin-top:auto}.chatlist-panel{width:var(--chatlist-width);min-width:var(--chatlist-width);background:var(--bg-primary);border-right:1px solid var(--border-primary);flex-direction:column;height:100vh;display:flex;overflow:hidden}.chatlist-header{height:var(--header-height);min-height:var(--header-height);padding:0 var(--space-lg);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;display:flex}.chatlist-header h2{color:var(--text-primary);letter-spacing:-.3px;font-size:18px;font-weight:600}.chatlist-search{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-primary)}.search-input-wrapper{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:0 var(--space-lg);align-items:center;gap:var(--space-sm);height:38px;transition:all var(--transition-fast);display:flex}.search-input-wrapper:focus-within{border-color:var(--accent-green);box-shadow:0 0 0 1px #00d99233}.search-input-wrapper svg{color:var(--text-tertiary);flex-shrink:0}.search-input-wrapper input{height:100%;color:var(--text-primary);flex:1;font-size:14px}.search-input-wrapper input::placeholder{color:var(--text-tertiary)}.chatlist-items{flex:1;overflow:hidden auto}.sync-indicator{border-bottom:1px solid var(--border-primary);padding:0;overflow:hidden}.sync-progress-bar{background:linear-gradient(90deg, var(--accent-green), var(--accent-blue), var(--accent-green));background-size:200% 100%;height:2px;animation:1.5s linear infinite syncSlide}.sync-text{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);color:var(--accent-green);background:#00d9920a;font-size:12px;display:flex}.sync-icon{flex-shrink:0;animation:1.2s linear infinite spin}@keyframes syncSlide{0%{background-position:200% 0}to{background-position:-200% 0}}.chat-item{padding:var(--space-md) var(--space-lg);cursor:pointer;transition:all var(--transition-fast);border-bottom:1px solid var(--border-primary);border-left:3px solid #0000;align-items:center;gap:14px;display:flex;position:relative}.chat-item:hover{background:var(--bg-hover)}.chat-item.active{background:var(--bg-active);border-left-color:var(--accent-green)}.chat-item-avatar{flex-shrink:0;position:relative}.chat-item-avatar img,.chat-item-avatar .avatar-placeholder{border-radius:var(--radius-full);object-fit:cover;width:48px;height:48px}.avatar-placeholder{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-tertiary);justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex}.chat-item-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.chat-item-top{justify-content:space-between;align-items:center;display:flex}.chat-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;max-width:200px;font-size:15px;font-weight:600;overflow:hidden}.chat-item-time{color:var(--text-tertiary);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}.chat-item-bottom{justify-content:space-between;align-items:center;display:flex}.chat-item-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:240px;font-size:14px;overflow:hidden}.chat-item-badge{border-radius:var(--radius-pill);background:var(--accent-green);min-width:20px;height:20px;color:var(--bg-primary);flex-shrink:0;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:600;display:flex}.account-badges{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.account-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.account-badge-pill{border-radius:var(--radius-pill);white-space:nowrap;border:1px solid;align-items:center;gap:4px;padding:1px 6px;font-size:10px;font-weight:500;line-height:1.4;display:inline-flex}.chat-window{background:var(--bg-primary);flex-direction:column;flex:1;height:100vh;display:flex;position:relative}.chat-window-empty{justify-content:center;align-items:center;gap:var(--space-lg);color:var(--text-tertiary);flex-direction:column;flex:1;display:flex}.chat-window-empty .icon{opacity:.15;font-size:64px}.chat-window-empty h3{color:var(--text-primary);letter-spacing:-.3px;font-size:20px;font-weight:600}.chat-window-empty p{color:var(--text-tertiary);font-size:14px}.chat-header{height:var(--header-height);min-height:var(--header-height);padding:0 var(--space-lg);align-items:center;gap:var(--space-md);background:var(--bg-primary);border-bottom:1px solid var(--border-primary);z-index:var(--z-header);display:flex}.chat-header-info{flex:1;min-width:0}.chat-header-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;font-size:15px;font-weight:600;overflow:hidden}.chat-header-status{color:var(--text-tertiary);font-size:12px}.messages-container{padding:var(--space-xl) 48px;background:var(--bg-primary);flex-direction:column;flex:1;gap:6px;display:flex;position:relative;overflow-y:auto}.message-row{margin-bottom:var(--space-xxs);display:flex}.message-row.outgoing{justify-content:flex-end}.message-row.incoming{justify-content:flex-start}.message-bubble{min-width:80px;max-width:65%;padding:var(--space-sm) var(--space-md) 6px var(--space-md);border-radius:var(--radius-md);word-wrap:break-word;animation:messageSlideIn var(--transition-normal) ease-out;position:relative}.message-row.outgoing .message-bubble{background:var(--bubble-outgoing);border:1px solid var(--bubble-outgoing-border);border-top-right-radius:3px}.message-row.incoming .message-bubble{background:var(--bubble-incoming);border:1px solid var(--border-primary);border-top-left-radius:3px}.message-account-tag{margin-bottom:var(--space-xxs);padding-bottom:var(--space-xxs);align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.message-text{color:var(--text-primary);white-space:pre-wrap;font-size:14px;line-height:1.5}.mention-tag{color:var(--accent-blue);cursor:default;font-weight:500}.message-media{border-radius:var(--radius-sm);max-width:330px;margin-bottom:var(--space-xs);overflow:hidden}.message-media img{border-radius:var(--radius-sm);width:100%;display:block}.media-image-wrapper{cursor:pointer;border-radius:var(--radius-sm);min-height:60px;position:relative;overflow:hidden}.media-image-wrapper img{object-fit:cover;border-radius:var(--radius-sm);width:100%;max-height:400px;display:block}.media-video-wrapper{border-radius:var(--radius-sm);min-height:60px;position:relative;overflow:hidden}.media-video-wrapper video{border-radius:var(--radius-sm);background:#000;width:100%;max-height:400px;display:block}.media-audio-wrapper{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:#00000026;align-items:center;gap:10px;min-width:240px;display:flex}.media-audio-wrapper .audio-icon{border-radius:var(--radius-full);background:var(--accent-green);width:36px;height:36px;color:var(--bg-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.media-audio-wrapper audio{flex:1;min-width:0;height:32px}.media-audio-wrapper audio::-webkit-media-controls-panel{background:0 0}.media-error-inline{color:var(--text-tertiary);opacity:.7;font-size:12px}.media-document-link{padding:var(--space-md) 14px;border-radius:var(--radius-sm);color:inherit;transition:background var(--transition-fast);background:#00000026;align-items:center;gap:10px;min-width:200px;text-decoration:none;display:flex}.media-document-link:hover{background:#00000040}.media-document-link .document-info{flex-direction:column;flex:1;min-width:0;display:flex}.media-document-link .document-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);font-size:13px;font-weight:500;overflow:hidden}.media-document-link .document-action{color:var(--text-tertiary);font-size:11px}.media-document-link .document-download-icon{color:var(--accent-green);flex-shrink:0}.media-sticker-wrapper{min-height:40px;position:relative}.media-sticker-wrapper .sticker-image{object-fit:contain;width:160px;height:160px}.media-caption{color:var(--text-primary);padding:6px 4px 2px;font-size:13px;line-height:1.4}.media-loading-state{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-2xl) var(--space-lg);color:var(--text-tertiary);opacity:.6;border-radius:var(--radius-sm);z-index:1;background:#0003;font-size:12px;display:flex;position:absolute;inset:0}.media-lightbox{z-index:9999;cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.media-lightbox img{object-fit:contain;border-radius:var(--radius-xs);max-width:90vw;max-height:90vh}.lightbox-close{top:var(--space-lg);right:var(--space-lg);border:1px solid var(--border-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);z-index:10000;background:#ffffff0f;justify-content:center;align-items:center;display:flex;position:absolute}.lightbox-close:hover{border-color:var(--accent-green);background:#ffffff1f}.message-media-placeholder{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);align-items:center;gap:var(--space-sm);color:var(--text-tertiary);background:#00000026;font-size:13px;display:flex}.message-footer{justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;display:flex}.message-time{color:#fff6;font-variant-numeric:tabular-nums;font-size:11px;font-family:var(--font-mono)}.message-status{color:#fff6;font-size:13px}.message-status.read{color:var(--accent-blue)}.date-separator{margin:var(--space-md) 0;justify-content:center;display:flex}.date-separator span{background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-tertiary);padding:var(--space-xs) 14px;border-radius:var(--radius-pill);font-size:11px;font-weight:500;font-family:var(--font-mono)}.message-input-container{padding:var(--space-sm) var(--space-lg);background:var(--bg-primary);border-top:1px solid var(--border-primary);align-items:flex-end;gap:var(--space-sm);display:flex}.message-input-wrapper{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-lg);align-items:flex-end;gap:var(--space-sm);min-height:42px;transition:all var(--transition-fast);flex:1;display:flex}.message-input-wrapper:focus-within{border-color:var(--accent-green);box-shadow:0 0 0 1px #00d99226}.message-input-wrapper textarea{resize:none;color:var(--text-primary);min-height:20px;max-height:120px;font-size:14px;line-height:1.5;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.message-input-wrapper textarea::placeholder{color:var(--text-tertiary)}.input-action-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-tertiary);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.input-action-btn:hover{color:var(--text-primary);background:var(--bg-hover);border:1px solid var(--border-primary)}.send-btn{border-radius:var(--radius-sm);background:var(--accent-green);width:42px;height:42px;color:var(--bg-primary);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.send-btn:hover{background:var(--accent-green-hover);box-shadow:var(--glow-green)}.send-btn:active{transform:scale(.95)}.account-selector{padding:var(--space-xs) 10px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-tertiary);transition:all var(--transition-fast);align-items:center;gap:6px;font-size:12px;display:flex}.account-selector:hover{border-color:var(--accent-green)}.account-selector select{color:var(--text-primary);font-size:12px;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;outline:none}.account-selector select option{background:var(--bg-tertiary);color:var(--text-primary)}.file-preview{padding:var(--space-sm) var(--space-lg);background:var(--bg-tertiary);border-top:1px solid var(--border-primary);align-items:center;gap:var(--space-md);display:flex}.file-preview-info{color:var(--text-secondary);flex:1;font-size:13px}.file-preview-remove{color:var(--accent-red);cursor:pointer;font-size:18px}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.login-bg-grid{opacity:.5;background-image:linear-gradient(#3d3a3940 1px,#0000 1px),linear-gradient(90deg,#3d3a3940 1px,#0000 1px);background-size:60px 60px;width:200%;height:200%;animation:20s linear infinite gridDrift;position:absolute;inset:-50%}.login-bg-glow{border-radius:var(--radius-full);pointer-events:none;background:radial-gradient(circle,#00d99214 0%,#0000 70%);width:500px;height:500px;animation:4s ease-in-out infinite glowPulse;position:absolute}@keyframes gridDrift{0%{transform:translate(0)}to{transform:translate(30px,30px)}}@keyframes glowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.login-container{z-index:1;align-items:center;gap:var(--space-3xl);flex-direction:column;animation:.6s ease-out cardSlideUp;display:flex;position:relative}.login-brand{text-align:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.login-logo{background:var(--accent-green);width:56px;height:56px;color:var(--bg-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;animation:3s ease-in-out infinite logoPulse;display:flex;box-shadow:0 0 40px #00d99240,0 0 80px #00d9921a}@keyframes logoPulse{0%,to{box-shadow:0 0 40px #00d99240,0 0 80px #00d9921a}50%{box-shadow:0 0 50px #00d99259,0 0 100px #00d99226}}.login-brand h1{color:#fff;letter-spacing:-.8px;font-size:28px;font-weight:700}.login-tagline{color:var(--text-tertiary);letter-spacing:.3px;font-size:14px}.login-card{width:400px;padding:var(--space-3xl);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);position:relative}.login-card:before{content:"";top:0;left:var(--space-2xl);right:var(--space-2xl);background:linear-gradient(90deg, transparent, var(--accent-green), transparent);height:1px;position:absolute}.login-card-header{margin-bottom:var(--space-2xl)}.login-card-header h2{color:var(--text-primary);margin-bottom:var(--space-xs);letter-spacing:-.3px;font-size:20px;font-weight:600}.login-card-header p{color:var(--text-tertiary);font-size:14px;line-height:1.5}.login-error{align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);padding:var(--space-md) var(--space-lg);color:var(--accent-red);margin-bottom:var(--space-lg);background:#f3727f0f;border:1px solid #f3727f33;font-size:13px;display:flex}.login-error svg{flex-shrink:0}.login-field{margin-bottom:var(--space-xl)}.login-field label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:var(--space-sm);font-size:12px;font-weight:600;display:block}.login-input-wrap{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);height:46px;padding:0 var(--space-lg);transition:all var(--transition-fast);align-items:center;gap:var(--space-sm);display:flex}.login-input-wrap:focus-within{border-color:var(--accent-green);box-shadow:0 0 0 1px #00d99226,0 0 20px #00d9920d}.login-input-wrap input{height:100%;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.login-input-wrap input::placeholder{color:var(--text-tertiary)}.login-eye-btn{color:var(--text-tertiary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-xs);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.login-eye-btn:hover{color:var(--text-primary)}.login-submit{background:var(--accent-green);width:100%;height:46px;color:var(--bg-primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:var(--space-sm);transition:all var(--transition-fast);cursor:pointer;margin-top:var(--space-2xl);border:none;font-size:16px;font-weight:600;display:flex}.login-submit:hover{background:var(--accent-green-hover);box-shadow:var(--glow-green)}.login-submit:hover svg{transform:translate(3px)}.login-submit svg{transition:transform var(--transition-fast)}.login-submit:active{transform:scale(.98)}.login-submit:disabled{opacity:.5;cursor:not-allowed}.login-footer-note{justify-content:center;align-items:center;gap:var(--space-xs);margin-top:var(--space-xl);color:var(--text-tertiary);opacity:.6;font-size:11px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-overlay);animation:fadeIn var(--transition-fast);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-3xl);width:90%;max-width:440px;box-shadow:var(--shadow-modal);animation:cardSlideUp var(--transition-normal);z-index:var(--z-modal);position:relative}.modal h2{margin-bottom:var(--space-sm);letter-spacing:-.3px;font-size:20px;font-weight:600}.modal p{color:var(--text-secondary);margin-bottom:var(--space-2xl);font-size:14px;line-height:1.5}.modal-close{top:var(--space-lg);right:var(--space-lg);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-tertiary);transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;display:flex;position:absolute}.modal-close:hover{background:var(--bg-hover);border-color:var(--border-primary);color:var(--text-primary)}.qr-container{padding:var(--space-2xl);border-radius:var(--radius-md);margin-bottom:var(--space-xl);background:#fff;justify-content:center;display:flex}.qr-container img{width:256px;height:256px}.qr-loading{width:256px;height:256px;color:var(--text-tertiary);justify-content:center;align-items:center;font-size:14px;display:flex}.acm{padding:var(--space-3xl) var(--space-3xl) var(--space-2xl);flex:1;max-width:900px;overflow-y:auto}.acm-hero{gap:var(--space-xl);margin-bottom:var(--space-3xl);padding-bottom:var(--space-2xl);border-bottom:1px dashed var(--border-dashed);flex-direction:column;display:flex}.acm-hero-icon{background:var(--accent-green);width:48px;height:48px;color:var(--bg-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex;box-shadow:0 0 30px #00d99233}.acm-hero-text h1{color:#fff;letter-spacing:-.6px;margin-bottom:var(--space-xs);font-size:24px;font-weight:700}.acm-hero-text p{color:var(--text-tertiary);font-size:14px;line-height:1.5}.acm-hero-stats{align-items:center;gap:var(--space-2xl);padding:var(--space-lg) var(--space-xl);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);display:flex}.acm-stat{align-items:center;gap:var(--space-xxs);flex-direction:column;display:flex}.acm-stat-number{color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:28px;font-weight:700;line-height:1}.acm-stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:600}.acm-stat-divider{background:var(--border-primary);width:1px;height:36px}.acm-section{margin-bottom:var(--space-3xl)}.acm-section-label{align-items:center;gap:var(--space-sm);color:var(--text-tertiary);letter-spacing:2.52px;text-transform:uppercase;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-primary);font-size:11px;font-weight:600;display:flex}.acm-section-count{color:var(--accent-green);border-radius:var(--radius-pill);letter-spacing:0;background:#00d9921a;margin-left:auto;padding:1px 7px;font-size:10px;font-weight:700}.acm-connected-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.acm-device{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--transition-normal);gap:var(--space-lg);flex-direction:column;display:flex;position:relative}.acm-device:before{content:"";top:0;left:var(--space-lg);right:var(--space-lg);background:linear-gradient(90deg, transparent, var(--device-color,var(--accent-green)), transparent);height:1px;position:absolute}.acm-device:hover{box-shadow:var(--glow-subtle);border-color:#555}.acm-device-status{align-items:center;gap:var(--space-sm);color:var(--accent-green);text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:600;display:flex}.acm-device-live{border-radius:var(--radius-full);background:var(--accent-green);width:6px;height:6px;box-shadow:0 0 8px var(--accent-green);animation:2s infinite pulse}.acm-device-main{align-items:center;gap:var(--space-md);display:flex}.acm-device-avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:44px;height:44px}.acm-device-avatar-placeholder{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:flex}.acm-device-info{flex:1;min-width:0}.acm-device-name-row{align-items:center;gap:var(--space-xs);display:flex}.acm-device-name-row h3{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;font-size:15px;font-weight:600;overflow:hidden}.acm-device-phone{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:13px;font-family:var(--font-mono)}.acm-device-footer{padding-top:var(--space-md);border-top:1px solid var(--border-primary);justify-content:space-between;align-items:center;display:flex}.acm-device-slot{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:600}.acm-btn-disconnect{color:var(--text-tertiary);padding:var(--space-xs) var(--space-md);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-size:12px;font-weight:600}.acm-btn-disconnect:hover{color:var(--accent-red);border-color:var(--accent-red);background:#f3727f0f}.acm-slots-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.acm-slot{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;color:var(--text-primary);display:flex}.acm-slot:hover{border-color:var(--accent-green);background:#00d99208}.acm-slot:hover .acm-slot-qr-icon{color:var(--accent-green);opacity:1}.acm-slot.connecting{border-color:var(--accent-orange);background:#ffa42b08}.acm-slot:disabled{cursor:default}.acm-slot-icon{border-radius:var(--radius-full);border:1.5px dashed;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.acm-slot-text{flex-direction:column;flex:1;min-width:0;display:flex}.acm-slot-label{color:var(--text-primary);font-size:13px;font-weight:600}.acm-slot-action{color:var(--text-tertiary);font-size:11px}.acm-slot-qr-icon{color:var(--text-tertiary);opacity:.3;transition:all var(--transition-fast);flex-shrink:0}.acm-spin{animation:1s linear infinite spin}.acm-modal{max-width:420px}.acm-qr-content{gap:var(--space-xl);flex-direction:column;display:flex}.acm-qr-header{align-items:flex-start;gap:var(--space-md);color:var(--accent-green);display:flex}.acm-qr-header h2{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:18px;font-weight:600}.acm-qr-header p{color:var(--text-tertiary);margin:0;font-size:13px}.acm-qr-footer{justify-content:center;align-items:center;gap:var(--space-sm);color:var(--text-tertiary);padding:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:13px;display:flex}.acm-device .label-edit-row{align-items:center;gap:var(--space-xs);width:100%;display:flex}.acm-device .label-edit-input{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);padding:3px var(--space-sm);min-width:0;font-size:13px;font-weight:600;font-family:var(--font-sans);transition:border-color var(--transition-fast);outline:none;flex:1}.acm-device .label-edit-input:focus{border-color:var(--accent-green)}.acm-device .label-edit-btn{cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-xs);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.acm-device .label-edit-btn.save{color:var(--accent-green)}.acm-device .label-edit-btn.save:hover{background:#00d9921a}.acm-device .label-edit-btn.cancel{color:var(--text-tertiary)}.acm-device .label-edit-btn.cancel:hover{color:var(--accent-red);background:#f3727f1a}.acm-device .label-edit-trigger{cursor:pointer;color:var(--text-tertiary);padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-xs);opacity:0;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;display:flex}.acm-device:hover .label-edit-trigger{opacity:.7}.acm-device .label-edit-trigger:hover{color:var(--accent-green);opacity:1!important}.empty-state{justify-content:center;align-items:center;gap:var(--space-md);height:100%;color:var(--text-tertiary);padding:var(--space-2xl);text-align:center;flex-direction:column;display:flex}.empty-state .icon{opacity:.15;margin-bottom:var(--space-sm);font-size:48px}.spinner{border:2px solid var(--border-primary);border-top-color:var(--accent-green);border-radius:var(--radius-full);width:24px;height:24px;animation:.8s linear infinite spin}.loading-screen{background:var(--bg-primary);justify-content:center;align-items:center;gap:var(--space-lg);flex-direction:column;width:100vw;height:100vh;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.connection-success{padding:var(--space-2xl) 0;animation:fadeIn var(--transition-normal);flex-direction:column;justify-content:center;align-items:center;display:flex}.success-icon-wrapper{width:80px;height:80px}.success-checkmark{border-radius:var(--radius-full);width:80px;height:80px}.success-circle{stroke-dasharray:166;stroke-dashoffset:166px;stroke-width:2px;stroke-miterlimit:10;stroke:var(--accent-green);animation:.6s cubic-bezier(.65,0,.45,1) forwards successCircle}.success-check{stroke-dasharray:48;stroke-dashoffset:48px;stroke:var(--accent-green);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;animation:.3s cubic-bezier(.65,0,.45,1) .4s forwards successCheck}@keyframes successCircle{to{stroke-dashoffset:0}}@keyframes successCheck{to{stroke-dashoffset:0}}