.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:340px;min-width:280px;border-right:1px solid #2a3942;display:flex;flex-direction:column;background:#111b21}.sidebar-header{padding:16px;border-bottom:1px solid #2a3942;background:#202c33}.sidebar-header h1{font-size:18px;font-weight:600;color:#e9edef;margin:0}.sidebar-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.btn-logout{background:transparent;color:#8696a0;border:1px solid #2a3942;padding:4px 10px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .15s}.btn-logout:hover{background:#2a3942;color:#e9edef}.instances-bar{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.instance-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;background:#2a3942;border-radius:10px;font-size:11px;color:#8696a0;cursor:default}.instance-chip .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot-open{background:#25d366;box-shadow:0 0 4px #25d36699}.dot-close{background:#ef4444}.dot-other{background:#f59e0b}.instance-name{font-family:ui-monospace,monospace}.avatar-img{object-fit:cover}.conv-badges{display:flex;align-items:center;gap:6px;flex-shrink:0}.unread-badge{background:#25d366;color:#111b21;font-size:11px;font-weight:700;padding:1px 7px;border-radius:10px;min-width:20px;text-align:center}.header-actions{display:flex;gap:6px;align-items:center}.btn-icon{background:transparent;border:1px solid #2a3942;color:#8696a0;padding:4px 8px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .15s}.btn-icon:hover{background:#2a3942;color:#e9edef}.instances-bar{cursor:pointer}.search-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;background:#111b21;border:1px solid #2a3942;color:#8696a0;padding:7px 10px;border-radius:6px;font-size:13px;cursor:pointer;margin-bottom:12px}.search-trigger:hover{border-color:#3a4a52;color:#e9edef}.search-box{display:flex;gap:4px;margin-bottom:12px}.search-input{flex:1;background:#111b21;border:1px solid #00a884;color:#e9edef;padding:7px 10px;border-radius:6px;font-size:13px;outline:none}.search-close{background:transparent;border:1px solid #2a3942;color:#8696a0;padding:0 10px;border-radius:6px;cursor:pointer;font-size:16px}.search-close:hover{color:#e9edef}.kbd{background:#2a3942;color:#8696a0;padding:1px 6px;border-radius:4px;font-family:ui-monospace,monospace;font-size:11px;border:1px solid #3a4a52}.empty-hint{margin-top:16px;font-size:12px;color:#6b7c85;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center}.presence-text{color:#25d366;font-style:italic;font-weight:500}.bubble{position:relative}.bubble-actions{position:absolute;top:-10px;display:none;gap:2px;background:#2a3942;border-radius:12px;padding:2px;box-shadow:0 2px 6px #0000004d;z-index:2}.bubble.inbound .bubble-actions{left:8px}.bubble.outbound .bubble-actions{right:8px}.bubble:hover .bubble-actions{display:flex}.bubble-action{background:transparent;border:none;color:#e9edef;cursor:pointer;padding:4px 8px;font-size:12px;border-radius:10px}.bubble-action:hover{background:#3a4a52}.bubble.deleted .bubble-body{background:#ffffff0a;border:1px dashed rgba(255,255,255,.1)}.bubble-deleted{color:#8696a0;font-size:13px}.quoted-preview{padding:6px 10px;border-left:3px solid rgba(37,211,102,.6);background:#ffffff0d;border-radius:4px;font-size:12px;color:#b8c4cb;margin-bottom:6px;white-space:pre-wrap;word-break:break-word}.reply-banner{display:flex;align-items:center;padding:8px 16px;background:#1e2a30;border-top:1px solid #2a3942;gap:12px}.reply-banner-content{flex:1;min-width:0;border-left:3px solid #25d366;padding:4px 10px}.reply-banner-label{display:block;font-size:11px;color:#25d366;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:2px}.reply-banner-preview{display:block;font-size:13px;color:#8696a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-banner-close{background:transparent;border:none;color:#8696a0;font-size:22px;cursor:pointer;padding:0 6px;flex-shrink:0}.reply-banner-close:hover{color:#e9edef}.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;padding:20px}.modal{background:#202c33;border-radius:12px;max-width:520px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #2a3942}.modal-header h2{font-size:16px;color:#e9edef;margin:0;font-weight:600}.modal-close{background:transparent;border:none;color:#8696a0;font-size:28px;line-height:1;cursor:pointer;padding:0 4px}.modal-close:hover{color:#e9edef}.modal-body{padding:16px 20px;overflow-y:auto}.modal-loading{color:#8696a0;text-align:center;padding:20px}.btn-back{background:transparent;border:none;color:#8696a0;font-size:13px;cursor:pointer;padding:4px 0;margin-bottom:12px}.btn-back:hover{color:#e9edef}.instance-table{list-style:none;padding:0;margin:0}.instance-row{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:8px;cursor:pointer;transition:background .15s}.instance-row:hover{background:#2a3942}.instance-row-name{flex:1;font-family:ui-monospace,monospace;font-size:13px;color:#e9edef}.instance-row-status{font-size:11px;color:#8696a0;text-transform:lowercase}.instance-row-arrow{color:#6b7c85}.instance-detail-head{display:flex;gap:14px;align-items:center;margin-bottom:16px}.instance-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#00a884;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:20px}.instance-detail-name{font-size:16px;color:#e9edef;font-weight:600}.instance-detail-sub{font-size:12px;color:#8696a0;font-family:ui-monospace,monospace;margin:2px 0}.instance-detail-status{font-size:12px;color:#8696a0;display:flex;align-items:center;gap:6px}.instance-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:16px 0;padding:12px;background:#1a262d;border-radius:8px}.instance-meta div{display:flex;flex-direction:column;gap:2px}.instance-meta dt{font-size:11px;color:#8696a0;text-transform:uppercase;letter-spacing:.5px}.instance-meta dd{font-size:13px;color:#e9edef;margin:0}.instance-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.instance-actions button{background:#2a3942;color:#e9edef;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:13px;transition:background .15s}.instance-actions button:hover:not(:disabled){background:#3a4a52}.instance-actions button:disabled{opacity:.5;cursor:not-allowed}.instance-actions .btn-danger{background:#ef444426;color:#f87171}.instance-actions .btn-danger:hover:not(:disabled){background:#ef44444d}.instance-msg{color:#25d366;font-size:13px;margin:4px 0}.qr-box{margin-top:16px;padding:16px;background:#fff;border-radius:8px;text-align:center}.qr-img{max-width:100%;height:auto;display:block;margin:0 auto}.qr-hint{font-size:12px;color:#333;margin-top:10px;line-height:1.4}.qr-pairing{font-size:11px;color:#555;margin-top:6px;word-break:break-all}.qr-pairing code{background:#eee;padding:1px 5px;border-radius:3px;font-family:ui-monospace,monospace}.modal-large{max-width:640px}.form-label{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-label>span{font-size:12px;color:#8696a0;text-transform:uppercase;letter-spacing:.5px}.form-input{background:#2a3942;border:1px solid #3a4a52;color:#e9edef;padding:9px 12px;border-radius:6px;font-size:14px;outline:none;font-family:inherit}.form-input:focus{border-color:#00a884}textarea.form-input{resize:vertical;min-height:60px}.form-hint{font-size:11px;color:#6b7c85;margin-top:2px}.btn-primary{background:#00a884;color:#fff;border:none;padding:9px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.btn-primary:hover:not(:disabled){background:#00bf95}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:#8696a0;border:1px solid #3a4a52;padding:9px 16px;border-radius:6px;font-size:13px;cursor:pointer}.btn-secondary:hover{background:#2a3942;color:#e9edef}.snippet-menu{position:absolute;bottom:80px;left:16px;right:16px;max-height:260px;overflow-y:auto;background:#2a3942;border:1px solid #3a4a52;border-radius:8px;box-shadow:0 4px 16px #0006;z-index:5}.snippet-menu-item{display:flex;gap:10px;align-items:center;padding:8px 12px;cursor:pointer;border-bottom:1px solid #1a262d}.snippet-menu-item:hover{background:#3a4a52}.snippet-menu-item:last-child{border-bottom:none}.snippet-menu-name{font-family:ui-monospace,monospace;font-size:12px;color:#25d366;flex-shrink:0;min-width:80px}.snippet-menu-preview{font-size:13px;color:#b8c4cb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.snippet-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.snippet-item{display:flex;gap:8px;align-items:center;padding:10px;background:#1a262d;border-radius:8px}.snippet-name{font-family:ui-monospace,monospace;font-size:12px;color:#25d366}.snippet-preview{font-size:13px;color:#b8c4cb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-mic{background:transparent;border:none;color:#8696a0;font-size:22px;cursor:pointer;padding:8px;height:44px;display:flex;align-items:center;transition:color .15s}.btn-mic:hover:not(:disabled){color:#25d366}.btn-mic:disabled{opacity:.4;cursor:not-allowed}.audio-recording{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#2a3942;border-radius:8px;height:44px}.rec-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.rec-time{font-family:ui-monospace,monospace;color:#e9edef;font-size:14px;min-width:50px}.btn-cancel-rec,.btn-stop-rec{background:transparent;border:none;color:#e9edef;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px}.btn-cancel-rec:hover{color:#ef4444;background:#ef444426}.btn-stop-rec{background:#00a884;color:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0;font-size:12px}.btn-stop-rec:hover{background:#00bf95}.reactions-row{display:inline-flex;gap:4px;background:#2a3942;border:1px solid #1a262d;border-radius:12px;padding:2px 6px;align-self:flex-start;margin-top:2px;cursor:pointer;font-size:12px}.bubble.outbound .reactions-row{align-self:flex-end}.reaction-chip{font-size:14px}.reaction-chip.mine{opacity:.9}.emoji-picker{position:absolute;top:-36px;left:50%;transform:translate(-50%);background:#202c33;border:1px solid #3a4a52;border-radius:18px;padding:4px;display:flex;gap:2px;box-shadow:0 4px 12px #0006;z-index:10}.emoji-pick{background:transparent;border:none;font-size:18px;padding:4px 6px;cursor:pointer;border-radius:50%;transition:background .1s}.emoji-pick:hover{background:#2a3942}.edit-form{display:flex;flex-direction:column;gap:6px;min-width:240px}.edit-textarea{background:#0003;border:1px solid rgba(255,255,255,.1);color:#e9edef;padding:6px 8px;border-radius:4px;font-family:inherit;font-size:14px;outline:none;resize:vertical}.edit-actions{display:flex;gap:6px;justify-content:flex-end}.edit-actions button{font-size:12px;padding:4px 10px}.bubble-edited{font-size:10px;color:#8696a0;font-style:italic}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:2000;cursor:zoom-out}.lightbox-img{max-width:95vw;max-height:92vh;object-fit:contain;cursor:default;box-shadow:0 4px 24px #0009}.lightbox-close{position:absolute;top:16px;right:20px;background:transparent;border:none;color:#fff;font-size:36px;cursor:pointer;line-height:1;padding:4px 12px;border-radius:8px}.lightbox-close:hover{background:#ffffff1a}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff14;border:none;color:#fff;font-size:40px;cursor:pointer;width:50px;height:70px;border-radius:6px;line-height:1;padding:0}.lightbox-nav:hover{background:#ffffff2e}.lightbox-prev{left:16px}.lightbox-next{right:16px}.lightbox-counter{position:absolute;bottom:16px;left:50%;transform:translate(-50%);color:#fff;font-size:13px;background:#00000080;padding:4px 10px;border-radius:12px}.scroll-to-bottom{position:sticky;bottom:16px;align-self:center;margin-top:-50px;background:#00a884;color:#111b21;border:none;padding:10px 18px;border-radius:22px;cursor:pointer;font-size:13px;font-weight:700;box-shadow:0 4px 12px #0006;z-index:5;animation:slideUp .2s ease-out}.scroll-to-bottom:hover{background:#00bf95}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.contact-notes-banner{display:flex;gap:8px;padding:8px 16px;background:#f59e0b14;border-bottom:1px solid rgba(245,158,11,.15);color:#fbbf24;font-size:12px;cursor:pointer;max-height:70px;overflow:hidden}.contact-notes-banner:hover{background:#f59e0b24}.contact-notes-icon{flex-shrink:0}.contact-notes-text{white-space:pre-wrap;line-height:1.4;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.note-bubble{align-self:center;background:#44391a;border:1px solid #92732a;color:#fde68a;padding:8px 12px;border-radius:8px;max-width:75%;margin:4px 0;font-size:13px;line-height:1.5;box-shadow:0 1px 3px #0000004d;position:relative}.note-badge{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#fbbf24;font-weight:700;margin-bottom:4px}.note-text{white-space:pre-wrap;word-break:break-word}.note-meta{display:flex;justify-content:space-between;align-items:center;margin-top:4px;font-size:10px;color:#b8923a}.note-delete{background:transparent;border:none;color:#b8923a;cursor:pointer;font-size:12px;padding:0 4px;opacity:0;transition:opacity .15s}.note-bubble:hover .note-delete{opacity:1}.note-delete:hover{color:#ef4444}.btn-note{background:transparent;border:none;color:#8696a0;font-size:18px;cursor:pointer;padding:8px;height:44px;display:flex;align-items:center;transition:color .15s}.btn-note:hover{color:#fbbf24}.btn-note.active{color:#fbbf24;background:#f59e0b26;border-radius:6px}.chat-input.note-mode{background:#f59e0b14;border-top-color:#f59e0b40}.chat-input.note-mode textarea{background:#f59e0b14;border:1px solid rgba(245,158,11,.25)}.chat-input.note-mode .btn-send{background:#fbbf24;color:#111b21}.chat-input.note-mode .btn-send:hover:not(:disabled){background:#fcd34d}.schedule-type-tabs{display:flex;gap:6px;margin-bottom:14px}.schedule-tab{flex:1;background:transparent;color:#8696a0;border:1px solid #2a3942;padding:8px;border-radius:6px;cursor:pointer;font-size:13px}.schedule-tab.active{background:#00a884;color:#fff;border-color:#00a884}.schedule-tab:hover:not(.active){color:#e9edef;border-color:#3a4a52}.schedule-presets{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.preset-btn{background:#2a3942;color:#8696a0;border:none;padding:3px 8px;border-radius:4px;font-size:11px;cursor:pointer}.preset-btn:hover{background:#3a4a52;color:#e9edef}.scheduled-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.scheduled-item{display:flex;gap:10px;padding:10px 12px;background:#1a262d;border-radius:8px;align-items:flex-start}.scheduled-icon{font-size:18px;flex-shrink:0}.scheduled-main{flex:1;min-width:0}.scheduled-top{display:flex;gap:8px;align-items:center;margin-bottom:4px;flex-wrap:wrap}.scheduled-contact{color:#e9edef;font-weight:500;font-size:13px;cursor:pointer}.scheduled-contact:hover{color:#25d366;text-decoration:underline}.scheduled-badge{font-size:10px;padding:1px 6px;border-radius:10px;text-transform:uppercase;letter-spacing:.3px;font-weight:700}.badge-pending{background:#3b82f633;color:#60a5fa}.badge-sent{background:#25d36626;color:#25d366}.badge-fired{background:#fbbf2433;color:#fbbf24;animation:pulse 1.5s infinite}.badge-cancelled{background:#ffffff14;color:#8696a0}.badge-failed{background:#ef444433;color:#f87171}.scheduled-text{font-size:13px;color:#b8c4cb;white-space:pre-wrap;word-break:break-word}.scheduled-meta{font-size:11px;color:#8696a0;margin-top:4px}.scheduled-error{color:#f87171}.scheduled-actions{flex-shrink:0;display:flex;gap:4px}.conv-item.has-reminder{background:#fbbf2414;border-left:3px solid #fbbf24}.conv-item.has-reminder.active{background:#fbbf2426}.reminder-preview{color:#fbbf24;font-style:italic}.filter-tabs{display:flex;gap:6px}.tab{flex:1;padding:6px 0;border:1px solid #2a3942;border-radius:6px;background:transparent;color:#8696a0;font-size:12px;cursor:pointer;text-transform:capitalize;transition:all .15s}.tab.active{background:#00a884;color:#fff;border-color:#00a884}.tab:hover:not(.active){border-color:#8696a0;color:#e9edef}.conv-list{flex:1;overflow-y:auto;list-style:none}.conv-empty{padding:32px;text-align:center;color:#8696a0;font-size:14px}.conv-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;cursor:pointer;border-bottom:1px solid #1d2d35;transition:background .1s}.conv-item:hover{background:#202c33}.conv-item.active{background:#2a3942}.avatar{width:44px;height:44px;border-radius:50%;background:#00a884;color:#fff;font-weight:600;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar.lg{width:38px;height:38px;font-size:15px}.conv-info{flex:1;min-width:0}.conv-top{display:flex;justify-content:space-between;align-items:baseline}.conv-name{font-weight:500;font-size:15px;color:#e9edef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.conv-time{font-size:11px;color:#8696a0;white-space:nowrap}.conv-bottom{display:flex;align-items:center;gap:6px;margin-top:2px}.conv-preview{font-size:13px;color:#8696a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.conv-instance{font-size:10px;color:#3b82f6;margin-top:2px}.tag{font-size:10px;padding:1px 6px;border-radius:10px;color:#fff;font-weight:600;text-transform:uppercase;flex-shrink:0}.chat-area{flex:1;display:flex;background:#0b141a}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:#8696a0;font-size:15px}.chat-panel{flex:1;display:flex;flex-direction:column;height:100vh}.chat-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#202c33;border-bottom:1px solid #2a3942}.chat-header-info{flex:1}.chat-header-info strong{display:block;font-size:15px;color:#e9edef}.chat-header-info span{font-size:12px;color:#8696a0}.chat-header-actions{display:flex;gap:8px;align-items:center}.tag-select{background:#2a3942;border:1px solid #3a4a52;color:#e9edef;padding:5px 8px;border-radius:6px;font-size:12px;cursor:pointer}.btn-resolve,.btn-reopen{padding:6px 12px;border-radius:6px;border:none;font-size:12px;font-weight:600;cursor:pointer}.btn-resolve{background:#00a884;color:#fff}.btn-reopen{background:#3b82f6;color:#fff}.messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:4px}.bubble{display:flex;flex-direction:column;max-width:65%}.bubble.inbound{align-self:flex-start}.bubble.outbound{align-self:flex-end}.bubble-body{padding:8px 12px;border-radius:8px;font-size:14px;line-height:1.5;word-break:break-word}.bubble.inbound .bubble-body{background:#202c33;color:#e9edef;border-top-left-radius:2px}.bubble.outbound .bubble-body{background:#005c4b;color:#e9edef;border-top-right-radius:2px}.bubble-meta{display:flex;gap:4px;align-items:center;margin-top:2px;align-self:flex-end}.bubble-time{font-size:11px;color:#8696a0}.bubble-status{font-size:11px;color:#8696a0;letter-spacing:-1px}.bubble-status.status-read{color:#53bdeb}.bubble-text{white-space:pre-wrap}.media-pending{font-size:13px;color:#8696a0;font-style:italic}.media-image{max-width:100%;max-height:320px;border-radius:6px;display:block;margin-bottom:4px;cursor:pointer}.media-video{max-width:100%;max-height:320px;border-radius:6px;display:block;margin-bottom:4px;background:#000}.media-audio{width:280px;max-width:100%;margin:2px 0;display:block}.media-doc{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:#ffffff0d;border-radius:6px;color:inherit;text-decoration:none;font-size:13px;border:1px solid rgba(255,255,255,.1);margin-bottom:4px}.media-doc:hover{background:#ffffff1a}.btn-attach{background:transparent;border:none;color:#8696a0;font-size:22px;cursor:pointer;padding:8px;height:44px;display:flex;align-items:center;transition:color .15s}.btn-attach:hover:not(:disabled){color:#e9edef}.btn-attach:disabled{opacity:.4;cursor:not-allowed}.chat-input{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;background:#202c33;border-top:1px solid #2a3942}.chat-input textarea{flex:1;background:#2a3942;border:none;border-radius:8px;padding:10px 14px;color:#e9edef;font-size:14px;resize:none;outline:none;line-height:1.4;font-family:inherit}.chat-input textarea::placeholder{color:#8696a0}.btn-send{padding:0 18px;height:44px;border-radius:22px;background:#00a884;border:none;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s}.btn-send:disabled{opacity:.4;cursor:not-allowed}.boot-screen{flex:1;display:flex;align-items:center;justify-content:center;color:#8696a0;font-size:14px;background:#111b21}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b141a,#111b21,#1d2d35);padding:20px;z-index:9999}.login-card{width:100%;max-width:380px;background:#202c33;border:1px solid #2a3942;border-radius:12px;padding:32px 28px;box-shadow:0 10px 40px #0006;display:flex;flex-direction:column;gap:16px}.login-card h1{font-size:22px;font-weight:600;color:#e9edef;text-align:center;margin:0}.login-sub{font-size:13px;color:#8696a0;text-align:center;margin:-8px 0 8px}.login-card label{display:flex;flex-direction:column;gap:6px}.login-card label span{font-size:12px;color:#8696a0;text-transform:uppercase;letter-spacing:.5px}.login-card input{background:#2a3942;border:1px solid #3a4a52;color:#e9edef;padding:10px 12px;border-radius:6px;font-size:14px;outline:none;transition:border-color .15s}.login-card input:focus{border-color:#00a884}.login-card button{background:#00a884;color:#fff;border:none;padding:12px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;margin-top:8px;transition:background .15s}.login-card button:hover:not(:disabled){background:#00bf95}.login-card button:disabled{opacity:.5;cursor:not-allowed}.login-error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:10px 12px;border-radius:6px;font-size:13px;text-align:center}