.phone-preview-overlay{--phone-scale: 1;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:var(--chat-z-modal, 1001);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:phone-preview-fade-in .2s ease}@media (max-height: 783px){.phone-preview-overlay{--phone-scale: .9}}@media (max-height: 700px){.phone-preview-overlay{--phone-scale: .8}}@media (max-height: 600px){.phone-preview-overlay{--phone-scale: .68}}@keyframes phone-preview-fade-in{0%{opacity:0}to{opacity:1}}.phone-preview-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);animation:phone-preview-slide-up .25s ease}@keyframes phone-preview-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.phone-preview-overlay .phone-frame{position:relative;width:399px;height:691px;background:#0a0a0a;border-radius:44px;padding:12px;box-shadow:0 0 0 1px #2a2a2a,0 0 0 2px #1a1a1a,0 30px 80px #000000b3;flex-shrink:0;transform:scale(var(--phone-scale));transform-origin:center center;margin:calc((var(--phone-scale) - 1) * 691px / 2) calc((var(--phone-scale) - 1) * 399px / 2)}.phone-preview-overlay .phone-frame:before{content:"";position:absolute;left:-3px;top:100px;width:3px;height:32px;background:#1e1e1e;border-radius:2px 0 0 2px;box-shadow:0 44px #1e1e1e,0 88px #1e1e1e}.phone-preview-overlay .phone-frame:after{content:"";position:absolute;right:-3px;top:140px;width:3px;height:56px;background:#1e1e1e;border-radius:0 2px 2px 0}.phone-preview-overlay .phone-frame__screen{width:100%;height:100%;background:#000;border-radius:34px;overflow:hidden;position:relative;pointer-events:auto}.phone-preview-close{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-secondary, #a0a0a0);padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill, 20px);font-size:var(--font-sm, 13px);cursor:pointer;transition:var(--transition-fast, all .15s ease)}.phone-preview-close:hover{border-color:#fff6;color:var(--text, #fff)}.phone-preview-overlay .phone-frame__loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary, #a0a0a0);font-size:var(--font-sm, 13px)}.phone-preview-overlay .phone-frame__empty{width:100%;height:100%;background:#000}.chat-view{--chat-max-width: 500px;--chat-border-radius: 16px;--chat-header-padding: 10px 16px;--chat-messages-padding: 8px 16px 16px;--chat-input-padding: 10px 8px;--chat-font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--chat-message-font-size: 17px;--chat-message-line-height: 1.4;--chat-time-font-size: 12px;--chat-header-name-size: 18px;--chat-header-status-size: 14px;--chat-bubble-radius: 8px;--chat-bubble-padding: 6px 8px 6px 9px;--chat-bubble-max-width: 80%;--chat-bubble-shadow: 0 1px .5px rgba(0, 0, 0, .13);--chat-input-height: 42px;--chat-input-radius: 24px;--chat-input-font-size: 15px;--chat-send-btn-size: 36px;--chat-avatar-size: 40px;--chat-avatar-radius: 50%;--chat-statusbar-height: 24px;--chat-statusbar-font-size: 14px;--chat-statusbar-font-weight: 600;--chat-transition: .2s ease;--chat-transition-fast: .15s ease;--chat-z-header: 10;--chat-z-input: 10;--chat-z-statusbar: 9999;--chat-z-overlay: 100;--chat-z-menu: 200;--chat-bg: #efeae2;--chat-bg-pattern: url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' patternUnits='userSpaceOnUse' width='20' height='20'%3E%3Cpath d='M0 0h20v20H0z' fill='%23d9d2c5' fill-opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23a)'/%3E%3C/svg%3E");--chat-header-bg: #008069;--chat-header-text: #ffffff;--chat-bubble-out-bg: #d9fdd3;--chat-bubble-out-text: #111b21;--chat-bubble-in-bg: #ffffff;--chat-bubble-in-text: #111b21;--chat-text-primary: #111b21;--chat-text-secondary: #667781;--chat-text-placeholder: #667781;--chat-tick-gray: #8696a0;--chat-tick-blue: #53bdeb;--chat-input-bg: #ffffff;--chat-input-border: #d1d7db;--chat-input-icon-color: #54656f;--chat-online-color: #25d366;--chat-recording-color: #ff3b30;--chat-avatar-bg: #dfe5e7;--chat-date-separator-bg: rgba(255, 255, 255, .9);--chat-date-separator-text: #54656f;--chat-audio-play-btn-out: #008069;--chat-audio-play-btn-in: #008069;--chat-audio-bar-out: rgba(0, 80, 70, .3);--chat-audio-bar-out-active: #008069;--chat-audio-bar-in: rgba(0, 0, 0, .2);--chat-audio-bar-in-active: #008069;--chat-audio-time-out: rgba(0, 80, 70, .7);--chat-audio-time-in: rgba(0, 0, 0, .5)}.chat-view.font-small{--chat-message-font-size: 15px;--chat-message-line-height: 1.35;--chat-time-font-size: 11px;--chat-header-name-size: 16px;--chat-header-status-size: 12px}.chat-view.font-medium{--chat-message-font-size: 17px;--chat-message-line-height: 1.4;--chat-time-font-size: 12px;--chat-header-name-size: 18px;--chat-header-status-size: 14px}.chat-view.font-large{--chat-message-font-size: 20px;--chat-message-line-height: 1.45;--chat-time-font-size: 13px;--chat-header-name-size: 21px;--chat-header-status-size: 15px}.chat-view.font-xlarge{--chat-message-font-size: 24px;--chat-message-line-height: 1.5;--chat-time-font-size: 14px;--chat-header-name-size: 24px;--chat-header-status-size: 16px}.chat-view.theme-night{--chat-bg: #0b141a;--chat-bg-pattern: url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' patternUnits='userSpaceOnUse' width='20' height='20'%3E%3Cpath d='M0 0h20v20H0z' fill='%23111b21' fill-opacity='.4'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23a)'/%3E%3C/svg%3E");--chat-header-bg: #202c33;--chat-header-text: #e9edef;--chat-bubble-out-bg: #005c4b;--chat-bubble-out-text: #e9edef;--chat-bubble-in-bg: #1a252c;--chat-bubble-in-text: #e9edef;--chat-text-primary: #e9edef;--chat-text-secondary: #8696a0;--chat-input-bg: #2a3942;--chat-input-border: #3b4a54;--chat-input-icon-color: #8696a0;--chat-date-separator-bg: #182229;--chat-date-separator-text: #8696a0}.chat-view.color-green{--chat-header-bg: #008069;--chat-bubble-out-bg: #d9fdd3;--chat-bubble-out-text: #111b21;--chat-online-color: #25d366;--chat-audio-play-btn-out: #008069;--chat-audio-play-btn-in: #008069;--chat-audio-bar-out: rgba(0, 80, 70, .3);--chat-audio-bar-out-active: #008069;--chat-audio-bar-in: rgba(0, 0, 0, .2);--chat-audio-bar-in-active: #008069;--chat-audio-time-out: rgba(0, 80, 70, .7);--chat-audio-time-in: rgba(0, 0, 0, .5)}.chat-view.theme-night.color-green{--chat-header-bg: #202c33;--chat-bubble-out-bg: #005c4b;--chat-bubble-out-text: #e9edef;--chat-online-color: #25d366;--chat-audio-play-btn-out: rgba(255, 255, 255, .25);--chat-audio-play-btn-in: #00a884;--chat-audio-bar-out: rgba(255, 255, 255, .3);--chat-audio-bar-out-active: rgba(255, 255, 255, .9);--chat-audio-bar-in: rgba(255, 255, 255, .2);--chat-audio-bar-in-active: #00a884;--chat-audio-time-out: rgba(255, 255, 255, .7);--chat-audio-time-in: rgba(255, 255, 255, .6)}.chat-view.color-blue{--chat-header-bg: #0088cc;--chat-bubble-out-bg: #cce5ff;--chat-bubble-out-text: #111b21;--chat-online-color: #00b4d8;--chat-audio-play-btn-out: #0077b6;--chat-audio-play-btn-in: #0088cc;--chat-audio-bar-out: rgba(0, 100, 150, .3);--chat-audio-bar-out-active: #0088cc;--chat-audio-bar-in: rgba(0, 0, 0, .2);--chat-audio-bar-in-active: #0088cc;--chat-audio-time-out: rgba(0, 100, 150, .7);--chat-audio-time-in: rgba(0, 0, 0, .5)}.chat-view.theme-night.color-blue{--chat-header-bg: #1a3a4a;--chat-bubble-out-bg: #0077b6;--chat-bubble-out-text: #e9edef;--chat-online-color: #00b4d8;--chat-audio-play-btn-out: rgba(255, 255, 255, .25);--chat-audio-play-btn-in: #00b4d8;--chat-audio-bar-out: rgba(255, 255, 255, .3);--chat-audio-bar-out-active: rgba(255, 255, 255, .9);--chat-audio-bar-in: rgba(255, 255, 255, .2);--chat-audio-bar-in-active: #00b4d8;--chat-audio-time-out: rgba(255, 255, 255, .7);--chat-audio-time-in: rgba(255, 255, 255, .6)}.chat-view.color-purple{--chat-header-bg: #7c3aed;--chat-bubble-out-bg: #6d28d9;--chat-bubble-out-text: #ffffff;--chat-online-color: #a78bfa;--chat-audio-play-btn-out: rgba(255, 255, 255, .3);--chat-audio-play-btn-in: #7c3aed;--chat-audio-bar-out: rgba(255, 255, 255, .4);--chat-audio-bar-out-active: rgba(255, 255, 255, .9);--chat-audio-bar-in: rgba(0, 0, 0, .2);--chat-audio-bar-in-active: #7c3aed;--chat-audio-time-out: rgba(255, 255, 255, .8);--chat-audio-time-in: rgba(0, 0, 0, .5)}.chat-view.theme-night.color-purple{--chat-header-bg: #7e22ce;--chat-bubble-out-bg: #5b21b6;--chat-bubble-out-text: #ffffff;--chat-online-color: #a78bfa;--chat-audio-play-btn-out: rgba(255, 255, 255, .25);--chat-audio-play-btn-in: #a78bfa;--chat-audio-bar-out: rgba(255, 255, 255, .3);--chat-audio-bar-out-active: rgba(255, 255, 255, .9);--chat-audio-bar-in: rgba(255, 255, 255, .2);--chat-audio-bar-in-active: #a78bfa;--chat-audio-time-out: rgba(255, 255, 255, .7);--chat-audio-time-in: rgba(255, 255, 255, .6)}.chat-view{display:flex;flex-direction:column;height:100%;width:100%;max-width:var(--chat-max-width, 500px);margin:0 auto;font-family:var(--chat-font-family);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.chat-view.mode-slave.appearance-generic,.chat-view.mode-slave.appearance-imessage{height:100vh;height:100dvh;height:var(--vvh, 100dvh);position:fixed;top:var(--vv-offset-top, 0);left:0;right:0;margin-left:auto;margin-right:auto;overflow:hidden;touch-action:none;will-change:height,top;border-radius:0}.chat-view.appearance-generic{display:flex;flex-direction:column;height:100%;width:100%;max-width:var(--chat-max-width);margin:0 auto;background-color:var(--chat-bg);background-image:var(--chat-bg-pattern);border-radius:var(--chat-border-radius);overflow:hidden;font-family:var(--chat-font-family)}.chat-view.appearance-generic.has-custom-bg{background-image:none}.chat-view.appearance-generic .chat-statusbar{display:flex;align-items:center;justify-content:space-between;padding:8px 26px;background-color:var(--chat-header-bg);font-size:16px;font-weight:var(--chat-statusbar-font-weight);color:var(--chat-header-text);border-radius:var(--chat-border-radius) var(--chat-border-radius) 0 0}.chat-view.appearance-generic .chat-statusbar-left{flex:1;display:flex;align-items:center}.chat-view.appearance-generic .chat-statusbar-center{flex:1}.chat-view.appearance-generic .chat-statusbar-right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:7px}.chat-view.appearance-generic .chat-statusbar-battery{display:flex;align-items:center;gap:0px}.chat-view.appearance-generic .chat-statusbar-battery-body{width:22px;height:10px;border:1.5px solid currentColor;border-radius:2px;position:relative;overflow:hidden}.chat-view.appearance-generic .chat-statusbar-battery-level{position:absolute;top:1px;left:1px;right:1px;bottom:1px;border-radius:1px;transform-origin:left center}.chat-view.appearance-generic .chat-statusbar-battery-tip{width:2px;height:5px;border-radius:0 1px 1px 0}.chat-view.appearance-generic .chat-header{display:flex;flex-direction:row;align-items:center;padding:var(--chat-header-padding);background-color:var(--chat-header-bg);color:var(--chat-header-text);gap:12px;flex-shrink:0;z-index:var(--chat-z-header)}@supports (padding-top: env(safe-area-inset-top)){.chat-view.mode-slave:not(.is-native-app).appearance-generic .chat-header{padding-top:calc(10px + env(safe-area-inset-top))}}.chat-view.appearance-generic .chat-statusbar+.chat-header{border-radius:0}.chat-view.appearance-generic .chat-header-back{display:flex;align-items:center;justify-content:center;color:var(--chat-header-text);width:28px;height:28px;flex-shrink:0;background:none;border:none;padding:0;cursor:pointer}.chat-view.appearance-generic .chat-header-back svg{width:24px;height:24px}.chat-view.appearance-generic .chat-header-avatar{width:var(--chat-avatar-size);height:var(--chat-avatar-size);border-radius:var(--chat-avatar-radius);background-color:var(--chat-avatar-bg);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;overflow:hidden}.chat-view.appearance-generic .chat-header-avatar img{width:100%;height:100%;object-fit:cover}.chat-view.appearance-generic .chat-header-info{flex:1;min-width:0}.chat-view.appearance-generic .chat-header-name{font-size:var(--chat-header-name-size);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-view.appearance-generic .chat-header-status{font-size:var(--chat-header-status-size);opacity:.85}.chat-view.appearance-generic .chat-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.chat-view.appearance-generic .chat-header-action-btn{background:none;border:none;color:var(--chat-header-text);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;opacity:.9}.chat-view.appearance-generic .chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding:var(--chat-messages-padding);display:flex;flex-direction:column;gap:2px;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;background-color:var(--chat-bg);background-image:var(--chat-bg-pattern)}.chat-view.appearance-generic .chat-messages::-webkit-scrollbar{display:none}.chat-view.appearance-generic .chat-messages:before{content:"";flex:1;min-height:20px}.chat-view.appearance-generic .chat-messages.has-custom-bg{background-image:none;background-size:cover;background-position:center;background-repeat:no-repeat}.chat-view.appearance-generic .chat-date-separator{display:flex;justify-content:center;margin:12px 0}.chat-view.appearance-generic .chat-date-separator span{background-color:var(--chat-date-separator-bg);color:var(--chat-date-separator-text);font-size:12px;padding:6px 12px;border-radius:8px;box-shadow:var(--chat-bubble-shadow)}.chat-view.appearance-generic .chat-bubble-wrapper{display:flex;flex-direction:column;max-width:var(--chat-bubble-max-width)}.chat-view.appearance-generic .chat-bubble-wrapper.outgoing{align-self:flex-end;align-items:flex-end}.chat-view.appearance-generic .chat-bubble-wrapper.incoming{align-self:flex-start;align-items:flex-start}.chat-view.appearance-generic .chat-bubble-wrapper.audio-wrapper{width:var(--chat-bubble-max-width)}.chat-view.appearance-generic .chat-bubble{max-width:100%;padding:var(--chat-bubble-padding);border-radius:var(--chat-bubble-radius);position:relative;box-shadow:var(--chat-bubble-shadow);word-wrap:break-word}.chat-view.appearance-generic .chat-bubble.outgoing{background-color:var(--chat-bubble-out-bg);align-self:flex-end;border-radius:calc(var(--chat-bubble-radius) + 5px) calc(var(--chat-bubble-radius) + 5px) 0 calc(var(--chat-bubble-radius) + 5px)}.chat-view.appearance-generic .chat-bubble.incoming{background-color:var(--chat-bubble-in-bg);align-self:flex-start;border-radius:calc(var(--chat-bubble-radius) + 5px) calc(var(--chat-bubble-radius) + 5px) calc(var(--chat-bubble-radius) + 5px) 0}.chat-view.appearance-generic .chat-bubble-text{font-size:var(--chat-message-font-size);line-height:var(--chat-message-line-height);white-space:pre-wrap}.chat-view.appearance-generic .chat-bubble.outgoing .chat-bubble-text{color:var(--chat-bubble-out-text)}.chat-view.appearance-generic .chat-bubble.incoming .chat-bubble-text{color:var(--chat-bubble-in-text)}.chat-view.appearance-generic .chat-bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:3px;margin-top:2px;float:right;margin-left:8px}.chat-view.appearance-generic .chat-bubble-time{font-size:var(--chat-time-font-size);color:var(--chat-text-secondary)}.chat-view.appearance-generic .chat-bubble.outgoing .chat-bubble-time{color:var(--chat-bubble-out-text);opacity:.7}.chat-view.appearance-generic .chat-bubble-ticks{display:inline-flex;align-items:center;margin-left:4px;line-height:1;flex-shrink:0}.chat-view.appearance-generic .chat-bubble-ticks svg{width:18px;height:18px}.chat-view.appearance-generic .chat-bubble-ticks.gray{color:var(--chat-tick-gray)}.chat-view.appearance-generic .chat-bubble-ticks.blue{color:var(--chat-tick-blue)}.chat-view.appearance-generic .chat-bubble.audio{padding:6px 10px;width:100%}.chat-view.appearance-generic .chat-audio{display:flex;align-items:center;gap:10px;padding:0}.chat-view.appearance-generic .chat-audio-play-btn{width:40px;height:40px;border-radius:50%;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--chat-transition-fast)}.chat-view.appearance-generic .chat-audio-play-btn svg{width:20px;height:20px}.chat-view.appearance-generic .chat-audio-play-btn:active{transform:scale(.95)}.chat-view.appearance-generic .chat-bubble.outgoing .chat-audio-play-btn{background:var(--chat-audio-play-btn-out)}.chat-view.appearance-generic .chat-bubble.incoming .chat-audio-play-btn{background:var(--chat-audio-play-btn-in)}.chat-view.appearance-generic .chat-audio-waveform{flex:1;display:flex;align-items:center;min-width:0;overflow:hidden}.chat-view.appearance-generic .chat-audio-bars{display:flex;align-items:center;gap:2px;height:28px;flex:1;min-width:0}.chat-view.appearance-generic .chat-audio-bar{width:3px;min-height:4px;border-radius:2px;transition:background var(--chat-transition-fast);flex-shrink:0}.chat-view.appearance-generic .chat-bubble.outgoing .chat-audio-bar{background:var(--chat-audio-bar-out)}.chat-view.appearance-generic .chat-bubble.outgoing .chat-audio-bar.active{background:var(--chat-audio-bar-out-active)}.chat-view.appearance-generic .chat-bubble.incoming .chat-audio-bar{background:var(--chat-audio-bar-in)}.chat-view.appearance-generic .chat-bubble.incoming .chat-audio-bar.active{background:var(--chat-audio-bar-in-active)}.chat-view.appearance-generic .chat-audio-time{font-size:12px;flex-shrink:0;width:36px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.chat-view.appearance-generic .chat-bubble.outgoing .chat-audio-time{color:var(--chat-audio-time-out)}.chat-view.appearance-generic .chat-bubble.incoming .chat-audio-time{color:var(--chat-audio-time-in)}.chat-view.appearance-generic .chat-bubble.emoji-only{background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0 2px!important;display:flex;flex-direction:column}.chat-view.appearance-generic .chat-bubble.emoji-only .chat-bubble-text{line-height:1.2}.chat-view.appearance-generic .chat-bubble.emoji-only-1 .chat-bubble-text{font-size:4em}.chat-view.appearance-generic .chat-bubble.emoji-only-2 .chat-bubble-text{font-size:2.67em}.chat-view.appearance-generic .chat-bubble.emoji-only-3 .chat-bubble-text{font-size:2em}.chat-view.appearance-generic .chat-bubble.emoji-only .chat-bubble-meta{float:none;margin-left:0;margin-top:1px;align-self:flex-end;color:var(--chat-meta-color, #667781)}.chat-view.appearance-generic .chat-bubble.photo{padding:4px;max-width:280px}.chat-view.appearance-generic .chat-bubble.photo .photo-message{display:block;max-width:100%}.chat-view.appearance-generic .chat-typing{display:flex;align-items:center;gap:4px;padding:8px 12px;background-color:var(--chat-bubble-in-bg);border-radius:var(--chat-bubble-radius);align-self:flex-start;box-shadow:var(--chat-bubble-shadow)}.chat-view.appearance-generic .chat-typing-dot{width:8px;height:8px;background-color:var(--chat-tick-gray);border-radius:50%;animation:chat-typing-bounce 1.4s infinite ease-in-out both}.chat-view.appearance-generic .chat-typing-dot:nth-child(1){animation-delay:-.32s}.chat-view.appearance-generic .chat-typing-dot:nth-child(2){animation-delay:-.16s}@keyframes chat-typing-bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-view.appearance-generic .chat-input-area{display:flex;align-items:center;padding:var(--chat-input-padding);padding-bottom:max(10px,calc(env(safe-area-inset-bottom,0px)*.35));gap:4px;background-color:var(--chat-bg);flex-shrink:0;position:relative;z-index:var(--chat-z-input);touch-action:manipulation}.chat-view.is-native-app.appearance-generic .chat-input-area{padding-bottom:max(10px,env(safe-area-inset-bottom,0px))}.chat-view.appearance-generic .chat-input-icon-btn{width:36px;height:36px;border:none;background:none;color:var(--chat-input-icon-color);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.chat-view.appearance-generic .chat-input-icon-btn:active{opacity:.6}.chat-view.appearance-generic .chat-input-icon-btn:disabled{opacity:.4;cursor:not-allowed}.chat-view.appearance-generic .chat-input-icon-btn svg{width:24px;height:24px;stroke-width:1.5}.chat-view.appearance-generic .chat-input-wrapper{flex:1;min-width:0;display:flex;align-items:center;background-color:var(--chat-input-bg);border-radius:var(--chat-input-radius);padding:6px 8px 6px 16px;min-height:var(--chat-input-height);max-height:100px;position:relative;overflow:hidden}.chat-view.appearance-generic .chat-input-field{flex:1;min-width:0;border:none;outline:none;font-size:var(--chat-input-font-size);line-height:20px;max-height:80px;min-height:20px;resize:none;background:transparent;font-family:inherit;padding:0;margin:0;overflow-y:auto;color:var(--chat-text-primary)}.chat-view.appearance-generic .chat-input-field::placeholder{color:var(--chat-text-placeholder)}.chat-view.appearance-generic .chat-input-placeholder{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--chat-text-placeholder);font-size:var(--chat-input-font-size);line-height:20px}.chat-view.appearance-generic .chat-input-sticker-btn{background:none;border:none;color:var(--chat-input-icon-color);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:4px}.chat-view.appearance-generic .chat-input-sticker-btn svg{width:24px;height:24px}.chat-view.appearance-generic .chat-send-btn{width:var(--chat-send-btn-size);height:var(--chat-send-btn-size);border-radius:50%;border:none;background-color:var(--chat-header-bg);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-view.appearance-generic .chat-send-btn:disabled{background-color:#a0a0a0;cursor:not-allowed}.chat-view.appearance-generic .chat-send-btn:active:not(:disabled){transform:scale(.95)}.chat-view.appearance-generic .chat-send-btn svg{width:20px;height:20px}.chat-view.appearance-generic .mic-btn{touch-action:none}.chat-view.appearance-generic .chat-input-area.recording{background-color:var(--chat-bg);justify-content:space-between}.chat-view.appearance-generic .chat-input-area.recording.deleted{justify-content:center;background-color:#ffeded}.chat-view.appearance-generic .recording-deleted-feedback{display:flex;align-items:center;justify-content:center;color:#ea4335;animation:recording-deleted-fade .7s ease-out}.chat-view.appearance-generic .recording-deleted-feedback svg{width:32px;height:32px}@keyframes recording-deleted-fade{0%{opacity:0;transform:scale(.8)}30%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1)}}.chat-view.appearance-generic .recording-cancel-btn{width:40px;height:40px;border:none;background:none;color:#ea4335;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-view.appearance-generic .recording-cancel-btn svg{width:24px;height:24px}.chat-view.appearance-generic .recording-ui{flex:1;display:flex;align-items:center;gap:12px;transition:opacity .15s ease}.chat-view.appearance-generic .recording-ui.cancelling{opacity:.5}.chat-view.appearance-generic .recording-indicator{width:10px;height:10px;background-color:#ea4335;border-radius:50%;animation:recording-pulse 1s infinite;flex-shrink:0}@keyframes recording-pulse{0%,to{opacity:1}50%{opacity:.3}}.chat-view.appearance-generic .recording-time{font-size:15px;font-variant-numeric:tabular-nums;color:var(--chat-text-primary);min-width:60px}.chat-view.appearance-generic .recording-slide-hint{display:flex;align-items:center;gap:4px;color:var(--chat-text-secondary);font-size:13px}.chat-view.appearance-generic .recording-slide-hint svg{width:16px;height:16px;animation:recording-slide-arrow 1s infinite}@keyframes recording-slide-arrow{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}.chat-view.appearance-generic .mic-recording-btn{width:48px;height:48px;border-radius:50%;border:none;background-color:var(--chat-header-bg);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .15s ease}.chat-view.appearance-generic .mic-recording-btn svg{width:24px;height:24px}.chat-view.appearance-generic .mic-recording-btn.cancelling{background-color:#ea4335}.chat-view.appearance-generic .chat-input-wrapper textarea.chat-input{flex:1;border:none;outline:none;font-size:var(--chat-input-font-size);line-height:20px;max-height:80px;min-height:20px;resize:none;background:transparent;font-family:inherit;padding:0;margin:0;overflow-y:auto;color:var(--chat-text-primary)}.chat-view.appearance-generic .chat-input-wrapper textarea.chat-input::placeholder{color:var(--chat-text-placeholder)}.photo-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:100}.photo-picker-handle{display:flex;justify-content:center;align-items:center;padding:16px 0;cursor:grab;touch-action:none}.photo-picker-handle-bar{width:40px;height:5px;background:#666;border-radius:3px}.photo-slider-container{position:relative;background:#1a1a1a;border-top:1px solid #333;border-radius:12px 12px 0 0;padding:0 12px 12px;z-index:101;animation:slideUp .2s ease-out}.photo-slider{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0}.photo-slider::-webkit-scrollbar{display:none}.photo-slider-item{flex-shrink:0;width:100px;height:100px;border:none;padding:0;background:#333;cursor:pointer;border-radius:var(--radius-lg);overflow:hidden;scroll-snap-align:start;transition:transform .15s,opacity .15s}.photo-slider-item:active{transform:scale(.92);opacity:.8}.photo-slider-item img{width:100%;height:100%;object-fit:cover}.photo-slider-camera{display:flex;align-items:center;justify-content:center;background:var(--chat-header-bg, #008069);color:#fff}.photo-slider-camera svg{width:28px;height:28px}.photo-slider-camera:active{opacity:.8}.photo-slider-empty{flex-shrink:0;display:flex;align-items:center;padding:0 16px;color:#666;font-size:13px;white-space:nowrap}.photo-grid-container{position:relative;background:#1a1a1a;border-top:1px solid #333;border-radius:12px 12px 0 0;padding:0 12px 12px;max-height:320px;overflow-y:auto;z-index:101;animation:slideUp .2s ease-out}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.photo-grid-item{aspect-ratio:1;border:none;padding:0;background:#333;cursor:pointer;border-radius:var(--radius-lg);overflow:hidden;transition:transform .15s,opacity .15s}.photo-grid-item:active{transform:scale(.95);opacity:.8}.photo-grid-item img{width:100%;height:100%;object-fit:cover}.photo-grid-camera{display:flex;align-items:center;justify-content:center;background:var(--chat-header-bg, #008069);color:#fff}.photo-grid-camera svg{width:32px;height:32px}.photo-grid-camera:active{opacity:.8}.chat-view.appearance-generic .chat-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--chat-text-secondary);font-size:14px}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.chat-statusbar--hidden>*{visibility:hidden}.chat-view.appearance-imessage{--chat-bg: #ffffff;--chat-bg-pattern: none;--chat-header-bg: rgba(255, 255, 255, .75);--chat-statusbar-bg: rgba(255, 255, 255, .75);--chat-input-container-bg: rgba(255, 255, 255, .75);--chat-text-primary: #000000;--chat-text-secondary: #909093;--chat-text-placeholder: #C9C9CB;--chat-text-link: #007AFF;--chat-bubble-out-bg: #0078FF;--chat-bubble-out-text: #ffffff;--chat-bubble-in-bg: #E9E9EB;--chat-bubble-in-text: #000000;--chat-border-color: #E9E9EB;--chat-input-border: #E9E9EB;--chat-bubble-radius: 18px;--chat-bubble-tail-radius: 18px;--chat-input-radius: 17.5px;--chat-input-height: 35px;--chat-avatar-size: 50px;--chat-input-icon-plus: #909093;--chat-input-icon-mic: #A2A1A3}.chat-view.appearance-imessage.theme-night{--chat-bg: #000000;--chat-header-bg: rgba(28, 28, 30, .75);--chat-statusbar-bg: rgba(28, 28, 30, .75);--chat-input-container-bg: #000000;--chat-text-primary: #ffffff;--chat-text-secondary: #909093;--chat-text-placeholder: #636366;--chat-text-link: #0A84FF;--chat-bubble-out-bg: #0A84FF;--chat-bubble-out-text: #ffffff;--chat-bubble-in-bg: #26252A;--chat-bubble-in-text: #ffffff;--chat-border-color: #38383A;--chat-input-border: #38383A;--chat-input-icon-plus: #909093;--chat-input-icon-mic: #8E8E93}.chat-view.appearance-imessage{display:flex;flex-direction:column;height:100%;width:100%;max-width:var(--chat-max-width);margin:0 auto;background-color:var(--chat-bg);background-image:none;border-radius:var(--chat-border-radius);overflow:hidden;font-family:var(--chat-font-family);position:relative}.chat-view.appearance-imessage .chat-statusbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background-color:var(--chat-statusbar-bg);font-size:var(--chat-statusbar-font-size);font-weight:var(--chat-statusbar-font-weight);color:var(--chat-text-primary);border-radius:var(--chat-border-radius) var(--chat-border-radius) 0 0}.chat-view.appearance-imessage .chat-statusbar-left{flex:1;display:flex;align-items:center}.chat-view.appearance-imessage .chat-statusbar-center{flex:1}.chat-view.appearance-imessage .chat-statusbar-right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:5px}.chat-view.appearance-imessage .chat-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 16px 12px;background-color:var(--chat-header-bg);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:.5px solid var(--chat-border-color);position:relative;flex-shrink:0;z-index:var(--chat-z-header)}.chat-view.appearance-imessage .chat-statusbar+.chat-header{border-radius:0}.chat-view.appearance-imessage .chat-header-back{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--chat-text-link);width:28px;height:28px;background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.chat-view.appearance-imessage .chat-header-back svg{width:24px;height:24px;color:var(--chat-text-link)}.chat-view.appearance-imessage .chat-header-avatar{width:var(--chat-avatar-size);height:var(--chat-avatar-size);border-radius:50%;background-color:#8e8e93;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0;overflow:hidden;order:1}.chat-view.appearance-imessage .chat-header-avatar img{width:100%;height:100%;object-fit:cover}.chat-view.appearance-imessage .chat-header-info{text-align:center;order:2;flex:none}.chat-view.appearance-imessage .chat-header-name{font-size:15px;font-weight:600;color:var(--chat-text-primary)}.chat-view.appearance-imessage .chat-header-status{font-size:12px;color:var(--chat-text-secondary)}.chat-view.appearance-imessage .chat-header-actions{display:none}.chat-view.appearance-imessage .chat-messages{flex:1;overflow-y:auto;overflow-x:visible;scrollbar-width:none;padding:12px 20px;display:flex;flex-direction:column;gap:0;min-height:0;background-color:var(--chat-bg);background-image:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.chat-view.appearance-imessage .chat-messages::-webkit-scrollbar{display:none}.chat-view.appearance-imessage .chat-messages:before{content:"";flex:1;min-height:20px}.chat-view.appearance-imessage .chat-date-separator{display:flex;justify-content:center;margin:20px 0 12px}.chat-view.appearance-imessage .chat-date-separator span{background-color:transparent;color:#909093;font-size:12px;font-weight:400;padding:0;box-shadow:none;border-radius:0;letter-spacing:-.01em}.chat-view.appearance-imessage .chat-bubble-wrapper{display:flex;flex-direction:column;max-width:85%;margin-bottom:1px}.chat-view.appearance-imessage .chat-bubble-wrapper.outgoing{align-self:flex-end;align-items:flex-end}.chat-view.appearance-imessage .chat-bubble-wrapper.incoming{align-self:flex-start;align-items:flex-start}.chat-view.appearance-imessage .chat-bubble-wrapper.has-tail{margin-bottom:6px}.chat-view.appearance-imessage .chat-bubble-wrapper.audio-wrapper{width:80%;max-width:80%}.chat-view.appearance-imessage .chat-bubble{max-width:100%;padding:8px 12px;border-radius:var(--chat-bubble-radius);position:relative;box-shadow:none;word-wrap:break-word;overflow:visible}.chat-view.appearance-imessage .chat-bubble.outgoing{background-color:var(--chat-bubble-out-bg);margin-right:8px}.chat-view.appearance-imessage .chat-bubble.outgoing.has-tail{border-bottom-right-radius:var(--chat-bubble-tail-radius)}.chat-view.appearance-imessage .chat-bubble.incoming{background-color:var(--chat-bubble-in-bg);margin-left:8px}.chat-view.appearance-imessage .chat-bubble.incoming.has-tail{border-bottom-left-radius:var(--chat-bubble-tail-radius)}.chat-view.appearance-imessage .chat-bubble.incoming.has-tail:after{content:"";display:block;position:absolute;bottom:-1px;left:-5px;width:11px;height:17px;background-image:url("data:image/svg+xml,%3Csvg width='11' height='17' viewBox='0 0 11 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 10.5C4.49857 13.5086 1.66667 16.3333 0 17C6.4 17 10.5 14.8333 11 13.5L11 0H5V4.5C5 5.5 5 7.5 5 10.5Z' fill='%23E9E9EB'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.chat-view.appearance-imessage.theme-night .chat-bubble.incoming.has-tail:after{background-image:url("data:image/svg+xml,%3Csvg width='11' height='17' viewBox='0 0 11 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 10.5C4.49857 13.5086 1.66667 16.3333 0 17C6.4 17 10.5 14.8333 11 13.5L11 0H5V4.5C5 5.5 5 7.5 5 10.5Z' fill='%2326252A'/%3E%3C/svg%3E")}.chat-view.appearance-imessage .chat-bubble-tail-outgoing path{fill:var(--chat-bubble-out-bg)}.chat-view.appearance-imessage .chat-bubble-text{font-size:var(--chat-message-font-size);line-height:1.35;white-space:pre-wrap}.chat-view.appearance-imessage .chat-bubble.outgoing .chat-bubble-text{color:var(--chat-bubble-out-text)}.chat-view.appearance-imessage .chat-bubble.incoming .chat-bubble-text{color:var(--chat-bubble-in-text)}.chat-view.appearance-imessage .chat-bubble-meta,.chat-view.appearance-imessage .chat-bubble-time,.chat-view.appearance-imessage .chat-bubble-ticks{display:none}.chat-view.appearance-imessage .chat-imessage-status{font-size:11px;font-weight:500;line-height:125%;color:#909093;text-align:right;padding-right:6px;margin-top:3px}.chat-view.appearance-imessage .chat-bubble.audio{min-width:auto;padding:0 8px;width:100%;height:calc(2 * var(--chat-message-font-size) * var(--chat-message-line-height) + 16px);display:flex;align-items:center}.chat-view.appearance-imessage .chat-audio{display:flex;align-items:center;gap:6px;width:100%;justify-content:flex-start}.chat-view.appearance-imessage .chat-bubble.outgoing .chat-audio-play-btn{background-color:#fffffff2;color:#007aff;width:24px;height:24px;min-width:24px;max-width:24px;min-height:24px;max-height:24px;border-radius:50%;flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.chat-view.appearance-imessage .chat-bubble.outgoing .chat-audio-play-btn svg{width:20px;height:20px}.chat-view.appearance-imessage .chat-bubble.incoming .chat-audio-play-btn{background-color:#0000001a;color:#000;width:24px;height:24px;min-width:24px;max-width:24px;min-height:24px;max-height:24px;border-radius:50%;flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.chat-view.appearance-imessage .chat-bubble.incoming .chat-audio-play-btn svg{width:20px;height:20px}.chat-view.appearance-imessage .chat-audio-waveform{flex:1 1 auto;height:24px;overflow:visible;min-width:0}.chat-view.appearance-imessage .chat-audio-bars{display:flex;align-items:center;gap:2px;height:20px;overflow:visible;width:100%}.chat-view.appearance-imessage .chat-bubble.outgoing .chat-audio-bar{background-color:#ffffffe6;width:2px;flex-shrink:0;border-radius:1px}.chat-view.appearance-imessage .chat-bubble.incoming .chat-audio-bar{background-color:#0006;width:2px;flex-shrink:0;border-radius:1px}.chat-view.appearance-imessage.theme-night .chat-bubble.incoming .chat-audio-bar{background-color:#ffffff80}.chat-view.appearance-imessage.theme-night .chat-bubble.incoming .chat-audio-play-btn{background-color:#ffffff26;color:#fff}.chat-view.appearance-imessage .chat-audio-time{flex-shrink:0;width:40px;font-size:13px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.chat-view.appearance-imessage .chat-bubble.outgoing .chat-audio-time{color:#fff;padding-right:6px}.chat-view.appearance-imessage .chat-bubble.incoming .chat-audio-time{color:var(--chat-text-secondary);padding-right:6px;flex-shrink:0}.chat-view.appearance-imessage .chat-bubble.photo{padding:0;background:none!important;border-radius:0!important;overflow:visible;width:fit-content;-webkit-mask-image:none!important;mask-image:none!important;-webkit-mask-box-image:none!important;box-shadow:none!important}.chat-view.appearance-imessage .chat-bubble.photo.outgoing{margin-right:3px!important;margin-left:0!important}.chat-view.appearance-imessage .chat-bubble.photo.incoming{margin-left:3px!important;margin-right:0!important}.chat-view.appearance-imessage .chat-bubble.photo:before,.chat-view.appearance-imessage .chat-bubble.photo:after{display:none!important}.chat-view.appearance-imessage .chat-bubble-photo img{border-radius:0;display:block;width:100%}.chat-view.appearance-imessage .chat-bubble-wrapper{position:relative}.chat-view.appearance-imessage .chat-typing{display:flex;flex-direction:row;align-items:center;gap:4px;background-color:var(--chat-bubble-in-bg);border-radius:var(--chat-bubble-radius);border-bottom-left-radius:var(--chat-bubble-tail-radius);padding:10px 14px}.chat-view.appearance-imessage .chat-typing-dot{background-color:var(--chat-text-secondary);width:7px;height:7px;border-radius:50%;animation:chat-typing-bounce 1.4s infinite ease-in-out both}.chat-view.appearance-imessage .chat-typing-dot:nth-child(1){animation-delay:-.32s}.chat-view.appearance-imessage .chat-typing-dot:nth-child(2){animation-delay:-.16s}.chat-view.appearance-imessage .chat-input-area{display:flex;align-items:center;padding:8px 12px;gap:4px;background-color:var(--chat-input-container-bg);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-top:.5px solid var(--chat-border-color);flex-shrink:0;position:relative;z-index:var(--chat-z-input);touch-action:manipulation}.chat-view.appearance-imessage .chat-input-wrapper{flex:1;display:flex;align-items:center;background-color:#fff;border:1px solid var(--chat-input-border);border-radius:var(--chat-input-radius);padding:7px 12px;min-height:var(--chat-input-height);height:auto}.chat-view.appearance-imessage.theme-night .chat-input-wrapper{background-color:#000;border-color:#38383a}.chat-view.appearance-imessage .chat-input-placeholder{color:var(--chat-text-placeholder);font-size:17px;flex:1}.chat-view.appearance-imessage .chat-input-wrapper textarea.chat-input,.chat-view.appearance-imessage .chat-input-wrapper input.chat-input-field{flex:1;width:100%;border:none;outline:none;font-size:17px;line-height:20px;max-height:80px;min-height:20px;resize:none;background:transparent;font-family:inherit;padding:0;margin:0;overflow-y:auto;color:var(--chat-text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-text-fill-color:var(--chat-text-primary);opacity:1}.chat-view.appearance-imessage .chat-input-wrapper textarea.chat-input::placeholder,.chat-view.appearance-imessage .chat-input-wrapper input.chat-input-field::placeholder{color:var(--chat-text-placeholder);-webkit-text-fill-color:var(--chat-text-placeholder);opacity:1}.chat-view.appearance-imessage .chat-input-icon-btn{width:34px;height:34px;border:none;background:none;color:var(--chat-input-icon-plus);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.chat-view.appearance-imessage .chat-input-icon-btn.mic-btn{color:var(--chat-input-icon-mic)}.chat-view.appearance-imessage .chat-input-icon-btn:first-child{background-color:var(--chat-bubble-in-bg)!important;border-radius:50%!important;width:34px!important;height:34px!important}.chat-view.appearance-imessage .chat-input-icon-btn:first-child svg{width:20px!important;height:20px!important;stroke-width:2.5}.chat-view.appearance-imessage .chat-input-waveform-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:31px;height:31px;flex-shrink:0;margin:-5px -10px -5px 0}.chat-view.appearance-imessage .chat-input-waveform-btn svg{width:22px;height:22px}.chat-view.appearance-imessage .chat-input-waveform-btn.is-send svg{width:31px;height:31px}.chat-view.appearance-imessage .chat-input-area>.chat-input-icon-btn:not(:first-child):not(.mic-btn){display:none}.chat-view.appearance-imessage .chat-input-area.recording{background-color:#ffefef;border-top:none;padding:10px 16px}.chat-view.appearance-imessage .chat-recording-ui{background-color:transparent;padding:0;gap:12px}.chat-view.appearance-imessage .chat-recording-indicator{display:none}.chat-view.appearance-imessage .chat-recording-time{color:#ff3b30;font-size:17px;font-weight:400;order:2}.chat-view.appearance-imessage .chat-recording-slide-hint{display:none}.chat-view.appearance-imessage .chat-recording-btn{width:32px;height:32px;background-color:transparent;box-shadow:none;animation:none;color:#ff3b30;border:2px solid #FF3B30;border-radius:4px}.chat-view.appearance-imessage .chat-recording-btn svg{width:16px;height:16px}.chat-view.appearance-imessage .chat-recording-cancel-btn{width:32px;height:32px;background-color:#e5e5ea;color:#8e8e93;border-radius:50%}.chat-view.appearance-imessage .chat-recording-cancel-btn svg{width:14px;height:14px}.chat-view.appearance-imessage.font-small .chat-bubble-text{font-size:15px}.chat-view.appearance-imessage.font-medium .chat-bubble-text{font-size:17px}.chat-view.appearance-imessage.font-large .chat-bubble-text{font-size:19px}.chat-view.appearance-imessage.font-xlarge .chat-bubble-text{font-size:21px}.chat-view.appearance-imessage .chat-bubble.emoji-only.has-tail:after{display:none}.chat-view.appearance-imessage .chat-bubble.emoji-only{background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0 2px!important;display:flex;flex-direction:column}.chat-view.appearance-imessage .chat-bubble.emoji-only .chat-bubble-text{line-height:1.2}.chat-view.appearance-imessage .chat-bubble.emoji-only-1 .chat-bubble-text{font-size:4em}.chat-view.appearance-imessage .chat-bubble.emoji-only-2 .chat-bubble-text{font-size:2.67em}.chat-view.appearance-imessage .chat-bubble.emoji-only-3 .chat-bubble-text{font-size:2em}.photo-message{cursor:pointer;display:inline-block;border-radius:8px;overflow:hidden;max-width:260px}.photo-message .photo-thumbnail{width:100%;max-width:260px;border-radius:8px;display:block}.photo-message-custom{cursor:pointer;display:inline-block}.photo-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:#000;display:flex;flex-direction:column;touch-action:none;animation:photo-viewer-open .2s ease forwards}.photo-fullscreen.closing{animation:photo-viewer-close .2s ease forwards}@keyframes photo-viewer-open{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes photo-viewer-close{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.photo-viewer-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 8px;padding-top:max(12px,env(safe-area-inset-top));background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent)}.photo-header-btn{background:none;border:none;color:#fff;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;-webkit-tap-highlight-color:transparent}.photo-header-btn:active{background:#ffffff26}.photo-header-name{color:#fff;font-size:16px;font-weight:600;flex:1;text-align:center}.photo-fullscreen-content{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.photo-fullscreen-content img{max-width:100%;max-height:100%;object-fit:contain;display:block;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transform-origin:center center}.photo-fullscreen.immersive .photo-viewer-header{display:none}.maps-experience__iframe,.find-my-experience__iframe,.hang-ten-experience__iframe,.canva-experience__iframe{width:100%;height:100%;border:none;display:block}.custom-experience-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.custom-experience-content{position:absolute;top:0;right:0;bottom:0;left:0}.custom-statusbar-spacer-ios,.custom-statusbar-spacer-android{display:none}.custom-experience-wrapper--unknown{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:24px;text-align:center}.custom-statusbar-host{position:absolute;top:0;left:0;right:0;z-index:10;pointer-events:none}.custom-statusbar-host .chat-statusbar{display:flex;align-items:center;justify-content:space-between;padding:8px 26px;background:transparent;font-size:16px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);border-radius:0}.custom-statusbar-host--day .chat-statusbar{text-shadow:none}.custom-statusbar-host .chat-statusbar-left{flex:1;display:flex;align-items:center}.custom-statusbar-host .chat-statusbar-center{flex:1}.custom-statusbar-host .chat-statusbar-right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:7px}.custom-statusbar-host .chat-statusbar-battery{display:flex;align-items:center}.custom-statusbar-host .chat-statusbar-battery-body{width:22px;height:10px;border:1.5px solid #ffffff;border-radius:2px;position:relative;overflow:hidden}.custom-statusbar-host .chat-statusbar-battery-level{position:absolute;top:1px;left:1px;right:1px;bottom:1px;border-radius:1px;transform-origin:left center}.custom-statusbar-host .chat-statusbar-battery-tip{width:2px;height:5px;border-radius:0 1px 1px 0;background:#fff}.admin-content.live-control-page{padding-bottom:40px}.live-control-sticky-header{position:sticky;top:0;z-index:100;background:var(--bg);padding:12px 0 14px;border-bottom:1px solid var(--border);margin-bottom:20px}.live-control-header-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4, 16px);position:relative}.live-header-left{display:flex;flex-direction:column;gap:5px}.live-sequence-name{font-size:22px;font-weight:700;color:var(--text);margin:0;padding-left:2px}.live-header-title{font-size:22px;font-weight:700;color:var(--text);margin:0;position:absolute;left:50%;transform:translate(-50%);pointer-events:none}.fiction-time-display{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, 12px)}.fiction-time-value{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:.02em}.live-chat-container{display:flex;flex-direction:column;border-radius:var(--radius-2xl, 16px);width:375px;flex-shrink:0;height:667px;max-height:667px;box-shadow:var(--shadow-xl, 0 8px 32px rgba(0,0,0,.4));overflow:visible}.live-chat-container .chat-header{border-radius:var(--radius-2xl, 16px) var(--radius-2xl, 16px) 0 0;overflow:hidden}.live-chat-container .chat-messages{overflow-y:auto;overflow-x:visible;flex:1}.live-chat-container .chat-input-area{border-radius:0 0 var(--radius-2xl, 16px) var(--radius-2xl, 16px);overflow:visible}.chat-bubble-wrapper.with-status-control{position:relative}.message-status-control{display:flex;align-items:center;gap:var(--space-2, 8px);margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.status-current{display:flex;align-items:center;gap:4px;font-size:var(--font-xs);color:#8696a0;padding:2px 6px;background:#0003;border-radius:var(--radius-sm, 4px)}.status-current svg{width:12px;height:8px}.status-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;border:none;border-radius:var(--radius-sm, 4px);cursor:pointer;background:#0000004d;color:#8696a0;font-size:var(--font-xs);transition:all .15s ease}.status-btn:hover{background:#00000080}.status-btn.blue{color:#53bdeb}.status-btn.blue:hover{background:#53bdeb33}.status-btn svg{width:12px;height:8px}.status-legend{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.status-legend-item{display:flex;align-items:center;gap:var(--space-2, 8px);font-size:13px}.status-legend-item .gray{color:#8696a0}.status-legend-item .blue{color:#53bdeb}.status-legend-item svg{width:14px;height:10px}.message-audio-live{display:flex;align-items:center;gap:var(--space-2, 8px);min-width:180px;flex-wrap:wrap}.audio-icon-live{font-size:20px}.audio-duration-live{font-size:13px;color:#fffc}.audio-player-live{width:100%;height:32px;margin-top:4px}.message-photo-live{max-width:250px;border-radius:var(--radius-md, 6px);overflow:hidden}.message-photo-live img{width:100%;height:auto;display:block;max-height:300px;object-fit:cover}.message-bubble-media{padding:4px}.message-bubble-media .message-meta{padding:4px 4px 0}.sidebar-section{margin-top:var(--space-4, 16px);padding-top:14px;border-top:1px solid var(--border)}.sidebar-section:first-of-type{margin-top:0;padding-top:0;border-top:none}.sidebar-section-label{font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:var(--space-2, 8px)}.script-messages-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.script-message-btn{text-align:left;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-lg, 8px);background:var(--bg-elevated);color:var(--text);font-size:13px;cursor:pointer;transition:all .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.script-message-btn:hover:not(:disabled){background:var(--secondary);color:var(--bg);border-color:transparent}.script-message-btn:disabled{opacity:.5;cursor:not-allowed}.script-message-btn.sent{opacity:.45;cursor:default;background:var(--bg-elevated);border-color:var(--border);color:var(--text-secondary)}.script-message-btn.sending{background:#4ecdc426;border-color:var(--secondary);color:var(--secondary)}.script-sending-dots{display:inline-flex;align-items:center;gap:2px}.dots{animation:ellipsis 1.2s infinite}@keyframes ellipsis{0%,to{opacity:.3}50%{opacity:1}}.sidebar-photos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sidebar-photo-btn{position:relative;padding:0;border:2px solid transparent;border-radius:var(--radius-md, 6px);overflow:hidden;cursor:pointer;transition:border-color .15s ease;aspect-ratio:1;background:var(--bg-elevated)}.sidebar-photo-btn:hover:not(:disabled){border-color:var(--secondary)}.sidebar-photo-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-photo-btn.sending{border-color:var(--secondary);animation:pulse 1s infinite}.sidebar-photo-btn.sent{opacity:.45;cursor:default}.sidebar-photo-btn img{width:100%;height:100%;object-fit:cover;display:block}.sidebar-photo-btn .sent-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.sidebar-audio-list{display:flex;flex-direction:column;gap:6px}.sidebar-audio-btn{display:flex;align-items:center;gap:var(--space-2, 8px);padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-lg, 8px);background:var(--bg-elevated);color:var(--text);cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.sidebar-audio-btn:hover:not(:disabled){background:var(--secondary);color:var(--bg);border-color:transparent}.sidebar-audio-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-audio-btn.sending{background:#4ecdc426;border-color:var(--secondary);color:var(--secondary)}.sidebar-audio-btn.sent{opacity:.45;cursor:default;background:var(--bg-elevated);border-color:var(--border);color:var(--text-secondary)}.sidebar-audio-icon{font-size:16px;flex-shrink:0}.sidebar-audio-name{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-audio-dur{font-size:12px;opacity:.7;flex-shrink:0}.live-mobile-mini-header{display:none}.live-mobile-scripts-panel{display:none;background:var(--bg-card);border-top:1px solid var(--border);box-shadow:0 -2px 10px #0000004d;flex-direction:column}.live-mobile-scripts-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.live-mobile-scripts-title{font-size:13px;font-weight:600;color:var(--text-secondary)}.live-mobile-scripts-body{overflow-y:auto;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.live-mobile-scripts-section{display:flex;flex-direction:column;gap:6px}@media (max-width: 900px){.admin-content.live-control-page{position:fixed!important;top:var(--live-vp-offset-top, 0px)!important;left:0;right:0;height:var(--live-vp-height, 100dvh)!important;z-index:200;display:flex!important;flex-direction:column!important;overflow:hidden;padding:0!important;max-width:none!important;margin:0!important}.live-control-sticky-header,.live-sidebar,.qr-float-widget{display:none!important}.live-mobile-mini-header{display:flex!important;position:relative!important;top:auto!important;flex-shrink:0;height:44px;z-index:1;background:#0a0a0ae0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);align-items:center;padding:0 16px;gap:8px}.live-panel{flex:1!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;overflow:hidden!important;min-height:0!important}.live-preview-column{flex:1!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;min-height:0!important;min-width:0!important;position:static!important;top:auto!important;width:100%!important}.live-chat-container{flex:1!important;display:flex!important;width:100%!important;height:100%!important;max-height:none!important;border-radius:0!important;box-shadow:none!important;flex-shrink:1!important;overflow:hidden!important}.live-control-page .chat-view.mode-live-admin{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;flex:1!important;min-height:0!important;border-radius:0!important;touch-action:none;overflow:hidden}.live-chat-container .chat-header,.live-chat-container .chat-input-area{border-radius:0!important}.live-mobile-scripts-panel{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;flex-shrink:0!important;max-height:calc(50vh - 80px);display:flex;overflow:hidden}.live-mobile-scripts-body{overflow-y:auto;overscroll-behavior:contain}.live-mobile-scripts-panel,.live-mobile-scripts-panel *{user-select:none;-webkit-user-select:none}.live-mobile-scripts-panel button:focus{outline:none}.live-mobile-media-row{display:flex;gap:10px;align-items:flex-start}.live-mobile-media-row .live-mobile-scripts-section{flex:1;min-width:0}.live-mobile-media-row .sidebar-photos-grid{grid-template-columns:repeat(2,1fr)!important}.live-mobile-scripts-body .script-messages-list{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;max-height:none}.live-mobile-scripts-body .script-message-btn{padding:7px 10px;font-size:12px;min-width:0}.live-mobile-scripts-body .sidebar-photos-grid{grid-template-columns:repeat(4,1fr);gap:5px}.live-mobile-scripts-body .sidebar-audio-list{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.live-mobile-scripts-body .sidebar-audio-btn{padding:7px 10px;min-width:0}.live-mobile-scripts-body .sidebar-audio-name{font-size:12px}.live-mobile-scripts-section{gap:4px}.live-mobile-scripts-body{gap:8px;padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.live-mobile-back-arrow{color:#fff;font-size:22px;text-decoration:none;line-height:1;display:flex;align-items:center;padding:4px 8px 4px 0}.live-mobile-reset-btn{white-space:nowrap;flex-shrink:0}.live-mobile-mini-title{flex:1;text-align:center;font-size:15px;font-weight:600;color:#fff}}.live-chat-container-mobile{display:flex;flex-direction:column;height:100%;width:100%}.live-chat-container-mobile .chat-header,.live-chat-container-mobile .chat-input-area{border-radius:0}.slave-status-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:var(--bg-elevated);border:1px solid var(--border)}.slave-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.slave-status-label{font-size:13px;font-weight:500}.slave-status-active .slave-status-dot{background:#53d769}.slave-status-active .slave-status-label{color:#53d769}.slave-status-inactive .slave-status-dot{background:#f59e0b}.slave-status-inactive .slave-status-label{color:#f59e0b}.slave-status-disconnected .slave-status-dot{background:var(--text-secondary)}.slave-status-disconnected .slave-status-label{color:var(--text-secondary)}.drag-hint-badge{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:10px;padding:5px 10px;background:#4ecdc41f;border:1px solid rgba(78,205,196,.3);border-radius:20px;font-size:var(--font-xs);font-weight:500;color:var(--secondary);-webkit-user-select:none;user-select:none;pointer-events:none;text-align:center}:root{--primary: #005562;--primary-dark: #004450;--secondary: #4ECDC4;--secondary-dark: #3DB9B0;--secondary-light: rgba(78, 205, 196, .1);--secondary-lighter: rgba(78, 205, 196, .15);--secondary-border: rgba(78, 205, 196, .3);--danger: #E85D5D;--danger-dark: #D04D4D;--success: #4ECB71;--warning: #E8D44D;--warning-strong: #FF9900;--info: #00BCD4;--completed: #25D366;--disabled: #666666;--disabled-text: #555555;--bg: #0a0a0e;--bg-card: rgba(255,255,255,.04);--bg-card-subtle: rgba(255,255,255,.03);--bg-card-solid: #111115;--bg-elevated: rgba(255,255,255,.07);--bg-header: #0d0d11;--text: #FFFFFF;--text-secondary: #A0A0A0;--border: var(--border);--border-strong: rgba(255,255,255,.14);--font-xs: 12px;--font-sm: 13px;--font-base: 14px;--font-md: 16px;--font-lg: 18px;--font-xl: 20px;--font-2xl: 24px;--font-3xl: 32px;--font-4xl: 48px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.7;--text-muted: rgba(255, 255, 255, .85);--text-disabled: #999999;--dur-instant: 80ms;--dur-fast: .15s;--dur-base: .2s;--dur-slow: .35s;--dur-slower: .6s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-emphasis: cubic-bezier(.2, .7, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition: all var(--dur-base) var(--ease-out);--transition-fast: all var(--dur-fast) var(--ease-out);--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-3-5: 14px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-15: 60px;--space-16: 64px;--space-20: 80px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--radius-full: 50%;--radius-xs: var(--radius-sm);--radius-2xl: var(--radius-xl);--radius-3xl: var(--radius-xl);--icon-xs: 14px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 32px;--icon-2xl: 48px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .2);--shadow: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .3);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .6);--z-sticky: 10;--z-header: 100;--z-overlay: 99;--z-dropdown: 1000;--z-modal: 1001;--z-toast: 9999;--z-top: 10000;--z-top-tip: 10001;--wa-bg-global: #efeae2;--wa-header-bg-global: #008069;--wa-bubble-out-global: #d9fdd3}@media (min-width: 1280px){:root{--font-xs: 12px;--font-sm: 14px;--font-base: 15px;--font-md: 17px;--font-lg: 20px;--font-xl: 22px;--font-2xl: 27px;--font-3xl: 36px;--font-4xl: 54px;--icon-xs: 15px;--icon-sm: 17px;--icon-md: 22px;--icon-lg: 26px;--icon-xl: 34px;--icon-2xl: 52px}}@media (min-width: 1600px){:root{--font-xs: 13px;--font-sm: 15px;--font-base: 17px;--font-md: 19px;--font-lg: 22px;--font-xl: 25px;--font-2xl: 30px;--font-3xl: 40px;--font-4xl: 60px;--icon-xs: 16px;--icon-sm: 18px;--icon-md: 24px;--icon-lg: 28px;--icon-xl: 38px;--icon-2xl: 56px}}.text-display{font-size:var(--font-4xl);font-weight:var(--font-bold);line-height:1.05;letter-spacing:-.025em}.text-h1{font-size:var(--font-3xl);font-weight:var(--font-bold);line-height:1.15;letter-spacing:-.018em}.text-h2{font-size:var(--font-2xl);font-weight:var(--font-bold);line-height:1.2;letter-spacing:-.012em}.text-h3{font-size:var(--font-xl);font-weight:var(--font-semibold);line-height:1.3;letter-spacing:-.005em}.text-h4{font-size:var(--font-lg);font-weight:var(--font-semibold);line-height:1.35}.text-body-lg{font-size:var(--font-md);font-weight:var(--font-normal);line-height:var(--leading-relaxed)}.text-body{font-size:var(--font-base);font-weight:var(--font-normal);line-height:var(--leading-normal)}.text-body-sm{font-size:var(--font-sm);font-weight:var(--font-normal);line-height:var(--leading-normal)}.text-caption{font-size:var(--font-xs);font-weight:var(--font-normal);line-height:1.4;color:var(--text-secondary)}.text-eyebrow{font-size:var(--font-xs);font-weight:var(--font-semibold);line-height:1;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.text-mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}.text-numeric{font-variant-numeric:tabular-nums}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-muted{color:var(--text-secondary)}.text-mutedmore{color:var(--text-muted)}.fw-normal{font-weight:var(--font-normal)}.fw-medium{font-weight:var(--font-medium)}.fw-semibold{font-weight:var(--font-semibold)}.fw-bold{font-weight:var(--font-bold)}.admin-layout,.slave-layout{--bg: #0a0a0e;--bg-card: rgba(255,255,255,.04);--bg-card-subtle: rgba(255,255,255,.03);--bg-card-solid: #111115;--bg-elevated: rgba(255,255,255,.07);--bg-header: #0d0d11;--text: #FFFFFF;--text-secondary: #A0A0A0;--border: var(--border);--border-strong: rgba(255,255,255,.14);--shadow: 0 2px 8px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .05);--primary: #005562;--primary-dark: #004450}*{box-sizing:border-box;margin:0;padding:0}html.chat-active,body.chat-active{height:100%;width:100%;overflow:hidden;position:fixed;touch-action:none;overscroll-behavior:none;background-color:#efeae2}.chat-active #root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--font-base);background-color:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}.admin-layout{min-height:100vh;display:flex;flex-direction:column;background-color:#0a0a0e;color:var(--text)}.admin-header{background-color:var(--bg-header);color:var(--text);padding:clamp(var(--space-3-5),1.4vw,22px) clamp(var(--space-6),2vw,var(--space-10));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.admin-header-nav{display:flex;gap:clamp(var(--space-4),1.4vw,var(--space-7))}.slave-layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg);color:var(--text)}.admin-header-logo{height:clamp(48px,3.2vw,76px);width:auto;display:block}.admin-header h1{font-size:var(--font-xl);font-weight:var(--font-bold);letter-spacing:-.02em}.admin-header-nav a{color:var(--text-secondary);text-decoration:none;font-size:var(--font-sm);transition:color .2s}.admin-header-nav a:hover{color:var(--text)}.admin-content{flex:1;padding:var(--space-6);max-width:clamp(1200px,84vw,1600px);margin:0 auto;width:100%}.project-editor-layout{display:flex;flex:1;min-height:0;width:100%;max-width:1200px;margin:0 auto;padding:var(--space-6);gap:var(--space-3);align-items:flex-start}.project-sidebar{width:240px;flex-shrink:0;background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2);overflow-y:auto;max-height:calc(100vh - var(--space-20));position:sticky;top:var(--space-6)}.project-sidebar-back{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2-5);margin-bottom:var(--space-2);border-bottom:1px solid var(--border);color:var(--text-secondary);text-decoration:none;font-size:var(--font-sm);font-weight:var(--font-medium);border-radius:0;transition:color var(--transition-fast)}.project-sidebar-back:hover{color:var(--text)}.project-sidebar-label{font-size:var(--font-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-2) var(--space-2-5) var(--space-1-5)}.project-sidebar-item{display:block;padding:var(--space-1-5) var(--space-2-5);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:var(--font-sm);font-weight:var(--font-medium);line-height:1.3;margin-bottom:var(--space-0-5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background var(--transition-fast),color var(--transition-fast)}.project-sidebar-item+.project-sidebar-item{border-top:1px solid var(--border);margin-top:0;border-radius:0}.project-sidebar-item+.project-sidebar-item.active,.project-sidebar-item.active+.project-sidebar-item{border-radius:var(--radius-md)}.project-sidebar-item:hover{background:var(--bg-elevated);color:var(--text)}.project-sidebar-item.active{background:var(--bg-elevated);color:var(--text);font-weight:var(--font-semibold)}.project-sidebar-create{width:100%;margin-top:var(--space-3);justify-content:center}.project-editor-content{flex:1;min-width:0;padding:0;margin:0;max-width:none}.project-editor-back-mobile{display:none!important}@media (max-width: 768px){.project-editor-layout{padding:var(--space-4);gap:0}.project-sidebar{display:none}.project-editor-back-mobile{display:inline-flex!important}}.back-btn{display:inline-flex;margin-bottom:var(--space-4)}.disk-status-bar{display:flex;align-items:center;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);font-size:13px;transition:border-color .2s,background .2s}.disk-alert-warning{background:#ff990014;border-color:#f906}.disk-alert-critical{background:#ff444414;border-color:#ff444480}.disk-status-info{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.disk-status-label{font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.disk-status-values{font-size:12px;color:var(--text-secondary);white-space:nowrap}.disk-status-bar-track{flex:1;height:6px;background:var(--border);border-radius:var(--radius-xs);overflow:hidden;min-width:60px}.disk-status-bar-fill{height:100%;border-radius:var(--radius-xs);background:var(--secondary);transition:width .3s ease,background .3s ease}.disk-alert-warning .disk-status-bar-fill{background:#f90}.disk-alert-critical .disk-status-bar-fill{background:#f44}.disk-status-percent{font-size:13px;font-weight:600;color:var(--text);flex-shrink:0;min-width:36px;text-align:right}.disk-alert-warning .disk-status-percent{color:#ffb84d}.disk-alert-critical .disk-status-percent{color:#ff7070}.beta-feedback-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background:linear-gradient(135deg,#4ecdc426,#4ecdc40d);border:1px solid rgba(78,205,196,.3);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5)}.beta-feedback-content{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.beta-badge{background:var(--secondary);color:var(--bg);font-size:var(--font-xs);font-weight:var(--font-bold);padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-sm);letter-spacing:1px}.beta-text{color:var(--text);font-size:var(--font-base)}@media (max-width: 600px){.beta-feedback-banner{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.beta-feedback-banner .btn{width:100%}}.card{background-color:var(--bg-card-solid);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:none;padding:var(--space-5);margin-bottom:var(--space-4)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.card-header-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.card-title{font-size:var(--font-lg);font-weight:var(--font-bold);letter-spacing:-.015em}.form-select-sm{padding:var(--space-1-5) var(--space-7) var(--space-1-5) var(--space-2-5);font-size:13px;min-width:auto}.sequences-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg);border-radius:var(--radius-lg);margin-bottom:var(--space-4);flex-wrap:wrap}.sequences-toolbar-left{display:flex;align-items:center;gap:var(--space-3)}.sequences-toolbar-right{display:flex;align-items:center;gap:var(--space-2)}.sequences-toolbar-label{display:flex;align-items:center;gap:var(--space-1);font-size:13px;color:var(--text-secondary);white-space:nowrap}.selectable-btn,.message-type-btn,.theme-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-4);border:1px solid transparent;border-radius:var(--radius-lg);background-color:var(--bg-card);color:var(--text-secondary);font-size:var(--font-base);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition)}.selectable-btn:hover,.message-type-btn:hover,.theme-toggle-btn:hover{background-color:var(--bg-elevated);color:var(--text)}.selectable-btn.active,.message-type-btn.active,.theme-toggle-btn.active{background-color:var(--secondary-lighter);color:var(--text)}.selectable-btn.active:hover,.message-type-btn.active:hover,.theme-toggle-btn.active:hover{background-color:var(--secondary-lighter)}.selectable-btn--compact,.btn-toggle{flex:unset;padding:var(--space-1-5) var(--space-4);font-size:var(--font-sm);border:1px solid transparent;border-radius:var(--radius-lg);background-color:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.selectable-btn--compact:hover,.btn-toggle:hover{background-color:var(--bg-elevated);color:var(--text)}.selectable-btn--compact.active,.btn-toggle.active{background-color:var(--secondary-lighter);color:var(--text)}.selectable-btn--compact.active:hover,.btn-toggle.active:hover{background-color:var(--secondary-lighter)}.selectable-btn--column,.color-theme-btn,.font-size-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);border:1px solid transparent;border-radius:var(--radius-lg);background-color:var(--bg-card);color:var(--text-secondary);font-size:var(--font-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition)}.selectable-btn--column:hover,.color-theme-btn:hover,.font-size-btn:hover{background-color:var(--bg-elevated);color:var(--text)}.selectable-btn--column.active,.color-theme-btn.active,.font-size-btn.active{background-color:var(--secondary-lighter);color:var(--text)}.selectable-btn--column.active:hover,.color-theme-btn.active:hover,.font-size-btn.active:hover{background-color:var(--secondary-lighter)}.selectable-group{display:flex;gap:var(--space-2);width:100%}.selectable-btn__desc{font-size:var(--font-xs);font-weight:400;color:var(--text-muted);line-height:var(--leading-tight)}.seq-type-picker{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-4)}.seq-type-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);border:1px solid transparent;border-radius:var(--radius-lg);background-color:var(--bg-card);color:var(--text-secondary);font-size:var(--font-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition)}.seq-type-btn:hover{background-color:var(--bg-elevated);color:var(--text)}.seq-type-btn.active{background-color:var(--secondary-lighter);color:var(--text)}.seq-type-btn__icon{font-size:var(--font-xl)}.seq-type-btn__label{font-weight:600;font-size:var(--font-base)}.seq-type-btn__desc{font-size:var(--font-xs);font-weight:400;opacity:.7;line-height:var(--leading-tight)}.selectable-group--gap-12{gap:var(--space-3)}.btn-toggle-group{display:flex;gap:var(--space-2)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:var(--space-1-5);font-weight:500;font-size:14px}.form-label .required{color:var(--danger);margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;max-width:100%;padding:var(--space-2-5) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--font-base);font-family:inherit;transition:border-color .2s,box-shadow .2s;background-color:var(--bg-card);color:var(--text);box-sizing:border-box}.form-select{padding-right:var(--space-9);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23A0A0A0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;cursor:pointer}.time-select-group{display:flex;align-items:center;gap:var(--space-1)}.time-select-group .form-select{width:auto;flex:1}.time-separator{font-size:18px;font-weight:600;color:var(--text-secondary);line-height:1;flex-shrink:0}.time-input-wrapper{position:relative;width:100%}.time-input-field{position:relative;display:flex;align-items:center}.time-input-text{padding-right:38px!important}.time-input-clock-btn{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:0;border-radius:var(--radius-sm);transition:color .15s}.time-input-clock-btn:hover{color:var(--secondary)}.time-input-clock-btn svg{width:16px;height:16px}.time-input-dropdown{position:absolute;top:calc(100% + var(--space-1));left:0;z-index:200;display:flex;background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0006;overflow:hidden;min-width:130px}.time-input-col{display:flex;flex-direction:column;max-height:200px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.time-input-col::-webkit-scrollbar{width:4px}.time-input-col::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}.time-input-col-label{font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);padding:var(--space-1-5) 0 var(--space-1);text-align:center;position:sticky;top:0;background:var(--bg-card-solid);z-index:1}.time-input-col-divider{width:1px;background:var(--border);flex-shrink:0}.time-input-option{background:transparent;border:none;color:var(--text);font-size:13px;font-family:inherit;padding:7px var(--space-3-5);cursor:pointer;text-align:center;transition:background .1s,color .1s;line-height:1}.time-input-option:hover{background:#ffffff14;color:var(--secondary)}.time-input-option.active{background:var(--primary);color:#fff;font-weight:600}@media (min-width: 768px){.time-input-dropdown{min-width:180px}.time-input-col{max-height:300px}.time-input-col-label{font-size:var(--font-xs);padding:var(--space-2) 0 var(--space-1-5)}.time-input-option{font-size:15px;padding:var(--space-2-5) var(--space-5)}}.date-input-wrapper{position:relative;width:100%}.date-input-dropdown{position:absolute;top:calc(100% + var(--space-1));left:0;z-index:200;background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0006;padding:var(--space-3);min-width:240px}.date-input-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.date-month-label{font-size:13px;font-weight:600;color:var(--text);text-transform:capitalize}.date-nav-btn{background:transparent;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:0 var(--space-1-5);border-radius:var(--radius-sm);line-height:1;transition:color .15s,background .15s}.date-nav-btn:hover{color:var(--secondary);background:#ffffff14}.date-input-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-day-name{font-size:var(--font-xs);font-weight:600;text-transform:uppercase;color:var(--text-secondary);text-align:center;padding:var(--space-1) 0 var(--space-1-5);letter-spacing:.04em}.date-day-btn{background:transparent;border:none;color:var(--text);font-size:12px;font-family:inherit;padding:var(--space-1-5) 2px;cursor:pointer;text-align:center;border-radius:var(--radius-sm);transition:background .1s,color .1s;line-height:1}.date-day-btn:hover{background:#ffffff14;color:var(--secondary)}.date-day-btn.today{color:var(--secondary);font-weight:600}.date-day-btn.active{background:var(--primary);color:#fff;font-weight:600}@media (min-width: 768px){.date-input-dropdown{min-width:300px;padding:var(--space-4)}.date-month-label{font-size:15px}.date-day-name{font-size:var(--font-xs);padding:var(--space-1-5) 0 var(--space-2)}.date-day-btn{font-size:14px;padding:9px var(--space-1)}}input[type=date],input[type=time]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important;cursor:pointer;position:relative}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;background:transparent}.admin-layout input[type=date],.admin-layout input[type=time]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:var(--space-9)}.admin-layout input[type=time]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E")}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px var(--secondary-light)}.form-input.input-error,.form-select.input-error,.form-textarea.input-error{border-color:var(--danger);box-shadow:0 0 0 3px #e85d5d2e}.admin-layout .form-input,.admin-layout .form-select,.admin-layout .form-textarea{background-color:var(--bg-card);border-color:var(--border);color:var(--text)}.admin-layout .form-input::placeholder{color:var(--text-disabled)}.form-range{width:100%;accent-color:var(--primary);cursor:pointer;margin-top:var(--space-2)}.form-textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.form-checkbox{display:flex;align-items:flex-start;gap:var(--space-2-5);cursor:pointer;font-size:13px;line-height:1.4;color:var(--text-secondary)}.form-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:var(--primary);cursor:pointer}.form-checkbox a{color:var(--secondary);text-decoration:none}.form-checkbox a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-5);border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s,filter .2s,transform .1s;text-decoration:none;letter-spacing:-.005em}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--primary);color:#fff;font-weight:700}.btn-primary:hover{background-color:var(--primary-dark);filter:brightness(1.1)}.btn-primary:disabled{background-color:var(--disabled);color:var(--text-disabled);cursor:not-allowed;filter:none}.btn-disabled-look{background-color:var(--disabled)!important;color:var(--text-disabled)!important;cursor:pointer}.btn-disabled-look:hover{background-color:var(--disabled-text)!important}.btn-secondary{background-color:#ffffff0a;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background-color:#ffffff14;border-color:#fff3}.btn-cyan{background-color:var(--secondary);color:#fff;font-weight:600}.btn-cyan:hover{background-color:var(--secondary-dark)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:var(--danger-dark)}.btn-sm{padding:var(--space-1-5) var(--space-3);font-size:13px}.btn-xs{padding:2px var(--space-1-5);font-size:12px}.btn-full{width:100%}.btn-icon{padding:var(--space-2);min-width:36px}.btn-group{display:flex;gap:var(--space-2)}.list{list-style:none}.list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);transition:background-color .2s}.list-item:last-child{border-bottom:none}.list-item:hover{background-color:#ffffff0a}.list-item-content{flex:1;min-width:0}.list-item-title{font-weight:500;margin-bottom:2px;display:flex;align-items:center;gap:var(--space-2)}.list-item-title--spread{justify-content:space-between;gap:var(--space-3)}.seq-title-group{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0}.seq-title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-icon-inline{background:none;border:none;padding:0 var(--space-1);cursor:pointer;font-size:var(--font-sm);opacity:.4;transition:opacity .15s;flex-shrink:0;line-height:1}.btn-icon-inline:hover{opacity:1}.sequence-preview-btn--mobile{display:none}.sequence-preview-btn--desktop{display:inline-flex}.list-item-edit-input{font-size:1rem;font-weight:500;padding:var(--space-1) var(--space-2);max-width:250px}.list-item-subtitle{font-size:14px;color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--font-medium);letter-spacing:.02em;white-space:nowrap}.badge-pill{border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3)}.badge-success{background-color:#4ecb7126;color:var(--success);border:1px solid rgba(78,203,113,.3)}.badge-warning{background-color:#e8d44d26;color:var(--warning);border:1px solid rgba(232,212,77,.3)}.badge-danger{background-color:#e85d5d26;color:var(--danger);border:1px solid rgba(232,93,93,.3)}.badge-info{background-color:var(--secondary-lighter);color:var(--secondary);border:1px solid var(--secondary-border)}.badge-muted{background-color:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border)}.badge-accent{background:var(--secondary);color:var(--bg);border:1px solid transparent;font-weight:var(--font-bold);letter-spacing:1px}.status-dot{width:10px;height:10px;border-radius:var(--radius-full);display:inline-block;margin-right:var(--space-1-5)}.status-dot.online{background-color:var(--success)}.status-dot.offline{background-color:var(--text-secondary)}.status-dot.typing{background-color:var(--warning);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.live-panel{display:flex;gap:var(--space-5);align-items:flex-start}.live-preview-column{display:flex;flex-direction:column;gap:var(--space-4);flex-shrink:0;position:sticky;top:110px;width:360px}.chat-view.live-chat-container{width:360px;height:780px;flex-shrink:0;border-radius:var(--radius-2xl);overflow:hidden}.live-sidebar{flex:1;min-width:300px;max-width:520px}.live-messages{display:flex;flex-direction:column;background-color:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden}.live-messages-header{padding:var(--space-4);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.live-messages-list{flex:1;overflow-y:auto;padding:var(--space-4)}.live-messages-input{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);display:flex;gap:var(--space-2)}.live-sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.slave-login{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto;padding:var(--space-6);padding-top:var(--space-20);background-color:#0a0a0e}.slave-login-card{background:var(--bg-card-solid);padding:var(--space-9, var(--space-9)) var(--space-8);border-radius:var(--radius-2xl);width:100%;max-width:360px;text-align:center;border:1px solid var(--border)}.slave-login-logo{width:88px;height:auto;margin-bottom:var(--space-5)}.slave-login-title{font-size:24px;margin-bottom:var(--space-2);color:var(--text)}.slave-login-subtitle{color:#ffffff73;margin-bottom:var(--space-6);font-size:14px}.slave-login .form-input{text-align:center;font-size:24px;letter-spacing:4px;text-transform:uppercase;background-color:#ffffff0a;border-color:var(--border);border-radius:10px;color:var(--text)}.slave-login .form-input:focus{border-color:var(--secondary);box-shadow:0 0 0 2px #4ecdc41f;outline:none}.slave-login .form-input::placeholder{color:#fff3;letter-spacing:2px}.slave-login .error-message{background-color:#e85d5d1a;color:var(--danger);border:1px solid rgba(232,93,93,.25)}.slave-login-qr-btn{width:100%;padding:var(--space-4) var(--space-6);font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:var(--space-2-5);margin-bottom:var(--space-4);background:linear-gradient(135deg,#e8d44d,#005562);color:#0a0a0c;border:none;border-radius:var(--radius-xl);transition:transform .16s cubic-bezier(.2,.7,.2,1),filter .2s ease}.slave-login-qr-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.slave-login-qr-btn:active{transform:scale(.98);filter:none}.slave-login-qr-btn .qr-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.slave-login-qr-btn .qr-icon svg{width:100%;height:100%;fill:currentColor}.slave-login .btn.btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#fffc;border-radius:var(--radius-xl);font-weight:600;font-size:15px;padding:13px var(--space-5);transition:background .2s,border-color .2s,color .2s}.slave-login .btn.btn-secondary:hover{background:#ffffff17;border-color:#ffffff38;color:var(--text)}.slave-login-divider{display:flex;align-items:center;margin:var(--space-4) 0;color:#ffffff4d;font-size:13px}.slave-login-divider:before,.slave-login-divider:after{content:"";flex:1;height:1px;background:#ffffff14}.slave-login-divider span{padding:0 var(--space-3)}.slave-projects{min-height:100vh;background-color:#0a0a0e;color:var(--text)}.slave-projects-header{background-color:#0d0d11;color:var(--text);padding:var(--space-5);text-align:center;border-bottom:1px solid var(--border)}.slave-projects-header h1{color:var(--text);font-size:20px;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-1)}.slave-projects-list{padding:var(--space-4)}.project-card{background:var(--bg-card-subtle);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-3);cursor:pointer;transition:border-color .2s,transform .15s;border:1px solid var(--border)}.project-card:hover{border-color:var(--border-strong)}.project-card:active{transform:scale(.98)}.project-card-title{font-size:var(--font-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-1);color:var(--text)}.project-card-sequences{color:var(--text-disabled);font-size:var(--font-base)}.sequence-card{background:var(--bg-card-subtle);border-radius:var(--radius-lg);padding:var(--space-3-5, var(--space-3-5));margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-3);cursor:pointer;border:1px solid var(--border);transition:border-color .2s,background .2s}.sequence-card:hover{border-color:#4ecdc459;background:#4ecdc40a}.sequence-card:active{background:#4ecdc412}.sequence-number{width:40px;height:40px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--warning) 0%,var(--primary) 100%);color:var(--bg);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--font-sm);flex-shrink:0}.sequence-info{flex:1}.sequence-contact{font-weight:var(--font-medium);color:var(--text)}.sequence-time{font-size:var(--font-sm);color:var(--text-secondary)}.welcome-section{text-align:center;padding:var(--space-6) var(--space-4);margin-bottom:var(--space-4)}.welcome-title{font-size:28px;font-weight:700;color:var(--text);margin-bottom:var(--space-4);line-height:1.25;letter-spacing:-.5px}.welcome-gradient{background:linear-gradient(135deg,var(--warning) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-subtitle{font-size:18px;font-weight:500;color:var(--text);margin-bottom:var(--space-2-5)}.welcome-text{font-size:14px;line-height:1.6;color:var(--text);max-width:400px;margin:0 auto}.entry-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-5)}.entry-card{background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease;display:flex;flex-direction:column;gap:var(--space-2)}.entry-card:hover{background:#ffffff12;border-color:#4ecdc466;transform:translateY(-2px)}.entry-card__icon{font-size:26px;line-height:1}.entry-card__title{font-size:16px;font-weight:600;color:var(--text);margin-top:var(--space-1)}.entry-card__desc{font-size:13px;color:var(--text-secondary);line-height:1.5;flex:1}.entry-card__cta{margin-top:var(--space-3);align-self:flex-start;pointer-events:none}@media (max-width: 600px){.entry-cards{grid-template-columns:1fr}}.empty-state{text-align:center;padding:var(--space-6) var(--space-5);color:var(--text-secondary)}.empty-state-icon{font-size:var(--icon-2xl);margin-bottom:var(--space-4);opacity:.5}.empty-state-title{font-size:var(--font-lg);font-weight:var(--font-medium);margin-bottom:var(--space-2);color:var(--text)}.empty-state-description{font-size:var(--font-sm);color:var(--text-secondary);max-width:360px;margin:0 auto;line-height:var(--leading-normal)}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-4)}.mt-4{margin-top:var(--space-6)}.mt-5{margin-top:var(--space-5)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-4)}.mb-4{margin-bottom:var(--space-6)}.mb-5{margin-bottom:var(--space-5)}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.error-message{background-color:#e85d5d26;color:var(--danger);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);border:1px solid rgba(232,93,93,.3)}.sequence-editor-layout{display:grid;grid-template-columns:1fr 375px;gap:var(--space-6);align-items:start}.sequence-editor-main{display:flex;flex-direction:column;gap:var(--space-4)}.sequence-editor-preview{position:sticky;top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);padding-top:44px}.sequence-editor-preview .chat-preview,.sequence-editor-preview .chat-view{height:667px;max-height:667px;flex-shrink:0}.preview-title{font-size:14px;font-weight:700;color:#fff;text-align:center;margin:0;padding:var(--space-2) 0;background:var(--bg);position:sticky;top:var(--space-15);z-index:5}.mini-header-preview-container{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border)}.mini-header-preview{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-2-5) var(--space-4);border-radius:var(--radius-lg);background-color:#202c33}.mini-header-preview .chat-preview-back{color:#fff}.mini-header-preview .chat-preview-avatar{width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0}.mini-header-preview .chat-preview-avatar img{width:100%;height:100%;object-fit:cover}.mini-header-preview .chat-preview-avatar .avatar-placeholder{width:100%;height:100%;background-color:#00a884;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.mini-header-preview .chat-preview-contact{flex:1}.mini-header-preview .chat-preview-name{color:#e9edef;font-size:16px;font-weight:500}.mini-header-preview .chat-preview-status{color:#8696a0;font-size:13px}.mini-header-preview.chat-preview-day{background-color:#008069}.mini-header-preview.chat-preview-day .chat-preview-back,.mini-header-preview.chat-preview-day .chat-preview-name{color:#fff}.mini-header-preview.chat-preview-day .chat-preview-status{color:#ffffffe6}.mini-header-preview.chat-preview-day.chat-preview-color-blue{background-color:#08c}.mini-header-preview.chat-preview-day.chat-preview-color-blue .chat-preview-avatar .avatar-placeholder{background-color:#00b4d8}.mini-header-preview.chat-preview-day.chat-preview-color-purple{background-color:#7c3aed}.mini-header-preview.chat-preview-day.chat-preview-color-purple .chat-preview-avatar .avatar-placeholder{background-color:#a855f7}.mini-header-preview.chat-preview-night.chat-preview-color-blue{background-color:#1a3a4a}.mini-header-preview.chat-preview-night.chat-preview-color-blue .chat-preview-avatar .avatar-placeholder{background-color:#00b4d8}.mini-header-preview.chat-preview-night.chat-preview-color-purple{background-color:#7e22ce}.mini-header-preview.chat-preview-night.chat-preview-color-purple .chat-preview-avatar .avatar-placeholder{background-color:#a855f7}.sequence-qr-container{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-lg);margin-top:var(--space-4)}.sequence-qr-container.compact{flex-direction:column;gap:var(--space-3);padding:var(--space-3);margin-top:0}.sequence-qr-code,.qr-viewer-code{flex-shrink:0;padding:var(--space-2);background:#ffffff0d;border-radius:var(--radius-lg)}.sequence-qr-info{display:flex;flex-direction:column;gap:var(--space-1)}.sequence-qr-container.compact .sequence-qr-info{align-items:center}.sequence-qr-label{font-size:13px;color:var(--text-secondary)}.sequence-qr-code-text{font-size:14px;font-weight:600;font-family:monospace;color:var(--secondary);letter-spacing:1px}.sequence-editor-sticky-bar{position:sticky;top:0;z-index:100;background:var(--bg);padding:var(--space-4) 0;margin:0 0 var(--space-4) 0;box-shadow:none}.sequence-editor-sticky-bar .sequence-title{margin:0;font-size:1.4rem}.sequence-title-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.sequence-title-row-left{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.qr-float-widget{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:500;box-shadow:0 8px 32px #00000080;border-radius:var(--radius-lg);-webkit-user-select:none;user-select:none;cursor:grab;background:var(--bg-elevated);padding:var(--space-3);width:250px;box-sizing:border-box}.qr-float-widget .sequence-qr-container.compact{background:transparent;padding:0;margin:0}.reset-float-widget{bottom:340px;right:var(--space-6);top:auto;left:auto;padding:var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-lg);width:250px;box-sizing:border-box}.qr-float-widget:active{cursor:grabbing}.qr-float-widget button{cursor:pointer}.wizard-progress{display:flex;align-items:flex-start;justify-content:center;gap:0;padding:var(--space-4) 0 var(--space-6);background:var(--bg);position:sticky;top:0;z-index:10}.wizard-progress-item{display:flex;align-items:flex-start;flex:1;max-width:200px}.wizard-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);background:none;border:none;cursor:pointer;padding:0;min-width:80px}.wizard-step-number{width:32px;height:32px;border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:all .2s ease;border:2px solid var(--border)}.wizard-step.active .wizard-step-number{background:var(--secondary);color:#fff;border-color:var(--secondary)}.wizard-step.completed .wizard-step-number{background:var(--completed);color:#fff;border-color:var(--completed)}.wizard-step-name{font-size:12px;color:var(--text-secondary);text-align:center;line-height:1.3;max-width:90px}.wizard-step.active .wizard-step-name{color:var(--secondary);font-weight:600}.wizard-step.completed .wizard-step-name{color:var(--completed)}.wizard-step-dot{display:inline-block;width:5px;height:5px;border-radius:var(--radius-full);background:var(--secondary);opacity:.6;margin-left:5px;vertical-align:middle;flex-shrink:0}.wizard-step-line{flex:1;height:2px;background:var(--border);margin-top:var(--space-4);margin-left:var(--space-1);margin-right:var(--space-1)}.wizard-step-line.completed{background:var(--completed)}.wizard-progress.edit-mode .wizard-step.edit-completed .wizard-step-number{background:transparent;color:var(--completed);border:2px solid var(--completed)}.wizard-progress.edit-mode .wizard-step.edit-completed .wizard-step-name{color:var(--completed)}.wizard-progress.edit-mode .wizard-step.active .wizard-step-number{background:var(--secondary);color:#fff;border-color:var(--secondary)}.wizard-step-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-lg);border-left:3px solid var(--secondary)}.wizard-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);margin-top:var(--space-6);border-top:1px solid var(--border);position:sticky;bottom:0;background:#0d0d11eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 -4px 16px #0006;z-index:10;border-radius:0 0 8px 8px}.wizard-nav-btn{min-width:120px}.wizard-nav-indicator{font-size:13px;color:var(--text-secondary)}.wizard-nav-spacer{min-width:120px}.wizard-content{min-height:400px}.wizard-step-content{animation:wizardFadeIn .2s ease}@keyframes wizardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wizard-toggle-question{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.wizard-toggle-question label{font-size:15px;font-weight:500;color:var(--text);margin:0}.wizard-helper-text{font-size:13px;color:var(--text-secondary);margin-top:var(--space-2);line-height:1.5}.wizard-section-title{font-size:18px;font-weight:700;color:var(--text);margin-top:var(--space-6);margin-bottom:var(--space-4);padding-bottom:var(--space-2-5);border-bottom:2px solid var(--secondary);display:flex;align-items:center;gap:var(--space-2)}.contact-audios-list{display:flex;flex-direction:column;gap:var(--space-2)}.contact-audio-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border)}.contact-audio-info{display:flex;align-items:center;gap:var(--space-3)}.contact-audio-name{font-weight:500;color:var(--text)}.contact-audio-duration{font-size:13px;color:var(--text-secondary)}@media (max-width: 768px){.wizard-progress{padding:var(--space-3) var(--space-2) var(--space-5);overflow-x:auto}.wizard-progress-item{min-width:70px}.wizard-step-name{font-size:var(--font-xs);max-width:70px}.wizard-nav{padding:var(--space-4) 0}.wizard-nav-btn{min-width:100px;font-size:13px}}.fiction-time-badge{display:flex;align-items:center;gap:var(--space-1-5);background:var(--completed);color:#fff;padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-sm);font-weight:var(--font-medium);margin-left:auto;white-space:nowrap}.fiction-time-label{opacity:.9}.fiction-time-value{font-weight:700;font-size:15px}.fiction-time-date{opacity:.8;font-size:12px}@media (max-width: 600px){.fiction-time-badge{margin-left:0;width:100%;justify-content:center;order:10}}.live-control-sticky-header{position:sticky;top:0;z-index:100;background:var(--bg);padding:var(--space-3) 0 var(--space-4);margin-bottom:var(--space-3)}.live-control-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.live-control-header-row h2{margin:0}@media (max-width: 768px){.live-control-header-row{flex-direction:column;align-items:stretch;gap:var(--space-2)}.live-control-header-row>div:first-child{order:1}.live-control-header-row .fiction-time-badge{order:2;margin-left:0}.live-control-header-row>a{order:3}}.sequence-title-edit{display:flex;align-items:center;gap:var(--space-2);flex:1}.sequence-name-input{flex:1;font-size:1.2rem;font-weight:600;padding:var(--space-2) var(--space-3)}.sequence-editor-sticky-bar .tabs-container{margin-bottom:0}.sequence-editor-actions{display:flex;gap:var(--space-2)}.sequence-editor-actions .btn{flex:1}.message-type-selector,.message-type-btn-group{display:flex;gap:var(--space-2)}.audio-mode-toggle{display:flex;gap:var(--space-3)}.audio-mode-toggle .toggle-option{flex:1}.media-upload-area{padding:var(--space-4);background:var(--bg);border-radius:var(--radius-lg);border:1px dashed var(--border);text-align:center}.media-preview{display:flex;align-items:center;gap:var(--space-3);justify-content:center}.audio-preview{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-lg)}.audio-preview .audio-icon{font-size:24px}.audio-preview .audio-duration{font-size:14px;color:var(--text);font-weight:500}@media (max-width: 900px){.sequence-editor-layout{grid-template-columns:1fr}.sequence-editor-preview{display:none}}.chat-preview{background-color:#111b21;border-radius:var(--radius-xl);overflow:hidden;height:667px;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 20px #0006}.chat-preview-header{background-color:#202c33;padding:var(--space-2-5) var(--space-4);display:flex;align-items:center;gap:var(--space-2-5)}.chat-preview-back{display:flex;align-items:center;justify-content:center;color:#fff;width:24px;height:24px;flex-shrink:0}.chat-preview-back svg{width:22px;height:22px}.chat-preview-avatar{width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0}.chat-preview-avatar img{width:100%;height:100%;object-fit:cover}.chat-preview-avatar .avatar-placeholder{width:100%;height:100%;background-color:#00a884;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.chat-preview-contact{flex:1}.chat-preview-name{color:#e9edef;font-size:16px;font-weight:500}.chat-preview-status{color:#8696a0;font-size:13px}.chat-preview-messages{flex:1;background-color:#0b141a;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23111b21' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");padding:var(--space-4);overflow-y:auto;display:flex;flex-direction:column;gap:2px}.chat-preview-empty{color:#8696a0;text-align:center;padding:var(--space-10) var(--space-5);font-size:14px}.chat-date-separator{display:flex;justify-content:center;margin:var(--space-3) 0}.chat-date-separator span{background-color:#182229;color:#8696a0;font-size:12px;padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-lg);text-transform:uppercase}.chat-bubble{max-width:75%;padding:var(--space-1-5) var(--space-2) var(--space-1-5) 9px;border-radius:var(--radius-lg);position:relative;box-shadow:0 1px .5px #00000021;word-wrap:break-word}.chat-bubble.incoming{background-color:#202c33;color:#e9edef;align-self:flex-start;border-top-left-radius:8px;border-bottom-left-radius:0}.chat-bubble.outgoing{background-color:#005c4b;color:#e9edef;align-self:flex-end;border-top-right-radius:8px;border-bottom-right-radius:0}.chat-bubble-text{font-size:14.2px;line-height:19px;white-space:pre-wrap}.chat-bubble-time{font-size:var(--font-xs);color:#fff9;margin-top:2px;display:flex;justify-content:flex-end;align-items:center;gap:3px;float:right;margin-left:var(--space-2)}.chat-bubble-ticks{color:#53bdeb;font-size:14px}.chat-bubble.chat-bubble-media{padding:var(--space-1)}.chat-bubble-photo{border-radius:var(--radius-md);overflow:hidden}.chat-preview .chat-bubble-photo img{max-width:200px;max-height:150px;object-fit:cover;display:block}.chat-preview-day{background-color:#efeae2}.chat-preview-day .chat-preview-header{background-color:#008069}.chat-preview-day .chat-preview-name{color:#fff}.chat-preview-day .chat-preview-status{color:#ffffffe6}.chat-preview-day .chat-preview-messages{background-color:#efeae2;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d9d2c5' fill-opacity='0.3'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.chat-preview-day .chat-date-separator span{background-color:#ffffffe6;color:#667781}.chat-preview-day .chat-bubble.incoming{background-color:#fff;color:#111b21}.chat-preview-day .chat-bubble.outgoing{background-color:#d9fdd3;color:#111b21}.chat-preview-day .chat-bubble-text{color:#111b21}.chat-preview-day .chat-bubble-time{color:#667781}.chat-preview-day .chat-bubble-ticks{color:#53bdeb}.chat-preview-day .chat-preview-empty{color:#667781}.chat-preview-night{background-color:#0b141a}.chat-preview-night .chat-preview-header{background-color:#202c33}.chat-preview-night .chat-preview-name{color:#e9edef}.chat-preview-night .chat-preview-status{color:#8696a0}.chat-preview-night .chat-preview-messages{background-color:#0b141a;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23111b21' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.chat-preview-night .chat-date-separator span{background-color:#182229;color:#8696a0}.chat-preview-night .chat-bubble.incoming{background-color:#202c33}.chat-preview-night .chat-bubble.outgoing{background-color:#005c4b}.chat-preview-night .chat-bubble-text{color:#e9edef}.chat-preview-night .chat-bubble-time{color:#fff9}.chronology-warning{display:flex;align-items:center;gap:var(--space-3);background:linear-gradient(135deg,#e85d5d26,#e85d5d0d);border:1px solid rgba(232,93,93,.3);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.chronology-warning-badge{background:var(--danger);color:#fff;font-size:var(--font-xs);font-weight:700;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.chronology-warning-text{font-size:13px;color:var(--text);flex:1;line-height:1.5}.chronology-warning-text span{white-space:nowrap}.message-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--bg-elevated);border-radius:var(--radius-lg);margin-bottom:var(--space-2)}.message-list-item-reorder{display:flex;flex-direction:column;gap:2px}.message-list-item-reorder button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px var(--space-1-5);font-size:12px;border-radius:var(--radius-sm);transition:background-color .2s,color .2s}.message-list-item-reorder button:hover{background-color:var(--border);color:var(--text)}.message-list-item-reorder button:disabled{opacity:.3;cursor:not-allowed}.message-list-item-content{flex:1;min-width:0}.message-list-item-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:wrap}.message-number{font-size:var(--font-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.message-chronology-error{display:inline-flex;align-items:center;background:#e85d5d26;border:1px solid rgba(232,93,93,.4);color:#ff6b6b;font-size:var(--font-xs);font-weight:600;padding:2px var(--space-1-5);border-radius:var(--radius-sm);margin-left:auto}.message-list-item-text{font-size:14px;color:var(--text);word-wrap:break-word}.message-list-item-actions{display:flex;gap:var(--space-1-5)}.message-read-toggle{display:flex;align-items:center;gap:var(--space-1-5);margin-top:var(--space-2);cursor:pointer;font-size:12px}.message-read-toggle input[type=checkbox]{width:14px;height:14px;cursor:pointer}.message-read-indicator{font-size:12px;font-weight:600}.message-read-label{color:var(--text-secondary)}.message-status-picker{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-0-5);border-radius:var(--radius-md);background:var(--bg-card)}.message-status-option{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-xs);font-weight:var(--font-medium);cursor:pointer;font-family:inherit;transition:var(--transition-fast);white-space:nowrap}.message-status-option:hover{background:var(--bg-elevated);color:var(--text)}.message-status-option.is-active{background:var(--secondary-lighter);color:var(--text)}.message-status-icon{font-weight:var(--font-bold);letter-spacing:-.5px}.message-status-icon--sent{color:var(--text-disabled)}.message-status-icon--delivered{color:var(--text-secondary)}.message-status-icon--read{color:#53bdeb}.message-status-text{font-size:var(--font-xs)}.read-receipts-toggle{display:flex;gap:var(--space-4)}.toggle-option{display:flex;align-items:center;cursor:pointer;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--bg-card);color:var(--text-secondary);flex:1;transition:var(--transition)}.toggle-option:hover{border-color:var(--text-secondary);color:var(--text)}.toggle-option:has(input:checked){border-color:var(--secondary);background-color:var(--secondary-light);color:var(--text)}.toggle-option:has(input:checked):hover{background-color:var(--secondary-lighter)}.toggle-option input[type=radio]{display:none}.toggle-option-content{display:flex;align-items:center;gap:var(--space-2-5)}.toggle-option-icon{font-size:16px;font-weight:700}.toggle-option-label{font-size:14px;color:var(--text)}.theme-toggle{display:flex;gap:var(--space-2)}.theme-icon{font-size:18px}.status-bar-control{display:flex;flex-direction:column;gap:var(--space-2)}.status-bar-label{font-size:14px;color:var(--text-secondary);font-weight:500}.status-bar-slider{width:100%;height:6px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;--progress: 50%}.status-bar-slider::-webkit-slider-runnable-track{height:6px;background:linear-gradient(to right,var(--primary) var(--progress),var(--border-strong) var(--progress));border-radius:var(--radius-xs)}.status-bar-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--secondary);border-radius:var(--radius-full);margin-top:-5px;cursor:pointer}.status-bar-slider::-moz-range-track{height:6px;background:linear-gradient(to right,var(--primary) var(--progress),var(--border-strong) var(--progress));border-radius:var(--radius-xs)}.status-bar-slider::-moz-range-thumb{width:16px;height:16px;background:var(--secondary);border-radius:var(--radius-full);border:none;cursor:pointer}.toast-stack{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column-reverse;align-items:center;gap:var(--space-2);pointer-events:none;max-width:calc(100vw - var(--space-8))}.toast{display:inline-flex;align-items:center;gap:var(--space-2-5);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:var(--font-medium);color:var(--text);background:var(--bg-card-solid);border:1px solid var(--border);box-shadow:var(--shadow-xl);cursor:pointer;pointer-events:auto;max-width:480px;animation:toast-enter .25s ease-out}.toast--exiting{animation:toast-exit .25s ease-in forwards}@keyframes toast-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.toast--success{border-left:3px solid var(--success)}.toast--error{border-left:3px solid var(--danger)}.toast--warning{border-left:3px solid var(--warning)}.toast--info{border-left:3px solid var(--secondary)}.toast__icon{flex-shrink:0;width:22px;height:22px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:var(--font-bold);color:var(--bg)}.toast--success .toast__icon{background:var(--success)}.toast--error .toast__icon{background:var(--danger)}.toast--warning .toast__icon{background:var(--warning);color:var(--bg)}.toast--info .toast__icon{background:var(--secondary)}.toast__message{flex:1;line-height:var(--leading-normal)}.toast.toast-error{border-left:3px solid var(--danger)}.toast.toast-success{border-left:3px solid var(--success)}.qr-scanner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;z-index:var(--z-top);display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.qr-scanner-container{background-color:var(--bg-card);border-radius:var(--radius-2xl);width:100%;max-width:400px;overflow:hidden;border:1px solid var(--border)}.qr-scanner-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);color:var(--text)}.qr-scanner-header h3{margin:0;font-size:18px;font-weight:600}.qr-scanner-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);padding:var(--space-1) var(--space-2);transition:color .2s}.qr-scanner-close:hover{color:var(--text)}.qr-scanner-content{padding:var(--space-5);min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-scanner-loading,.qr-scanner-error{text-align:center;color:var(--text-secondary)}.qr-scanner-error{color:var(--danger)}.qr-scanner-footer{padding:var(--space-4) var(--space-5);text-align:center;color:var(--text-secondary);font-size:14px;border-top:1px solid var(--border)}#qr-reader{border-radius:var(--radius-lg);overflow:hidden}#qr-reader video{border-radius:var(--radius-lg)}.qr-code-container{display:flex;flex-direction:column;align-items:center;padding:var(--space-6);background-color:#fff;border-radius:var(--radius-xl)}.qr-code-container p{margin-top:var(--space-3);font-size:14px;color:#333;font-weight:500}.admin-auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background-color:var(--bg)}.admin-auth-card{background-color:var(--bg-card-solid);padding:var(--space-10);border-radius:var(--radius-2xl);width:100%;max-width:400px;border:1px solid var(--border)}.admin-auth-logo{display:block;width:100px;height:auto;margin:0 auto var(--space-6)}.admin-auth-icon{font-size:var(--icon-2xl);margin-bottom:var(--space-4);text-align:center}.admin-auth-title{font-size:26px;font-weight:700;letter-spacing:-.025em;text-align:center;margin-bottom:var(--space-2);color:var(--text)}.admin-auth-subtitle{text-align:center;font-size:14px;letter-spacing:-.01em;color:var(--text-secondary);margin-bottom:var(--space-6)}.admin-auth-link{text-align:center;margin-top:var(--space-5);font-size:14px;color:var(--text-secondary)}.admin-auth-link a{color:var(--secondary);text-decoration:none}.admin-auth-link a:hover{text-decoration:underline}.admin-auth-page .btn.btn-primary{background:linear-gradient(135deg,#e8d44d,#005562);color:#0a0a0c;border-radius:var(--radius-xl);font-weight:700;letter-spacing:-.01em;box-shadow:none;border:none;transition:transform .16s cubic-bezier(.2,.7,.2,1),filter .2s ease}.admin-auth-page .btn.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.06)}.admin-auth-page .btn.btn-primary:active{transform:scale(.98);filter:none}.admin-auth-page .btn.btn-primary:disabled{background:var(--disabled);color:var(--text-disabled);filter:none;transform:none}.admin-auth-page .form-input{background-color:#ffffff0a;border-color:#ffffff1a;border-radius:10px;padding:var(--space-3) var(--space-3-5)}.admin-auth-page .form-input:focus{border-color:var(--secondary);box-shadow:0 0 0 2px #4ecdc41f;outline:none}.otp-input-group{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-6)}.otp-input{width:48px;height:56px;text-align:center;font-size:24px;font-weight:600;border:2px solid var(--border);border-radius:var(--radius-xl);background:var(--bg);color:var(--text);transition:border-color .2s,box-shadow .2s}.otp-input:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px #4ecdc433}.otp-input::placeholder{color:var(--text-secondary)}.resend-code-section{text-align:center;margin-top:var(--space-6)}.resend-text{font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-2)}.btn-link{background:none;border:none;color:var(--secondary);cursor:pointer;font-size:14px;padding:0;text-decoration:underline}.btn-link:hover:not(:disabled){color:var(--secondary-dark)}.btn-link:disabled{color:var(--text-secondary);text-decoration:none;cursor:not-allowed}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{padding-right:44px}.password-toggle{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);width:32px;height:32px;padding:var(--space-1-5);background:none;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:color .2s,background .2s}.password-toggle:hover{color:var(--text);background:var(--bg-elevated)}.password-toggle svg{width:20px;height:20px}.admin-header-right{position:relative;display:flex;align-items:center;gap:clamp(var(--space-4),1.2vw,var(--space-6))}.avatar-btn{position:relative;display:flex;align-items:center;justify-content:center;width:clamp(36px,2.6vw,52px);height:clamp(36px,2.6vw,52px);padding:0;background:linear-gradient(135deg,#e8d44d,#005562);border:none;border-radius:var(--radius-full);cursor:pointer;transition:filter .2s}.avatar-btn:hover{opacity:.85}.avatar-initials{font-size:var(--font-sm);font-weight:700;color:#fff;line-height:1;letter-spacing:.02em;pointer-events:none;-webkit-user-select:none;user-select:none}.avatar-badge{position:absolute;top:-4px;right:-4px;background:var(--danger, #e53e3e);color:#fff;border-radius:999px;font-size:var(--font-xs);font-weight:700;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1;pointer-events:none}.dropdown-badge{background:var(--danger, #e53e3e);color:#fff;border-radius:999px;font-size:var(--font-xs);font-weight:700;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 var(--space-1);line-height:1}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-overlay)}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:var(--space-2);min-width:220px;background-color:#0d0d11d9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000080;z-index:var(--z-dropdown);overflow:hidden}@media (max-width: 768px){.dropdown-menu{position:fixed;top:90px;right:var(--space-4);left:var(--space-4);min-width:auto;max-height:calc(100vh - 120px);overflow-y:auto}}.dropdown-menu-header{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-3-5) var(--space-4);cursor:default}.dropdown-avatar{flex-shrink:0;width:clamp(30px,2vw,40px);height:clamp(30px,2vw,40px);background:var(--primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:700;color:#fff;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.dropdown-menu-header-name{font-size:var(--font-base);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-menu-item--flex{display:flex;align-items:center;justify-content:space-between}.dropdown-menu-divider{height:1px;background-color:#ffffff14}.dropdown-menu-item{display:block;width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;color:var(--text-secondary);font-size:var(--font-base);text-align:left;text-decoration:none;cursor:pointer;transition:var(--transition)}.dropdown-menu-item:hover{background-color:#ffffff12;color:var(--text)}.search-dropdown{position:absolute;top:100%;left:0;right:0;z-index:calc(var(--z-modal) + 1);margin-top:var(--space-1);background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:240px;overflow-y:auto}.search-dropdown--inline{position:static;margin-top:var(--space-2);max-height:280px}.search-dropdown__item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-0-5);width:100%;padding:var(--space-2-5) var(--space-3);background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);font-size:var(--font-sm);font-family:inherit;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.search-dropdown__item:last-child{border-bottom:none}.search-dropdown__item:hover,.search-dropdown__item:focus-visible{background:var(--bg-elevated);outline:none}.search-dropdown__item-name{font-weight:var(--font-semibold);color:var(--text);line-height:1.2}.search-dropdown__item-meta{color:var(--text-secondary);font-size:var(--font-xs);line-height:1.2}.search-dropdown__empty{padding:var(--space-3);margin:0;color:var(--text-secondary);font-size:var(--font-sm);text-align:center}.search-dropdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal)}button.dropdown-menu-item:hover{color:var(--danger)}.profile-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.profile-header h1{font-size:24px;font-weight:600}.profile-feedback-card{background:linear-gradient(135deg,#4ecdc426,#4ecdc40d);border:1px solid rgba(78,205,196,.3)}.profile-feedback-content{display:flex;align-items:center;gap:var(--space-4)}.profile-feedback-icon{font-size:var(--icon-xl)}.profile-feedback-content h3{font-size:16px;font-weight:600;margin-bottom:var(--space-1)}.profile-feedback-content p{font-size:14px;color:var(--text-secondary);margin:0}.profile-feedback-content .btn{margin-left:auto;white-space:nowrap}.profile-info{display:flex;flex-direction:column;gap:var(--space-3)}.profile-info-row{display:flex;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.profile-info-row:last-child{border-bottom:none}.profile-info-label{color:var(--text-secondary);font-size:14px}.profile-info-value{font-weight:500}.profile-danger-zone p{color:var(--text-secondary);margin-bottom:var(--space-4);font-size:14px}.profile-delete-warning{color:var(--warning);margin-bottom:var(--space-4);font-size:14px}.card-danger{border-color:#e85d5d4d}.card-danger .card-title{color:var(--danger)}.success-message{background-color:#4ecb7126;color:var(--success);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);border:1px solid rgba(78,203,113,.3)}.billing-entity-form{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-5);background:var(--bg-elevated)}.billing-entity-form-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.5px}.billing-entity-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3-5) 0;border-bottom:1px solid var(--border)}.billing-entity-row:last-child{border-bottom:none}.billing-entity-info{display:flex;flex-direction:column;gap:3px}.billing-entity-name{font-size:14px;font-weight:600;color:var(--text)}.billing-entity-detail{font-size:12px;color:var(--text-secondary)}.billing-entity-actions{display:flex;gap:var(--space-2);flex-shrink:0}@media (max-width: 600px){.profile-feedback-content{flex-direction:column;text-align:center}.profile-feedback-content .btn{margin-left:0;width:100%}.billing-entity-row{flex-direction:column;align-items:flex-start}}.create-project-section{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border)}.create-project-form{display:flex;gap:var(--space-3);align-items:center}.create-project-form .form-input{flex:1}.btn-create-project{width:100%;padding:var(--space-3-5) var(--space-6);font-size:16px}.create-project-header-form{padding:0 0 var(--space-4) 0;margin-bottom:var(--space-2);border-bottom:1px solid var(--border)}.tabs-container{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);background-color:var(--bg-elevated);padding:var(--space-1);border-radius:var(--radius-lg);box-shadow:none}.tab-btn{flex:1;padding:var(--space-3) var(--space-5);border:1px solid transparent;border-radius:var(--radius-lg);background-color:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.tab-btn:hover{color:var(--text);border-color:var(--text-secondary)}.tab-btn.active{background-color:var(--secondary-light);border-color:var(--secondary);color:var(--text)}.tab-btn.active:hover{background-color:var(--secondary-lighter)}.color-theme-selector{display:flex;gap:var(--space-3)}.color-theme-btn .color-preview{width:32px;height:32px;border-radius:var(--radius-full);border:2px solid rgba(255,255,255,.2)}.color-theme-btn.color-green .color-preview{background-color:#25d366}.color-theme-btn.color-blue .color-preview{background-color:#08c}.color-theme-btn.color-purple .color-preview{background-color:#7c3aed}.appearance-type-selector{display:flex;gap:var(--space-3)}.appearance-type-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);border:1px solid transparent;border-radius:var(--radius-lg);background-color:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.appearance-type-btn:hover{background-color:var(--bg-elevated);color:var(--text)}.appearance-type-btn.active{background-color:var(--secondary-lighter);color:var(--text)}.appearance-type-btn .appearance-icon{font-size:32px}.appearance-type-btn .appearance-name{font-size:14px;font-weight:600;color:var(--text)}.appearance-type-btn .appearance-desc{font-size:12px;color:var(--text-secondary);text-align:center}.apple-release-card{background-color:var(--bg-elevated);border:1px solid var(--secondary-border)}.apple-release-checkbox{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.apple-release-checkbox input[type=checkbox]{margin-top:2px;flex-shrink:0;width:18px;height:18px;accent-color:var(--secondary)}.apple-release-checkbox input[type=checkbox]:disabled{cursor:wait}.apple-release-text{font-size:var(--font-sm);color:var(--text);line-height:var(--leading-normal)}.chat-preview-empty-state{display:flex;justify-content:center;padding:var(--space-4)}.chat-preview-empty-mockup{width:280px;height:560px;background-color:var(--bg-card);border-radius:var(--radius-2xl);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.chat-preview-empty-content{padding:var(--space-8);text-align:center}.chat-preview-empty-text{font-size:var(--font-xl);font-weight:var(--font-semibold);color:var(--text);line-height:var(--leading-normal)}.font-size-selector{display:flex;gap:var(--space-3)}.font-size-preview{font-weight:600;color:var(--text)}.chat-preview-day.chat-preview-color-green .chat-preview-header{background-color:#008069}.chat-preview-day.chat-preview-color-green .chat-bubble.outgoing{background-color:#d9fdd3}.chat-preview-day.chat-preview-color-green .chat-preview-avatar .avatar-placeholder{background-color:#25d366}.chat-preview-night.chat-preview-color-green .chat-preview-header{background-color:#202c33}.chat-preview-night.chat-preview-color-green .chat-bubble.outgoing{background-color:#005c4b}.chat-preview-night.chat-preview-color-green .chat-preview-avatar .avatar-placeholder{background-color:#25d366}.chat-preview-day.chat-preview-color-blue .chat-preview-header{background-color:#08c}.chat-preview-day.chat-preview-color-blue .chat-bubble.outgoing{background-color:#cce5ff}.chat-preview-day.chat-preview-color-blue .chat-preview-avatar .avatar-placeholder{background-color:#00b4d8}.chat-preview-night.chat-preview-color-blue .chat-preview-header{background-color:#1a3a4a}.chat-preview-night.chat-preview-color-blue .chat-bubble.outgoing{background-color:#0077b6}.chat-preview-night.chat-preview-color-blue .chat-preview-avatar .avatar-placeholder{background-color:#00b4d8}.chat-preview-day.chat-preview-color-purple .chat-preview-header,.chat-preview-day.chat-preview-color-purple .chat-bubble.outgoing{background-color:#7c3aed}.chat-preview-day.chat-preview-color-purple .chat-bubble.outgoing .chat-bubble-text,.chat-preview-day.chat-preview-color-purple .chat-bubble.outgoing .chat-bubble-time{color:#fff}.chat-preview-day.chat-preview-color-purple .chat-preview-avatar .avatar-placeholder{background-color:#a78bfa}.chat-preview-night.chat-preview-color-purple .chat-preview-header,.chat-preview-night.chat-preview-color-purple .chat-bubble.outgoing{background-color:#7e22ce}.chat-preview-night.chat-preview-color-purple .chat-bubble.outgoing .chat-bubble-text,.chat-preview-night.chat-preview-color-purple .chat-bubble.outgoing .chat-bubble-time{color:#fff}.chat-preview-night.chat-preview-color-purple .chat-preview-avatar .avatar-placeholder{background-color:#a78bfa}.chat-preview-font-small .chat-bubble-text{font-size:15px}.chat-preview-font-medium .chat-bubble-text{font-size:17px}.chat-preview-font-large .chat-bubble-text{font-size:20px}.chat-preview-font-xlarge .chat-bubble-text{font-size:24px}.library-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-3)}.library-photo-item{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--border);transition:border-color .2s}.library-photo-item:hover{border-color:var(--text-secondary)}.library-photo-item img{width:100%;height:100%;object-fit:cover}.library-photo-delete{position:absolute;top:var(--space-1);right:var(--space-1);width:24px;height:24px;border-radius:var(--radius-full);background-color:#e85d5de6;color:#fff;border:none;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}@media (hover: hover){.library-photo-delete{opacity:0}.library-photo-item:hover .library-photo-delete{opacity:1}}.toggle-switch{position:relative;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff1f;border:1px solid rgba(255,255,255,.15);transition:all .3s ease;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:var(--text-secondary);transition:all .3s ease;border-radius:var(--radius-full)}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary);border-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px);background-color:#fff}.feature-toggle-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.feature-toggle-content{flex:1}.feature-toggle-body{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.user-stats-summary{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.stat-box{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-lg)}.stat-number{font-size:28px;font-weight:700;color:var(--primary)}.stat-label{font-size:12px;color:var(--text-secondary);margin-top:var(--space-1)}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--border)}.users-table th{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.users-table td{font-size:14px}.users-table .text-center{text-align:center}.users-table .text-muted{color:var(--text-secondary);font-style:italic}.current-user-row{background:#0055621a}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{font-weight:500}.user-email{font-size:12px;color:var(--text-secondary)}.role-badge{display:inline-block;padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-xl);font-size:var(--font-xs);font-weight:600;text-transform:uppercase}.role-admin{background:#e8d44d33;color:var(--warning)}.role-user{background:#a0a0a033;color:var(--text-secondary)}.status-badge{display:inline-block;padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-xl);font-size:var(--font-xs);font-weight:600;text-transform:uppercase}.status-active{background:#4ecb7133;color:var(--success)}.status-blocked{background:#e8d44d33;color:var(--warning)}.status-deleted{background:#e85d5d33;color:var(--danger)}.deleted-user-row{opacity:.6}.deleted-date{font-size:var(--font-xs);color:var(--text-secondary);margin-top:2px}.show-deleted-toggle{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.toggle-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:14px;color:var(--text-secondary)}.toggle-label input{width:16px;height:16px;accent-color:var(--secondary);cursor:pointer}.btn-warning{background-color:#ff9800;color:#1e1e1e}.btn-warning:hover{background-color:#f57c00}.action-buttons{display:flex;gap:var(--space-1-5);flex-wrap:nowrap;align-items:center}.action-buttons .btn{white-space:nowrap}.mobile-admin-banner{display:flex;background:linear-gradient(135deg,#1a3a4a,#0d2633);border-bottom:1px solid var(--border);padding:var(--space-3) var(--space-4);align-items:center;justify-content:space-between;gap:var(--space-3)}.mobile-admin-banner-content{display:flex;align-items:center;gap:var(--space-2-5);flex:1}.mobile-admin-banner-icon{font-size:20px;flex-shrink:0}.mobile-admin-banner-content p{margin:0;font-size:13px;line-height:1.4;color:var(--text-secondary)}.mobile-admin-banner-content strong{color:var(--secondary)}.mobile-admin-banner-close{background:none;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:var(--transition);flex-shrink:0}.mobile-admin-banner-close:hover{background:#ffffff1a;color:var(--text)}.guided-tour-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-top);pointer-events:auto}.guided-tour-backdrop-simple{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;pointer-events:auto}.guided-tour-mask{position:fixed;background:#000000bf;pointer-events:none}.guided-tour-highlight{position:fixed;border:2px solid var(--primary);border-radius:var(--radius-lg);box-shadow:0 0 0 4px #00b7c34d;pointer-events:none;transition:all .3s ease}.guided-tour-tooltip{position:fixed;width:320px;max-width:calc(100vw - 32px);background:var(--bg);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-xl),0 0 0 1px #00b7c34d;z-index:var(--z-top-tip);animation:tourFadeIn .3s ease}@media (max-width: 768px){.guided-tour-tooltip{width:calc(100vw - 32px);max-width:320px;padding:var(--space-4)}.guided-tour-title{font-size:16px}.guided-tour-content{font-size:13px;margin-bottom:var(--space-4)}.guided-tour-actions{flex-wrap:wrap}.guided-tour-actions .btn{min-width:80px;flex:1}}@keyframes tourFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.guided-tour-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.guided-tour-step-count{font-size:12px;color:var(--text-secondary);font-weight:500}.guided-tour-skip{background:none;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:var(--transition)}.guided-tour-skip:hover{background:#ffffff1a;color:var(--text)}.guided-tour-title{font-size:18px;font-weight:600;margin:0 0 var(--space-2);color:var(--text)}.guided-tour-content{font-size:14px;line-height:1.5;color:var(--text-secondary);margin:0 0 var(--space-5)}.guided-tour-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.guided-tour-actions .btn{min-width:90px}.info-tooltip-wrapper{position:relative;display:inline-flex;align-items:center;margin-left:var(--space-2);cursor:help}.info-tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--radius-full);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-secondary);font-size:var(--font-xs);font-weight:600;font-style:italic;font-family:Georgia,serif;transition:var(--transition)}.info-tooltip-wrapper:hover .info-tooltip-icon{background:var(--primary);border-color:var(--primary);color:#fff}.info-tooltip-content{position:absolute;z-index:9999;width:250px;padding:var(--space-3) var(--space-3-5);background:#1a1a1a;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0006;font-size:13px;line-height:1.5;color:var(--text-secondary);font-style:normal;font-weight:400;text-align:left;white-space:normal}.info-tooltip-top{bottom:calc(100% + var(--space-2));left:50%;transform:translate(-50%)}.info-tooltip-bottom{top:calc(100% + var(--space-2));left:50%;transform:translate(-50%)}.info-tooltip-left{right:calc(100% + var(--space-2));top:50%;transform:translateY(-50%)}.info-tooltip-right{left:calc(100% + var(--space-2));top:50%;transform:translateY(-50%)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:var(--z-dropdown);animation:modalFadeIn .15s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);z-index:var(--z-modal);width:90vw;max-width:640px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .2s ease-out}.modal-sm{max-width:420px}.modal-lg{max-width:880px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);flex-shrink:0}.modal-title{margin:0;font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--text);letter-spacing:-.01em}.modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:var(--font-lg);width:32px;height:32px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-fast);font-family:inherit}.modal-close:hover{background:var(--bg-elevated);color:var(--text)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2-5);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);flex-shrink:0}@media (max-width: 600px){.modal{width:94vw;max-height:92vh}.modal-header,.modal-footer{padding-left:var(--space-4);padding-right:var(--space-4)}.modal-body{padding:var(--space-4)}}.qr-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:var(--z-dropdown)}.qr-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-8);z-index:var(--z-modal);text-align:center;max-width:90vw;max-height:90vh;overflow-y:auto;width:480px;box-shadow:var(--shadow-xl)}.qr-modal-title{margin:0 0 var(--space-2);font-size:22px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.qr-modal-subtitle{margin:0 0 var(--space-5);color:var(--text-secondary);font-size:16px}.qr-modal-code{background:#fff;padding:var(--space-6);border-radius:var(--radius-xl);display:inline-block;margin-bottom:var(--space-5)}.qr-modal-code .qr-svg{display:block;width:100%;height:auto;max-width:300px}.qr-modal-url{font-size:12px;color:var(--text-secondary);margin:0 0 var(--space-5);word-break:break-all;padding:0 var(--space-2-5)}.qr-modal-access-code{margin:0 0 var(--space-6);text-align:center}.qr-modal-access-code-label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-2)}.qr-modal-access-code-value{display:inline-flex;align-items:center;gap:var(--space-3);font-family:monospace;font-size:32px;font-weight:700;letter-spacing:4px;color:var(--text);background:var(--bg);padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition)}.qr-modal-access-code-value:hover{background:var(--bg-elevated)}.qr-modal-copy-icon{font-size:20px;opacity:.7}.qr-modal-access-code-value:hover .qr-modal-copy-icon{opacity:1}.qr-modal-copied{display:block;font-size:13px;color:var(--primary);margin-top:var(--space-2)}.qr-modal-close{width:100%}@media (max-width: 768px){.admin-content{padding:var(--space-4)}.card-header{flex-wrap:wrap;gap:var(--space-3)}.card-title{font-size:16px;display:flex;align-items:center;gap:var(--space-1-5);flex-wrap:wrap}.list-item{flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-4)}.list-item-content{width:100%}.list-item .btn-group{width:100%;flex-wrap:wrap}.list-item .btn-group .btn{flex:1;min-width:0;text-align:center;padding:var(--space-2-5) var(--space-2);font-size:13px}.sequence-preview-btn--mobile{display:inline-flex}.sequence-preview-btn--desktop{display:none}.tabs-container{width:100%}.tab-btn{padding:var(--space-2-5) var(--space-3);font-size:13px}.form-row{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.form-row .form-group{width:100%}.sequence-title-row{flex-wrap:wrap;align-items:center;gap:var(--space-2)}.sequence-title-row h2{width:100%;margin-bottom:var(--space-1)}.sequence-title-row .badge{margin-left:auto}.sequence-title{font-size:20px}.qr-modal{width:calc(100vw - 32px);padding:var(--space-5);max-height:calc(100vh - 32px)}.qr-modal-title{font-size:18px}.qr-modal-code{padding:var(--space-4);width:100%}.qr-modal-code .qr-svg{max-width:250px;margin:0 auto}.message-list-item{flex-direction:row;align-items:flex-start;padding:var(--space-2-5);gap:var(--space-2)}.message-list-item-reorder{flex-direction:column;gap:2px;order:0;flex-shrink:0}.message-list-item-reorder button{padding:var(--space-1) var(--space-1-5);font-size:var(--font-xs)}.message-list-item-content{flex:1;min-width:0}.message-list-item-header{flex-wrap:wrap;gap:var(--space-1);margin-bottom:2px}.message-number{font-size:var(--font-xs)}.message-chronology-error{font-size:var(--font-xs);padding:2px var(--space-1);width:100%;margin-top:2px;margin-left:0}.chronology-warning{flex-wrap:wrap;padding:var(--space-2-5) var(--space-3);gap:var(--space-2)}.chronology-warning-badge{font-size:var(--font-xs);padding:3px var(--space-1-5)}.chronology-warning-text{font-size:12px;flex-basis:calc(100% - 60px)}.chronology-warning .btn{width:100%;margin-top:var(--space-1)}.message-list-item-text{font-size:13px}.message-list-item-actions{flex-direction:column;gap:var(--space-1);flex-shrink:0}.message-list-item-actions .btn{padding:var(--space-1-5) var(--space-2-5);font-size:12px}.message-read-toggle{margin-top:var(--space-1)}.create-project-form{flex-direction:column}.create-project-form .form-input{width:100%}.create-project-form .btn-group{width:100%;justify-content:stretch}.create-project-form .btn-group .btn{flex:1}.theme-toggle{flex-direction:row}.theme-toggle-btn{flex:1;width:auto}.color-theme-selector{flex-wrap:wrap}.color-theme-btn{flex:1;min-width:80px}.read-receipts-toggle{flex-direction:column}.toggle-option{width:100%}.audio-mode-toggle{flex-direction:column}.message-type-selector{flex-wrap:wrap}.message-type-btn{flex:1;min-width:80px;padding:var(--space-2) var(--space-3);font-size:13px}.library-photos-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.admin-content{padding:var(--space-2);width:100%;max-width:100vw;box-sizing:border-box}.sequence-editor-main,.wizard-step-content,.wizard-content{width:100%;max-width:100%}.card{padding:var(--space-3);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;word-wrap:break-word}.form-group{width:100%;max-width:100%}.form-input,.form-select,.form-textarea{width:100%;max-width:100%;box-sizing:border-box}input[type=file],.sequence-title-row{width:100%;max-width:100%}.fiction-time-badge{max-width:100%;overflow:hidden;text-overflow:ellipsis}.qr-modal-code .qr-svg{max-width:200px}.library-photos-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.library-photo-item{border-radius:var(--radius-md)}.btn{padding:var(--space-2) var(--space-3);font-size:13px}.btn-sm{padding:var(--space-1-5) var(--space-2-5);font-size:12px}.wizard-step-content{max-width:100%}.wizard-progress{padding:var(--space-2) var(--space-1) var(--space-3)}.wizard-step-description{margin-bottom:var(--space-3);padding:var(--space-2-5) var(--space-3)}.form-row{grid-template-columns:1fr!important;gap:var(--space-3)}.color-theme-selector,.font-size-selector,.appearance-type-selector{flex-direction:row;flex-wrap:nowrap;gap:var(--space-2)}.color-theme-btn,.font-size-btn,.appearance-type-btn{min-width:unset;flex:1;padding:var(--space-2) var(--space-1)}}@media (max-width: 600px){.info-tooltip-content{width:250px;font-size:12px}.info-tooltip-left,.info-tooltip-right{left:50%;right:auto;top:auto;bottom:calc(100% + var(--space-2));transform:translate(-50%)}}.mobile-action-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-card-solid);border-top:1px solid var(--border);padding:var(--space-2-5) var(--space-3);padding-bottom:max(var(--space-2-5),env(safe-area-inset-bottom));gap:var(--space-1-5);z-index:100;box-shadow:0 -4px 16px #00000080;align-items:center}.mobile-action-bar .btn{flex:1;text-align:center;padding:13px var(--space-1-5);font-size:14px;white-space:nowrap}.mobile-header-block{display:none;flex-direction:column;gap:var(--space-2);padding:var(--space-1-5) 0}.mobile-header-row1{display:flex;align-items:center;gap:var(--space-2-5)}.mobile-seq-title-group{flex:1;display:flex;align-items:center;gap:var(--space-1-5);min-width:0}.mobile-seq-title{font-size:17px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.mobile-seq-name-input{flex:1;font-size:16px;padding:var(--space-2) var(--space-2-5)}.mobile-edit-icon-btn{background:none;border:none;cursor:pointer;font-size:20px;padding:2px var(--space-1);flex-shrink:0;line-height:1}.mobile-header-row2{display:flex}.mobile-header-row2 .badge{font-size:13px;padding:5px var(--space-2-5)}.mobile-header-row3{display:flex;align-items:center;gap:0}.mobile-header-row3 .mobile-wizard-btn{flex:1;width:auto;height:42px;font-size:20px}.mobile-header-row3 .mobile-wizard-step{flex:1;font-size:17px;text-align:center}.mobile-wizard-btn{background:none;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;line-height:1;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s}.mobile-wizard-btn:disabled{opacity:.35;cursor:default}.mobile-wizard-btn:not(:disabled):active{background:var(--bg-hover)}.mobile-wizard-btn-save{border-color:var(--accent);color:var(--accent)}.mobile-wizard-step{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;flex-shrink:0;min-width:28px;text-align:center}.mobile-wizard-step-total{color:var(--text-secondary);font-weight:400}@media (max-width: 900px){.qr-float-widget,.wizard-nav,.sequence-editor-sticky-bar .wizard-progress{display:none}.desktop-only-flex{display:none!important}.mobile-header-block,.mobile-action-bar{display:flex}.admin-content{padding-bottom:var(--space-20)}}.mobile-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:1000}.mobile-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:1001;display:flex;flex-direction:column;overflow:hidden;height:100%;height:100dvh}.mobile-preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0;min-height:56px;position:sticky;top:0;z-index:10}.mobile-preview-header h3{margin:0;font-size:18px}.mobile-preview-close{width:36px;height:36px;border-radius:var(--radius-full);background:var(--bg-elevated);border:none;color:var(--text);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-preview-close:hover{background:var(--border)}.mobile-preview-content{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:var(--space-4)}.mobile-preview-content .chat-preview{flex:1;height:auto;max-height:none}.live-control-mobile-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);max-width:340px;width:calc(100% - 32px);z-index:1001;text-align:center;box-shadow:0 8px 32px #0006}.live-control-mobile-icon{font-size:var(--icon-2xl);margin-bottom:var(--space-4)}.live-control-mobile-modal h3{font-size:20px;font-weight:600;color:var(--text);margin:0 0 var(--space-3) 0}.live-control-mobile-modal p{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0 0 var(--space-6) 0}.live-control-mobile-modal p strong{color:var(--text)}.live-control-mobile-actions{display:flex;flex-direction:column;gap:var(--space-3)}.live-control-mobile-actions .btn{width:100%}.live-mobile-input-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border);padding:var(--space-2-5) var(--space-4);padding-bottom:max(var(--space-2-5),env(safe-area-inset-bottom));z-index:100;box-shadow:0 -2px 10px #0000004d;flex-direction:row;align-items:center;gap:var(--space-2)}.live-mobile-input-wrapper{display:flex;gap:var(--space-2)}.live-mobile-input-wrapper .form-input{flex:1}.live-mobile-input-wrapper .btn{flex-shrink:0}@media (max-width: 900px){.live-mobile-input-bar{display:flex}}.live-mobile-chat-content{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:0;min-height:0}.live-chat-container-mobile{display:flex;flex-direction:column;flex:1;overflow:hidden;border-radius:0;min-height:0}.live-chat-container-mobile .chat-header{flex-shrink:0;border-radius:0}.live-chat-container-mobile .chat-messages{flex:1;overflow-y:auto;min-height:0}.live-chat-container-mobile .chat-input-area{flex-shrink:0;border-radius:0;position:sticky;bottom:0;background:inherit}.activity-list{display:flex;flex-direction:column;gap:1px;background:var(--border)}.activity-item{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-card)}.activity-icon{font-size:20px;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.activity-content{flex:1;min-width:0}.activity-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.activity-action{font-weight:500;color:var(--text)}.activity-time{font-size:12px;color:var(--text-secondary);white-space:nowrap}.activity-details{font-size:13px;color:var(--text-secondary);margin-top:2px}.activity-user{color:var(--primary)}.activity-entity{color:var(--text-secondary)}.activity-meta{font-size:var(--font-xs);color:var(--text-secondary);opacity:.7;margin-top:var(--space-1)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-4);border-top:1px solid var(--border)}.pagination-info{font-size:14px;color:var(--text-secondary)}.loading-state{padding:var(--space-10);text-align:center;color:var(--text-secondary)}.spinner{display:inline-block;width:var(--icon-md);height:var(--icon-md);border:2px solid var(--bg-elevated);border-top-color:var(--primary);border-radius:var(--radius-full);animation:spin .7s linear infinite}.spinner-sm{width:var(--icon-sm);height:var(--icon-sm);border-width:2px}.spinner-lg{width:var(--icon-xl);height:var(--icon-xl);border-width:3px}.activity-header-controls{display:flex;align-items:center;gap:var(--space-3)}.view-mode-toggle{display:flex;gap:var(--space-1)}.view-mode-toggle .btn{border-radius:var(--radius-sm)}.activity-grouped{display:flex;flex-direction:column}.user-group{border-bottom:1px solid var(--border)}.user-group:last-child{border-bottom:none}.user-group-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-3-5) var(--space-4);background:var(--bg-card);border:none;cursor:pointer;transition:background-color .15s;text-align:left;color:var(--text)}.user-group-header:hover{background:var(--bg-elevated)}.user-group-info{display:flex;align-items:center;gap:var(--space-2-5)}.user-group-icon{font-size:18px}.user-group-email{font-weight:500;font-size:14px}.user-group-arrow{font-size:var(--font-xs);color:var(--text-secondary);transition:transform .2s}.user-group-arrow.expanded{transform:rotate(90deg)}.user-group-logs{background:var(--bg);border-top:1px solid var(--border)}.activity-item.compact{padding:var(--space-2-5) var(--space-4) var(--space-2-5) var(--space-10)}.activity-item.compact .activity-icon{width:24px;height:24px;font-size:16px}.activity-stats-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}@media (max-width: 1024px){.activity-stats-row{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.activity-stats-row{grid-template-columns:1fr}}.activity-stats-card{min-height:200px}.activity-stats-card .card-header{padding:var(--space-3) var(--space-4)}.activity-stats-card .card-title{font-size:14px;font-weight:500}.daily-chart{display:flex;justify-content:space-around;align-items:flex-end;padding:var(--space-4);height:150px}.daily-bar-container{display:flex;flex-direction:column;align-items:center;flex:1;max-width:60px}.daily-bar-wrapper{height:100px;width:100%;display:flex;align-items:flex-end;justify-content:center}.daily-bar{width:70%;max-width:40px;background:linear-gradient(to top,var(--primary),var(--secondary));border-radius:4px 4px 0 0;min-height:4px;position:relative;transition:height .3s ease}.daily-bar-value{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:var(--font-xs);color:var(--text);font-weight:500}.daily-label{margin-top:var(--space-2);font-size:var(--font-xs);color:var(--text-secondary);text-transform:capitalize}.action-stats{padding:var(--space-2) var(--space-4) var(--space-4)}.action-stat-row{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-1-5) 0;border-bottom:1px solid var(--border)}.action-stat-row:last-child{border-bottom:none}.action-stat-icon{font-size:14px;width:24px;text-align:center}.action-stat-label{flex:1;font-size:13px;color:var(--text)}.action-stat-count{font-size:13px;font-weight:600;color:var(--primary);background:#00556226;padding:2px var(--space-2);border-radius:10px}.usage-stats{padding:var(--space-2) var(--space-4) var(--space-4)}.usage-stats-empty{color:var(--text-secondary);font-size:13px;text-align:center;padding:var(--space-5)}.usage-stat-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2-5);padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.usage-stat-row:last-child{border-bottom:none}.usage-stat-user{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.usage-stat-name{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usage-stat-sessions{font-size:var(--font-xs);color:var(--text-secondary)}.usage-stat-time{font-size:14px;font-weight:600;color:var(--secondary);white-space:nowrap}.usage-stat-block{border-bottom:1px solid var(--border)}.usage-stat-block:last-child{border-bottom:none}.usage-stat-row-clickable{cursor:pointer;border-bottom:none}.usage-stat-row-clickable:hover .usage-stat-name{color:var(--secondary)}.usage-stat-right{display:flex;align-items:center;gap:var(--space-1-5)}.usage-stat-chevron{font-size:var(--font-xs);color:var(--text-secondary)}.usage-action-breakdown{padding:var(--space-1) 0 var(--space-2) var(--space-2);border-left:2px solid var(--border);margin-left:var(--space-1);margin-bottom:var(--space-1)}.usage-action-row{display:flex;align-items:center;gap:var(--space-2);padding:3px 0;font-size:12px}.usage-action-label{flex:1;color:var(--text-secondary)}.usage-action-count{color:var(--text-secondary);min-width:24px;text-align:right}.usage-action-time{font-weight:600;color:var(--text);min-width:40px;text-align:right}.activity-duration{font-size:var(--font-xs);font-weight:600;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);padding:1px var(--space-1-5);border-radius:10px;margin-left:var(--space-1-5)}.usage-expand-btn{width:100%;margin-top:var(--space-2);padding:var(--space-2);background:transparent;border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s ease}.usage-expand-btn:hover{background:var(--bg-elevated);color:var(--text);border-color:var(--text-secondary)}.activity-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.date-range-toggle{display:flex;gap:var(--space-1)}.usage-tabs{display:inline-flex;gap:4px;margin-bottom:var(--space-5);padding:6px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;max-width:100%;overflow-x:auto;scrollbar-width:none}.usage-tabs::-webkit-scrollbar{display:none}.usage-tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 18px;background:transparent;border:0;border-radius:8px;color:var(--text-secondary);font-size:15px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background var(--transition-base),color var(--transition-base),transform var(--transition-base)}.usage-tab:hover:not(.active){color:var(--text-primary);background:color-mix(in srgb,var(--bg-elevated) 60%,transparent)}.usage-tab.active{color:var(--text-primary);font-weight:600;background:var(--bg-elevated);box-shadow:0 1px 3px #00000026,0 0 0 1px var(--border-color)}.usage-tab-icon{font-size:18px;line-height:1}.usage-tab-count{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--bg-secondary);color:var(--text-secondary);min-width:22px;text-align:center;font-weight:500}.usage-tab.active .usage-tab-count{background:var(--bg-secondary);color:var(--text-primary)}.usage-scope-section{margin-bottom:var(--space-6)}.usage-scope-header{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.usage-scope-title{margin:0;font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.usage-scope-subtitle{font-size:13px;color:var(--text-secondary)}.usage-summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}@media (max-width: 1100px){.usage-summary-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.usage-summary-row{grid-template-columns:1fr}}.usage-summary-card{padding:var(--space-4) var(--space-5)}.usage-summary-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1-5)}.usage-summary-value{font-size:22px;font-weight:700;color:var(--text);line-height:1.2;margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usage-summary-sub{font-size:12px;color:var(--text-secondary)}.quotes-filter-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quotes-table{display:flex;flex-direction:column}.quotes-table-head,.quotes-table-row{display:grid;grid-template-columns:88px 1.4fr 1.6fr 96px 104px 64px 92px;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-2)}.quotes-table-head{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border)}.quotes-table-row{width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--border);cursor:pointer;font-family:inherit;font-size:var(--font-sm);color:var(--text);transition:background var(--transition-fast)}.quotes-table-row:hover{background:var(--bg-elevated)}.quotes-col-num{text-align:right}.quotes-col-number{font-variant-numeric:tabular-nums;color:var(--text-secondary)}.quotes-col-client{display:flex;flex-direction:column;min-width:0}.quotes-client-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quotes-client-email{font-size:var(--font-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quotes-col-concept{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.quotes-col-amount{font-weight:700;font-variant-numeric:tabular-nums}.quotes-col-date{color:var(--text-muted);font-variant-numeric:tabular-nums}@media (max-width: 900px){.quotes-table-head{display:none}.quotes-table-row{grid-template-columns:1fr auto;grid-auto-rows:auto;row-gap:var(--space-1)}.quotes-col-concept,.quotes-col-date{display:none}}.usage-user-block{border-bottom:1px solid var(--border)}.usage-user-block:last-child{border-bottom:none}.usage-user-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:transparent;border:none;cursor:pointer;text-align:left;transition:background .15s ease}.usage-user-row:hover{background:var(--bg-elevated)}.usage-user-info{display:flex;align-items:center;gap:var(--space-3);min-width:0}.usage-user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--secondary) 20%,transparent);color:var(--secondary);font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.usage-user-name{font-size:14px;font-weight:600;color:var(--text)}.usage-user-sub{font-size:12px;color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}.usage-user-right{display:flex;align-items:center;gap:var(--space-2-5);flex-shrink:0}.usage-user-total{font-size:18px;font-weight:700;color:var(--secondary)}.usage-chevron{font-size:var(--font-xs);color:var(--text-secondary)}.usage-action-breakdown{padding:var(--space-1) var(--space-4) var(--space-3) var(--space-16);display:flex;flex-direction:column;gap:2px}.usage-action-row{display:flex;align-items:center;gap:var(--space-2);padding:5px 0;font-size:13px;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.usage-action-row:last-child{border-bottom:none}.usage-action-icon{font-size:14px;flex-shrink:0}.usage-action-label{flex:1;color:var(--text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-action-count{color:var(--text-secondary);min-width:28px;text-align:right;font-size:12px}.usage-action-time{font-weight:600;color:var(--text);min-width:48px;text-align:right}.usage-action-avg{font-size:var(--font-xs);color:var(--text-secondary);min-width:72px;text-align:right}.usage-action-last{font-size:var(--font-xs);color:var(--text-secondary);min-width:80px;text-align:right;white-space:nowrap}.landing-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-4);margin-bottom:var(--space-4)}@media (max-width: 900px){.landing-grid-2{grid-template-columns:1fr}}.landing-rank-table{width:100%}.landing-rank-header,.landing-rank-row{display:grid;grid-template-columns:1fr 60px 60px 80px;gap:var(--space-2);padding:var(--space-2) var(--space-4);align-items:center}.landing-rank-header{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border)}.landing-rank-row{font-size:13px;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.landing-rank-row:last-child{border-bottom:none}.landing-rank-row:hover{background:var(--bg-elevated)}.landing-rank-label{color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-rank-users{text-align:right;font-weight:600}.landing-rank-extra{text-align:right;color:var(--text-secondary)}.landing-rank-bar{position:relative;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.landing-rank-bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--text-secondary);border-radius:3px;transition:width var(--transition-base)}.landing-day-table{width:100%}.landing-day-header,.landing-day-row{display:grid;grid-template-columns:1fr 80px 80px 2fr;gap:var(--space-2);padding:var(--space-2) var(--space-4);align-items:center}.landing-day-header{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border)}.landing-day-row{font-size:13px;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.landing-day-row:last-child{border-bottom:none}.landing-day-row:hover{background:var(--bg-elevated)}.landing-day-date{color:var(--text);white-space:nowrap;text-transform:capitalize}.landing-day-users{text-align:right;font-weight:600}.landing-day-sessions{text-align:right;color:var(--text-secondary)}.landing-day-bar{position:relative;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.landing-day-bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--text-secondary);border-radius:4px;transition:width var(--transition-base)}@media (max-width: 600px){.landing-day-header,.landing-day-row{grid-template-columns:1fr 60px 1fr}.landing-day-sessions{display:none}}.usage-averages-hint{font-size:13px;color:var(--text-secondary);padding:0 var(--space-4) var(--space-3);margin:0}.action-averages-table{width:100%}.action-averages-header,.action-averages-row{display:grid;grid-template-columns:1fr 60px 80px 70px 70px 100px;gap:var(--space-2);padding:var(--space-2) var(--space-4);align-items:center}.action-averages-header{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border)}.action-averages-row{font-size:13px;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.action-averages-row:last-child{border-bottom:none}.action-averages-row:hover{background:var(--bg-elevated)}.col-action{display:flex;align-items:center;gap:var(--space-2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-count,.col-avg,.col-min,.col-max{text-align:right}.col-last{text-align:right;color:var(--text-secondary);font-size:12px}.col-avg{font-weight:600}.action-avg-icon{flex-shrink:0;font-size:14px}@media (max-width: 600px){.action-averages-header,.action-averages-row{grid-template-columns:1fr 50px 70px 80px}.col-min,.col-max,.usage-action-avg{display:none}.usage-user-sub{max-width:180px}}.open-app-container{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:var(--space-5)}.open-app-loading{text-align:center;color:var(--text)}.open-app-loading p{margin-top:var(--space-4);color:var(--text-secondary)}.open-app-card{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-10) var(--space-8);max-width:380px;width:100%;text-align:center;box-shadow:var(--shadow)}.open-app-logo{width:80px;height:80px;object-fit:contain;margin-bottom:var(--space-4)}.open-app-card h1{color:var(--text);font-size:28px;font-weight:700;margin:0 0 var(--space-2) 0}.open-app-subtitle{color:var(--text-secondary);font-size:14px;margin:0 0 var(--space-6) 0}.open-app-session-info{background:var(--bg);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-6)}.open-app-code{display:block;font-family:SF Mono,Menlo,monospace;font-size:24px;font-weight:600;color:var(--warning);letter-spacing:2px}.open-app-label{display:block;font-size:12px;color:var(--text-secondary);margin-top:var(--space-1)}.open-app-buttons{display:flex;flex-direction:column;gap:var(--space-3)}.open-app-btn{width:100%;padding:var(--space-3-5) var(--space-5);border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.open-app-btn-primary{background:transparent;padding:0}.open-app-store-badge{width:100%;max-width:200px;height:auto}.open-app-btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.open-app-android-note{margin:0 0 var(--space-5);font-size:var(--font-sm);color:var(--text-secondary);line-height:var(--leading-normal);text-align:left}.open-app-android-note strong{color:var(--text)}.open-app-beta-form{text-align:left;display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.open-app-success{text-align:center;margin:var(--space-5) 0}.open-app-success-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background:var(--success);color:var(--bg);font-size:var(--font-2xl);font-weight:var(--font-bold);margin:0 auto var(--space-3)}.open-app-success h3{margin:0 0 var(--space-2);font-size:var(--font-lg);color:var(--text)}.open-app-success p{margin:0;font-size:var(--font-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.open-app-btn-secondary:hover{background:var(--bg-elevated);border-color:var(--text-secondary)}.open-app-note{margin-top:var(--space-5);font-size:12px;color:var(--text-secondary)}.login-approval-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-dropdown);padding:var(--space-4)}.login-approval-modal{background:var(--bg-card-solid);border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-6);max-width:420px;width:100%;text-align:center;border-top:4px solid var(--warning-strong)}.login-approval-icon{font-size:var(--icon-2xl);margin-bottom:var(--space-4)}.login-approval-title{font-size:var(--font-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-3);color:var(--text)}.login-approval-body{color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-6)}.login-approval-actions{display:flex;flex-direction:column;gap:var(--space-3)}.approval-waiting{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin:var(--space-6) 0}.approval-spinner{width:var(--icon-xl);height:var(--icon-xl);border:3px solid var(--border);border-top-color:var(--secondary);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.approval-waiting-text{color:var(--text-secondary);font-size:var(--font-base);margin:0}.roadmap-page{padding:var(--space-6) var(--space-4);max-width:clamp(1100px,80vw,1500px);margin:0 auto}.roadmap-header{margin-bottom:var(--space-5)}.roadmap-title{font-size:var(--font-2xl);font-weight:var(--font-semibold);color:var(--text);margin:0 0 var(--space-2) 0}.roadmap-stats{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.roadmap-stat{font-size:var(--font-sm);color:var(--text-secondary)}.roadmap-stat strong{color:var(--text)}.roadmap-stat-dot{width:3px;height:3px;background:var(--border);border-radius:var(--radius-full)}.roadmap-filters{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-5)}.roadmap-filter-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:var(--font-sm);cursor:pointer;transition:all .15s}.roadmap-filter-btn:hover{border-color:var(--secondary);color:var(--text)}.roadmap-filter-btn.active{background:var(--secondary);border-color:var(--secondary);color:#0f2020}.roadmap-table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border)}.roadmap-table{width:100%;border-collapse:collapse;font-size:var(--font-sm)}.roadmap-th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap}.roadmap-th-num{width:48px}.roadmap-th-priority{width:140px}.roadmap-th-status{width:120px}.roadmap-category-row{background:var(--surface-2)}.roadmap-category-cell{padding:var(--space-2) var(--space-4);font-size:var(--font-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border)}.roadmap-row{border-bottom:1px solid var(--border);transition:background .1s}.roadmap-row:last-child{border-bottom:none}.roadmap-row:hover{background:var(--surface-2)}.roadmap-td{padding:var(--space-3) var(--space-4);vertical-align:middle;color:var(--text)}.roadmap-td-num{color:var(--text-secondary);font-size:var(--font-xs);font-variant-numeric:tabular-nums}.roadmap-td-item{line-height:var(--leading-normal)}.roadmap-td-priority,.roadmap-td-status{white-space:nowrap}.roadmap-priority{font-size:var(--font-xs)}.priority-high{color:var(--danger)}.priority-medium{color:var(--warning)}.priority-low{color:var(--text-secondary)}.priority-future{color:var(--text-muted)}.roadmap-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-sm);font-family:inherit;padding:var(--space-1) var(--space-6) var(--space-1) var(--space-2);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23aaa'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;transition:border-color .15s}.roadmap-select:hover,.roadmap-select:focus{border-color:var(--primary);outline:none}.roadmap-select:disabled{opacity:.5;cursor:not-allowed}.roadmap-select-status{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23333'/%3E%3C/svg%3E")}.roadmap-select-status.badge-success{background-color:#4ecb71;border-color:#3ab85d;color:#0f2e18}.roadmap-select-status.badge-info{background-color:#60a5fa;border-color:#3b82f6;color:#0f1e38}.roadmap-select-status.badge-warning{background-color:#fbbf24;border-color:#f59e0b;color:#2d1f00}.roadmap-select-status.badge-danger{background-color:#f87171;border-color:#ef4444;color:#2d0808}.roadmap-select-status.badge-muted{background-color:var(--bg-tertiary);border-color:var(--border);color:var(--text-primary)}.roadmap-row-saving{opacity:.6}.roadmap-loading,.roadmap-empty{padding:var(--space-10);text-align:center;color:var(--text-secondary);font-size:var(--font-base)}.super-admin-dashboard{display:flex;gap:var(--space-6);align-items:flex-start}.dashboard-sidebar{flex-shrink:0;width:196px;position:sticky;top:var(--space-6)}.dashboard-sidebar-label{font-size:var(--font-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:0 var(--space-3) var(--space-2)}.dashboard-sidebar-nav{display:flex;flex-direction:column;gap:2px}.dashboard-sidebar-item{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-sm);cursor:pointer;transition:background .12s,color .12s;position:relative}.dashboard-sidebar-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.dashboard-sidebar-item.active{background:var(--bg-secondary);color:var(--text-primary);font-weight:600}.dashboard-sidebar-item.active:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;border-radius:0 2px 2px 0;background:var(--primary)}.dashboard-sidebar-icon{font-size:16px;flex-shrink:0;opacity:.8}.dashboard-sidebar-item.active .dashboard-sidebar-icon{opacity:1}.dashboard-sidebar-text{flex:1}.dashboard-main{flex:1;min-width:0}.dashboard-system-section{display:flex;flex-direction:column;gap:var(--space-4)}@media (max-width: 768px){.super-admin-dashboard{flex-direction:column}.dashboard-sidebar{width:100%;position:static}.dashboard-sidebar-label{display:none}.dashboard-sidebar-nav{flex-direction:row;gap:var(--space-1)}.dashboard-sidebar-item{flex:1 1 auto;justify-content:center;padding:var(--space-2) var(--space-2)}.dashboard-sidebar-item.active:before{top:auto;bottom:0;left:20%;width:60%;height:3px;border-radius:2px 2px 0 0}.dashboard-sidebar-text{display:none}.dashboard-sidebar-icon{font-size:20px}}.health-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3) var(--space-6);padding:var(--space-2) 0}.health-info-item{display:flex;flex-direction:column;gap:2px}.health-info-label{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.health-info-value{font-size:var(--font-base);font-weight:600;color:var(--text-primary)}.health-value-ok{color:var(--success)}.health-value-warn{color:var(--warning)}.health-value-danger{color:var(--danger)}.system-health-card{margin-bottom:var(--space-4)}.system-health-card .card-title{font-size:var(--font-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.health-metrics{display:flex;flex-direction:column;gap:var(--space-4)}.health-metric-label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-1);font-size:var(--font-sm);color:var(--text-secondary)}.health-metric-label strong{color:var(--text-primary);font-size:var(--font-base)}.health-bar-track{height:6px;border-radius:var(--radius-xs);background:var(--bg-tertiary);overflow:hidden}.health-bar-fill{height:100%;border-radius:var(--radius-xs);transition:width .4s ease}.health-bar-fill.health-ok{background:var(--success)}.health-bar-fill.health-warn{background:var(--warning)}.health-bar-fill.health-danger{background:var(--danger)}.health-metric-footer{margin-top:var(--space-1);font-size:var(--font-xs);color:var(--text-muted)}.kebab-menu{position:absolute;top:calc(100% + var(--space-1));right:0;background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000080;z-index:100;min-width:180px;overflow:hidden}.kebab-menu__item{display:block;width:100%;padding:var(--space-2-5) var(--space-4);background:none;border:none;text-align:left;font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;transition:background .15s}.kebab-menu__item:hover{background:var(--bg-hover)}.kebab-menu__item--danger{color:var(--danger)}.kebab-menu__item--danger:hover{background:rgba(var(--danger-rgb, 232, 93, 93),.1)}.assigned-sequences-banner{background:linear-gradient(135deg,rgba(var(--cyan-rgb, 0, 217, 177),.08),rgba(var(--cyan-rgb, 0, 217, 177),.03));border:1.5px solid var(--cyan, #00d9b1);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5)}.assigned-sequences-banner__header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.assigned-sequences-banner__icon{font-size:1.4rem;line-height:1;color:var(--cyan, #00d9b1);flex-shrink:0;margin-top:2px}.assigned-sequences-banner__title{font-weight:700;font-size:var(--font-md);color:var(--text)}.assigned-sequences-banner__subtitle{font-size:var(--font-sm);color:var(--text-muted);margin-top:2px}.assigned-sequences-banner__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.assigned-sequences-banner__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);flex-wrap:wrap}.assigned-sequences-banner__item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.assigned-sequences-banner__item-name{font-weight:600;font-size:var(--font-sm);color:var(--text)}.assigned-sequences-banner__item-by{font-size:var(--font-xs);color:var(--text-muted)}.quotes-banner{background:linear-gradient(135deg,#4ecbc414,#4ecbc405);border:1.5px solid var(--primary);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5)}.quotes-banner__header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.quotes-banner__icon{font-size:1.4rem;line-height:1;flex-shrink:0;margin-top:2px}.quotes-banner__title{font-weight:700;font-size:var(--font-md);color:var(--text)}.quotes-banner__subtitle{font-size:var(--font-sm);color:var(--text-muted);margin-top:2px}.quotes-banner__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.quotes-banner__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);flex-wrap:wrap}.quotes-banner__item--unseen{border-color:var(--primary)}.quotes-banner__item-info{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex-wrap:wrap}.quotes-banner__item-number{font-family:SF Mono,Courier New,monospace;font-size:12px;font-weight:700;color:var(--primary);background:#4ecbc41a;padding:2px var(--space-2);border-radius:var(--radius-sm);flex-shrink:0}.quotes-banner__item-name{font-size:var(--font-sm);color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quotes-banner__item-amount{font-size:var(--font-sm);font-weight:700;color:var(--text-secondary);flex-shrink:0}.custom-billing-section{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border)}.custom-billing-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.custom-billing-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.custom-billing-form{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-3)}.lang-selector{display:flex;align-items:center;gap:var(--space-1);background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-lg);padding:3px}.lang-btn{background:transparent;border:none;color:#ffffff73;font-size:var(--font-xs);font-weight:var(--font-bold);letter-spacing:.06em;padding:clamp(5px,.4vw,var(--space-2)) clamp(9px,.7vw,var(--space-3-5));border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);line-height:1}.lang-btn:hover{color:var(--text)}.lang-btn--active{background:#ffffff1a;color:var(--text)}.lang-sep{width:1px;height:12px;background:#ffffff1f;flex-shrink:0}.slave-menu-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;z-index:200}.slave-menu-fab{position:fixed;bottom:var(--space-5);right:var(--space-5);width:56px;height:56px;border-radius:50%;border:none;background:var(--bg-header);color:var(--text);font-size:28px;line-height:1;cursor:pointer;box-shadow:0 4px 16px #0006;z-index:199;display:flex;align-items:center;justify-content:center;opacity:.55;transition:opacity .2s ease}.slave-menu-fab:hover{opacity:1}.desktop-experience-host{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#000}.desktop-experience-host>iframe{width:100%;height:100%;border:0;display:block}.slave-menu-sheet{position:absolute;bottom:0;left:0;right:0;background:var(--bg-header);border-top:1px solid var(--border);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:var(--space-5);padding-bottom:max(var(--space-5),env(safe-area-inset-bottom));z-index:201;animation:slideUp .3s ease-out;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.slave-menu-handle{width:40px;height:4px;background:var(--bg-elevated);border-radius:var(--radius-sm);margin:0 auto var(--space-5)}.slave-menu-section{margin-bottom:var(--space-5)}.slave-menu-section-title{font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-3);padding-left:var(--space-1)}.slave-menu-stops{display:flex;flex-direction:column;gap:var(--space-1)}.slave-menu-stop{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);cursor:pointer;display:flex;align-items:center;gap:var(--space-2-5);text-align:left;color:var(--text);font-size:var(--font-sm);font-weight:var(--font-medium);touch-action:pan-y;transition:var(--transition-fast)}.slave-menu-stop:active{background:var(--bg-elevated)}.slave-menu-stop-index{color:var(--text-secondary);font-size:var(--font-xs);min-width:18px}.slave-menu-stop-label{flex:1;line-height:1.3}.slave-menu-btn{width:100%;padding:var(--space-4);margin-bottom:var(--space-3);border-radius:var(--radius-xl);font-size:var(--font-md);font-weight:var(--font-semibold);cursor:pointer;border:1px solid transparent;transition:var(--transition-fast)}.slave-menu-btn:last-child{margin-bottom:0}.slave-menu-btn--primary{background:var(--primary);color:var(--text);border-color:var(--primary)}.slave-menu-btn--primary:active{background:var(--primary-dark)}.slave-menu-btn--secondary{background:var(--bg-card);color:var(--text);border-color:var(--border);font-weight:var(--font-medium)}.slave-menu-btn--secondary:active{background:var(--bg-elevated)}.slave-menu-btn--ghost{background:var(--bg-card);color:var(--text-secondary);border-color:var(--border);font-weight:var(--font-medium)}.slave-menu-btn--ghost:active{background:var(--bg-elevated)}.slave-menu-btn--toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-2-5);font-weight:var(--font-medium)}.slave-menu-btn--toggle.is-on{background:#4ecb711f;color:var(--success);border-color:#4ecb7166}.slave-menu-btn--toggle.is-off{background:var(--bg-card);color:var(--text-secondary);border-color:var(--border)}.slave-menu-btn-dot{font-size:var(--font-lg)}.slave-gesture-tooltip{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center}.slave-gesture-two-finger{position:relative;width:220px;height:100px;margin-bottom:var(--space-6)}.slave-gesture-two-finger-dot{position:absolute;top:50%;width:40px;height:40px;border-radius:50%;background:#ffd20066;border:3px solid rgba(255,195,0,1);box-shadow:0 0 0 2px #ffd2004d,0 0 14px #ffc800a6;transform:translate(-50%,-50%) scale(0);opacity:0;animation:two-finger-double-tap 3.4s ease-in-out infinite}.slave-gesture-two-finger-dot--left{left:35%}.slave-gesture-two-finger-dot--right{left:65%}@keyframes two-finger-double-tap{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}6%{transform:translate(-50%,-50%) scale(1);opacity:1}18%{transform:translate(-50%,-50%) scale(2);opacity:0}24%{transform:translate(-50%,-50%) scale(.4);opacity:0}30%{transform:translate(-50%,-50%) scale(1);opacity:1}42%{transform:translate(-50%,-50%) scale(2);opacity:0}to{transform:translate(-50%,-50%) scale(.4);opacity:0}}.slave-gesture-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-8);margin:0 var(--space-5);max-width:320px;text-align:center;box-shadow:var(--shadow-xl)}.slave-gesture-card-header{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-3)}.slave-gesture-x2{background:var(--secondary);color:var(--bg);padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-md);font-size:var(--font-base);font-weight:var(--font-bold)}.slave-gesture-tap-label{color:var(--text-secondary);font-size:var(--font-base);letter-spacing:.5px}.slave-gesture-text{color:var(--text);font-size:var(--font-md);line-height:var(--leading-normal);margin:0 0 var(--space-5) 0;font-weight:var(--font-medium)}.slave-gesture-btn{background:var(--primary);color:var(--text);border:none;border-radius:var(--radius-xl);padding:var(--space-3) var(--space-8);font-size:var(--font-md);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-fast)}.slave-gesture-btn:active{background:var(--primary-dark)}.custom-request-files{display:flex;flex-direction:column;gap:var(--space-1-5)}.custom-request-file{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid transparent;border-radius:var(--radius-md);color:var(--text);font-size:var(--font-sm);font-family:inherit;cursor:pointer;text-align:left;width:100%;transition:var(--transition-fast)}.custom-request-file:hover{background:var(--bg-card-solid);border-color:var(--secondary)}.custom-request-file-icon{font-size:var(--font-md);flex-shrink:0}.custom-request-file-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-request-file-size{color:var(--text-secondary);font-size:var(--font-xs);flex-shrink:0}.verify-code-input{font-size:var(--font-2xl);font-weight:var(--font-semibold);letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums;font-family:SF Mono,Menlo,Monaco,monospace}.admin-auth-footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-5)}html:has(.landing){scroll-behavior:smooth}.landing{min-height:100vh;background:#0a0a0e;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pub-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);padding:var(--space-3-5) var(--space-6);background:#0a0a0c80;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:background .35s ease,border-color .35s ease}.pub-header--scrolled{background:#0a0a0ceb;border-bottom-color:#ffffff14}.pub-header-inner{max-width:clamp(1200px,84vw,1600px);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.pub-header-logo{height:40px;width:auto}.pub-header-nav{display:flex;gap:8px}.pub-header-link{color:#ffffffb3;text-decoration:none;padding:9px 18px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);font-size:var(--font-sm);font-weight:500;letter-spacing:-.005em;transition:background .2s,border-color .2s,color .2s}.pub-header-link:hover{background:#ffffff14;border-color:#ffffff38;color:var(--text)}.pub-header-link--primary{background:linear-gradient(135deg,#e8d44d,#005562);border-color:transparent;color:#0a0a0c;font-weight:600}.pub-header-link--primary:hover{filter:brightness(1.06);border-color:transparent;color:#0a0a0c}.landing-btn-primary{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-3-5) var(--space-7);background:linear-gradient(135deg,var(--warning) 0%,var(--primary) 100%);color:#fff;text-decoration:none;border-radius:var(--radius-xl);font-size:var(--font-md);font-weight:var(--font-semibold);transition:var(--transition);box-shadow:0 4px 24px #00556259;border:none;cursor:pointer}.landing-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00556280}.landing-btn-secondary{display:inline-flex;align-items:center;padding:var(--space-3-5) var(--space-7);background:transparent;color:var(--text);text-decoration:none;border-radius:var(--radius-xl);font-size:var(--font-md);font-weight:var(--font-medium);border:1px solid rgba(255,255,255,.2);transition:var(--transition)}.landing-btn-secondary:hover{background:var(--bg-card);border-color:var(--secondary)}.landing-btn-large{padding:var(--space-5) 52px;font-size:var(--font-lg)}.landing-hero-section{background:var(--bg-header);padding:148px var(--space-6) 96px;background-image:radial-gradient(ellipse 60% 50% at 5% 40%,rgba(232,212,77,.09) 0%,transparent 70%)}.landing-hero{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-16)}.landing-hero-content{flex:1;max-width:560px}.landing-badge{display:inline-block;padding:5px var(--space-3-5);background:#4ecdc414;border:1px solid rgba(78,205,196,.25);border-radius:var(--radius-pill);font-size:var(--font-xs);font-weight:var(--font-medium);color:var(--secondary);letter-spacing:.04em;margin-bottom:var(--space-7)}.landing-title{font-size:clamp(56px,6.5vw,92px);font-weight:var(--font-bold);line-height:1;letter-spacing:-3px;margin:0 0 var(--space-5);color:var(--text)}.landing-hero-sub{font-size:clamp(18px,2vw,24px);font-weight:var(--font-semibold);line-height:1.35;letter-spacing:-.3px;margin:0 0 var(--space-4);background:linear-gradient(100deg,var(--warning) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-subtitle{font-size:var(--font-md);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0 0 var(--space-7)}.hero-bullets{list-style:none;padding:0;margin:0 0 var(--space-9);display:flex;flex-direction:column;gap:var(--space-2-5)}.hero-bullets li{display:flex;align-items:center;gap:var(--space-2-5);font-size:var(--font-sm);color:var(--text-secondary)}.hero-bullets li:before{content:"✓";display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--radius-full);background:#4ecdc41f;border:1px solid rgba(78,205,196,.3);color:var(--secondary);font-size:10px;font-weight:var(--font-bold);flex-shrink:0}.landing-cta{display:flex;gap:14px;flex-wrap:wrap}.landing-hero-right{flex-shrink:0;position:relative}.hero-phone-card{position:relative;padding:var(--space-9) 44px;background:#0f0f0fb3;border-radius:var(--radius-2xl);border:1px solid rgba(78,205,196,.12);box-shadow:0 0 0 1px #ffffff08,0 0 80px #4ecdc412,0 0 160px #e8d44d08,0 40px 100px #0000008c}.hero-phone-card:after{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(78,205,196,.4),transparent);border-radius:50%}.landing-social-proof{background:var(--bg-header);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:var(--space-8) var(--space-6);text-align:center}.landing-social-label{font-size:10px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.14em;color:var(--text-secondary);opacity:.5;margin:0 0 var(--space-4)}.landing-social-logos{display:flex;align-items:center;justify-content:center;gap:var(--space-8)}.landing-social-logo-name{font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--text-secondary);opacity:.55;letter-spacing:.03em;transition:opacity .2s}.landing-social-logo-name:hover{opacity:.9}.landing-social-sep{width:1px;height:16px;background:var(--border);display:block}.landing-why{padding:96px var(--space-6);background:var(--bg);max-width:1200px;margin:0 auto}.landing-section-header{text-align:center;margin-bottom:var(--space-16)}.landing-section-title{font-size:clamp(28px,3.5vw,44px);font-weight:var(--font-bold);letter-spacing:-1px;margin:0 0 var(--space-3);color:var(--text)}.landing-section-desc{font-size:var(--font-md);color:var(--text-secondary);margin:0}.landing-why-cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border)}.landing-why-card{padding:var(--space-8) var(--space-6);border-right:1px solid var(--border);position:relative;transition:background .2s}.landing-why-card:last-child{border-right:none}.landing-why-card:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:transparent;transition:background .3s}.landing-why-card:hover:before{background:linear-gradient(90deg,var(--warning),var(--secondary))}.landing-why-card:hover{background:var(--bg-card)}.landing-why-num{font-size:11px;font-weight:var(--font-bold);letter-spacing:.08em;color:var(--secondary);margin-bottom:var(--space-10);font-variant-numeric:tabular-nums}.landing-why-title{font-size:var(--font-md);font-weight:var(--font-semibold);color:var(--text);margin:0 0 var(--space-3);line-height:1.3}.landing-why-desc{font-size:var(--font-sm);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0}.landing-platform{background:var(--bg-header);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:96px var(--space-6)}.landing-platform .landing-section-header{max-width:1200px;margin:0 auto var(--space-12)}.landing-platform-tabs-bar{display:flex;justify-content:center;margin-bottom:var(--space-16)}.landing-platform-tabs-inner{display:inline-flex;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-pill);padding:var(--space-1);gap:2px}.landing-platform-tab{padding:var(--space-3) var(--space-8);border-radius:var(--radius-pill);font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .25s;white-space:nowrap}.landing-platform-tab--active{background:linear-gradient(135deg,var(--warning) 0%,var(--primary) 100%);color:#fff;font-weight:var(--font-semibold);box-shadow:0 2px 12px #00556259}.landing-platform-body{max-width:1200px;margin:0 auto;display:flex;align-items:flex-start;gap:var(--space-20)}.landing-platform-content{flex:1;max-width:520px}.landing-block-label{font-size:10px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.14em;color:var(--secondary);margin-bottom:var(--space-4)}.landing-platform-title{font-size:clamp(28px,3vw,40px);font-weight:var(--font-bold);letter-spacing:-1px;line-height:1.1;margin:0 0 var(--space-4);color:var(--text)}.landing-platform-desc{font-size:var(--font-md);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0 0 var(--space-9)}.landing-steps-col{display:flex;flex-direction:column;margin-bottom:var(--space-7)}.landing-step-row{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--border)}.landing-step-row:first-child{padding-top:0}.landing-step-row:last-child{border-bottom:none}.landing-step-num{font-size:10px;font-weight:var(--font-bold);letter-spacing:.08em;color:var(--secondary);min-width:22px;padding-top:3px;flex-shrink:0;font-variant-numeric:tabular-nums}.landing-step-title{display:block;font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--text);margin-bottom:var(--space-1)}.landing-step-desc{font-size:var(--font-sm);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0}.landing-block-closing{font-size:var(--font-base);line-height:var(--leading-relaxed);color:var(--text-secondary);font-style:italic;margin:0 0 var(--space-7);padding-left:var(--space-3-5);border-left:2px solid var(--secondary)}.landing-platform-mockup{flex-shrink:0;display:flex;justify-content:center}.phone-frame{width:260px;height:540px;background:#1a1a1a;border-radius:38px;padding:var(--space-2-5);box-shadow:0 0 0 2px #2a2a2a,0 20px 60px #0009;position:relative}.phone-notch{position:absolute;top:var(--space-2-5);left:50%;transform:translate(-50%);width:80px;height:24px;background:#1a1a1a;border-radius:16px;z-index:10}.phone-screen{width:100%;height:100%;background:var(--wa-bg-global);border-radius:28px;overflow:hidden;display:flex;flex-direction:column;position:relative}.mock-header{background:var(--wa-header-bg-global);padding:var(--space-8) var(--space-3) var(--space-2-5);display:flex;align-items:center;gap:var(--space-2-5);flex-shrink:0}.mock-avatar{width:32px;height:32px;background:#ddd;border-radius:50%;flex-shrink:0}.mock-contact{color:#fff}.mock-name{font-weight:600;font-size:14px}.mock-status{font-size:11px;opacity:.9}.mock-messages{flex:1;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);overflow:hidden;justify-content:flex-end}.mock-bubble{padding:var(--space-1-5) var(--space-2-5);border-radius:8px;font-size:12px;max-width:80%;color:#111}.mock-bubble.incoming{background:#fff;align-self:flex-start}.mock-bubble.outgoing{background:var(--wa-bubble-out-global);align-self:flex-end}.mock-typing{display:flex;gap:var(--space-1);padding:0;max-height:0;background:#fff;border-radius:8px;align-self:flex-start;width:fit-content;overflow:hidden;opacity:0}.mock-typing span{width:8px;height:8px;background:#8696a0;border-radius:50%;animation:typing-dot 1.4s infinite ease-in-out both}.mock-typing span:nth-child(1){animation-delay:-.32s}.mock-typing span:nth-child(2){animation-delay:-.16s}@keyframes typing-dot{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.anim-typing-contact{animation:typing-show 10s ease infinite}.anim-msg-contact{opacity:0;transform:translateY(10px);animation:msg-contact-loop 10s ease infinite}.anim-msg-user{opacity:0;transform:translateY(10px);animation:msg-user-loop 10s ease infinite}@keyframes typing-show{0%,10%{opacity:0;max-height:0;padding:0}12%{opacity:1;max-height:40px;padding:8px 12px}28%{opacity:1;max-height:40px;padding:8px 12px}30%,to{opacity:0;max-height:0;padding:0}}@keyframes msg-contact-loop{0%,29%{opacity:0;transform:translateY(10px)}32%{opacity:1;transform:translateY(0)}99.9%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes msg-user-loop{0%,69%{opacity:0;transform:translateY(10px)}72%{opacity:1;transform:translateY(0)}99.9%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.mock-keyboard{background:#d1d5db;padding:0;max-height:0;overflow:hidden;animation:keyboard-loop 10s ease infinite}.mock-keyboard-row{display:flex;justify-content:center;gap:3px;margin-bottom:4px}.mock-keyboard-row span{background:#fff;padding:var(--space-1-5) var(--space-2);border-radius:4px;font-size:10px;font-weight:500;color:#000;box-shadow:0 1px #999;min-width:18px;text-align:center}.mock-keyboard-space span{flex:1;max-width:120px}@keyframes keyboard-loop{0%,34%{max-height:0;padding:0}37%{max-height:120px;padding:6px 3px}72%{max-height:120px;padding:6px 3px}75%,to{max-height:0;padding:0}}.mock-input-text{font-size:12px;color:#111;white-space:nowrap;overflow:hidden;display:inline-block;vertical-align:middle;max-width:0;animation:typing-text-loop 10s steps(18) infinite}.mock-cursor{width:2px;height:14px;background:#008069;margin-left:2px;flex-shrink:0;display:inline-block;vertical-align:middle;animation:cursor-loop 10s infinite}@keyframes typing-text-loop{0%,44%{max-width:0}68%,70%{max-width:130px}71%,to{max-width:0}}@keyframes cursor-loop{0%,39%{opacity:0}40%{opacity:1}45%{opacity:0}50%{opacity:1}55%{opacity:0}60%{opacity:1}65%{opacity:0}70%{opacity:1}71%,to{opacity:0}}.mock-input{background:#f0f2f5;padding:var(--space-1-5) var(--space-2);display:flex;align-items:center;gap:var(--space-1-5);flex-shrink:0}.mock-input-field{flex:1;background:#fff;padding:0 var(--space-3);border-radius:18px;font-size:12px;color:#111;height:32px;display:flex;align-items:center;box-sizing:border-box}.mock-send{width:32px;height:32px;background:#008069;border-radius:50%;flex-shrink:0}.landing-custom-screen{background:var(--bg);position:relative}.landing-csb-overlay{position:absolute;top:0;left:0;right:0;z-index:10}.landing-chat-screen{position:relative}.landing-custom-screen .csb--ios{height:22px;padding:6px 10px 0;font-size:8px}.landing-custom-screen .csb--ios .csb-right{gap:3px}.landing-custom-screen .csb--ios .csb-battery{width:14px;height:7px}.landing-custom-screen .csb--ios .csb-signal,.landing-custom-screen .csb--ios .csb-wifi{width:9px;height:7px}.custom-mock-maps{display:flex;flex-direction:column;height:100%}.custom-mock-maps-header{background:var(--primary);padding:32px 12px 12px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:12px;font-weight:600;flex-shrink:0}.custom-mock-maps-eta{background:var(--warning);color:#1a1a1a;padding:3px 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:700}.custom-mock-maps-body{flex:1;background-image:url(/experiences/maps/tiles/18/136471/95579.jpg);background-size:cover;background-position:center;position:relative;overflow:hidden}.custom-mock-pin{position:absolute;top:30%;right:25%;font-size:20px}.custom-mock-maps-footer{background:var(--bg-card);border-top:1px solid var(--border);padding:12px;flex-shrink:0}.custom-mock-maps-address{display:flex;flex-direction:column;font-size:11px;gap:2px}.custom-mock-maps-address strong{color:var(--text);font-size:12px}.custom-mock-maps-address span{color:var(--text-muted)}.custom-mock-os{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,var(--bg-card) 0%,var(--bg) 100%)}.custom-mock-os-lock{text-align:center;padding:40px 0 20px}.custom-mock-os-time{font-size:52px;font-weight:200;color:var(--text);line-height:1}.custom-mock-os-date{font-size:12px;color:var(--text-secondary);margin-top:4px}.custom-mock-os-notifs{padding:0 12px;display:flex;flex-direction:column;gap:8px}.custom-mock-notif{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:10px 12px;display:flex;gap:10px;align-items:center;border:1px solid var(--border)}.custom-mock-notif-icon{font-size:18px;flex-shrink:0}.custom-mock-notif-body{display:flex;flex-direction:column;font-size:11px;gap:2px}.custom-mock-notif-body strong{color:var(--text)}.custom-mock-notif-body span{color:var(--text-muted)}.custom-mock-app{display:flex;flex-direction:column;height:100%}.custom-mock-app-header{background:var(--bg-card);padding:32px 16px 14px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);flex-shrink:0}.custom-mock-app-status{background:var(--success);color:#fff;font-size:10px;padding:3px 8px;border-radius:var(--radius-pill)}.custom-mock-app-body{flex:1;padding:24px 16px;display:flex;flex-direction:column;gap:20px}.custom-mock-flight-row{display:flex;align-items:center;gap:8px}.custom-mock-flight-city{flex:1;text-align:center}.custom-mock-flight-code{font-size:22px;font-weight:700;color:var(--text)}.custom-mock-flight-name{font-size:10px;color:var(--text-muted)}.custom-mock-flight-time{font-size:13px;font-weight:600;color:var(--secondary);margin-top:4px}.custom-mock-flight-line{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.custom-mock-flight-line:before{content:"";position:absolute;left:0;right:0;height:1px;background:var(--border)}.custom-mock-flight-plane{font-size:16px;position:relative}.custom-mock-progress-bar{height:4px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden}.custom-mock-progress-fill{height:100%;width:62%;background:linear-gradient(90deg,var(--warning) 0%,var(--primary) 100%);border-radius:var(--radius-full)}.custom-mock-flight-info{display:flex;justify-content:space-between}.custom-mock-flight-stat{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px}.custom-mock-flight-stat span{color:var(--text-muted)}.custom-mock-flight-stat strong{color:var(--text);font-size:14px}.landing-phases{padding:96px var(--space-6);background:var(--bg)}.landing-phases-inner{max-width:680px;margin:0 auto}.landing-phases-title{font-size:clamp(28px,3vw,40px);font-weight:var(--font-bold);letter-spacing:-.8px;margin:0 0 var(--space-5);color:var(--text)}.landing-phases-intro{font-size:var(--font-md);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0 0 var(--space-10);font-style:italic}.landing-phases-list{display:flex;flex-direction:column;margin-bottom:36px}.landing-phases-list p{font-size:var(--font-md);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0;padding:var(--space-5) 0;border-bottom:1px solid var(--border)}.landing-phases-list p:first-child{padding-top:0}.landing-phases-list p:last-child{border-bottom:none}.landing-phases-list strong{color:var(--text);font-weight:var(--font-semibold)}.landing-phases-faq{font-size:var(--font-sm);color:var(--text-secondary);text-decoration:none;transition:color .2s}.landing-phases-faq:hover{color:var(--secondary)}.landing-final-cta{text-align:center;padding:120px var(--space-6);background:var(--bg-header);border-top:1px solid var(--border);background-image:radial-gradient(ellipse 60% 60% at 50% 100%,rgba(78,205,196,.06) 0%,transparent 70%)}.landing-final-title{font-size:clamp(32px,4vw,56px);font-weight:var(--font-bold);letter-spacing:-1.5px;line-height:1.1;margin:0 0 var(--space-12);color:var(--text)}.pub-footer{border-top:1px solid var(--border);background:#00000059;padding:clamp(var(--space-8),5vw,var(--space-14)) clamp(var(--space-4),4vw,var(--space-12)) clamp(var(--space-5),3vw,var(--space-8))}.pub-footer-inner{max-width:clamp(1200px,84vw,1600px);margin:0 auto}.pub-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-12)}.pub-footer-logo{height:28px;width:auto;opacity:.9}.pub-footer-tagline{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-top:var(--space-3-5);max-width:300px;opacity:.8}.pub-footer-col-title{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary);opacity:.55;margin-bottom:var(--space-3-5)}.pub-footer-col-links{display:flex;flex-direction:column;gap:10px}.pub-footer-link{font-size:13px;color:var(--text-secondary);text-decoration:none;transition:color .18s}.pub-footer-link:hover{color:var(--text)}.pub-footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-6);border-top:1px solid var(--border);font-size:12px;color:var(--text-secondary);opacity:.5}@media (max-width: 1024px){.landing-why-cards{grid-template-columns:repeat(2,1fr)}.landing-why-card:nth-child(2){border-right:none}.landing-why-card:nth-child(3){border-top:1px solid var(--border)}.landing-why-card:nth-child(4){border-top:1px solid var(--border);border-right:none}}@media (max-width: 900px){.landing-hero-section{padding:120px 24px 64px}.landing-hero{flex-direction:column;text-align:center;gap:48px}.landing-hero-content{max-width:100%}.hero-bullets{align-items:center}.landing-cta{justify-content:center}.landing-platform-body{flex-direction:column;gap:48px}.landing-platform-content{max-width:100%}.pub-footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width: 600px){.landing-title{letter-spacing:-2px}.landing-why-cards{grid-template-columns:1fr}.landing-why-card{border-right:none;border-top:1px solid var(--border)}.landing-why-card:first-child{border-top:none}.landing-platform-tabs-inner{flex-direction:column;border-radius:var(--radius-xl)}.landing-platform-tab{border-radius:var(--radius-lg)}.hero-phone-card{padding:20px 24px}.phone-frame{width:240px;height:500px}.pub-footer-grid{grid-template-columns:1fr;gap:28px}.pub-footer-bottom{flex-direction:column;align-items:flex-start}}.legal-content{max-width:740px;margin:0 auto;padding:96px 24px 80px}.legal-content h1{font-size:32px;font-weight:700;letter-spacing:-.025em;margin-bottom:36px;color:var(--text)}.legal-text h2{font-size:18px;font-weight:700;letter-spacing:-.015em;margin:40px 0 14px;color:var(--text);padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07)}.legal-text h3{font-size:15px;font-weight:600;letter-spacing:-.01em;margin:24px 0 10px;color:var(--secondary)}.legal-text p{font-size:15px;line-height:var(--leading-relaxed);color:#ffffffa6;margin-bottom:14px}.legal-text ul{margin:0 0 16px 20px;padding:0}.legal-text li{font-size:15px;line-height:var(--leading-relaxed);color:#ffffffa6;margin-bottom:8px}.legal-text a{color:var(--secondary);text-decoration:none}.legal-text a:hover{text-decoration:underline}.legal-text strong{color:var(--text);font-weight:600}.legal-text code{font-family:ui-monospace,SF Mono,monospace;font-size:13px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:1px 6px;color:var(--secondary)}.faqs-content{max-width:740px;margin:0 auto;padding:96px 24px 80px}.faqs-content h1{font-size:32px;font-weight:700;letter-spacing:-.025em;margin-bottom:48px;color:var(--text)}.faqs-section{margin-bottom:48px}.faqs-section h2{font-size:var(--font-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:1px;color:var(--secondary);margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07)}.faq-item{margin-bottom:16px;padding:22px 26px;background:#ffffff08;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.08);transition:border-color .2s ease}.faq-item:hover{border-color:#ffffff21}.faq-item h3{font-size:var(--font-md);font-weight:600;letter-spacing:-.01em;color:var(--text);margin-bottom:10px}.faq-item p{font-size:15px;line-height:var(--leading-relaxed);color:#fff9;margin:0}.faq-item p+p{margin-top:10px}.faq-item a{color:var(--secondary);text-decoration:none}.faq-item a:hover{text-decoration:underline}.faq-item ul{margin:12px 0 0 20px;padding:0}.faq-item li{font-size:15px;line-height:var(--leading-relaxed);color:#fff9;margin-bottom:6px}.faqs-cta{text-align:center;padding:40px;background:#ffffff08;border-radius:var(--radius-2xl);border:1px solid rgba(255,255,255,.08);margin-top:48px}.faqs-cta p{font-size:var(--font-lg);color:#fff9;margin-bottom:20px}.app-store-section{margin-top:24px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.app-store-label{font-size:var(--font-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.app-store-badges{display:flex;gap:12px;flex-wrap:wrap}.app-store-badge img{height:40px;width:auto;opacity:.7;transition:opacity .2s}.app-store-badge:hover img{opacity:1}.app-store-badge.disabled{pointer-events:none}.app-store-badge.disabled img{opacity:.3;filter:grayscale(100%)}