@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";html,body{height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}::selection{background:#3b82f64d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b866}:root{--bg-app: #111b21;--bg-sidebar: #111b21;--bg-chat: #0b141a;--bg-header: #202c33;--bg-input: #202c33;--surface-1: #182229;--surface-2: #202c33;--surface-3: #2a3942;--surface-hover: rgba(255, 255, 255, .05);--surface-active: rgba(0, 168, 132, .08);--accent: #00a884;--accent-hover: #00c49a;--accent-dark: #015c4b;--bubble-sent: #005c4b;--bubble-received: #202c33;--text-primary: #e9edef;--text-secondary: #8696a0;--text-muted: #667781;--tick-default: #8696a0;--tick-seen: #53bdeb;--border: rgba(134, 150, 160, .15);--border-light: rgba(134, 150, 160, .08);--online: #31d158;--radius-xs: 3px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 50%;--sidebar-width: 400px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--ease: cubic-bezier(.25, .1, .25, 1);--duration: .15s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-app);color:var(--text-primary);line-height:1.4;font-size:14.2px;-webkit-font-smoothing:antialiased}#root{height:100vh;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#8696a040;border-radius:3px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typingDot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.auth-container{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;background:var(--bg-app)}.auth-card{width:100%;max-width:420px;background:var(--bg-header);border-radius:var(--radius-md);padding:40px;animation:fadeIn .2s var(--ease)}.auth-card h1{font-size:1.4rem;font-weight:500;text-align:center;margin-bottom:8px}.auth-card h2{font-size:.9rem;font-weight:400;color:var(--text-secondary);text-align:center;margin-bottom:32px}.auth-error{background:#ef53501a;border:1px solid rgba(239,83,80,.3);color:#ef5350;padding:12px;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:20px;text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:8px}.form-group input{width:100%;padding:14px 16px;background:var(--bg-chat);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95rem;outline:none;transition:border var(--duration) var(--ease)}.form-group input:focus{border-color:var(--accent)}.form-group input::placeholder{color:var(--text-muted)}.auth-button{width:100%;padding:14px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;cursor:pointer;transition:background var(--duration) var(--ease)}.auth-button:hover:not(:disabled){background:var(--accent-hover)}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-switch{text-align:center;color:var(--text-secondary);font-size:.85rem;margin-top:24px}.link-button{background:none;border:none;color:var(--accent);cursor:pointer}.app{width:100%;height:100vh;display:flex}.app__status{position:fixed;top:14px;right:14px;width:8px;height:8px;border-radius:50%;z-index:100}.app__status--online{background:var(--online)}.app__status--offline{background:#ef5350}.app__main{flex:1;display:flex;height:100vh;overflow:hidden}.profile-badge{position:relative;border-radius:var(--radius-full);background:var(--surface-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-badge--sm{width:32px;height:32px;font-size:.8rem}.profile-badge--md{width:44px;height:44px;font-size:1rem}.profile-badge--lg{width:50px;height:50px;font-size:1.1rem}.profile-badge__letter{font-weight:500;color:var(--text-primary)}.profile-badge__online{position:absolute;bottom:0;right:0;width:12px;height:12px;background:var(--online);border-radius:50%;border:2px solid var(--bg-sidebar)}.profile-badge--sm .profile-badge__online{width:9px;height:9px;border-width:1.5px}.profile-badge__avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-badge__avatar--room{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#00a884,#25d366);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:inherit}.profile-badge__avatar--room img{width:100%;height:100%;border-radius:50%;object-fit:cover}.sidebar{width:var(--sidebar-width);height:100vh;background:var(--bg-sidebar);border-right:1px solid var(--border-light);display:flex;flex-direction:column;flex-shrink:0;padding-top:var(--safe-top)}.sidebar--hidden{display:none}.sidebar__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-header)}.sidebar__actions{display:flex;gap:4px;position:relative}.sidebar__icon-btn{background:none;border:none;color:var(--text-secondary);padding:10px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration) var(--ease)}.sidebar__icon-btn:hover{background:var(--surface-hover)}.sidebar__menu{position:absolute;top:100%;right:0;background:var(--surface-2);border-radius:var(--radius-sm);box-shadow:0 2px 12px #0000004d;overflow:hidden;z-index:100;min-width:180px;animation:fadeIn .15s var(--ease)}.sidebar__menu button{display:block;width:100%;padding:14px 20px;background:none;border:none;text-align:left;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:background var(--duration) var(--ease)}.sidebar__menu button:hover{background:var(--surface-hover)}.sidebar__search{padding:10px 12px;background:var(--bg-sidebar)}.sidebar__search-box{display:flex;align-items:center;gap:12px;background:var(--surface-1);padding:8px 14px;border-radius:var(--radius-sm)}.sidebar__search-box svg{color:var(--text-muted);flex-shrink:0}.sidebar__search-box input{flex:1;background:none;border:none;color:var(--text-primary);font-size:.9rem;outline:none}.sidebar__search-box input::placeholder{color:var(--text-muted)}.filter-tabs{display:flex;gap:8px;padding:8px 12px;overflow-x:auto}.filter-tabs__btn{padding:8px 14px;background:var(--surface-1);border:none;border-radius:18px;color:var(--text-secondary);font-size:.82rem;cursor:pointer;white-space:nowrap;transition:all var(--duration) var(--ease)}.filter-tabs__btn:hover{background:var(--surface-2)}.filter-tabs__btn--active{background:var(--accent-dark);color:#fff}.sidebar__list{flex:1;overflow-y:auto}.sidebar__empty{padding:48px 24px;text-align:center;color:var(--text-muted)}.chat-item{display:flex;align-items:center;gap:14px;padding:14px 16px;cursor:pointer;position:relative;transition:background var(--duration) var(--ease),transform .3s ease,opacity .3s ease;border-bottom:1px solid var(--border-light)}@keyframes slideIn{0%{opacity:.7;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chat-item:hover{background:var(--surface-hover)}.chat-item--active{background:var(--surface-active)}.chat-item__indicator{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.chat-item__body{flex:1;min-width:0}.chat-item__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.chat-item__name{font-weight:400;font-size:1rem;color:var(--text-primary)}.chat-item__time{font-size:.75rem;color:var(--text-muted)}.chat-item__time--unread{color:var(--accent)}.chat-item__bottom{display:flex;justify-content:space-between;align-items:center}.chat-item__preview{flex:1;font-size:.9rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item__preview--typing{color:var(--accent)}.chat-item__tick{color:var(--tick-seen)}.chat-item__badge{min-width:22px;height:22px;padding:0 6px;background:var(--accent);border-radius:11px;font-size:.75rem;font-weight:500;color:#fff;display:flex;align-items:center;justify-content:center}.chat-window{flex:1;display:flex;flex-direction:column;background:var(--bg-chat);min-width:0;position:relative}.chat-window--empty{justify-content:center;align-items:center}.chat-window--search-open .chat-window__body,.chat-window--search-open .message-input,.chat-window--search-open .chat-header{margin-right:400px}.chat-window__welcome{text-align:center;padding:40px;max-width:500px}.chat-window__welcome-icon{display:inline-flex;justify-content:center;align-items:center;width:120px;height:120px;background:var(--surface-1);border-radius:var(--radius-full);margin-bottom:28px;color:var(--text-muted)}.chat-window__welcome h2{font-size:1.8rem;font-weight:300;color:var(--text-primary);margin-bottom:16px}.chat-window__welcome p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-header);padding-top:calc(12px + var(--safe-top))}.chat-header__left{display:flex;align-items:center;gap:14px}.chat-header__back{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;margin-left:-4px;display:flex}.chat-header__info{display:flex;flex-direction:column}.chat-header__name{font-size:1rem;font-weight:400;margin:0}.status-badge{font-size:.8rem}.status-badge--online{color:var(--accent)}.status-badge--offline{color:var(--text-muted)}.chat-header__actions{display:flex;gap:2px}.chat-header__btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:10px;border-radius:var(--radius-full);transition:all var(--duration) var(--ease)}.chat-header__btn:hover{background:var(--surface-hover)}.chat-header__btn.active{background:var(--accent);color:#fff}.chat-header__back:hover{background:#ffffff1a}.chat-header__search-bar{display:flex;align-items:center;gap:8px;background:var(--surface-alt);border-radius:20px;padding:6px 12px;margin-right:8px;flex:1;max-width:250px}.chat-header__search-bar input{background:none;border:none;color:var(--text-primary);font-size:.9rem;outline:none;width:100%}.chat-header__search-bar input::placeholder{color:var(--text-muted)}.chat-header__search-bar button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center}.chat-header__search-bar button:hover{color:var(--text-primary)}.chat-header__menu-wrapper{position:relative}.chat-header__dropdown{position:absolute;top:100%;right:0;background:#1e2a30;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0009;min-width:200px;overflow:hidden;z-index:1000;animation:slideDown .15s ease;-webkit-backdrop-filter:none;backdrop-filter:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.chat-header__dropdown button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;color:var(--text-primary);font-size:.9rem;cursor:pointer;text-align:left;transition:background .15s ease}.chat-header__dropdown button:hover{background:var(--surface-hover)}.chat-header__dropdown button.danger{color:#ef4444}.chat-header__dropdown button.danger:hover{background:#ef44441a}.chat-header__dropdown-divider{height:1px;background:var(--border);margin:4px 0}.chat-header__room-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;font-size:1.2rem}.chat-header__status{font-size:.75rem;color:var(--color-text-muted)}.chat-window__body{flex:1;overflow-y:auto;padding:20px 60px;scrollbar-width:none;-ms-overflow-style:none;background-color:var(--bg-chat);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='%23ffffff' fill-opacity='0.02'%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-window__body::-webkit-scrollbar{display:none}.chat-window__loading{display:flex;justify-content:center;align-items:center;height:100%}.chat-window__spinner{width:32px;height:32px;border:3px solid var(--surface-3);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.chat-window__empty-chat{text-align:center;padding:40px;color:var(--text-muted);width:100%}.chat-window__messages{display:flex;flex-direction:column;width:100%}.chat-window__scroll-btn{position:absolute;bottom:80px;right:24px;width:44px;height:44px;background:var(--surface-2);border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;transition:all var(--duration) var(--ease)}.chat-window__scroll-btn:hover{background:var(--surface-3)}.date-divider{display:flex;justify-content:center;padding:12px 0}.date-divider__text{background:var(--surface-2);padding:6px 14px;border-radius:8px;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.msg-group{display:flex;gap:6px;margin-bottom:2px}.msg-group--sent{justify-content:flex-end}.msg-group--received{justify-content:flex-start}.msg-group__avatar{align-self:flex-end;margin-bottom:2px}.msg-group__messages{display:flex;flex-direction:column;gap:2px;max-width:65%}.bubble{position:relative}.bubble--sent{align-self:flex-end}.bubble--received{align-self:flex-start}.bubble__tail{position:absolute;top:0;width:12px;height:12px}.bubble--sent .bubble__tail{right:-6px;background:var(--bubble-sent);clip-path:polygon(0 0,100% 0,0 100%)}.bubble--received .bubble__tail{left:-6px;background:var(--bubble-received);clip-path:polygon(100% 0,0 0,100% 100%)}.bubble__content{padding:8px 10px 6px;border-radius:var(--radius-sm);min-width:80px;box-shadow:0 1px .5px #00000021}.bubble--sent .bubble__content{background:var(--bubble-sent);border-top-right-radius:0}.bubble--received .bubble__content{background:var(--bubble-received);border-top-left-radius:0}.bubble:not(.bubble--first) .bubble__content{border-radius:var(--radius-sm)}.bubble__text{font-size:.925rem;line-height:1.35;margin:0;word-break:break-word;color:var(--text-primary)}.bubble--media{padding:3px}.bubble--media .bubble__content{padding:0;background:transparent}.bubble__media{position:relative;border-radius:8px;overflow:hidden}.bubble__image{max-width:330px;min-width:200px;width:100%;height:auto;border-radius:8px;cursor:pointer;transition:filter .2s ease;display:block;object-fit:cover}.bubble__image:hover{filter:brightness(.95)}.bubble__media-meta{position:absolute;bottom:6px;right:8px;display:flex;align-items:center;gap:4px;padding:2px 6px;background:linear-gradient(transparent,#00000080);background:#0006;border-radius:4px;font-size:.7rem}.bubble__media-meta .bubble__time{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.bubble__video{max-width:330px;min-width:200px;border-radius:8px;display:block}.bubble__file{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#00000014;border-radius:8px;color:inherit;text-decoration:none;transition:background .2s ease;min-width:200px}.bubble__file:hover{background:#0000001f}.bubble__file svg{flex-shrink:0;color:var(--accent)}.bubble__file-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.bubble__file-name{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.bubble__file-type{font-size:.75rem;opacity:.6}.bubble__link{color:#53bdeb;text-decoration:none;word-break:break-all}.bubble__link:hover{text-decoration:underline}.lightbox{position:fixed;inset:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.lightbox__close{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;color:#fff;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;z-index:10}.lightbox__close:hover{background:#fff3}.lightbox__image{max-width:90vw;max-height:85vh;object-fit:contain;cursor:default;border-radius:4px;box-shadow:0 8px 40px #00000080}.lightbox__toolbar{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:16px;background:#ffffff1a;padding:10px 20px;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox__action{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:.9rem;padding:8px 16px;border-radius:20px;transition:background .2s ease}.lightbox__action:hover{background:#ffffff26}.bubble--grid{padding:3px;max-width:340px}.bubble--grid .bubble__content{padding:0}.image-grid{display:grid;gap:3px;border-radius:8px;overflow:hidden;position:relative}.image-grid--2{grid-template-columns:repeat(2,1fr)}.image-grid--3{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.image-grid--3 .image-grid__item:first-child{grid-row:span 2}.image-grid--4plus{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.image-grid__item{position:relative;cursor:pointer;overflow:hidden;aspect-ratio:1}.image-grid__item img{width:100%;height:100%;object-fit:cover;transition:filter .2s ease}.image-grid__item:hover img{filter:brightness(.9)}.image-grid__more{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:500;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.image-grid__meta{position:absolute;bottom:6px;right:8px;display:flex;align-items:center;gap:4px;padding:2px 6px;background:#0006;border-radius:4px;font-size:.7rem;z-index:5}.image-grid__meta .bubble__time{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.gallery-lightbox{position:fixed;inset:0;background:#0b141afa;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.gallery-lightbox__header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(rgba(0,0,0,.5),transparent);z-index:10}.gallery-lightbox__counter{color:#ffffffe6;font-size:.9rem}.gallery-lightbox__close{background:#ffffff1a;border:none;color:#fff;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.gallery-lightbox__close:hover{background:#fff3}.gallery-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.gallery-lightbox__nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.gallery-lightbox__nav--prev{left:20px}.gallery-lightbox__nav--next{right:20px}.gallery-lightbox__image{max-width:85vw;max-height:75vh;object-fit:contain;cursor:default;border-radius:4px;box-shadow:0 8px 40px #00000080}.gallery-lightbox__thumbnails{position:absolute;bottom:80px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:10px;background:#0006;border-radius:8px;max-width:90vw;overflow-x:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gallery-lightbox__thumbnails::-webkit-scrollbar{height:4px}.gallery-lightbox__thumbnails::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.gallery-lightbox__thumb{width:60px;height:60px;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid transparent;background:none;padding:0;flex-shrink:0;transition:all .2s ease}.gallery-lightbox__thumb img{width:100%;height:100%;object-fit:cover}.gallery-lightbox__thumb:hover{opacity:.8}.gallery-lightbox__thumb.active{border-color:var(--accent);transform:scale(1.05)}.gallery-lightbox__toolbar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:16px;background:#ffffff1a;padding:10px 20px;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gallery-lightbox__action{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:.9rem;padding:8px 16px;border-radius:20px;transition:background .2s ease}.gallery-lightbox__action:hover{background:#ffffff26}.bubble__meta{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:2px}.bubble__time{font-size:.68rem;color:#fff9}.seen-indicator{display:inline-flex;align-items:center;margin-left:3px;vertical-align:middle;line-height:1}.typing{display:flex;align-items:flex-end;gap:8px;margin-top:8px;animation:fadeIn .2s var(--ease)}.typing__avatar{width:28px;height:28px;background:var(--surface-2);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:500;overflow:hidden}.typing__avatar img{width:100%;height:100%;object-fit:cover}.typing__bubble{display:flex;gap:4px;padding:12px 16px;background:var(--bubble-received);border-radius:var(--radius-sm);border-top-left-radius:0}.typing__dot{width:8px;height:8px;background:var(--text-muted);border-radius:50%;animation:typingDot 1.4s ease-in-out infinite}.typing__dot:nth-child(2){animation-delay:.2s}.typing__dot:nth-child(3){animation-delay:.4s}.input-bar{position:relative;display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-input);padding-bottom:calc(10px + var(--safe-bottom))}.input-bar__icon{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--duration) var(--ease)}.input-bar__icon:hover:not(:disabled){background:var(--surface-hover)}.input-bar__icon:disabled{opacity:.4;cursor:not-allowed}.input-bar__field{flex:1}.input-bar__field input{width:100%;padding:12px 18px;background:var(--surface-1);border:none;border-radius:24px;color:var(--text-primary);font-size:.95rem;outline:none}.input-bar__field input::placeholder{color:var(--text-muted)}.input-bar__send{background:var(--accent);border:none;color:#fff;cursor:pointer;width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--duration) var(--ease);flex-shrink:0}.input-bar__send:hover:not(:disabled){background:var(--accent-hover)}.input-bar__send:disabled{opacity:.4;cursor:not-allowed}.input-bar--recording{background:var(--bg-input);justify-content:space-between}.input-bar__cancel-record{background:none;border:none;color:#ef4444;cursor:pointer;padding:8px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease}.input-bar__cancel-record:hover{background:#ef44441a}.input-bar__recording-info{display:flex;align-items:center;gap:8px;flex-shrink:0}.input-bar__recording-dot{width:10px;height:10px;background:#ef4444;border-radius:50%;animation:recordPulse 1s ease-in-out infinite}@keyframes recordPulse{0%,to{opacity:1}50%{opacity:.3}}.input-bar__recording-time{color:var(--text-primary);font-size:.95rem;font-variant-numeric:tabular-nums;min-width:36px}.input-bar__recording-waves{display:flex;align-items:center;gap:2px;flex:1;min-width:0;overflow:hidden;justify-content:flex-start;padding:0 8px}.input-bar__recording-waves .wave{display:inline-block;width:3px;background:var(--accent);border-radius:2px;animation:waveAnim 1.2s ease-in-out infinite}.input-bar__recording-waves .wave:nth-child(1){height:12px;animation-delay:0s}.input-bar__recording-waves .wave:nth-child(2){height:20px;animation-delay:.1s}.input-bar__recording-waves .wave:nth-child(3){height:28px;animation-delay:.2s}.input-bar__recording-waves .wave:nth-child(4){height:20px;animation-delay:.3s}.input-bar__recording-waves .wave:nth-child(5){height:12px;animation-delay:.4s}@keyframes waveAnim{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.5)}}.audio-player{display:flex;align-items:center;gap:8px;padding:4px 0;min-width:200px}.audio-player__btn{background:none;border:none;color:#fff;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.audio-player__btn svg{width:24px;height:24px}.audio-player__btn:active{transform:scale(.9)}.audio-player__wave{flex:1;height:32px;display:flex;align-items:center;gap:2px;cursor:pointer}.audio-player__bar{flex:1;min-width:2px;max-width:6px;background:#fff6;border-radius:2px;transition:background .1s ease}.audio-player__bar--lit{background:#fff}.audio-player__time{font-size:.75rem;color:#fffc;min-width:32px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.input-bar__mic:hover:not(:disabled){color:var(--accent)}.emoji-picker-modal{position:absolute;bottom:100%;right:10px;width:340px;background:#f0f2f5;border-radius:8px;box-shadow:0 2px 12px #00000026;z-index:100;margin-bottom:8px;max-height:300px;display:flex;flex-direction:column;overflow:hidden}.emoji-picker__tabs{display:flex;gap:0;padding:4px 6px;background:#fff;border-bottom:1px solid #e9edef;flex-shrink:0;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.emoji-picker__tabs::-webkit-scrollbar{display:none}.emoji-picker__tab{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:8px 10px;border-radius:4px;transition:background .15s ease;opacity:.6;flex-shrink:0}.emoji-picker__tab:hover{opacity:1;background:#e9edef}.emoji-picker__tab.active{opacity:1;background:#d9fdd3}.emoji-picker__search{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#fff;margin:6px;border:1px solid #e9edef;border-radius:6px;flex-shrink:0}.emoji-picker__search svg{color:#8696a0;flex-shrink:0;width:16px;height:16px}.emoji-picker__search input{flex:1;background:none;border:none;color:#111b21;font-size:13px;outline:none}.emoji-picker__search input::placeholder{color:#8696a0}.emoji-picker__category-title{font-size:11px;color:#8696a0;padding:6px 10px 4px;background:#f0f2f5;text-transform:capitalize;font-weight:400;flex-shrink:0}.emoji-picker__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:4px 6px;background:#fff;overflow-y:auto;flex:1;min-height:0}.emoji-picker__grid::-webkit-scrollbar{width:6px}.emoji-picker__grid::-webkit-scrollbar-track{background:transparent}.emoji-picker__grid::-webkit-scrollbar-thumb{background:#d1d7db;border-radius:3px}.emoji-picker__emoji{background:none;border:none;cursor:pointer;font-size:1.35rem;padding:4px;border-radius:4px;transition:background .1s ease;display:flex;align-items:center;justify-content:center;height:34px;width:100%}.emoji-picker__emoji:hover{background:#e9edef}.emoji-picker__empty{grid-column:1 / -1;text-align:center;color:#8696a0;padding:20px;font-size:13px}.input-bar__uploading{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;border-radius:inherit}.input-bar__spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.input-bar__icon.active{color:var(--accent);background:#25d3661a}@media(max-width:767px){.sidebar{width:100%;position:fixed;inset:0;z-index:100}.chat-window{width:100%}.chat-window__body{padding:12px 8px;background-color:#0b141a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23ffffff;opacity:0.03%7D%3C/style%3E%3C/defs%3E%3Crect class='a' x='20' y='15' width='8' height='6' rx='1'/%3E%3Ccircle class='a' cx='70' cy='25' r='5'/%3E%3Cpath class='a' d='M120 10l5 8h-10z'/%3E%3Crect class='a' x='160' y='20' width='6' height='8' rx='1'/%3E%3Cpath class='a' d='M30 60c0-3 2-5 5-5s5 2 5 5-2 5-5 5-5-2-5-5z'/%3E%3Crect class='a' x='85' y='55' width='10' height='7' rx='2'/%3E%3Cpath class='a' d='M140 50l4 7h-8z'/%3E%3Ccircle class='a' cx='180' cy='65' r='4'/%3E%3Crect class='a' x='10' y='100' width='7' height='5' rx='1'/%3E%3Cpath class='a' d='M60 95l6 10h-12z'/%3E%3Ccircle class='a' cx='110' cy='105' r='5'/%3E%3Crect class='a' x='150' y='98' width='8' height='6' rx='1'/%3E%3Ccircle class='a' cx='25' cy='150' r='4'/%3E%3Crect class='a' x='65' y='145' width='7' height='9' rx='1'/%3E%3Cpath class='a' d='M115 140l5 9h-10z'/%3E%3Ccircle class='a' cx='170' cy='148' r='5'/%3E%3Crect class='a' x='40' y='185' width='6' height='5' rx='1'/%3E%3Ccircle class='a' cx='95' cy='188' r='3'/%3E%3Cpath class='a' d='M145 180l4 7h-8z'/%3E%3Crect class='a' x='185' y='182' width='5' height='7' rx='1'/%3E%3C/svg%3E")}.msg-group__messages{max-width:85%}.bubble__content{padding:6px 8px 5px;border-radius:10px;box-shadow:0 1px 1px #00000026}.bubble--sent .bubble__content{border-top-right-radius:2px}.bubble--received .bubble__content{border-top-left-radius:2px}.bubble:not(.bubble--first) .bubble__content{border-radius:10px}.bubble__text{font-size:.9rem;line-height:1.4}.input-bar{gap:6px;padding:6px 8px;padding-bottom:calc(6px + var(--safe-bottom))}.input-bar__icon{padding:6px;flex-shrink:0}.input-bar__icon svg{width:24px;height:24px}.input-bar__field input{padding:10px 14px;font-size:16px;border-radius:21px}.input-bar__send{width:42px;height:42px;flex-shrink:0}.bubble__image{max-width:280px;min-width:160px;border-radius:10px}.bubble__media{border-radius:10px}.chat-header{padding:8px 6px}.chat-header__actions{display:flex;gap:2px}.chat-header__btn{width:36px;height:36px;padding:6px}.date-divider__text{font-size:.75rem;padding:4px 12px}.chat-window__scroll-btn{bottom:70px;right:12px;width:38px;height:38px}}@media(min-width:768px)and (max-width:1024px){:root{--sidebar-width: 320px}.chat-window__body{padding:20px 40px}}@media(min-width:1400px){:root{--sidebar-width: 440px}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s var(--ease)}.modal{background:var(--surface-2);border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:85vh;overflow:hidden;animation:slideUp .3s var(--ease)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.modal__header h2{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.modal__close{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:4px 8px}.modal__body{padding:20px;overflow-y:auto;max-height:60vh}.modal__footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end}.modal__btn{padding:10px 20px;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all .2s var(--ease)}.modal__btn--primary{background:var(--accent);color:#fff;border:none}.modal__btn--primary:hover:not(:disabled){background:var(--accent-hover)}.modal__btn--primary:disabled{opacity:.5;cursor:not-allowed}.modal__btn--secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.modal__btn--accept{background:var(--accent);color:#fff;border:none;flex:1}.modal__btn--reject{background:transparent;color:var(--text-secondary);border:1px solid var(--border);flex:1}.modal__field{margin-bottom:20px}.modal__field label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.modal__field input[type=text]{width:100%;padding:12px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95rem}.modal__photo-section{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.modal__photo-preview{width:100px;height:100px;border-radius:var(--radius-full);background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-size:2rem;overflow:hidden;margin-bottom:12px}.modal__photo-preview img{width:100%;height:100%;object-fit:cover}.modal__photo-upload{color:var(--accent);cursor:pointer;font-size:.9rem}.modal__radio-group{display:flex;flex-direction:column;gap:8px}.modal__radio-group label{display:flex;flex-direction:column;padding:12px;background:var(--surface-1);border-radius:var(--radius-sm);cursor:pointer;border:2px solid transparent;transition:all .2s var(--ease)}.modal__radio-group label.active{border-color:var(--accent);background:#00a8841a}.modal__radio-group label span{font-weight:500;color:var(--text-primary)}.modal__radio-group label small{color:var(--text-muted);font-size:.8rem;margin-top:4px}.modal__radio-group input[type=radio]{display:none}.modal__user-list{max-height:200px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:8px}.modal__user-item{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;transition:background .2s var(--ease)}.modal__user-item:hover{background:var(--surface-hover)}.modal__user-item.selected{background:#00a8841a}.modal__user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.modal__check{margin-left:auto;color:var(--accent)}.modal__selected-users{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;margin-bottom:12px;padding:8px 0}.modal__selected-tag{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--accent),#128c7e);color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500;box-shadow:0 2px 4px #0003;transition:transform .15s ease,box-shadow .15s ease}.modal__selected-tag:hover{transform:translateY(-1px);box-shadow:0 3px 6px #00000040}.modal__selected-tag button{display:flex;align-items:center;justify-content:center;background:#fff3;border:none;color:#fff;cursor:pointer;padding:2px;border-radius:50%;width:18px;height:18px;transition:background .15s ease}.modal__selected-tag button:hover{background:#ffffff59}.modal--invite{max-width:360px;text-align:center}.modal__invite-content{padding:40px 24px}.modal__invite-photo{width:80px;height:80px;border-radius:var(--radius-full);background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 20px;overflow:hidden}.modal__invite-photo img{width:100%;height:100%;object-fit:cover}.modal__invite-title{font-size:1.2rem;margin-bottom:12px;color:var(--text-primary)}.modal__invite-text{color:var(--text-secondary);margin-bottom:24px}.modal__invite-actions{display:flex;gap:12px}.search-users{position:relative}.search-users__input-wrapper{display:flex;align-items:center;background:var(--surface-1);border-radius:var(--radius-sm);padding:0 12px}.search-users__icon{color:var(--text-muted);margin-right:8px}.search-users__input{flex:1;background:none;border:none;color:var(--text-primary);padding:12px 0;font-size:.95rem;outline:none}.search-users__input::placeholder{color:var(--text-muted)}.search-users__clear{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.search-users__results{position:absolute;top:100%;left:0;right:0;background:var(--surface-2);border-radius:var(--radius-sm);margin-top:4px;box-shadow:0 8px 24px #0000004d;z-index:100;max-height:300px;overflow-y:auto}.search-users__result{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s var(--ease)}.search-users__result:hover{background:var(--surface-hover)}.search-users__avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;overflow:hidden}.search-users__avatar img{width:100%;height:100%;object-fit:cover}.search-users__info{flex:1;display:flex;flex-direction:column}.search-users__name{color:var(--text-primary);font-weight:500}.search-users__status{color:var(--text-muted);font-size:.85rem}.search-users__online{width:10px;height:10px;border-radius:var(--radius-full);background:var(--online)}.search-users__loading{padding:16px;text-align:center;color:var(--text-muted)}.settings-panel{position:absolute;top:0;left:0;width:var(--sidebar-width);height:100%;background:var(--bg-sidebar);z-index:100;animation:slideRight .3s var(--ease)}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}.settings-panel__header{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-header)}.settings-panel__header h2{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.settings-panel__back{background:none;border:none;color:var(--text-primary);font-size:1.2rem;cursor:pointer}.settings-panel__tabs{display:flex;border-bottom:1px solid var(--border)}.settings-panel__tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:none;border:none;color:var(--text-muted);cursor:pointer;transition:all .2s var(--ease);border-bottom:2px solid transparent}.settings-panel__tab:hover{color:var(--text-secondary)}.settings-panel__tab.active{color:var(--accent);border-bottom-color:var(--accent)}.settings-panel__tab span:first-child{font-size:1.2rem}.settings-panel__tab span:last-child{font-size:.75rem}.settings-panel__content{padding:20px;overflow-y:auto;height:calc(100% - 130px)}.settings-section h3{font-size:.9rem;font-weight:600;color:var(--accent);margin-bottom:16px}.settings-item{margin-bottom:16px}.settings-item label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.settings-item select,.settings-item input[type=text]{width:100%;padding:10px 12px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem}.settings-item--toggle{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--surface-1);border-radius:var(--radius-sm)}.settings-item--toggle label{margin-bottom:0}.settings-item--toggle label span{display:block;color:var(--text-primary);font-weight:500}.settings-item--toggle label small{color:var(--text-muted);font-size:.8rem}.settings-input--disabled{opacity:.6;cursor:not-allowed}.settings-save-btn{width:100%;padding:12px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;margin-top:20px;transition:background .2s var(--ease)}.settings-save-btn:hover:not(:disabled){background:var(--accent-hover)}.settings-save-btn:disabled{opacity:.6;cursor:not-allowed}.toggle{width:44px;height:24px;background:var(--surface-3);border-radius:var(--radius-full);border:none;cursor:pointer;position:relative;transition:background .2s var(--ease)}.toggle.active{background:var(--accent)}.toggle__slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:var(--radius-full);transition:transform .2s var(--ease)}.toggle.active .toggle__slider{transform:translate(20px)}.profile-photo-edit{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.profile-photo-edit__preview{width:100px;height:100px;border-radius:var(--radius-full);background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;font-weight:600;overflow:hidden;margin-bottom:12px}.profile-photo-edit__preview img{width:100%;height:100%;object-fit:cover}.profile-photo-edit__upload{color:var(--accent);cursor:pointer;font-size:.9rem}.sidebar__footer{padding:12px 16px;border-top:1px solid var(--border)}.sidebar__settings-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s var(--ease)}.sidebar__settings-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.sidebar__new-room-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:var(--accent);border:none;color:#fff;cursor:pointer;border-radius:var(--radius-sm);font-weight:500;margin-bottom:8px;transition:background .2s var(--ease)}.sidebar__new-room-btn:hover{background:var(--accent-hover)}.profile-panel-overlay{position:fixed;inset:0;background:#0006;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.profile-panel-overlay.active{opacity:1;visibility:visible}.profile-panel{position:fixed;top:0;right:0;width:400px;max-width:100%;height:100vh;background:#111b21;z-index:1000;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.1)}.profile-panel.active{transform:translate(0)}.profile-panel__header{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#1d2a30;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.profile-panel__close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.profile-panel__close:hover{background:#ffffff1a;color:var(--text-primary)}.profile-panel__header h2{font-size:1.1rem;font-weight:500;color:var(--text-primary);margin:0}.profile-panel__content{flex:1;overflow-y:auto;overflow-x:hidden;background:#111b21}.profile-panel__photo-section{display:flex;flex-direction:column;align-items:center;padding:40px 20px 30px;background:#1d2a30}.profile-panel__photo{width:200px;height:200px;border-radius:50%;overflow:hidden;margin-bottom:20px;box-shadow:0 4px 20px #0000004d}.profile-panel__photo img{width:100%;height:100%;object-fit:cover}.profile-panel__photo-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--accent),#128C7E);display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:500;color:#fff}.profile-panel__name{font-size:1.4rem;font-weight:500;color:var(--text-primary);margin:0 0 6px;text-align:center}.profile-panel__status{font-size:.9rem;color:var(--text-secondary);margin:0}.profile-panel__status .online{color:var(--accent)}.profile-panel__section{padding:16px 20px;border-bottom:8px solid rgba(0,0,0,.15)}.profile-panel__section-label{font-size:.8rem;color:var(--accent);margin:0 0 8px;font-weight:500}.profile-panel__about{font-size:.95rem;color:var(--text-primary);margin:0;line-height:1.4}.profile-panel__value{font-size:.95rem;color:var(--text-primary);margin:0}.profile-panel__media-section{padding:0}.profile-panel__section-header{display:flex;align-items:center;gap:16px;padding:16px 20px;color:var(--text-secondary);cursor:pointer;transition:background .2s ease}.profile-panel__section-header:hover{background:#ffffff0d}.profile-panel__section-header span:first-of-type{flex:1;color:var(--text-primary);font-size:.95rem}.profile-panel__count{color:var(--text-secondary);font-size:.9rem}.profile-panel__spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:#00a884;border-radius:50%;animation:spin .8s linear infinite}.profile-panel__media-empty,.profile-panel__groups-empty{padding:20px;text-align:center;color:var(--text-secondary);font-size:.9rem}.profile-panel__action{display:flex;align-items:center;gap:16px;width:100%;padding:16px 20px;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:.95rem;cursor:pointer;text-align:left;transition:background .2s ease}.profile-panel__action:hover{background:#ffffff0d}.profile-panel__action svg{color:var(--text-secondary);flex-shrink:0}.profile-panel__action span:first-of-type{flex:1}.profile-panel__action-value{color:var(--text-secondary);font-size:.85rem}.profile-panel__toggle{cursor:default}.profile-panel__switch{position:relative;width:44px;height:24px}.profile-panel__switch input{opacity:0;width:0;height:0}.profile-panel__switch .slider{position:absolute;cursor:pointer;inset:0;background:var(--text-secondary);border-radius:24px;transition:.3s ease}.profile-panel__switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s ease}.profile-panel__switch input:checked+.slider{background:var(--accent)}.profile-panel__switch input:checked+.slider:before{transform:translate(20px)}.profile-panel__danger-zone{padding:16px 0;border-top:8px solid rgba(0,0,0,.15)}.profile-panel__danger-action{display:flex;align-items:center;gap:16px;width:100%;padding:16px 20px;background:none;border:none;color:#e74c3c;font-size:.95rem;cursor:pointer;text-align:left;transition:background .2s ease}.profile-panel__danger-action:hover{background:#e74c3c1a}.profile-panel__danger-action svg{color:#e74c3c}@media(max-width:768px){.profile-panel{width:100%}.profile-panel__photo{width:150px;height:150px}.profile-panel__photo-placeholder{font-size:3rem}}.media-gallery-overlay{position:fixed;inset:0;background:#00000080;z-index:1001}.media-gallery{position:fixed;top:0;right:0;width:400px;max-width:100%;height:100vh;background:#111b21;z-index:1002;display:flex;flex-direction:column}.media-gallery__header{display:flex;align-items:center;padding:12px 16px;background:#1d2a30;border-bottom:1px solid rgba(255,255,255,.1)}.media-gallery__back{background:none;border:none;color:#e9edef;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.media-gallery__back:hover{background:#ffffff1a}.media-gallery__tabs{display:flex;background:#1d2a30;border-bottom:1px solid rgba(255,255,255,.1)}.media-gallery__tab{flex:1;background:none;border:none;color:#8696a0;padding:14px 16px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.media-gallery__tab:hover{color:#e9edef}.media-gallery__tab.active{color:#25d366}.media-gallery__tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#25d366}.media-gallery__content{flex:1;overflow-y:auto;padding:16px}.media-gallery__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#8696a0;gap:16px;text-align:center}.media-gallery__empty svg{opacity:.5}.media-gallery__group{margin-bottom:24px}.media-gallery__month{font-size:.8rem;color:#8696a0;margin:0 0 12px;font-weight:500}.media-gallery__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.media-gallery__item{aspect-ratio:1;overflow:hidden;border-radius:4px;cursor:pointer;position:relative}.media-gallery__item img,.media-gallery__item video{width:100%;height:100%;object-fit:cover;transition:filter .2s ease}.media-gallery__item:hover img,.media-gallery__item:hover video{filter:brightness(.8)}.media-gallery__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.media-gallery__docs{display:flex;flex-direction:column;gap:8px}.media-gallery__doc{display:flex;align-items:center;gap:12px;padding:12px;background:#1d2a30;border-radius:8px;text-decoration:none;color:#e9edef;transition:background .2s ease}.media-gallery__doc:hover{background:#243138}.media-gallery__doc-icon{width:40px;height:40px;background:#25d366;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.media-gallery__doc-info{flex:1;min-width:0}.media-gallery__doc-name{display:block;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-gallery__doc-date{font-size:.75rem;color:#8696a0}.media-gallery__links{display:flex;flex-direction:column;gap:8px}.media-gallery__link{display:flex;align-items:center;gap:12px;padding:12px;background:#1d2a30;border-radius:8px;text-decoration:none;color:#e9edef;transition:background .2s ease}.media-gallery__link:hover{background:#243138}.media-gallery__link-icon{width:40px;height:40px;background:#3b82f6;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.media-gallery__link-info{flex:1;min-width:0}.media-gallery__link-url{display:block;font-size:.85rem;color:#53bdeb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-gallery__link-date{font-size:.75rem;color:#8696a0}@media(max-width:768px){.media-gallery{width:100%}}.message-search-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:999}.message-search{position:absolute;top:0;right:0;width:400px;max-width:100%;height:100%;background:#111b21;z-index:100;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.1);animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.message-search__header{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#1d2a30;border-bottom:1px solid rgba(255,255,255,.1)}.message-search__close{background:none;border:none;color:#aebac1;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.message-search__close:hover{background:#ffffff1a;color:#e9edef}.message-search__header h2{font-size:1.1rem;font-weight:500;color:#e9edef;margin:0}.message-search__input-wrapper{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:12px 16px;background:#1d2a30;border-radius:8px}.message-search__input-wrapper svg{color:#8696a0;flex-shrink:0}.message-search__input{flex:1;background:none;border:none;color:#e9edef;font-size:.95rem;outline:none}.message-search__input::placeholder{color:#8696a0}.message-search__clear{background:none;border:none;color:#8696a0;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.message-search__clear:hover{color:#e9edef}.message-search__results{flex:1;overflow-y:auto;padding:0 16px}.message-search__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#8696a0;gap:16px;text-align:center}.message-search__empty svg{opacity:.5}.message-search__spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#00a884;border-radius:50%;animation:spin .8s linear infinite}.message-search__group{margin-bottom:16px}.message-search__date{font-size:.75rem;color:#8696a0;padding:8px 0;text-transform:capitalize}.message-search__result{display:block;width:100%;background:none;border:none;padding:12px;margin-bottom:4px;border-radius:8px;cursor:pointer;text-align:left;transition:background .2s ease}.message-search__result:hover{background:#ffffff0d}.message-search__result-content{color:#e9edef;font-size:.9rem;line-height:1.4;margin-bottom:4px}.message-search__result-time{color:#8696a0;font-size:.75rem}.search-highlight{background:#25d366;color:#111b21;padding:0 2px;border-radius:2px}.message-highlight{animation:messageFlash 2s ease-out}@keyframes messageFlash{0%{background-color:#25d36680}50%{background-color:#25d3664d}to{background-color:transparent}}.message-search__footer{padding:12px 16px;text-align:center;color:#8696a0;font-size:.85rem;border-top:1px solid rgba(255,255,255,.1);background:#1d2a30}@media(max-width:768px){.message-search{width:100%}}.nav-bar{width:60px;min-width:60px;height:100vh;background:#1a1a1a;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:space-between;padding:12px 0;z-index:100}.nav-bar__top,.nav-bar__bottom{display:flex;flex-direction:column;align-items:center;gap:8px}.nav-bar__btn{width:44px;height:44px;border:none;background:transparent;border-radius:12px;color:#8696a0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative}.nav-bar__btn:hover{background:#ffffff14;color:#e9edef}.nav-bar__btn--active{background:#25d36626;color:#25d366}.nav-bar__btn--active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:#25d366;border-radius:0 3px 3px 0}.nav-bar__btn svg{width:24px;height:24px}.nav-bar__btn--profile{margin-top:auto}@media(max-width:768px){.nav-bar{display:none}}.admin-panel{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.admin-panel__overlay{position:absolute;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-panel__container{position:relative;width:90%;max-width:700px;max-height:85vh;background:#1a1a1a;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1)}.admin-panel__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#202c33,#111b21);border-bottom:1px solid rgba(255,255,255,.1)}.admin-panel__title{display:flex;align-items:center;gap:12px}.admin-panel__title h2{margin:0;font-size:20px;color:#e9edef}.admin-panel__icon{font-size:24px}.admin-panel__badge{background:linear-gradient(135deg,#ef5350,#c62828);color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.admin-panel__close{background:transparent;border:none;color:#8696a0;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s}.admin-panel__close:hover{background:#ffffff1a;color:#e9edef}.admin-panel__section{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.06)}.admin-panel__section h3{margin:0 0 16px;font-size:14px;color:#8696a0;font-weight:500}.admin-panel__form{display:flex;flex-direction:column;gap:16px}.admin-panel__form-row{display:flex;gap:16px}.admin-panel__field{flex:1;display:flex;flex-direction:column;gap:6px}.admin-panel__field label{font-size:12px;color:#8696a0}.admin-panel__field input,.admin-panel__field select{padding:12px 14px;background:#111b21;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e9edef;font-size:14px;transition:border-color .2s}.admin-panel__field input:focus,.admin-panel__field select:focus{outline:none;border-color:#25d366}.admin-panel__btn{padding:10px 16px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.admin-panel__btn--primary{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.admin-panel__btn--primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #25d3664d}.admin-panel__btn--copy{background:#ffffff1a;color:#e9edef}.admin-panel__btn--copy:hover{background:#ffffff26}.admin-panel__btn--delete{background:#ef535026;color:#ef5350}.admin-panel__btn--delete:hover{background:#ef535040}.admin-panel__codes{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;padding-right:8px}.admin-panel__code{background:#111b21;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.06);transition:all .2s}.admin-panel__code:hover{border-color:#ffffff1f}.admin-panel__code--inactive{opacity:.5}.admin-panel__code-main{display:flex;align-items:center;gap:12px;margin-bottom:8px}.admin-panel__code-value{font-family:JetBrains Mono,Consolas,monospace;font-size:20px;font-weight:700;color:#25d366;letter-spacing:2px}.admin-panel__code-role{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase}.admin-panel__code-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;font-size:12px;color:#8696a0}.admin-panel__code-desc{flex:1;min-width:150px}.admin-panel__code-actions{display:flex;gap:8px}.admin-panel__stats{display:flex;gap:16px;padding:20px 24px;background:#111b21}.admin-panel__stat{flex:1;text-align:center;padding:16px;background:#1a1a1a;border-radius:12px}.admin-panel__stat-value{display:block;font-size:28px;font-weight:700;color:#25d366}.admin-panel__stat-label{font-size:12px;color:#8696a0}.admin-panel__alert{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin:16px 24px 0;border-radius:8px;font-size:13px}.admin-panel__alert--error{background:#ef535026;color:#ef5350}.admin-panel__alert--success{background:#25d36626;color:#25d366}.admin-panel__alert button{background:transparent;border:none;color:inherit;font-size:18px;cursor:pointer;padding:0 4px}.admin-panel__loading,.admin-panel__empty{text-align:center;padding:30px;color:#8696a0}.admin-panel__forbidden{text-align:center;padding:60px 40px}.admin-panel__forbidden span{font-size:48px}.admin-panel__forbidden h2{color:#ef5350;margin:16px 0 8px}.admin-panel__forbidden p{color:#8696a0;margin-bottom:24px}.admin-panel__forbidden button{padding:12px 32px;background:#25d366;border:none;border-radius:8px;color:#fff;cursor:pointer}.new-chat-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center}.new-chat-modal__overlay{position:absolute;inset:0;background:#0009}.new-chat-modal__container{position:relative;width:100%;max-width:450px;height:100%;max-height:600px;margin-top:50px;background:var(--bg-sidebar);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.new-chat-modal__header{display:flex;align-items:center;gap:20px;padding:16px 20px;background:var(--bg-header)}.new-chat-modal__header h2{margin:0;font-size:18px;font-weight:500;color:var(--text-primary)}.new-chat-modal__back{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:50%;transition:background .2s}.new-chat-modal__back:hover{background:var(--surface-hover)}.new-chat-modal__search{display:flex;align-items:center;gap:12px;padding:10px 20px;background:var(--surface-2);border-bottom:1px solid var(--border)}.new-chat-modal__search svg{color:var(--text-secondary);flex-shrink:0}.new-chat-modal__search input{flex:1;background:none;border:none;color:var(--text-primary);font-size:15px;outline:none}.new-chat-modal__search input::placeholder{color:var(--text-secondary)}.new-chat-modal__results{flex:1;overflow-y:auto;padding:8px 0}.new-chat-modal__loading,.new-chat-modal__error,.new-chat-modal__hint,.new-chat-modal__empty{padding:40px 20px;text-align:center;color:var(--text-secondary);font-size:14px}.new-chat-modal__error{color:#ef5350}.new-chat-modal__user{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:background .2s}.new-chat-modal__user:hover{background:var(--surface-hover)}.new-chat-modal__user-info{display:flex;flex-direction:column;gap:2px}.new-chat-modal__user-name{color:var(--text-primary);font-size:15px;font-weight:500}.new-chat-modal__user-status{color:var(--text-secondary);font-size:13px}@media screen and (max-width:768px){:root{--sidebar-width: 100%}#root{flex-direction:column}.app{flex-direction:column;height:100vh;height:100dvh}.app__main{flex-direction:column;flex:1;overflow:hidden}.navigation-bar{position:fixed;inset:auto 0 0;width:100%;height:60px;flex-direction:row;justify-content:space-around;padding:8px 0;padding-bottom:calc(8px + var(--safe-bottom));z-index:100;border-top:1px solid var(--border);border-right:none}.navigation-bar__logo{display:none}.navigation-bar__nav{flex-direction:row;gap:0;width:100%;justify-content:space-around}.navigation-bar__btn{padding:8px 16px}.navigation-bar__bottom{display:none}.sidebar{position:fixed;inset:0 0 60px;width:100%;height:auto;z-index:90;transition:transform .3s var(--ease)}.sidebar--hidden{transform:translate(-100%)}.sidebar__header{padding:12px 16px;padding-top:calc(12px + var(--safe-top))}.sidebar__search{padding:8px 16px}.sidebar__search input{font-size:16px}.sidebar__list{height:calc(100vh - 180px);height:calc(100dvh - 180px)}.chat-window{position:fixed;inset:0;width:100%;z-index:95}.chat-window__header{padding:8px 12px;padding-top:calc(8px + var(--safe-top))}.chat-window__back{display:flex!important;margin-right:8px}.chat-window__title h2{font-size:16px}.chat-window__messages{padding:12px;height:calc(100vh - 130px);height:calc(100dvh - 130px)}.chat-window__input{padding:8px 12px 12px}.message-input{gap:8px;padding:8px 12px}.message-input__field{font-size:16px;min-height:40px}.message-input__actions{gap:4px}.message-input__btn{width:36px;height:36px}.message-bubble{max-width:85%;padding:8px 12px}.message-bubble__content{font-size:15px}.chat-list-item{padding:12px 16px}.chat-list-item__name{font-size:16px}.profile-badge--sm{width:36px;height:36px;font-size:14px}.profile-badge--md{width:44px;height:44px;font-size:16px}.settings-panel__container{width:100%;height:100%;max-height:none;border-radius:0;margin:0}.settings-panel__header{padding-top:calc(16px + var(--safe-top))}.admin-panel__container{width:100%;height:100%;max-height:none;border-radius:0;margin:0}.admin-panel__header{padding-top:calc(16px + var(--safe-top))}.admin-panel__form-row,.admin-panel__code{flex-direction:column;gap:12px}.admin-panel__code-actions{width:100%;justify-content:flex-start}.admin-panel__stats{flex-wrap:wrap;gap:12px}.admin-panel__stat{flex:1;min-width:80px}.new-chat-modal__container{width:100%;height:100%;max-height:none;max-width:none;border-radius:0;margin:0}.new-chat-modal__header{padding-top:calc(16px + var(--safe-top))}.new-chat-modal__search input{font-size:16px}.new-room-modal__content{width:100%;height:100%;max-height:none;border-radius:0;margin:0}.new-room-modal__header{padding-top:calc(16px + var(--safe-top))}.filter-tabs{padding:8px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-tabs::-webkit-scrollbar{display:none}.filter-tabs__btn{flex-shrink:0;font-size:13px;padding:6px 12px}.login-container,.register-container{padding:20px;padding-top:calc(20px + var(--safe-top));padding-bottom:calc(20px + var(--safe-bottom))}.login-card,.register-card{padding:24px 20px;width:100%;max-width:none;border-radius:var(--radius-md)}.login-card h1,.register-card h1{font-size:24px}.login-card input,.register-card input{font-size:16px;padding:14px 16px}.room-members{flex-direction:column;align-items:flex-start;gap:8px}.image-preview{max-width:100%;max-height:200px}.file-message{max-width:100%}.context-menu{position:fixed;inset:auto 10px 70px;width:auto;border-radius:var(--radius-md)}.typing-indicator{padding:8px 16px;font-size:13px}.seen-indicator{font-size:11px}.empty-state{padding:40px 20px}.empty-state__icon{width:80px;height:80px}.empty-state__title{font-size:20px}::-webkit-scrollbar{width:0;height:0}}@media screen and (max-width:400px){.sidebar__header{padding:10px 12px}.chat-window__header{padding:6px 10px}.message-bubble{max-width:90%;padding:6px 10px}.admin-panel__code-value{font-size:16px}.filter-tabs__btn{font-size:12px;padding:5px 10px}}@media screen and (max-width:768px)and (orientation:landscape){.navigation-bar{height:50px}.sidebar,.chat-window{bottom:50px}.sidebar__list{height:calc(100vh - 150px)}.chat-window__messages{height:calc(100vh - 140px)}}@media(hover:none)and (pointer:coarse){.sidebar__icon-btn,.chat-window__action-btn,.message-input__btn{min-width:44px;min-height:44px}.chat-list-item:hover{background:transparent}.chat-list-item:active{background:var(--surface-hover)}.message-bubble:hover .message-bubble__menu{opacity:1}.chat-list-item,.sidebar__icon-btn,.navigation-bar__btn{-webkit-user-select:none;user-select:none}}.message-search-mobile{position:fixed;top:0;left:0;right:0;height:56px;background:var(--bg-header);display:flex;align-items:center;padding:8px 12px;padding-top:calc(8px + var(--safe-top));gap:12px;z-index:200;border-bottom:1px solid var(--border)}@keyframes highlightFade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.message-search-mobile__back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-full);flex-shrink:0;transition:all var(--duration) var(--ease)}.message-search-mobile__back:active{background:var(--surface-hover);color:var(--text-primary)}.message-search-mobile__input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:16px;outline:none;padding:8px 0}.message-search-mobile__input::placeholder{color:var(--text-muted)}.message-search-mobile__nav{display:flex;align-items:center;gap:4px;flex-shrink:0}.message-search-mobile__count{color:var(--text-secondary);font-size:13px;min-width:50px;text-align:center}.message-search-mobile__loading{display:flex;align-items:center;justify-content:center;min-width:50px}.message-search-mobile__spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:#00a884;border-radius:50%;animation:spin .8s linear infinite}.message-search-mobile__arrow{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-full);transition:all var(--duration) var(--ease)}.message-search-mobile__arrow:active{background:var(--surface-hover);color:var(--text-primary)}.message-search-mobile__arrow:disabled{opacity:.3;cursor:not-allowed}.search-highlight{background:#00a88466;color:var(--text-primary);padding:1px 2px;border-radius:2px}.notification-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.notification-modal{background:var(--bg-secondary, #1a1a2e);border-radius:20px;padding:40px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px #00000080;border:1px solid var(--border-color, #333);animation:modalAppear .3s ease}@keyframes modalAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.notification-modal__icon{font-size:64px;margin-bottom:20px;animation:bellRing .5s ease-in-out}@keyframes bellRing{0%,to{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-10deg)}}.notification-modal__title{color:var(--text-primary, #fff);font-size:24px;margin-bottom:15px;font-weight:600}.notification-modal__text{color:var(--text-secondary, #aaa);font-size:15px;line-height:1.6;margin-bottom:25px}.notification-modal__warning{background:#ff646426;color:#ff6b6b;padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:20px;border:1px solid rgba(255,100,100,.3)}.notification-modal__button{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;padding:14px 40px;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.notification-modal__button:hover:not(:disabled){background:linear-gradient(135deg,#2ae574,#14a085);transform:translateY(-2px);box-shadow:0 8px 25px #25d3664d}.notification-modal__button:disabled{opacity:.6;cursor:not-allowed}.notification-modal__help{color:var(--text-secondary, #888);font-size:12px;margin-top:20px;padding:10px;background:#ffffff0d;border-radius:8px}.notification-modal__steps{background:#ffffff0d;border-radius:12px;padding:15px 20px;margin-bottom:20px;text-align:left}.notification-modal__steps-title{color:var(--text-primary, #fff);font-weight:600;margin-bottom:10px;font-size:14px}.notification-modal__steps ol{color:var(--text-secondary, #aaa);font-size:13px;line-height:1.8;padding-left:20px;margin:0}.notification-modal__steps li{margin-bottom:5px}.notification-modal__button--refresh{background:linear-gradient(135deg,#667eea,#764ba2)}.incoming-call-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease}.incoming-call-modal{text-align:center;padding:40px}.incoming-call__type{color:#25d366;font-size:16px;font-weight:500;margin-bottom:30px;text-transform:uppercase;letter-spacing:2px}.incoming-call__avatar{position:relative;width:120px;height:120px;margin:0 auto 25px}.incoming-call__avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #25D366}.incoming-call__avatar-letter{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#25d366,#128c7e);display:flex;align-items:center;justify-content:center;color:#fff;font-size:48px;font-weight:600}.incoming-call__pulse{position:absolute;inset:-10px;border-radius:50%;border:2px solid #25D366;animation:pulse 1.5s ease-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}.incoming-call__name{color:#fff;font-size:28px;font-weight:600;margin-bottom:8px}.incoming-call__status{color:#fff9;font-size:14px;margin-bottom:50px;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.incoming-call__actions{display:flex;justify-content:center;gap:60px}.incoming-call__btn{width:70px;height:70px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.incoming-call__btn svg{width:32px;height:32px}.incoming-call__btn--reject{background:linear-gradient(135deg,#f44,#c00);color:#fff;transform:rotate(135deg)}.incoming-call__btn--reject:hover{transform:rotate(135deg) scale(1.1);box-shadow:0 10px 30px #f446}.incoming-call__btn--answer{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.incoming-call__btn--answer:hover{transform:scale(1.1);box-shadow:0 10px 30px #25d36666}.call-screen{position:fixed;inset:0;z-index:9999;background:#0f0f0f;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.call-video-area{flex:1;position:relative;background:#000;overflow:hidden}.call-remote-video{position:absolute;inset:0;width:100%;height:100%}.call-remote-video video{width:100%;height:100%;object-fit:cover}.call-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.call-avatar{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:56px;font-weight:600;color:#fff;box-shadow:0 8px 32px #667eea4d}.call-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.call-user-name{color:#fff;font-size:24px;font-weight:600}.call-status{color:#fff9;font-size:14px}.call-status.calling{animation:pulse-text 1.5s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}.call-local-video{position:absolute;bottom:120px;right:16px;width:120px;height:160px;border-radius:16px;overflow:hidden;background:#1a1a1a;border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 24px #00000080;z-index:10}.call-local-video video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.call-local-video.video-off{display:flex;align-items:center;justify-content:center}.call-local-off-icon{width:40px;height:40px;color:#fff6}.call-header{position:absolute;top:0;left:0;right:0;padding:16px 20px;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent);display:flex;justify-content:space-between;align-items:center;z-index:20}.call-info{display:flex;align-items:center;gap:12px}.call-info-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff}.call-info-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.call-info-text h3{color:#fff;font-size:16px;font-weight:600;margin:0}.call-info-text p{color:#fff9;font-size:12px;margin:2px 0 0}.call-duration{color:#fff;font-size:14px;font-weight:500;background:#ffffff1a;padding:6px 12px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.call-controls{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;gap:16px;padding:16px 24px;background:#1e1e1ee6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:40px;border:1px solid rgba(255,255,255,.1);z-index:20}.call-btn{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:#3a3a3a;color:#fff}.call-btn svg{width:24px;height:24px}.call-btn:hover{transform:scale(1.1)}.call-btn:active{transform:scale(.95)}.call-btn.off{background:#ea4335}.call-btn.active{background:#667eea}.call-btn.end-call{background:#ea4335;width:64px;height:64px}.call-btn.end-call:hover{background:#d32f2f;box-shadow:0 4px 20px #ea433566}.call-btn.end-call svg{width:28px;height:28px}.call-btn-wrapper{position:relative}.device-menu{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 40px #0009;min-width:240px;max-width:320px;overflow:hidden;animation:device-menu-in .2s ease;z-index:100}@keyframes device-menu-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.device-menu__title{padding:12px 16px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#fff6;border-bottom:1px solid rgba(255,255,255,.06)}.device-menu__item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;color:#ffffffd9;font-size:13px;cursor:pointer;transition:background .15s;text-align:left}.device-menu__item:hover{background:#ffffff14}.device-menu__item.selected{color:#667eea}.device-menu__item.selected .device-menu__icon{color:#667eea;font-weight:700}.device-menu__icon{flex-shrink:0;width:20px;text-align:center;font-size:14px}.device-menu__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-voice-mode{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:linear-gradient(180deg,#1a1a2e,#16213e,#0f3460);position:relative}.call-voice-avatar{position:relative}.call-voice-avatar .call-avatar{width:160px;height:160px;font-size:64px}.call-voice-pulse{position:absolute;inset:-12px;border-radius:50%;border:3px solid #34a853;animation:voice-pulse 2s ease-out infinite}@keyframes voice-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.2);opacity:0}}@media(max-width:768px){.call-local-video{width:100px;height:130px;bottom:100px;right:12px;border-radius:12px}.call-header{padding:12px 16px}.call-info-avatar{width:36px;height:36px;font-size:14px}.call-info-text h3{font-size:14px}.call-info-text p{font-size:11px}.call-controls{bottom:24px;gap:12px;padding:12px 20px}.call-btn{width:48px;height:48px}.call-btn svg{width:20px;height:20px}.call-btn.end-call{width:56px;height:56px}.call-btn.end-call svg{width:24px;height:24px}.call-avatar{width:120px;height:120px;font-size:48px}.call-user-name{font-size:20px}.call-voice-avatar .call-avatar{width:140px;height:140px;font-size:56px}}@media(max-width:400px){.call-local-video{width:80px;height:110px;bottom:90px;right:8px}.call-controls{gap:8px;padding:10px 16px}.call-btn{width:44px;height:44px}.call-btn.end-call{width:50px;height:50px}}.companies-panel{display:flex;width:100%;height:100vh;background:var(--bg-primary, #0a0f1a);color:var(--text-primary, #e1e5eb)}.companies-panel__sidebar{width:320px;min-width:320px;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;background:#ffffff05}.companies-panel__sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.companies-panel__sidebar-header h2{font-size:18px;font-weight:700;margin:0;letter-spacing:-.3px}.companies-panel__add-btn{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#00b894,#00cec9);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.companies-panel__add-btn:hover{transform:scale(1.08);box-shadow:0 4px 16px #00b89459}.companies-panel__toggle-btn{width:34px;height:34px;border-radius:10px;background:#ffffff0f;border:none;color:#aaa;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.companies-panel__toggle-btn:hover{background:#ffffff1a;color:#fff}.companies-panel__list{flex:1;overflow-y:auto;padding:8px}.companies-panel__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0;gap:12px;color:#666;font-size:13px}.companies-panel__spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top-color:#00b894;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.companies-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;gap:10px;color:#555;text-align:center}.companies-panel__empty p{margin:0;font-size:13px}.companies-panel__empty-hint{font-size:11px!important;color:#444!important}.companies-panel__content{flex:1;display:flex;align-items:center;justify-content:center}.companies-panel__welcome{text-align:center;color:#444}.companies-panel__welcome-icon{margin-bottom:16px;opacity:.2}.companies-panel__welcome h2{font-size:20px;font-weight:600;margin:0 0 8px;color:#555}.companies-panel__welcome p{font-size:13px;margin:0}.company-card{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;cursor:pointer;transition:all .15s;position:relative;margin-bottom:2px}.company-card:hover{background:#ffffff0d}.company-card.active{background:#00b8941a}.company-card__photo{width:42px;height:42px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:transparent;flex-shrink:0}.company-card__photo img{width:100%;height:100%;object-fit:cover}.company-card__letter{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6c5ce7,#a29bfe);font-size:18px;font-weight:700;color:#fff}.company-card__info{flex:1;min-width:0}.company-card__info h3{margin:0;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-card__type{font-size:11px;color:#666;margin-top:2px;display:block}.company-card__delete{background:none;border:none;font-size:14px;cursor:pointer;opacity:0;transition:opacity .2s;padding:4px 6px;border-radius:6px}.company-card:hover .company-card__delete{opacity:.5}.company-card__delete:hover{opacity:1!important;background:#ff00001a}.companies-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.companies-modal{background:#1a1f2e;border-radius:16px;width:90%;max-width:440px;box-shadow:0 24px 80px #0009;animation:slideUp .25s ease-out;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.companies-modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.06)}.companies-modal__header h3{margin:0;font-size:16px;font-weight:600}.companies-modal__close{background:#ffffff0d;border:none;color:#888;width:28px;height:28px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px}.companies-modal__body{padding:20px 24px}.companies-modal__photo{width:80px;height:80px;border-radius:16px;margin:0 auto 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#ffffff0a;border:2px dashed rgba(255,255,255,.1);cursor:pointer;overflow:hidden;transition:all .2s;color:#666;font-size:11px}.companies-modal__photo:hover{border-color:#00b8944d;background:#00b8940d}.companies-modal__photo img{width:100%;height:100%;object-fit:cover}.companies-modal__field{margin-bottom:14px}.companies-modal__field label{display:block;font-size:12px;color:#888;margin-bottom:6px;font-weight:500}.companies-modal__field input,.companies-modal__field select{width:100%;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e1e5eb;font-size:14px;outline:none;box-sizing:border-box;transition:border-color .2s}.companies-modal__field input:focus,.companies-modal__field select:focus{border-color:#00b894}.companies-modal__footer{display:flex;gap:8px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.06)}.companies-modal__btn{flex:1;padding:10px;border-radius:10px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.companies-modal__btn--cancel{background:#ffffff0f;color:#888}.companies-modal__btn--cancel:hover{background:#ffffff1a}.companies-modal__btn--create{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff}.companies-modal__btn--create:hover{box-shadow:0 4px 16px #00b8944d}.companies-modal__btn--create:disabled{opacity:.4;cursor:not-allowed}.company-detail{display:flex;flex-direction:column;width:100%;height:100vh;background:var(--bg-primary, #0a0f1a);color:var(--text-primary, #e1e5eb)}.company-detail__header{display:flex;align-items:center;gap:14px;padding:14px 24px;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05}.company-detail__back{background:#ffffff0f;border:none;color:#aaa;cursor:pointer;font-size:13px;padding:6px 12px;border-radius:8px;transition:all .2s}.company-detail__back:hover{background:#ffffff1a;color:#fff}.company-detail__title{display:flex;align-items:center;gap:12px;flex:1}.company-detail__logo{width:40px;height:40px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6c5ce7,#a29bfe)}.company-detail__logo img{width:100%;height:100%;object-fit:cover}.company-detail__logo span{font-size:17px;font-weight:700;color:#fff}.company-detail__title h2{margin:0;font-size:17px;font-weight:600}.company-detail__type{font-size:12px;color:#666;display:block;margin-top:1px}.company-detail__edit-btn{background:#ffffff0f;border:none;color:#aaa;padding:7px 14px;border-radius:8px;cursor:pointer;font-size:13px;transition:all .2s}.company-detail__edit-btn:hover{background:#ffffff1a}.company-detail__tabs{display:flex;gap:2px;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff03}.company-detail__tab{padding:12px 20px;background:none;border:none;color:#666;cursor:pointer;font-size:13px;font-weight:500;border-bottom:2px solid transparent;transition:all .2s}.company-detail__tab:hover{color:#aaa}.company-detail__tab.active{color:#00b894;border-bottom-color:#00b894}.company-detail__folders{flex:1;overflow-y:auto;padding:20px 24px}.company-detail__folder-actions{margin-bottom:16px}.company-detail__add-folder{background:#00b8940f;color:#00b894;border:1px dashed rgba(0,184,148,.25);padding:10px 16px;border-radius:10px;cursor:pointer;font-size:13px;width:100%;transition:all .2s}.company-detail__add-folder:hover{background:#00b8941a}.company-detail__create-folder{display:flex;gap:8px}.company-detail__create-folder input{flex:1;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#e1e5eb;font-size:13px;outline:none}.company-detail__create-folder input:focus{border-color:#00b894}.company-detail__create-folder button{background:#ffffff0f;border:none;color:#aaa;padding:10px 14px;border-radius:10px;cursor:pointer;font-size:14px}.company-detail__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;color:#444;gap:8px}.company-detail__empty span{font-size:48px;opacity:.2}.company-detail__folder-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.folder-item{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:12px;cursor:pointer;transition:all .15s;background:#ffffff08;border:1px solid rgba(255,255,255,.04)}.folder-item:hover{background:#ffffff0f;border-color:#ffffff14;transform:translateY(-1px)}.folder-item__icon{font-size:28px}.folder-item__name{flex:1;min-width:0;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-item__actions{display:flex;gap:2px;opacity:0;transition:opacity .2s}.folder-item:hover .folder-item__actions{opacity:1}.folder-item__actions button{background:none;border:none;cursor:pointer;padding:4px 6px;font-size:13px;border-radius:6px}.folder-item__actions button:hover{background:#ffffff14}.folder-item__edit{display:flex;gap:6px;flex:1}.folder-item__edit input{flex:1;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#e1e5eb;font-size:13px;outline:none}.folder-item__edit button{background:none;border:none;color:#aaa;cursor:pointer}.folder-view{display:flex;flex-direction:column;width:100%;height:100vh;background:var(--bg-primary, #0a0f1a);color:var(--text-primary, #e1e5eb)}.folder-view__header{display:flex;align-items:center;gap:14px;padding:14px 24px;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05}.folder-view__back{background:#ffffff0f;border:none;color:#aaa;cursor:pointer;font-size:13px;padding:6px 12px;border-radius:8px}.folder-view__back:hover{background:#ffffff1a;color:#fff}.folder-view__perm-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#aaa;font-size:12px;padding:5px 12px;border-radius:8px;cursor:pointer;transition:all .2s}.folder-view__perm-btn:hover{background:#ffffff1a;color:#fff}.folder-item__perm-btn{background:none;border:none;cursor:pointer;font-size:13px;padding:3px 5px;border-radius:5px}.folder-item__perm-btn:hover{background:#ffffff14}.perm-modal__overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.perm-modal{background:#1e1e2e;border-radius:16px;border:1px solid rgba(255,255,255,.08);padding:24px;width:380px;max-width:90vw;box-shadow:0 20px 60px #00000080}.perm-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.perm-modal__header h3{font-size:15px;font-weight:600;color:#e1e5eb;margin:0}.perm-modal__close{background:none;border:none;color:#666;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:6px}.perm-modal__close:hover{background:#ffffff0f;color:#aaa}.perm-modal__section{margin-bottom:20px;padding:14px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.04)}.perm-modal__section h4{font-size:13px;font-weight:600;color:#e1e5eb;margin:0 0 4px}.perm-modal__hint{font-size:11px;color:#666;margin:0 0 12px}.perm-modal__checkbox{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .15s;margin-bottom:4px}.perm-modal__checkbox:hover{background:#ffffff0a}.perm-modal__checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#00b894;cursor:pointer}.perm-modal__checkbox span{font-size:13px;color:#ccc;font-weight:500}.perm-modal__note{font-size:11px;color:#555;text-align:center;margin:0;padding-top:4px}.move-modal{background:#1e1e2e;border-radius:16px;border:1px solid rgba(255,255,255,.08);padding:24px;width:420px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.move-modal__hint{font-size:12px;color:#888;margin:0 0 12px}.move-modal__tree{flex:1;overflow-y:auto;max-height:350px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#00000026;padding:6px 0}.move-modal__tree-item{display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer;font-size:13px;color:#ccc;transition:background .12s;border-left:3px solid transparent}.move-modal__tree-item:hover{background:#ffffff0a}.move-modal__tree-item--selected{background:#00b8941f;border-left-color:#00b894;color:#00b894;font-weight:600}.move-modal__tree-item--disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.move-modal__footer{display:flex;gap:8px;margin-top:16px}.folder-view__breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:2px;flex:1;min-width:0}.folder-view__breadcrumb-item{font-size:13px;font-weight:500;color:#aaa;cursor:pointer;padding:3px 6px;border-radius:6px;transition:all .15s;white-space:nowrap}.folder-view__breadcrumb-item:hover{background:#ffffff0f;color:#fff}.folder-view__breadcrumb-item.active{color:#e1e5eb;cursor:default;font-weight:600}.folder-view__breadcrumb-item.active:hover{background:none;color:#e1e5eb}.folder-view__breadcrumb-sep{color:#444;font-size:14px;margin:0 1px}.folder-view__actions{display:flex;gap:8px}.folder-view__upload-btn,.folder-view__download-all{padding:7px 14px;border-radius:8px;border:none;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.folder-view__upload-btn{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff}.folder-view__upload-btn:hover{box-shadow:0 4px 16px #00b8944d}.folder-view__download-all{background:#ffffff0f;color:#aaa}.folder-view__download-all:hover{background:#ffffff1a}.folder-view__progress{padding:12px 24px;display:flex;align-items:center;gap:12px;background:#00b8940a}.folder-view__progress span{font-size:12px;color:#00b894;white-space:nowrap;font-weight:500}.folder-view__progress-bar{flex:1;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.folder-view__progress-fill{height:100%;background:linear-gradient(90deg,#00b894,#00cec9);border-radius:2px;transition:width .3s ease}.folder-view__content{flex:1;overflow-y:auto;position:relative;padding:16px 24px;transition:all .2s}.folder-view__content.drag-over{background:#00b89408}.folder-view__drop-overlay{position:absolute;inset:16px;display:flex;align-items:center;justify-content:center;background:#00b8940f;border:2px dashed rgba(0,184,148,.3);border-radius:16px;z-index:10;font-size:16px;color:#00b894;font-weight:500}.folder-view__subfolders-section{margin-bottom:12px}.folder-view__subfolders-header{margin-bottom:10px}.folder-view__add-subfolder{background:#00b8940f;color:#00b894;border:1px dashed rgba(0,184,148,.25);padding:8px 14px;border-radius:10px;cursor:pointer;font-size:12px;transition:all .2s}.folder-view__add-subfolder:hover{background:#00b8941a}.folder-view__create-subfolder{display:flex;gap:8px}.folder-view__create-subfolder input{flex:1;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#e1e5eb;font-size:13px;outline:none}.folder-view__create-subfolder input:focus{border-color:#00b894}.folder-view__create-subfolder button{background:#ffffff0f;border:none;color:#aaa;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:14px}.folder-view__subfolder-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-bottom:8px}.subfolder-item{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;cursor:pointer;transition:all .15s;background:#ffffff08;border:1px solid rgba(255,255,255,.04)}.subfolder-item:hover{background:#ffffff0f;border-color:#ffffff14;transform:translateY(-1px)}.subfolder-item__icon{font-size:22px}.subfolder-item__name{flex:1;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subfolder-item__actions{display:flex;gap:2px;opacity:0;transition:opacity .2s}.subfolder-item:hover .subfolder-item__actions{opacity:1}.subfolder-item__actions button{background:none;border:none;cursor:pointer;padding:3px 5px;font-size:12px;border-radius:5px}.subfolder-item__actions button:hover{background:#ffffff14}.subfolder-item__edit{display:flex;gap:6px;flex:1}.subfolder-item__edit input{flex:1;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#e1e5eb;font-size:12px;outline:none}.subfolder-item__edit button{background:none;border:none;color:#aaa;cursor:pointer}.folder-view__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;color:#444;gap:8px}.folder-view__empty span{font-size:56px;opacity:.15}.folder-view__empty-hint{font-size:12px;opacity:.6}.folder-view__file-list{display:flex;flex-direction:column;gap:2px}.file-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;transition:all .15s}.file-item:hover{background:#ffffff0a}.file-item__icon{font-size:22px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border-radius:8px}.file-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-item__name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.file-item__version{background:#6c5ce726;color:#a29bfe;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600}.file-item__meta{font-size:11px;color:#555}.file-item__actions{display:flex;gap:2px;opacity:0;transition:opacity .2s}.file-item:hover .file-item__actions{opacity:1}.file-item__actions button{background:none;border:none;cursor:pointer;padding:5px 8px;font-size:14px;border-radius:6px;transition:background .15s}.file-item__actions button:hover{background:#ffffff14}.company-info{padding:20px 24px;overflow-y:auto;flex:1}.company-info__loading{padding:60px;text-align:center;color:#555}.company-info__toolbar{display:flex;gap:8px;margin-bottom:20px}.company-info__edit-btn,.company-info__save-btn,.company-info__cancel-btn{padding:7px 16px;border-radius:8px;border:none;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.company-info__edit-btn{background:#ffffff0f;color:#aaa}.company-info__save-btn{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff}.company-info__cancel-btn{background:#ffffff0f;color:#888}.company-info__alert{padding:12px 16px;border-radius:10px;font-size:13px;margin-bottom:16px;font-weight:500}.company-info__alert.warning{background:#ffa50014;border:1px solid rgba(255,165,0,.15);color:orange}.company-info__alert.expired{background:#ff3c3c14;border:1px solid rgba(255,60,60,.15);color:#f44}.company-info__section{margin-bottom:24px}.company-info__section h3{font-size:14px;font-weight:600;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06);color:#aaa}.company-info__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:900px){.company-info__grid{grid-template-columns:1fr}.companies-panel__sidebar{width:260px;min-width:260px}.company-detail__folder-list{grid-template-columns:1fr}}@media(max-width:600px){.companies-panel__sidebar{width:100%;min-width:100%}.companies-panel__content{display:none}}.info-field{display:flex;flex-direction:column;gap:4px;padding:10px 14px;background:#ffffff06;border-radius:10px;border:1px solid rgba(255,255,255,.04)}.info-field label{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.info-field span{font-size:14px}.info-field input,.info-field select{padding:7px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e1e5eb;font-size:13px;outline:none;transition:border-color .2s}.info-field input:focus,.info-field select:focus{border-color:#00b894}.info-field__toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.info-field__toggle input[type=checkbox]{width:16px;height:16px;accent-color:#00b894}.file-preview-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s}.file-preview-modal{background:#1a1f2e;border-radius:16px;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 80px #0009;animation:slideUp .25s ease-out}.file-preview__header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.file-preview__header h3{margin:0;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.file-preview__header-actions{display:flex;gap:6px}.file-preview__header-actions button{background:#ffffff0f;border:none;color:#aaa;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .15s}.file-preview__header-actions button:hover{background:#ffffff1a;color:#fff}.file-preview__content{flex:1;overflow:auto;padding:20px;display:flex;align-items:center;justify-content:center;min-height:300px}.file-preview__loading{color:#555;font-size:13px}.file-preview__image{max-width:100%;max-height:70vh;border-radius:8px;object-fit:contain}.file-preview__pdf{width:100%;height:70vh;border:none;border-radius:8px}.file-preview__text{width:100%;max-height:70vh;overflow:auto;background:#0000004d;padding:20px;border-radius:10px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:#a8d8b9;margin:0}.file-preview__unsupported{color:#555;font-size:14px}.credentials-panel{padding:20px 0}.credentials-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.credentials-panel__nav{display:flex;align-items:center;gap:10px}.credentials-panel__nav h3{margin:0;font-size:16px;font-weight:600}.credentials-panel__back{background:#ffffff0f;border:none;color:#ccc;padding:6px 12px;border-radius:8px;cursor:pointer;font-size:12px;transition:background .15s}.credentials-panel__back:hover{background:#ffffff1a}.credentials-panel__add-btn{background:linear-gradient(135deg,#00b894,#00cec9);border:none;color:#fff;padding:8px 16px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.credentials-panel__add-btn:hover{box-shadow:0 4px 16px #00b8944d}.credentials-panel__areas{margin-bottom:24px}.credentials-panel__areas-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.credentials-panel__areas-title{font-size:13px;color:#888;font-weight:500}.credentials-panel__areas-add{background:none;border:1px dashed rgba(255,255,255,.15);color:#00b894;padding:4px 12px;border-radius:8px;cursor:pointer;font-size:12px;transition:all .15s}.credentials-panel__areas-add:hover{border-color:#00b894;background:#00b8940d}.credentials-panel__areas-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.credential-area-item{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:12px;cursor:pointer;transition:all .15s;background:#ffffff08;border:1px solid rgba(255,255,255,.04)}.credential-area-item:hover{background:#ffffff0f;border-color:#ffffff14}.credential-area-item__icon{font-size:22px}.credential-area-item__name{flex:1;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.credential-area-item__actions{display:flex;gap:2px;opacity:0;transition:opacity .2s}.credential-area-item:hover .credential-area-item__actions{opacity:1}.credential-area-item__actions button{background:none;border:none;cursor:pointer;padding:4px 6px;font-size:13px;border-radius:6px}.credential-area-item__actions button:hover{background:#ffffff14}.credentials-panel__list{display:flex;flex-direction:column;gap:12px}.credentials-panel__empty{text-align:center;padding:48px 20px;color:#555}.credentials-panel__empty span{font-size:40px;display:block;margin-bottom:12px}.credential-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:18px 20px;transition:border-color .15s}.credential-card:hover{border-color:#ffffff1a}.credential-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.credential-card__title{margin:0;font-size:15px;font-weight:600;color:#00b894}.credential-card__actions{display:flex;gap:4px}.credential-card__actions button{background:none;border:none;cursor:pointer;padding:4px 6px;font-size:13px;border-radius:6px;opacity:.5;transition:all .15s}.credential-card__actions button:hover{background:#ffffff14;opacity:1}.credential-card__fields{display:flex;flex-direction:column;gap:10px}.credential-card__field{display:flex;flex-direction:column;gap:4px}.credential-card__label{font-size:11px;color:#666;font-weight:500}.credential-card__value-row{display:flex;align-items:center;gap:6px;background:#00000026;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.04)}.credential-card__value{flex:1;font-size:13px;color:#e1e5eb;font-family:Courier New,monospace;-webkit-user-select:all;user-select:all}.credential-card__copy{background:none;border:none;cursor:pointer;padding:2px 4px;font-size:12px;opacity:.4;transition:opacity .15s}.credential-card__copy:hover{opacity:1}.credential-card__meta{margin-top:10px;font-size:11px;color:#555}.credentials-add-modal{background:#1e1e2e;border-radius:16px;border:1px solid rgba(255,255,255,.08);padding:24px;width:440px;max-width:90vw;box-shadow:0 20px 60px #00000080}.credentials-add-modal__body{margin-top:16px}.credentials-add-modal__field{margin-bottom:14px}.credentials-add-modal__field label{display:block;font-size:12px;color:#888;margin-bottom:6px;font-weight:500}.credentials-add-modal__field input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e1e5eb;font-size:14px;outline:none;box-sizing:border-box;transition:border-color .2s}.credentials-add-modal__field input:focus{border-color:#00b894}.credentials-add-modal__hint{font-size:11px;color:#666;margin:0 0 10px;font-style:italic}.credentials-panel__search{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:8px 14px;margin-bottom:16px;transition:border-color .2s}.credentials-panel__search:focus-within{border-color:#00b894}.credentials-panel__search-icon{font-size:14px;opacity:.5}.credentials-panel__search-input{flex:1;background:none;border:none;color:#e1e5eb;font-size:13px;outline:none}.credentials-panel__search-clear{background:none;border:none;color:#666;cursor:pointer;font-size:12px;padding:2px 6px;border-radius:50%}.credentials-panel__search-clear:hover{background:#ffffff14;color:#ccc}.credential-card--favorite{border-color:#ffd70026!important;background:#ffd70005!important}.credential-card__title-row{display:flex;align-items:center;gap:8px}.credential-card__star{background:none;border:none;cursor:pointer;font-size:16px;padding:0;opacity:.3;transition:all .2s}.credential-card__star:hover{opacity:.8;transform:scale(1.2)}.credential-card__star--active{opacity:1!important}.credential-card__url{margin-bottom:10px}.credential-card__url a{color:#74b9ff;font-size:12px;text-decoration:none;transition:color .15s}.credential-card__url a:hover{color:#a29bfe;text-decoration:underline}.credential-card__notes{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.04)}.credential-card__notes p{margin:4px 0 0;font-size:12px;color:#999;line-height:1.5;white-space:pre-wrap}.credential-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.03)}.credential-card__copy--copied{opacity:1!important;animation:copyPulse .3s ease}@keyframes copyPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.credentials-add-modal__password-row{display:flex;gap:8px}.credentials-add-modal__password-row input{flex:1;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e1e5eb;font-size:14px;outline:none;box-sizing:border-box;transition:border-color .2s}.credentials-add-modal__password-row input:focus{border-color:#00b894}.credentials-add-modal__gen-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:0 14px;cursor:pointer;font-size:18px;transition:all .15s}.credentials-add-modal__gen-btn:hover{background:#00b8941f;border-color:#00b894;transform:rotate(15deg)}.password-strength{display:flex;align-items:center;gap:10px;margin-top:8px}.password-strength__bar{flex:1;height:4px;background:#ffffff0f;border-radius:4px;overflow:hidden}.password-strength__fill{height:100%;border-radius:4px;transition:width .3s ease,background-color .3s ease}.password-strength__label{font-size:11px;font-weight:600;min-width:60px;text-align:right}.password-generator{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:12px 14px;margin-bottom:14px}.password-generator__header{font-size:12px;color:#888;margin-bottom:10px;font-weight:500}.password-generator__options{display:flex;flex-direction:column;gap:10px}.password-generator__length{display:flex;align-items:center;gap:10px}.password-generator__length label{font-size:12px;color:#aaa;min-width:80px}.password-generator__length input[type=range]{flex:1;accent-color:#00b894;height:4px}.password-generator__toggles{display:flex;gap:6px}.password-generator__toggle{padding:4px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#888;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s}.password-generator__toggle.active{background:#00b8941f;border-color:#00b894;color:#00b894}.password-generator__toggle:hover{background:#ffffff0f}.credentials-add-modal__textarea{width:100%;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e1e5eb;font-size:13px;outline:none;box-sizing:border-box;resize:vertical;font-family:inherit;transition:border-color .2s}.credentials-add-modal__textarea:focus{border-color:#00b894}