@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}.inbox-container{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#0a0f1e;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;color:#ffffffd1}.inbox-topnav{display:flex;align-items:center;height:64px!important;min-height:64px!important;background:#060c1a;border-bottom:1px solid rgba(255,255,255,.1);padding:0 20px;gap:0;flex-shrink:0;z-index:100;position:relative;box-shadow:0 4px 20px #0006;overflow:visible}.topnav-scrollable{display:flex;align-items:center;overflow-x:auto;gap:0;flex:1}.topnav-scrollable::-webkit-scrollbar{display:none}.topnav-scrollable{-ms-overflow-style:none;scrollbar-width:none}.mobile-back-btn{display:none;background:#3b8bd41a;border:1px solid rgba(59,139,212,.3);border-radius:8px;color:#70b4f0;width:40px;height:40px;font-size:20px;cursor:pointer;align-items:center;justify-content:center;margin-right:12px;transition:all .2s ease}.mobile-back-btn:active{background:#3b8bd433;transform:scale(.95)}.inbox-hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:none;border-radius:50%;cursor:pointer;padding:0;z-index:10001;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000040}.inbox-hamburger:hover{transform:scale(1.05);box-shadow:0 6px 16px #0000004d}.inbox-hamburger:active{transform:scale(.95)}.hamburger-inner{display:flex;flex-direction:column;gap:4px;width:18px}.hamburger-row{display:flex;align-items:center;gap:3px}.hamburger-row .dot{width:4px;height:4px;background:#000;border-radius:50%;flex-shrink:0}.hamburger-row .line{height:4px;background:#000;border-radius:2px;flex:1}.inbox-hamburger.open{background:#f0f0f0;transform:rotate(90deg)}.inbox-mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;opacity:0;pointer-events:none;transition:opacity .3s ease}.inbox-mobile-menu-overlay.show{opacity:1;pointer-events:auto}@media (min-width: 769px){.inbox-mobile-menu-overlay{display:none!important}}.inbox-mobile-menu{position:fixed;top:0;right:0;height:100vh;width:280px;background:#0a0f1e;border-left:1px solid rgba(255,255,255,.1);z-index:10000;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-10px 0 30px #00000080}.inbox-mobile-menu.open{transform:translate(0)}.mobile-menu-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.mobile-menu-header span{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#70b4f0}.mobile-menu-header button{background:none;border:none;color:#fff6;font-size:24px;cursor:pointer}.mobile-menu-items{flex:1;overflow-y:auto;padding:15px 0;display:flex;flex-direction:column}.menu-item{padding:14px 24px;display:flex;align-items:center;gap:12px;color:#fff9;font-size:15px;cursor:pointer;transition:all .2s}.menu-item.active{background:#3b8bd41a;color:#70b4f0;border-left:3px solid #3b8bd4}.menu-divider{padding:20px 24px 8px;font-size:11px;color:#fff3;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.add-account-btn-mobile{margin:20px 24px;padding:12px;background:#3b8bd41a;border:1px solid rgba(59,139,212,.3);border-radius:8px;color:#70b4f0;font-weight:600;cursor:pointer}.topnav-desktop-nav{display:flex;align-items:center;gap:12px;margin-left:0}.topnav-item{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;color:#ffffff80;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;border:1px solid transparent;-webkit-user-select:none;user-select:none}.topnav-item:hover{background:#ffffff0a;color:#fffc;transform:translateY(-1px)}.topnav-item.active{background:#3b8bd41f;color:#70b4f0;border-color:#3b8bd440;box-shadow:0 4px 12px #3b8bd41a}.nav-icon{font-size:16px}.desktop-only{display:block}@media (max-width: 768px){.inbox-topnav{top:0;height:60px;padding:0 16px}.topnav-divider,.topnav-desktop-nav,.desktop-only,.topnav-accounts-list{display:none}.inbox-hamburger{display:flex}.mobile-back-btn{display:block}.inbox-body{position:relative}.inbox-chat-list{width:100%!important;min-width:100%!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;transition:transform .3s ease}.inbox-main{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;min-height:calc(100vh - 60px);z-index:5;transition:transform .3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}.hide-sidebar .inbox-chat-list{transform:translate(-100%)}.hide-sidebar .inbox-main{z-index:15}}.topnav-brand{display:flex;flex-direction:column;justify-content:center;margin-right:10px;flex-shrink:0}.topnav-brand .brand-name{font-size:19px;font-weight:600;color:#fff;letter-spacing:.1em;line-height:1}.topnav-brand .brand-tag{font-size:12px;color:#86c5ff;letter-spacing:.16em;text-transform:uppercase;margin-top:3px}.topnav-divider{width:1px;height:24px;background:#ffffff26;margin:0 20px;flex-shrink:0}.topnav-spacer{flex:1}.topnav-accounts-list{display:flex;align-items:center;gap:8px;margin-right:12px}.topnav-account-tab{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);font-size:13px;color:#fff9;cursor:pointer;transition:all .2s;max-width:180px}.topnav-account-tab:hover{background:#25d3660f;border-color:#25d36626;color:#25d366}.topnav-account-tab.active{background:#25d3661f;border-color:#25d36666;color:#25d366;font-weight:600}.topnav-acc-dot{width:8px;height:8px;border-radius:50%;background:#25d366;display:inline-block;margin-right:10px}.topnav-acc-dot.muted{background:#fff3}.acc-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-account-btn{padding:8px 16px;background:linear-gradient(135deg,#3b8bd4,#2563eb);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 4px 12px #3b8bd44d}.add-account-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b8bd466;filter:brightness(1.1)}.topnav-actions{display:flex;align-items:center;gap:12px}.inbox-body{display:flex;flex:1;overflow:hidden}.inbox-chat-list{width:290px;min-width:290px;background:#040509;border-right:1px solid #2D2D2D;display:flex;flex-direction:column;overflow:hidden}.list-header{padding:16px 16px 10px;border-bottom:1px solid rgba(211,200,200,.885);flex-shrink:0}.list-title{font-size:13px;font-weight:500;color:#fff}.list-subtitle{font-size:10px;color:#ffffff47;margin-top:2px}.list-search{margin:10px 12px;position:relative;flex-shrink:0}.list-search input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.823);border-radius:4px;padding:7px 12px 7px 28px;color:#fffffffa;font-size:12px;outline:none;font-family:inherit;transition:border-color .15s}.list-search input::placeholder{color:#ffffff38}.list-search input:focus{border-color:#80aed866}.list-search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);font-size:15px;color:#ffffffd5;pointer-events:none}.chat-items-scroll{overflow-y:auto;flex:1}.chat-items-scroll::-webkit-scrollbar{width:3px}.chat-items-scroll::-webkit-scrollbar-track{background:transparent}.chat-items-scroll::-webkit-scrollbar-thumb{background:#ffffffe0;border-radius:2px}.chat-item{display:flex;align-items:center;gap:10px;padding:11px 12px;cursor:pointer;border-bottom:1px solid rgba(6,79,250,.19);transition:background .12s;border-left:2px solid transparent}.chat-item:hover{background:#ffffff08}.chat-item.selected{background:#3b8bd41a;border-left-color:#3b8bd4}.chat-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:500;flex-shrink:0;border:1px solid rgba(255,255,255,.575);background:linear-gradient(135deg,#1a3a5c,#2a5f9e);color:#a8c8f0;cursor:pointer}.chat-content-wrapper{flex:1;min-width:0}.chat-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.chat-name{font-size:12.5px;font-weight:500;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:145px}.chat-name.unread{font-weight:700;color:#fff}.chat-preview{font-size:11px;color:#ffffff52;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-preview.unread{font-weight:600;color:#ffffffe6}.chat-avatar-wrapper{flex-shrink:0}.chat-delete-btn{display:none;font-size:14px;opacity:.6;cursor:pointer;transition:opacity .2s;padding:4px}.chat-delete-btn:hover{opacity:1}@media (min-width: 769px){.chat-item:hover .chat-delete-btn{display:block}}.chat-item.multi-selected{background:#3b8bd426;border-left-color:#3b8bd4}.unread-badge{background:#38bdf8;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;margin-left:8px}.nav-unread-badge{background:#38bdf8;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px}.chat-time{font-size:10.5px;color:#ffffff59;font-weight:400;white-space:nowrap;flex-shrink:0;margin-left:8px}.chat-time.unread{color:#25d366;font-weight:600}.header-checkbox,.chat-checkbox{width:15px;height:15px;cursor:pointer;accent-color:#3b8bd4;border-radius:4px;margin:0}.chat-selection-area{display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .2s}.delete-bulk-btn{display:flex;align-items:center;gap:6px;box-shadow:0 4px 10px #ef44444d;transition:all .2s}.delete-bulk-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.chat-avatar-small{width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff6;cursor:pointer}.chat-avatar-small:hover{background:#ffffff1a;color:#fff}.chat-preview-row{margin-top:2px}.no-chats-label{text-align:center;color:#ffffff40;font-size:12px;padding:40px 20px}.load-more-btn{width:100%;padding:12px;background:#ffffff08;border:none;border-top:1px solid rgba(255,255,255,.05);color:#60a5e8;font-size:11px;cursor:pointer;transition:background .15s}.load-more-btn:hover{background:#3b8bd414}.load-more-btn-messages{width:auto;align-self:center;padding:6px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#ffffff73;font-size:11px;cursor:pointer;margin-bottom:15px;transition:all .15s}.load-more-btn-messages:hover{background:#ffffff14;color:#fffc;border-color:#fff3}.inbox-main{flex:1;display:flex;flex-direction:column;background:linear-gradient(120deg,#0b1f3a,#00040a);min-width:0;position:relative;overflow:hidden}.main-header{padding:13px 20px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;background:#040810;flex-shrink:0}.chat-title{display:flex;align-items:center;gap:10px}.main-header-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1a3a5c,#2a5f9e);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:#a8c8f0;border:1px solid rgba(59,139,212,.22);flex-shrink:0}.chat-title h3{font-size:14px;font-weight:500;color:#fff}.chat-title .status-dot{width:6px;height:6px;border-radius:50%;background:#3aaa6e}.opt-out-badge{font-size:9px;font-weight:600;color:#c9504a;background:#c2504a1f;border:1px solid rgba(194,80,74,.28);border-radius:4px;padding:2px 7px;letter-spacing:.05em}.claim-btn{padding:6px 16px;background:#3b8bd41f;border:1px solid rgba(59,139,212,.3);border-radius:4px;color:#60a5e8;font-size:11px;cursor:pointer;font-family:inherit;transition:background .15s;white-space:nowrap}.claim-btn:hover:not(:disabled){background:#3b8bd433}.claim-btn.claimed{background:#3aaa6e1a;border-color:#3aaa6e47;color:#5ecb98;cursor:default}.claim-btn:disabled{cursor:default}.session-banner{margin:10px 16px 0;padding:9px 14px;background:#ba75171a;border:1px solid rgba(186,117,23,.25);border-radius:7px;font-size:11px;color:#c9a050;display:flex;align-items:center;gap:8px;flex-shrink:0}.messages-area{flex:1;overflow-y:auto;padding:18px 18px 10px;display:flex;flex-direction:column;gap:10px}.messages-area::-webkit-scrollbar{width:3px}.messages-area::-webkit-scrollbar-thumb{background:#1fbb1d62;border-radius:2px}.message-bubble{max-width:65%;display:flex;flex-direction:column}.message-bubble.incoming{align-self:flex-start}.message-bubble.outgoing{align-self:flex-end}.message-content{padding:9px 13px;border-radius:11px;font-size:15px;line-height:1.55}.message-bubble.incoming .message-content{background:#04702f9d;color:#fff;border-bottom-left-radius:3px;border:1px solid rgba(255,255,255,.3)}.message-bubble.outgoing .message-content{background:#1b3a6b;color:#fbfcfc;border-bottom-right-radius:3px;border:1px solid rgba(209,217,224,.22)}.message-bubble .message-content:empty{display:none}.message-footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px;font-size:10px;color:#ffffffe6;padding:0 2px}.status-ticks{font-size:11px;color:#ffffff40}.status-ticks.sent{color:#ffffffc1}.status-ticks.delivered,.status-ticks.read{color:#60a5e8}.message-media{max-width:100%;border-radius:8px;margin-bottom:4px;display:block}.media-pdf{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;margin-bottom:4px}.media-pdf a{color:#60a5e8;font-size:12px;text-decoration:none}.media-pdf a:hover{text-decoration:underline}.message-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.quick-reply-btn{padding:5px 12px;background:#3b8bd41f;border:1px solid rgba(59,139,212,.28);border-radius:6px;color:#70b4f0;font-size:11px;cursor:pointer;font-family:inherit;transition:background .15s}.quick-reply-btn:hover{background:#3b8bd438}.media-audio{margin-bottom:4px}.custom-audio-player{display:flex;align-items:center;gap:10px;padding:9px 13px;border-radius:11px 11px 3px;border:1px solid rgba(59,139,212,.22);background:#1b3a6b}.message-bubble.incoming .custom-audio-player{background:#141e30;border:1px solid rgba(255,255,255,.06);border-bottom-right-radius:11px;border-bottom-left-radius:3px}.audio-play-btn{width:30px;height:30px;border-radius:50%;background:#2a5f9e;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;flex-shrink:0;transition:background .15s}.audio-play-btn:hover{background:#5fa7f9}.audio-progress-bar-container{flex:1;height:3px;background:#fff;border-radius:2px;overflow:hidden}.audio-progress-bar{height:100%;background:#60a5e8;border-radius:2px;transition:width .1s linear}.audio-time{font-size:10px;color:#ffffff61;flex-shrink:0;min-width:60px;text-align:right}.pending-media-preview{display:flex;align-items:center;justify-content:space-between;margin:0 16px 6px;padding:7px 12px;background:#3b8bd41a;border:1px solid rgba(59,139,212,.25);border-radius:4px;font-size:11px;color:#70b4f0;flex-shrink:0}.pending-media-preview button{background:none;border:none;color:#fff6;cursor:pointer;font-size:16px;line-height:1;padding:0 2px;transition:color .15s}.pending-media-preview button:hover{color:#ffffffbf}.message-input-area{padding:10px 14px 12px;border-top:1px solid rgba(255,255,255,.675);background:#070d1a;flex-shrink:0}.input-tool-chips{display:flex;align-items:center;gap:6px;margin-bottom:8px}.tool-chip{display:flex;align-items:center;gap:5px;padding:5px 11px;background:#ffffff0a;border:1px solid rgba(255,255,255,.555);border-radius:4px;font-size:11px;color:#ffffff73;cursor:pointer;transition:all .15s;font-family:inherit}.tool-chip:hover{background:#3b8bd41a;border-color:#3b8bd447;color:#60a5e8}.input-row{display:flex;align-items:center;gap:8px;background:#111d30;border:1px solid rgba(255,255,255,.07);border-radius:4px;padding:7px 10px;transition:border-color .15s}.input-row:focus-within{border-color:#2d77bca8}.input-action-btn{background:none;border:none;cursor:pointer;color:#ffffff59;padding:2px;transition:color .15s;display:flex;align-items:center;flex-shrink:0}.input-action-btn:hover{color:#ffffffa6}.message-input-area input[type=text]{flex:1;background:transparent;border:none;outline:none;color:#ffffffc7;font-size:15px;font-family:inherit;min-width:0}.message-input-area input[type=text]::placeholder{color:#ffffff21}.message-input-area input[type=text]:disabled{opacity:.4;cursor:not-allowed}.template-btn,.attach-btn{display:none}.record-btn{background:none;border:none;cursor:pointer;color:#ffffffa4;font-size:16px;padding:2px;transition:color .15s;display:flex;align-items:center}.record-btn:hover{color:#ffffffa6}.record-btn.recording{color:#e05555}.recording-timer{font-size:12px;color:#e05555;font-variant-numeric:tabular-nums;flex-shrink:0}.send-btn{padding:7px 18px;background:#1d52a0;border:none;border-radius:4px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;white-space:nowrap;font-family:inherit;flex-shrink:0}.send-btn:hover:not(:disabled){background:#2563b8}.send-btn:disabled{opacity:.35;cursor:not-allowed}.no-chat{flex:1;display:flex;align-items:center;justify-content:center;color:#fff3;font-size:13px;letter-spacing:.02em}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.template-modal{background:#0d1526;border:1px solid rgba(255,255,255,.1);border-radius:4px;width:420px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.modal-header h3{font-size:14px;font-weight:500;color:#fff}.modal-header button{background:none;border:none;color:#fff6;font-size:18px;cursor:pointer;line-height:1;transition:color .15s;padding:0}.modal-header button:hover{color:#fffc}.modal-body{padding:16px 20px;overflow-y:auto;flex:1}.modal-body::-webkit-scrollbar{width:3px}.modal-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:11px;color:#fff6;margin-bottom:5px;letter-spacing:.03em}.form-group input,.form-group textarea,.form-group select{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:4px;padding:8px 12px;color:#ffffffc7;font-size:13px;outline:none;font-family:inherit;transition:border-color .15s;resize:vertical}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='rgba(255,255,255,0.3)' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.form-group select option{background:#0d1526;color:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#3b8bd473}.form-group input[type=password]{letter-spacing:.1em}.settings-value{padding:8px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:4px;font-size:13px;color:#ffffff8c}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.back-btn{padding:7px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:4px;color:#ffffff8c;font-size:12px;cursor:pointer;font-family:inherit;transition:background .15s}.back-btn:hover{background:#ffffff17;color:#fffc}.apply-btn{padding:7px 18px;background:#1d52a0;border:none;border-radius:4px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s}.apply-btn:hover{background:#2563b8}.edit-acc-btn{padding:7px 18px;background:#1d52a0;border:none;border-radius:4px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s;margin-top:8px}.edit-acc-btn:hover{background:#2563b8}.template-list{display:flex;flex-direction:column;gap:8px}.template-item{padding:11px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:4px;cursor:pointer;transition:background .15s,border-color .15s}.template-item:hover{background:#3b8bd414;border-color:#3b8bd438}.template-item-header strong{font-size:12px;font-weight:500;color:#ffffffd1}.template-item p{font-size:11px;color:#ffffff59;margin-top:4px;line-height:1.45}.template-form h4{font-size:13px;font-weight:500;color:#ffffffb3;margin-bottom:12px}.add-btn-small{padding:5px 12px;background:#3b8bd41f;border:1px solid rgba(59,139,212,.28);border-radius:4px;color:#60a5e8;font-size:11px;cursor:pointer;font-family:inherit;transition:background .15s}.add-btn-small:hover{background:#3b8bd433}.no-account-state{flex:1;display:flex;align-items:center;justify-content:center;background:#0f172a;padding:40px}.no-account-card{background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:40px;max-width:480px;text-align:center;box-shadow:0 20px 50px #0000004d}.no-account-icon{font-size:48px;margin-bottom:20px}.no-account-card h2{color:#fff;font-size:22px;margin-bottom:12px}.no-account-card p{color:#94a3b8;font-size:15px;line-height:1.6}.settings-container{flex:1;padding:32px;overflow-y:auto;background:#0b1220}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.settings-header h2{font-size:18px;font-weight:500;color:#fff}.settings-card{background:#0d1526;border:1px solid rgba(255,255,255,.07);border-radius:4px;padding:24px;max-width:520px}.settings-group{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.04)}.settings-group:last-of-type{border-bottom:none}.settings-group label{display:block;font-size:11px;color:#ffffff59;margin-bottom:5px;letter-spacing:.04em;text-transform:uppercase}.settings-group input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:8px 12px;color:#fff;font-size:14px;outline:none;transition:all .2s}.settings-group input:focus{border-color:#3b8bd4;background:#3b8bd41a;box-shadow:0 0 0 2px #3b8bd433}.settings-card .apply-btn{padding:10px 24px;font-size:13px;font-weight:600;letter-spacing:.5px;box-shadow:0 4px 12px #1d52a04d}.settings-card .back-btn{padding:10px 20px;font-size:13px}.settings-card .edit-acc-btn{padding:10px 20px;font-size:13px;margin-top:0;transition:all .2s}.settings-card .edit-acc-btn:hover{background:#ef44441a!important;border-color:#ef4444!important}.account-picker-screen{flex:1;display:flex;align-items:center;justify-content:center;background:#0a0f1e;padding:40px 20px;overflow-y:auto}.account-picker-card{background:#111a2e;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:36px;max-width:520px;width:100%;box-shadow:0 20px 50px #00000073}.account-picker-icon{font-size:36px;text-align:center;margin-bottom:12px}.account-picker-card h2{color:#fff;font-size:22px;font-weight:600;text-align:center;margin-bottom:8px}.account-picker-card>p{color:#94a3b8;font-size:13.5px;line-height:1.6;text-align:center;margin-bottom:24px}.account-picker-list{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.account-picker-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .18s ease}.account-picker-row:hover{background:#25d36614;border-color:#25d36659;transform:translateY(-1px)}.account-picker-row .apr-icon{width:40px;height:40px;border-radius:10px;background:#25d3661f;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.account-picker-row .apr-info{flex:1;min-width:0}.account-picker-row .apr-name{color:#fff;font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-picker-row .apr-phone{color:#ffffff73;font-size:12px;margin-top:2px}.account-picker-row .apr-chevron{color:#ffffff4d;font-size:22px;font-weight:300;margin-left:4px}.account-picker-row:hover .apr-chevron{color:#25d366}.account-picker-add{width:100%;padding:12px;background:transparent;border:1px dashed rgba(59,139,212,.4);border-radius:10px;color:#70b4f0;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s ease}.account-picker-add:hover{background:#3b8bd414;border-color:#3b8bd4b3}.account-switcher{position:relative}.account-switcher-chip{display:flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;background:#25d3661a;border:1px solid rgba(37,211,102,.35);border-radius:10px;color:#d1fadf;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:inherit}.account-switcher-chip:hover{background:#25d36629;border-color:#25d3668c}.account-switcher-chip .acc-icon{font-size:14px}.account-switcher-chip .acc-name{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-switcher-chip .acc-caret{font-size:11px;opacity:.7;margin-left:2px}.account-switcher-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:transparent}.account-switcher-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:201;min-width:280px;background:#0e1628;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 18px 40px #00000080;padding:8px;display:flex;flex-direction:column}.switcher-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px 10px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:4px}.switcher-header-label{color:#fff6;font-size:10px;font-weight:700;letter-spacing:1.5px}.switcher-header-total{color:#38bdf8;font-size:11px;font-weight:600}.switcher-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;cursor:pointer;color:#ffffffc7;font-size:13.5px;font-weight:500;transition:background .15s ease}.switcher-item:hover{background:#ffffff0a}.switcher-item.active{background:#25d3661f;color:#d1fadf}.switcher-item .switcher-dot{width:8px;height:8px;border-radius:50%;background:#25d366;flex-shrink:0}.switcher-item .switcher-dot.muted{background:#ffffff26}.switcher-item .switcher-acc-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.switcher-divider{height:1px;background:#ffffff0f;margin:6px 4px}.switcher-action{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:10px;background:transparent;border:none;border-radius:8px;color:#70b4f0;font-size:13px;font-weight:600;cursor:pointer;text-align:left;font-family:inherit;transition:background .15s ease}.switcher-action:hover{background:#3b8bd414}@media (max-width: 768px){.account-switcher.desktop-only{display:none}}.campaign-main-view{background:#00040a}.campaign-split-container{display:flex;flex-direction:column;height:100%}.campaign-scrollable-content{flex:1;padding:30px;overflow-y:auto;display:flex;flex-direction:column;gap:25px}.campaign-scrollable-content::-webkit-scrollbar{width:3px}.campaign-scrollable-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.camp-status-pill{font-size:8px;font-weight:800;text-transform:uppercase;padding:2px 6px;border-radius:4px;letter-spacing:.05em;border:1px solid transparent}.camp-status-pill.draft{background:#ffffff0d;color:#666;border-color:#ffffff1a}.camp-status-pill.running{background:#3b8bd41a;color:#70b4f0;border-color:#3b8bd433}.camp-status-pill.completed{background:#3aaa6e1a;color:#5ecb98;border-color:#3aaa6e33}.delete-item-btn{background:transparent;border:none;color:#fffa;cursor:pointer;font-size:14px;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:4px;margin-left:4px}.delete-item-btn:hover{background:#ff5f561a;color:#ff5f56}.selection-badge{position:absolute;top:-8px;right:-8px;background:#f44;color:#fff;font-size:10px;font-weight:800;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #000;box-shadow:0 0 8px #f449;z-index:999;pointer-events:none;animation:badge-pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes badge-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.chat-item:hover .delete-item-btn{color:#ffffff80}.stats-grid{display:flex;gap:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:12px 20px;border-radius:8px;justify-content:space-around;align-items:center}.mobile-sidebar-toggle-in-stats,.drawer-close-btn{display:none}@media (max-width: 768px){.mobile-sidebar-toggle-in-stats{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:18px;cursor:pointer;flex-shrink:0;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #3b82f64d}.mobile-sidebar-toggle-in-stats:active{background:#2563eb;transform:scale(.95);box-shadow:0 2px 6px #3b82f64d}.drawer-close-btn{display:flex;background:#3b82f6;border:none;color:#fff;width:38px;height:38px;border-radius:8px;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #3b82f64d}.drawer-close-btn:active{background:#2563eb;transform:scale(.95);box-shadow:0 2px 6px #3b82f64d}.drawer-close-btn:hover{background:#2563eb}.campaign-drawer{position:fixed!important;top:0;left:0;height:100vh!important;width:300px!important;min-width:300px!important;background:#040509!important;z-index:10001!important;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:10px 0 40px #000c;visibility:visible!important;overflow:visible!important}.campaign-drawer.drawer-open{transform:translate(0)}.campaign-main-view{width:100%!important;margin-left:0!important}.campaign-header-actions{display:none!important}.mobile-campaign-actions{display:flex;flex-direction:row;gap:8px;margin-bottom:15px;width:100%}.mobile-action-btn{flex:1;display:flex;justify-content:center;align-items:center;padding:10px 2px;font-size:11px;font-weight:600;white-space:nowrap;border-radius:8px;cursor:pointer;border:none;transition:all .2s;min-width:0;overflow:hidden;text-overflow:ellipsis}.view-template-btn{background:#ffffff0d;border:1px solid #ffffff!important;color:#fff}.toggle-sidebar-btn{background:#3b82f6;color:#fff}.sync-clients-btn{background:#3b82f633;border:1px solid rgba(59,130,246,.4);color:#3b82f6}.run-campaign-btn{background:#238636;color:#fff}.mobile-campaign-actions .running-indicator{background:#3b82f61a;color:#70b4f0;font-size:10px;gap:6px}.campaign-scrollable-content{padding:15px;gap:12px}.stats-grid{padding:12px;display:flex;flex-direction:row;justify-content:space-between;gap:10px;width:100%}.stat-card{flex:1;flex-direction:column;align-items:center;gap:4px;text-align:center}.stat-card label{font-size:8px}.stat-value{font-size:14px}}@media (min-width: 769px){.mobile-campaign-actions{display:none}.campaign-drawer{position:relative;transform:none!important;visibility:visible!important;margin-left:0!important;display:flex!important}.campaign-main-view .mobile-back-btn{display:none!important}}.list-header{padding:16px 16px 10px;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0;position:sticky;top:0;background:#040509;z-index:10}.main-header-avatar{background:#3b83d41a;color:#3b8bd4;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.active-campaign-info-bar{display:flex;gap:24px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.05)}.active-campaign-info-bar .info-item{display:flex;flex-direction:column;gap:4px}.active-campaign-info-bar .info-item label{font-size:10px;color:#ffffff4d;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.active-campaign-info-bar .info-item span{font-size:13px;color:#fff;font-weight:500}@media (max-width: 768px){.active-campaign-info-bar{gap:10px;flex-direction:column;align-items:flex-start;margin-top:10px;padding-top:10px}.info-item-compact{width:100%;justify-content:space-between;gap:10px}.compact-label{font-size:10px}.compact-value,.compact-select{font-size:10px;max-width:60%;overflow:hidden;text-overflow:ellipsis}}.stat-card{display:flex;align-items:center;gap:12px;padding:0;background:transparent;border:none;text-align:left}.stat-card label{font-size:9px;color:#ffffff4d;text-transform:uppercase;letter-spacing:.1em;margin-bottom:0;white-space:nowrap}.stat-value{font-size:18px;font-weight:800;color:#fff}.stat-card.success .stat-value{color:#5ecb98}.stat-card.error .stat-value{color:#ff5f56}.progress-section{background:#ffffff03;border:1px solid rgba(255,255,255,.03);padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:20px}.progress-bar-large{flex:1;height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden;margin-bottom:0}.progress-fill{height:100%;background:linear-gradient(90deg,#25d366,#5ecb98);box-shadow:0 0 10px #25d3664d;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-label{font-size:10px;color:#ffffff4d;font-weight:600;white-space:nowrap}.live-terminal{flex:1;background:#02060c;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;overflow:hidden;border-radius:12px;margin-top:10px}.terminal-header{padding:10px 15px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center}.terminal-title{font-size:10px;font-family:JetBrains Mono,Fira Code,monospace;color:#70b4f0;letter-spacing:.1em;font-weight:800;text-transform:uppercase}.terminal-body{flex:1;padding:15px;overflow-y:auto;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:1.6;display:flex;flex-direction:column;gap:4px}.terminal-body::-webkit-scrollbar{width:4px}.terminal-body::-webkit-scrollbar-thumb{background:#ffffff0d}.log-entry{display:flex;gap:10px;animation:log-fade-in .2s ease-out}@keyframes log-fade-in{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.log-prefix{color:#3b8bd4;font-weight:700}.log-time{color:#fff3}.log-entry.info .log-msg{color:#fff}.log-entry.success .log-msg{color:#5ecb98;font-weight:500}.log-entry.error .log-msg{color:#ff5f56}.empty-logs{color:#ffffff26;font-style:italic}.campaign-meta-row{display:flex;align-items:center;gap:10px;margin-top:4px;font-size:10px;color:#ffffff4d}.inline-select-dark{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#70b4f0;font-size:10px;padding:1px 6px;border-radius:3px;outline:none;cursor:pointer}.running-indicator{display:flex;align-items:center;gap:10px;font-size:11px;color:#70b4f0;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.pulse{width:8px;height:8px;background:#70b4f0;border-radius:50%;animation:pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) infinite}.camp-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}.template-modal,.view-template-modal{background:#0d1117;border:1px solid rgba(255,255,255,.1);border-radius:20px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0009;animation:modal-appear .3s cubic-bezier(.16,1,.3,1)}@keyframes modal-appear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:20px 25px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:18px;color:#fff}.close-btn{background:none;border:none;color:#888;font-size:24px;cursor:pointer;transition:color .2s}.modal-body{padding:25px;overflow-y:auto;flex:1}.template-preview-card{background:#161b22;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.05);margin-bottom:20px}.preview-header{color:#fff;font-weight:700;font-size:14px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05)}.preview-content{color:#c9d1d9;font-size:14px;line-height:1.6;white-space:pre-wrap}.preview-footer{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05);color:#8b949e;font-size:12px}.preview-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.btn-tag{background:#3b82f61a;color:#58a6ff;border:1px solid rgba(59,130,246,.2);padding:4px 12px;border-radius:6px;font-size:11px;font-weight:600}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;color:#8b949e;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;background:#0d1117;border:1px solid #30363d;border-radius:8px;padding:10px 12px;color:#c9d1d9;font-size:14px;outline:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#58a6ff}.form-actions{display:flex;gap:12px;margin-top:25px}.apply-btn,.send-btn{background:#238636;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.apply-btn:hover,.send-btn:hover{background:#2ea043}.back-btn{background:transparent;border:1px solid #30363d;color:#c9d1d9;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer}.back-btn:hover{background:#ffffff0d;border-color:#8b949e}.delete-confirm-modal{background:#0d1117;border:1px solid rgba(255,95,86,.2);border-radius:16px;padding:30px;width:100%;max-width:400px;text-align:center;box-shadow:0 10px 40px #00000080;animation:modal-slide-up .3s ease-out}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.delete-confirm-modal .modal-icon{font-size:40px;margin-bottom:20px}.delete-confirm-modal h3{font-size:20px;color:#fff;margin-bottom:15px}.delete-confirm-modal p{font-size:14px;color:#ffffff80;line-height:1.6;margin-bottom:25px}.delete-confirm-modal .cancel-btn{flex:1;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.delete-confirm-modal .cancel-btn:hover{background:#ffffff1a}.delete-confirm-modal .confirm-delete-btn{flex:1.5;padding:12px;background:#ff5e56b0;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #ff5f564d}.delete-confirm-modal .confirm-delete-btn:hover{background:#ff4a40;transform:translateY(-1px)}.success-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#0d1117;border:1px solid #10b981;border-radius:12px;padding:12px 24px;display:flex;align-items:center;gap:15px;box-shadow:0 10px 30px #0006;z-index:9999;animation:toast-pop-in .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes toast-pop-in{0%{opacity:0;bottom:0}to{opacity:1;bottom:30px}}.success-toast .toast-icon{width:28px;height:28px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700}.success-toast .toast-content{display:flex;flex-direction:column}.success-toast .toast-content strong{font-size:14px;color:#fff}.success-toast .toast-content span{font-size:12px;color:#ffffff80}@keyframes pulse-ring{0%{transform:scale(.33)}80%,to{opacity:0}}.campaign-header-top-row{display:flex;align-items:center;gap:15px;width:100%}.campaign-title-block{flex:1;min-width:0}.campaign-title-block .section-main-title{margin:0;font-size:10px;color:#fff6;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.campaign-name-row{display:flex;align-items:center;gap:10px;margin-top:2px}.campaign-name-row h3{margin:0;font-size:20px;color:#fff;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.active-campaign-info-bar{display:flex;gap:20px;margin-top:15px;padding:10px 0;border-top:1px solid rgba(255,255,255,.05);flex-wrap:wrap}.info-item-compact{display:flex;align-items:center;gap:8px;background:#ffffff05;padding:4px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.04)}.compact-label{font-size:10px;color:#ffffff59;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.compact-value{font-size:11px;color:#fff;font-weight:500}.compact-select{background:transparent;border:none;color:#70b4f0;font-size:11px;font-weight:700;padding:0 20px 0 0;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%2370b4f0' d='M0 2l4 4 4-4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center}.campaign-header-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:8px 12px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.04)}.secondary-actions{display:flex;gap:10px}.action-btn-outline{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#fff9;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:5px}.action-btn-outline:hover{background:#ffffff14;border-color:#fff3;color:#fff;transform:translateY(-1px)}.run-campaign-btn-main{background:linear-gradient(135deg,#238636,#2ea043);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-weight:700;font-size:11px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #23863633;display:flex;align-items:center;gap:5px}.run-campaign-btn-main:hover{transform:translateY(-1px);box-shadow:0 6px 20px #23863666;filter:brightness(1.1)}.run-campaign-btn-main:active{transform:translateY(0)}.running-badge-active{display:flex;align-items:center;gap:10px;background:#3b82f61a;color:#70b4f0;padding:10px 16px;border-radius:10px;border:1px solid rgba(59,130,246,.2);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em}.status-dot-pulse{width:10px;height:10px;background:#3b82f6;border-radius:50%;box-shadow:0 0 #3b82f666;animation:pulse-blue 2s infinite}@keyframes pulse-blue{0%{transform:scale(.95);box-shadow:0 0 #3b82f6b3}70%{transform:scale(1);box-shadow:0 0 0 10px #3b82f600}to{transform:scale(.95);box-shadow:0 0 #3b82f600}}.wms-total-badge{font-size:10px;font-weight:600;color:#ffffff59;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:2px 8px;border-radius:10px;white-space:nowrap}.targeting-section{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden}.targeting-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);background:#ffffff05}.targeting-title{font-size:10px;font-weight:800;color:#fff6;text-transform:uppercase;letter-spacing:.12em}.targeting-total{font-size:11px;font-weight:700;color:#5ecb98;background:#5ecb981a;border:1px solid rgba(94,203,152,.25);padding:2px 10px;border-radius:10px}.targeting-rows{display:flex;border-top:1px solid rgba(255,255,255,.05)}.targeting-row{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:14px 16px;border-right:1px solid rgba(255,255,255,.05);transition:background .15s;cursor:default;gap:8px;min-height:72px}.targeting-row:last-child{border-right:none}.targeting-row.active{background:#3b82f60f}.targeting-row.locked{opacity:.6;pointer-events:none}.targeting-row-left{display:flex;align-items:flex-start;gap:10px;width:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.targeting-row-left:hover .targeting-checkbox:not(.checked){border-color:#3b82f680;background:#3b82f60d}.targeting-checkbox{width:20px;height:20px;border-radius:5px;border:2px solid rgba(255,255,255,.15);background:#ffffff05;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:transparent;flex-shrink:0;transition:all .15s}.targeting-checkbox.checked{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 0 10px #3b82f64d}.targeting-label{display:flex;flex-direction:column;gap:2px}.targeting-name{font-size:13px;font-weight:600;color:#fff}.targeting-desc{font-size:11px;color:#fff6}.targeting-row.active .targeting-desc{color:#fff9}.targeting-edit-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#ffffff80;padding:4px 10px;border-radius:6px;font-size:11px;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.targeting-edit-btn:hover{background:#ffffff14;color:#fff}.targeting-hint{font-size:11px;color:#ffffff40;text-align:center;padding:10px 16px;margin:0;border-top:1px solid rgba(255,255,255,.04)}.picker-modal{background:#0d1117;border:1px solid rgba(255,255,255,.1);border-radius:20px;width:100%;max-width:560px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #000000b3;animation:modal-appear .25s cubic-bezier(.16,1,.3,1)}.picker-filters{display:flex;gap:10px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff03}.picker-search{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;color:#fff;font-size:13px;outline:none;transition:border-color .2s}.picker-search:focus{border-color:#3b82f680}.picker-group-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 10px;color:#c9d1d9;font-size:12px;outline:none;cursor:pointer}.picker-list{flex:1;overflow-y:auto;padding:8px 0}.picker-list::-webkit-scrollbar{width:3px}.picker-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.picker-empty{text-align:center;color:#ffffff4d;font-size:13px;padding:30px;margin:0}.picker-item{display:flex;align-items:center;gap:12px;padding:10px 20px;cursor:pointer;transition:background .12s;border-bottom:1px solid rgba(255,255,255,.03)}.picker-item:hover{background:#ffffff08}.picker-item.checked{background:#3b82f60f}.picker-item.readonly{cursor:default}.picker-item.readonly:hover{background:transparent}.picker-item-left{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer}.picker-checkbox{width:18px;height:18px;border-radius:4px;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:transparent;flex-shrink:0;transition:all .12s}.picker-checkbox.checked{background:#3b82f6;border-color:#3b82f6;color:#fff}.picker-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.picker-item-name{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-item-phone{font-size:11px;color:#ffffff59}.picker-item-tags{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.picker-group-tag{font-size:10px;font-weight:600;padding:2px 7px;border-radius:5px;white-space:nowrap}.picker-via-tag{font-size:9px;font-weight:700;padding:2px 7px;border-radius:10px;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.picker-via-tag.via-all{background:#5ecb9826;color:#5ecb98;border:1px solid rgba(94,203,152,.3)}.picker-via-tag.via-group{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.picker-view-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffff80;padding:3px 10px;border-radius:6px;font-size:11px;cursor:pointer;white-space:nowrap;transition:all .15s}.picker-view-btn:hover{background:#ffffff1a;color:#fff}.picker-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid rgba(255,255,255,.06);background:#ffffff03;gap:12px}.picker-count{font-size:12px;color:#fff6;font-weight:600;white-space:nowrap}.picker-footer-actions{display:flex;gap:10px}@media (max-width: 768px){.picker-modal{max-height:90vh;border-radius:16px}.picker-filters{flex-direction:column;padding:10px 14px}.picker-item{padding:10px 14px}.picker-item-tags{flex-direction:column;align-items:flex-end;gap:3px}.targeting-section{border-radius:8px}.targeting-rows{flex-direction:column}.targeting-row{border-right:none;border-bottom:1px solid rgba(255,255,255,.05);min-height:unset}.targeting-row:last-child{border-bottom:none}}.clients-container{padding:32px;background:var(--bg-dark);color:#fff;min-height:100%}@media (max-width: 768px){.clients-container{padding:16px}.clients-header{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:20px}.header-search{margin:0!important;max-width:100%!important;width:100%;order:3}.header-actions{width:100%;flex-direction:row;gap:10px;order:2}.header-actions button{flex:1;font-size:12px;padding:8px}.clients-grid{overflow-x:hidden}.clients-table,.clients-table thead,.clients-table tbody,.clients-table th,.clients-table td,.clients-table tr{display:block;width:100%}.clients-table thead{display:none}.clients-table tr{background:#0f172a;border:1px solid rgba(255,255,255,.05);border-radius:12px;margin-bottom:10px;padding:12px 14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.clients-table td{padding:0;border:none;height:auto}.clients-table td:nth-child(1){width:25px;order:1}.clients-table td:nth-child(2){flex:1.5;order:2;font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clients-table td:nth-child(3){flex:1.5;order:3;text-align:center;color:#3b82f6;font-size:11px;font-weight:600}.clients-table td:nth-child(4){flex:1;order:4;text-align:right;font-size:10px;color:#fff!important;opacity:1!important}.clients-table td:nth-child(5){width:100%;order:5;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:center}.client-actions{display:flex;gap:15px;justify-content:center}.edit-btn,.delete-btn{width:38px;height:38px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:all .2s}.edit-btn:active,.delete-btn:active{background:#ffffff1a;transform:scale(.92)}}.select-all-btn{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.select-all-btn:hover{background:#3b82f633;border-color:#3b82f6}.header-delete-btn{padding:8px 16px!important;border-radius:8px!important;background:#ef44441a!important;border:1px solid rgba(239,68,68,.3)!important;font-weight:600!important}.clients-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.clients-header h2{font-size:24px;margin:0;font-weight:600;letter-spacing:1px}.clients-subtitle{color:#ffffff80;font-size:14px;margin-top:4px}.add-client-btn{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.add-client-btn:hover{background:#2563eb;transform:translateY(-1px)}.clients-content{background:#ffffff08;border:1px border-white;border-radius:12px;overflow:hidden}.clients-table{width:100%;border-collapse:collapse;text-align:left}.clients-table th{padding:16px;color:#fff6;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px border-white}.clients-table td{padding:16px;border-bottom:1px border-white;font-size:14px}.client-name-cell{display:flex;align-items:center;gap:12px}.client-actions{display:flex;gap:12px}.edit-btn{background:transparent;color:#3b82f6;border:1px solid rgba(59,130,246,.2);padding:6px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:32px}.edit-btn:hover{background:#3b82f61a;border-color:#3b82f6}.delete-btn{background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.2);padding:6px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:32px}.delete-btn:hover{background:#ef44441a;border-color:#ef4444}.clients-loading,.no-clients{padding:48px;text-align:center;color:#fff6}.client-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6;opacity:.7}.client-checkbox:hover{opacity:1}.selected-row{background:#3b82f60d}.selected-row:hover{background:#3b82f61a!important}.date-cell{color:#fff!important;opacity:1!important}.bulk-actions-container{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;margin:0 32px 24px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px}.bulk-actions-left{display:flex;align-items:center;gap:12px}.selection-info{font-size:13px;color:#fff6;font-weight:500}@media (max-width: 768px){.bulk-actions-container{margin:0 16px 16px;padding:10px;flex-direction:column;gap:10px;align-items:flex-start}.bulk-actions-left{width:100%;justify-content:space-between}.selection-info{width:100%;text-align:center;font-size:11px;padding-top:5px;border-top:1px solid rgba(255,255,255,.03)}}.templates-container{display:flex;flex-direction:column;padding:30px;background:#0f0f1a;min-height:100vh;color:#fff;font-family:Outfit,sans-serif}@media (max-width: 768px){.templates-container{padding:16px}.templates-header{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:20px}.templates-header h1{font-size:22px}.header-actions{width:100%;flex-direction:column;align-items:stretch!important}.header-actions>div{width:100%;align-items:stretch!important}.header-actions button,.back-btn{flex:1;font-size:12px;padding:10px;width:100%}.templates-filters .search-box{max-width:100%}.templates-list-wrapper{background:transparent;border:none;max-height:none;overflow:visible}.mobile-info-label{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;color:#ffffff40;margin-right:6px;letter-spacing:.05em}.templates-table,.templates-table thead,.templates-table tbody,.templates-table th,.templates-table td,.templates-table tr{display:block;width:100%}.templates-table thead{display:none}.templates-table tr{background:#0f172a;border:1px solid rgba(255,255,255,.05);border-radius:12px;margin-bottom:10px;padding:12px 14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.templates-table td{padding:0;border:none;height:auto;text-align:left!important}.templates-table td:nth-child(1){width:30px;order:1;padding-left:0!important}.templates-table td:nth-child(2){flex:1;order:2;font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:0!important;min-width:0}.templates-table td:nth-child(3){order:3;margin-left:8px}.templates-table td:nth-child(4){order:4;font-size:10px;color:#3b82f6;font-weight:700;margin-left:8px;display:flex;align-items:center}.templates-table td:nth-child(4) .mobile-info-label{display:none}.templates-table td:nth-child(6){order:5;font-size:10px;color:#fff;margin-left:8px;display:flex;align-items:center}.templates-table td:nth-child(6) .mobile-info-label{display:none}.templates-table td:nth-child(5){order:6;width:100%;margin-top:15px;display:flex;justify-content:center}.view-content-btn{width:fit-content;min-width:160px;padding:10px 24px;font-size:13px}.templates-table td:nth-child(7){width:100%;order:7;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:center;gap:20px;padding-right:0!important}.status-pill{padding:2px 8px;font-size:9px}.edit-item-btn-table,.delete-item-btn-table{width:38px;height:38px}.view-content-btn{width:100%;padding:8px;text-align:center}}.mobile-info-label{display:none}.select-all-btn{transition:all .2s}.select-all-btn:hover{filter:brightness(1.2)}.bulk-delete-btn{background:#f44!important;color:#fff!important;border:none!important;font-weight:700!important;transition:all .2s}.bulk-delete-btn:hover{background:#c00!important;transform:translateY(-1px)}.templates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.templates-header h1,.templates-header h2.section-main-title{font-size:28px;font-weight:700;margin:0;color:#fff}.templates-header p,.templates-header p.section-subtitle{color:#888;margin:6px 0 0;font-size:15px}.header-title-section{flex:1}.action-buttons-row{display:flex;gap:12px;align-items:center}.sync-pulse-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;display:inline-block;box-shadow:0 0 6px #22c55e;animation:pulse-dot 2s infinite}.sync-timer-text{font-size:11px;color:#64748b}.auto-sync-status{display:flex;align-items:center;gap:8px;margin-top:8px;justify-content:flex-end}.desktop-only{display:inline-flex}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:inline-flex}.action-buttons-row{width:100%;display:flex;gap:8px;justify-content:stretch}.action-buttons-row button{flex:1}.auto-sync-status{justify-content:center;width:100%;background:#ffffff05;padding:6px;border-radius:8px}}.header-actions{display:flex;flex-direction:column;align-items:flex-end}.sync-btn,.create-btn,.back-btn{padding:10px 18px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.sync-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff}.sync-btn:hover{background:#ffffff1a}.create-btn{background:#25d366;border:none;color:#fff}.create-btn:hover{background:#1ebc5a;transform:translateY(-2px)}.back-btn{background:#1a1a2e;border:1px solid #2a2a4a;color:#888}.back-btn:hover{color:#fff;border-color:#3b82f6}.templates-filters{margin-bottom:24px}.search-box{position:relative;max-width:400px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#555;font-size:18px}.search-box input{width:100%;background:#16162a;border:1px solid #2a2a4a;border-radius:12px;padding:12px 12px 12px 40px;color:#fff;font-size:14px;outline:none}.templates-list-wrapper{background:#16162a;border-radius:16px;border:1px solid #2a2a4a;overflow-y:auto;max-height:calc(100vh - 200px)}.templates-table{width:100%;border-collapse:collapse;font-size:14px}.selected-row{background:#3b82f60d!important}.selected-row td{border-bottom:1px solid rgba(59,130,246,.2)!important}.templates-table th{text-align:center;padding:16px 20px;background:#1a1a2e;color:#888;font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.1em;border-bottom:1px solid #2a2a4a}.templates-table th:first-child,.templates-table td:first-child{width:60px;padding:16px 0 16px 20px;text-align:center}.templates-table th:nth-child(2){width:25%;text-align:left;padding-left:10px}.templates-table th:nth-child(3){width:12%}.templates-table th:nth-child(4){width:10%}.templates-table th:nth-child(5){width:12%}.templates-table th:nth-child(6){width:15%}.templates-table th:nth-child(7){width:15%;padding-right:20px}.templates-table td:nth-child(2){text-align:left;padding-left:10px}.template-name-cell strong{color:#fff;font-size:15px}.status-pill{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase}.status-approved{background:#25d3661a;color:#25d366}.status-pending{background:#ffb8001a;color:#ffb800}.status-rejected{background:#ff44441a;color:#f44}.view-content-btn{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3);padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.view-content-btn:hover{background:#3b82f6;color:#fff}.tem-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:100000;padding:20px}.view-template-modal{background:#11111e;border:1px solid rgba(255,255,255,.15);border-radius:24px;width:100%;max-width:480px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 60px #000c;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;background:#ffffff05}.modal-header h3{margin:0;font-size:17px;color:#fff;font-weight:600}.modal-header h3 span{color:#3b82f6;margin-left:8px}.modal-body{padding:24px;overflow-y:auto;flex:1}.template-preview-card{background:#1a1a2e;border-radius:14px;padding:20px;margin-bottom:20px;border:1px solid rgba(255,255,255,.05);line-height:1.6}.preview-header{font-size:14px;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px;margin-bottom:12px}.preview-content{font-size:15px;color:#e2e8f0;white-space:pre-wrap}.preview-footer{margin-top:12px;font-size:12px;color:#64748b;border-top:1px solid rgba(255,255,255,.05);padding-top:8px}.preview-buttons{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.btn-tag{background:#3b82f61a;color:#3b82f6;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase}.template-meta{display:grid;grid-template-cols:1fr 1fr;gap:12px;background:#ffffff05;padding:16px;border-radius:12px}.template-meta div{font-size:12px;color:#94a3b8}.template-meta strong{color:#cbd5e1;display:block;margin-bottom:2px}.close-btn{background:none;border:none;color:#64748b;font-size:28px;cursor:pointer;line-height:1}.close-btn:hover{color:#fff}.loading-state{padding:60px;text-align:center;color:#666}.delete-item-btn-table,.edit-item-btn-table{background:transparent;border:none;cursor:pointer;opacity:.9;transition:all .2s;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center}.delete-item-btn-table{font-size:18px;background:#ff44441a;border:1px solid rgba(255,68,68,.2)}.edit-item-btn-table{font-size:16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2)}.delete-item-btn-table:hover{opacity:1;background:#f443;border-color:#ff444480;transform:scale(1.1)}.edit-item-btn-table:hover{opacity:1;background:#3b82f633;border-color:#3b82f680;transform:scale(1.1)}.delete-confirm-modal{background:#0f0f1a;border:1px solid rgba(255,68,68,.2);border-radius:20px;width:90%;max-width:400px;padding:30px;text-align:center;box-shadow:0 25px 50px -12px #00000080;animation:modal-pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-pop{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:translateY(0)}}.delete-confirm-modal .modal-icon{font-size:48px;margin-bottom:20px}.delete-confirm-modal h3{color:#fff;font-size:20px;margin-bottom:12px}.delete-confirm-modal p{color:#888;font-size:14px;margin-bottom:25px;line-height:1.5}.delete-confirm-modal .modal-actions{display:flex;gap:12px}.delete-confirm-modal .cancel-btn{flex:1;background:#1a1a2e;border:1px solid #2a2a4a;color:#fff;padding:12px;border-radius:12px;font-weight:600;cursor:pointer}.delete-confirm-modal .confirm-delete-btn{flex:1.5;background:linear-gradient(135deg,#f44,#c00);border:none;color:#fff;padding:12px;border-radius:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #f443}.delete-confirm-modal .confirm-delete-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.delete-confirm-modal .confirm-delete-btn:disabled{background:#333;color:#666;cursor:not-allowed;box-shadow:none;transform:none}.auto-sync-status{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b}@media (max-width: 768px){.auto-sync-status{width:100%;justify-content:center;margin-top:10px;padding:8px;background:#ffffff05;border-radius:8px}.last-sync-time{display:none}}@keyframes pulse-dot{0%{opacity:1;transform:scale(1);box-shadow:0 0 #22c55eb3}50%{opacity:.8;transform:scale(1.1);box-shadow:0 0 0 6px #22c55e00}to{opacity:1;transform:scale(1);box-shadow:0 0 #22c55e00}}:root{--primary: #3b82f6;--primary-dark: #1d4ed8;--primary-light: #93c5fd;--bg-dark: #000;--card-bg: rgba(255, 255, 255, .025);--border-light: rgba(59, 130, 246, .12);--text-main: #ffffff;--text-muted: rgba(255, 255, 255, .5);--text-dim: rgba(255, 255, 255, .3)}.app-wrapper{width:100vw;min-height:100vh;margin:0;background-color:var(--bg-dark);color:var(--text-main);display:flex;flex-direction:column}@media (max-width: 768px){.app-wrapper{min-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}}.sans{font-family:Inter,sans-serif}.gradient-text{background:linear-gradient(135deg,#93c5fd,#3b82f6,#1d4ed8 80%,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-link{font-family:Inter,sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);cursor:pointer;transition:color .3s;background:none;border:none}.nav-link:hover{color:#93c5fd}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-400:oklch(70.4% .191 22.216);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-bold:700;--font-weight-black:900;--tracking-widest:.1em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.z-50{z-index:50}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mt-1{margin-top:calc(var(--spacing) * 1)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-5{height:calc(var(--spacing) * 5)}.h-10{height:calc(var(--spacing) * 10)}.h-20{height:calc(var(--spacing) * 20)}.w-6{width:calc(var(--spacing) * 6)}.w-10{width:calc(var(--spacing) * 10)}.w-auto{width:auto}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-blue-400{border-color:var(--color-blue-400)}.border-blue-400\/20{border-color:#54a2ff33}@supports (color:color-mix(in lab,red,red)){.border-blue-400\/20{border-color:color-mix(in oklab,var(--color-blue-400) 20%,transparent)}}.border-white{border-color:var(--color-white)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/10{background-color:color-mix(in oklab,var(--color-blue-500) 10%,transparent)}}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:calc(var(--spacing) * 1)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.leading-none{--tw-leading:1;line-height:1}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.tracking-\[2px\]{--tw-tracking:2px;letter-spacing:2px}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.\!text-blue-300{color:var(--color-blue-300)!important}.\!text-white{color:var(--color-white)!important}.text-blue-300\/80{color:#90c5ffcc}@supports (color:color-mix(in lab,red,red)){.text-blue-300\/80{color:color-mix(in oklab,var(--color-blue-300) 80%,transparent)}}.text-white{color:var(--color-white)}.text-white\/30{color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.text-white\/30{color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.hover\:\!text-blue-300:hover{color:var(--color-blue-300)!important}.hover\:text-red-400:hover{color:var(--color-red-400)}}@media (min-width:40rem){.sm\:flex{display:flex}}@media (min-width:48rem){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:gap-3{gap:calc(var(--spacing) * 3)}.md\:gap-6{gap:calc(var(--spacing) * 6)}.md\:gap-8{gap:calc(var(--spacing) * 8)}.md\:px-4{padding-inline:calc(var(--spacing) * 4)}.md\:px-12{padding-inline:calc(var(--spacing) * 12)}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-\[10px\]{font-size:10px}.md\:tracking-\[3px\]{--tw-tracking:3px;letter-spacing:3px}}}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{margin:0;padding:0}#root{width:100vw;height:100vh;margin:0;padding:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}