@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{--primary:#7e56c1;--primary-dark:#6a4ab5;--primary-light:#f5f1fc;--accent-yellow:#f3c300;--bg-body:#f9f7ff;--bg-white:#fff;--text-main:#333;--text-muted:#6b7280;--border-color:#e0d6f8;--bg-card:#fff;--bg-sidebar:#fdfbff;--bg-hover:#f5f1fc;--bg-active:#ede9fe;--bg-chat:#fcfbff;--bg-offset:#faf8ff;--text-light:#aaa;--border-light:#f0ecfa;--shadow-sm:0 2px 8px #7e56c10f;--shadow-md:0 8px 24px #7e56c11f;--shadow-lg:0 16px 48px #7e56c12e;--shadow-xs:0 1px 3px #7e56c10a;--shadow-glow:0 4px 16px #7e56c140;--glass-bg:#ffffffb8;--glass-border:#fff9;--glass-shadow:0 8px 32px #7e56c126;--glass-chat:#ffffffeb;--glass-sidebar:#fdfbfff0;--shadow-glow-sm:0 2px 10px #7e56c11f;--shadow-glow-md:0 4px 20px #7e56c138;--shadow-lift:0 8px 24px #7e56c12e;--anim-spring:cubic-bezier(.16,1,.3,1);--anim-ease:cubic-bezier(.4,0,.2,1);--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--radius-xl:22px;--radius-xs:6px}[data-theme=dark]{--primary:#a78bfa;--primary-dark:#8b5cf6;--primary-light:#1e1b2e;--accent-yellow:#facc15;--bg-body:#0d0d0f;--bg-white:#18181b;--text-main:#f0f0f5;--text-muted:#9ca3af;--border-color:#2a2a35;--bg-card:#18181b;--bg-sidebar:#111114;--bg-hover:#222228;--bg-active:#2d2a3e;--bg-chat:#111114;--bg-offset:#151518;--text-light:#555;--border-light:#222228;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 48px #0000008c;--shadow-xs:0 1px 3px #0003;--shadow-glow:0 4px 16px #a78bfa33;--glass-bg:#18181bd9;--glass-border:#ffffff14;--glass-shadow:0 8px 32px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .sc-navbar,[data-theme=dark] .profile-hero,[data-theme=dark] .profile-section,[data-theme=dark] .pstat,[data-theme=dark] .sub-card,[data-theme=dark] .store-card,[data-theme=dark] .stores-form,[data-theme=dark] .stores-guide,[data-theme=dark] .stores-modal,[data-theme=dark] .stores-empty,[data-theme=dark] .security-card,[data-theme=dark] .feature-card,[data-theme=dark] .pain-card,[data-theme=dark] .pricing-card,[data-theme=dark] .rating-card,[data-theme=dark] .setup-card,[data-theme=dark] .faq-item,[data-theme=dark] .demo-feat,[data-theme=dark] .orders-sheet,[data-theme=dark] .order-card,[data-theme=dark] .billing-card,[data-theme=dark] .sub-plan-card,[data-theme=dark] .auth-card,[data-theme=dark] .admin-card{border-color:#2a2a35;background:#18181b!important}[data-theme=dark] .chat-layout{box-shadow:none;background:#111114}[data-theme=dark] .chat-sidebar{border-color:#2a2a35;background:#111114!important}[data-theme=dark] .chat-main{background:#111114!important}[data-theme=dark] .chat-main__header{background:#18181b;border-color:#2a2a35}[data-theme=dark] .store-btn{color:#7a78a0;background:#1e1b2eb3;border-color:#a78bfa24}[data-theme=dark] .store-btn:hover{color:#a78bfa;background:#2d2a3ecc;border-color:#a78bfa47}[data-theme=dark] .store-btn.active{color:#fff;background:#7c6de0;border-color:#0000;box-shadow:0 4px 14px #7c6de05c}[data-theme=dark] .store-btn:not(.store-btn--all):not(.active){background:#18181bb3;border-color:#a78bfa1a}[data-theme=dark] .sound-toggle{color:#7a78a0;background:#1e1b2eb3;border-color:#a78bfa24}[data-theme=dark] .sound-toggle:hover{color:#a78bfa;background:#2d2a3ecc;border-color:#a78bfa4d}[data-theme=dark] .chat-sidebar__header{background:#18181b;border-color:#2a2a35}[data-theme=dark] .product-panel{background:#18181b;border-color:#2a2a35!important}[data-theme=dark] .chat-messages{background:#0d0d0f}[data-theme=dark] .chat-input{background:#18181b!important;border-color:#2a2a35!important}[data-theme=dark] .chat-input textarea{color:#f0f0f5;background:#222228!important;border-color:#2a2a35!important}[data-theme=dark] .chat-input textarea:focus{background:#1e1b2e!important;border-color:#a78bfa!important}[data-theme=dark] .quick-phrases{background:#18181b;border-color:#2a2a35}[data-theme=dark] .phrase-chip{color:#a78bfa;background:#a78bfa1a;border-color:#a78bfa33}[data-theme=dark] .phrase-chip:hover{color:#c4b0ff;background:#a78bfa2e;border-color:#a78bfa59}[data-theme=dark] .chat-search__input{color:#f0f0f5;background:#222228;border-color:#2a2a35}[data-theme=dark] .message--received .message__bubble{color:#e0e0e5!important;background:#222228!important;border-color:#2a2a35!important}[data-theme=dark] .message--sent .message__bubble{background:#2d2a3e!important}[data-theme=dark] .date-divider span{color:#a78bfa;background:#1e1b2e;border-color:#2a2a35}[data-theme=dark] .room-item{border-color:#222228}[data-theme=dark] .room-item:hover{background:#1e1b2e}[data-theme=dark] .room-item--active{background:#2d2a3e!important}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{color:#f0f0f5;background:#222228;border-color:#2a2a35}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{background:#1e1b2e;border-color:#a78bfa}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#555}[data-theme=dark] .sc-navbar{background:#101014e6;box-shadow:0 -2px 16px #0000004d;border-color:#2a2a35!important}[data-theme=dark] .sc-navbar__links{background:#6c5ce714;border-color:#6c5ce724}[data-theme=dark] .sc-nav{color:#6a6888}[data-theme=dark] .sc-nav:hover{color:#a78bfa;background:#6c5ce71a}[data-theme=dark] .sc-nav.active{color:#a78bfa;background:#1e1b2e;box-shadow:0 1px 6px #0000004d}[data-theme=dark] .sc-navbar__badge{color:#a78bfa;background:#6c5ce71f;border-color:#6c5ce733}[data-theme=dark] .sc-navbar__logout{color:#f87171;border-color:#dc262640}[data-theme=dark] .sc-navbar__logout:hover{color:#fff;background:#dc2626}[data-theme=dark] .orders-overlay,[data-theme=dark] .stores-overlay{background:#000000b3}[data-theme=dark] .pstat--highlight{background:linear-gradient(135deg,#5b21b6,#7e56c1)!important}[data-theme=dark] .sub-active{background:#0f2a1c!important;border-color:#166534!important}[data-theme=dark] .sub-expired{background:#2a2000!important;border-color:#854d0e!important}[data-theme=dark] .pwd-form input{background:#222228!important;border-color:#2a2a35!important}[data-theme=dark] .profile-fields{border-color:#2a2a35}[data-theme=dark] .pfield+.pfield{border-color:#2a2a35!important}[data-theme=dark] .pfield__val{color:#ddd}[data-theme=dark] .stores-alert--error{background:#2a0a0a;border-color:#7f1d1d}[data-theme=dark] .stores-alert--success{background:#052e16;border-color:#166534}[data-theme=dark] .stores-guide__note{color:#4ade80;background:#052e16;border-color:#166534}[data-theme=dark] .stores-limit{color:#fbbf24;background:#2a2000;border-color:#854d0e}[data-theme=dark] .store-status--active{color:#4ade80;background:#052e16;border-color:#166534}[data-theme=dark] .store-card__delete{background:#2a0a0a;border-color:#7f1d1d}[data-theme=dark] .chat-main__empty{color:#555}[data-theme=dark] .chat-item.active{border-color:#3d3a4e;background:#2d2a3e!important}[data-theme=dark] .chat-item:hover{background:#1e1b2e}[data-theme=dark] .chat-item--pinned{background:#1a1a20!important}[data-theme=dark] .message--sent .message__bubble{color:#e8deff!important;background:linear-gradient(145deg,#3d2a6e,#2d1b58)!important;border-color:#a78bfa33!important;box-shadow:inset 0 1px #ffffff1a,0 3px 14px #0000004d!important}[data-theme=dark] .message__time,[data-theme=dark] .message__status{color:#666}[data-theme=dark] .chat-search__input:focus{background:#1e1b2e!important}[data-theme=dark] .stat-orders{color:#93a8f5;background:#1a1a30}[data-theme=dark] .stat-payout{color:#4ade80;background:#0f2a1c}[data-theme=dark] .product-panel__link{color:#0d0d0f;background:#a78bfa}[data-theme=dark] .product-panel__price{color:#a78bfa;background:#1e1b2e}[data-theme=dark] .product-panel__name{color:#e0e0e5}[data-theme=dark] .product-panel__meta{color:#888}[data-theme=dark] .client-id-badge{color:#a78bfa;background:#1e1b2e}[data-theme=dark] .chat-main__phone{background:#a78bfa1a}[data-theme=dark] .chat-main__phone a{color:#a78bfa}[data-theme=dark] .notes-overlay{-webkit-backdrop-filter:blur(10px);background:#00000080}[data-theme=dark] .notes-dialog{background:#18181b;border-color:#2a2a35;box-shadow:0 12px 48px #00000080}[data-theme=dark] .notes-dialog__top{background:linear-gradient(135deg,#1e1b2e,#2d2a3e);border-color:#2a2a35}[data-theme=dark] .notes-dialog__title{color:#f0f0f5}[data-theme=dark] .notes-dialog__close{color:#888;background:#a78bfa1a}[data-theme=dark] .notes-dialog__close:hover{color:#f87171;background:#f8717126}[data-theme=dark] .notes-dialog__scroll{background:#111114}[data-theme=dark] .notes-dialog__empty{color:#555}[data-theme=dark] .notes-dialog__bottom{background:linear-gradient(135deg,#18181b,#1e1b2e);border-color:#2a2a35}[data-theme=dark] .nt-card{background:#222228;border-color:#2a2a35}[data-theme=dark] .nt-card:hover{background:#2d2a3e;border-color:#3d3a4e}[data-theme=dark] .nt-card__avatar{background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 2px 6px #a78bfa40}[data-theme=dark] .nt-card__text{color:#e0e0e5}[data-theme=dark] .nt-card__meta{color:#666}[data-theme=dark] .nt-card__actions button:hover{background:#a78bfa26}[data-theme=dark] .nt-edit-card{background:linear-gradient(135deg,#1e1b2e,#2d2a3e);border-color:#3d3a4e}[data-theme=dark] .nt-edit-card__label{color:#a78bfa}[data-theme=dark] .nt-input{color:#f0f0f5;background:#222228;border-color:#2a2a35}[data-theme=dark] .nt-input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa26}[data-theme=dark] .nt-edit-card .nt-input{background:#1a1a20;border-color:#333}[data-theme=dark] .nt-btn--save,[data-theme=dark] .nt-btn--add{background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 3px 10px #a78bfa40}[data-theme=dark] .nt-btn--add:disabled{color:#666;background:#333}[data-theme=dark] .nt-btn--cancel{color:#ddd;background:#222228;border-color:#2a2a35}[data-theme=dark] .nt-btn--cancel:hover{background:#2d2a3e}[data-theme=dark] .note-chip--c1{color:#93a8f5;background:#1a1a30}[data-theme=dark] .note-chip--c2{color:#fbbf24;background:#2a2000}[data-theme=dark] .note-chip--c3{color:#4ade80;background:#0f2a1c}[data-theme=dark] .note-chip--c4{color:#f472b6;background:#2a0a1a}[data-theme=dark] .note-chip--c5{color:#a78bfa;background:#1e1b2e}[data-theme=dark] .note-chip--add{color:#a78bfa;border-color:#a78bfa4d}[data-theme=dark] .note-chip--add:hover{background:#a78bfa1a;border-color:#a78bfa}[data-theme=dark] .note-chip:hover{filter:brightness(1.2)}[data-theme=dark] .stat-orders{background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 2px 8px #a78bfa40}[data-theme=dark] .stat-payout{color:#4ade80;background:#0f2a1c;border-color:#166534}[data-theme=dark] .stat-rating{color:#fbbf24;background:#2a2000;border-color:#854d0e}[data-theme=dark] .chat-input--readonly{color:#666;background:#151518!important}[data-theme=dark] .demo-phone__messages{background-color:#0d0d0f!important;background-image:radial-gradient(#2a2a35 1px,#0000 1px)!important}[data-theme=dark] .demo-phone__header{background:linear-gradient(135deg,#18181b,#1e1b2e)!important}[data-theme=dark] .demo-phone__input{background:#18181b!important;border-color:#2a2a35!important}[data-theme=dark] .demo-phone__input span{color:#666;background:#222228!important;border-color:#2a2a35!important}[data-theme=dark] .demo-msg--client .demo-msg__bubble{color:#ddd!important;background:#222228!important;border-color:#2a2a35!important}[data-theme=dark] .demo-msg--seller .demo-msg__bubble{color:#e0e0e5!important;background:linear-gradient(135deg,#302650,#3a2d5e)!important}[data-theme=dark] .chat-input__tools button{background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 4px 16px #0000004d}[data-theme=dark] .chat-input__tools button:disabled{background:#333!important}[data-theme=dark] .orders-container{background:#0d0d0f}[data-theme=dark] .orders-page-header h2{color:#a78bfa}[data-theme=dark] .orders-table thead th{color:#9ca3af;background:#18181b;border-color:#2a2a35}[data-theme=dark] .orders-table tbody td{color:#ddd;border-color:#222228}[data-theme=dark] .orders-table tbody tr:hover td{background:#1e1b2e}[data-theme=dark] .orders-toolbar{background:0 0}[data-theme=dark] .orders-tab{color:#9ca3af;background:#18181b;border-color:#2a2a35}[data-theme=dark] .orders-tab:hover{color:#a78bfa;background:#222228}[data-theme=dark] .orders-tab.active{color:#0d0d0f;background:#a78bfa;border-color:#a78bfa}[data-theme=dark] .orders-search{color:#f0f0f5;background:#222228;border-color:#2a2a35}[data-theme=dark] .orders-search:focus{border-color:#a78bfa}[data-theme=dark] .orders-search::placeholder,[data-theme=dark] .orders-search-clear{color:#666}[data-theme=dark] .stat-card{background:#18181b;border-color:#2a2a35}[data-theme=dark] .stat-card__value{color:#f0f0f5}[data-theme=dark] .stat-card__label{color:#666}[data-theme=dark] .stat-card--accent{background:linear-gradient(135deg,#2a2000,#302500);border-color:#854d0e}[data-theme=dark] .stat-card--accent .stat-card__value{color:#fbbf24}[data-theme=dark] .stat-card--sum{background:linear-gradient(135deg,#1e1b2e,#251f3a);border-color:#2a2a35}[data-theme=dark] .store-pill{color:#9ca3af;background:#18181b;border-color:#2a2a35}[data-theme=dark] .store-pill:hover{background:#222228}[data-theme=dark] .store-pill.active{color:#0d0d0f;background:#a78bfa;border-color:#a78bfa}[data-theme=dark] .btn-refresh{color:#a78bfa;background:#18181b;border-color:#2a2a35}[data-theme=dark] .btn-refresh:hover{color:#0d0d0f;background:#a78bfa}[data-theme=dark] .order-id-num{color:#a78bfa}[data-theme=dark] .order-source-chip{color:#a78bfa;background:#1e1b2e}[data-theme=dark] .order-client-phone{color:#666}[data-theme=dark] .order-cell-price{color:#a78bfa}[data-theme=dark] .status-select-inline{color:#f0f0f5;background:#222228;border-color:#2a2a35}[data-theme=dark] .btn-save-inline{background:#222228;border-color:#2a2a35}[data-theme=dark] .btn-save-inline:hover:not(:disabled){background:#a78bfa}[data-theme=dark] .dont-call-card,[data-theme=dark] .cancellation-card{color:#f87171;background:#2a0a0a;border-color:#7f1d1d}[data-theme=dark] .ttn-input{color:#f0f0f5;background:#222228;border-color:#2a2a35}[data-theme=dark] .ttn-save-btn{background:#a78bfa}[data-theme=dark] .payment-status-badge{color:#fbbf24;background:#2a2000}[data-theme=dark] .payment-status-badge.paid{color:#4ade80;background:#052e16}[data-theme=dark] .payment-status-badge.unpaid{color:#fbbf24;background:#2a2000}[data-theme=dark] .payment-status-badge.refunded{color:#f87171;background:#2a0a0a}[data-theme=dark] .ttn-badge-modal{color:#93a8f5;background:#1a1a30}[data-theme=dark] .delivery-cost-row{color:#999}[data-theme=dark] .admin-page{background:#0d0d0f}[data-theme=dark] .admin-table thead th{color:#9ca3af;background:#18181b;border-color:#2a2a35}[data-theme=dark] .admin-table tbody td{color:#ddd;border-color:#222228}[data-theme=dark] .admin-table tbody tr:hover{background:#1e1b2e}[data-theme=dark] .admin-stat{background:#18181b;border-color:#2a2a35}[data-theme=dark] .plan-business,[data-theme=dark] .plan-бізнес{color:#a78bfa;background:#1e1b2e}[data-theme=dark] .plan-pro{color:#93a8f5;background:#1a1a30}[data-theme=dark] .plan-trial,[data-theme=dark] .plan-тріал{color:#fbbf24;background:#2a2000}[data-theme=dark] .admin-tabs{border-color:#2a2a35}[data-theme=dark] .admin-tab{color:#9ca3af}[data-theme=dark] .admin-tab.active{color:#a78bfa;background:#2d2a3e;border-color:#a78bfa}[data-theme=dark] .team-page{background:#0d0d0f}[data-theme=dark] .tm-card{border-color:#2a2a35;background:#18181b!important}[data-theme=dark] .tm-field input,[data-theme=dark] .tm-field select{color:#f0f0f5;background:#222228!important;border-color:#2a2a35!important}[data-theme=dark] .tm-msg--ok{color:#4ade80;background:#052e16!important}[data-theme=dark] .tm-msg--err{color:#f87171;background:#2a0a0a!important}[data-theme=dark] .tm-member{border-color:#2a2a35;background:#18181b!important}[data-theme=dark] .tm-member:hover{background:#1e1b2e!important}[data-theme=dark] .tm-empty{background:#18181b;border-color:#2a2a35}[data-theme=dark] .tm-success-card{background:#0f2a1c!important;border-color:#166534!important}[data-theme=dark] .stats-page{--card-bg:#18181b;--text-primary:#f0f0f5;--text-muted:#9ca3af;--sidebar-bg:#222228;--border-color:#2a2a35;--primary:#a78bfa}[data-theme=dark] .skpi{background:#18181b;border-color:#2a2a35}[data-theme=dark] .skpi:hover{box-shadow:0 4px 16px #0006}[data-theme=dark] .skpi--blue .skpi__icon{background:#3b82f626}[data-theme=dark] .skpi--purple .skpi__icon{background:#a78bfa26}[data-theme=dark] .skpi--green .skpi__icon{background:#10b98126}[data-theme=dark] .skpi--orange .skpi__icon{background:#f59e0b26}[data-theme=dark] .stats-card{background:#18181b;border-color:#2a2a35}[data-theme=dark] .scbar__fill{background:#a78bfa}[data-theme=dark] .stats-table tbody tr:hover{background:#1e1b2e}[data-theme=dark] .stats-table thead th{border-color:#2a2a35}[data-theme=dark] .stats-table td{color:#ddd;border-color:#222228}[data-theme=dark] .st-pct__bar{background:#2a2a35}[data-theme=dark] .st-pct__fill{background:#a78bfa}[data-theme=dark] .spt--active{color:#a78bfa;background:#2d2a3e;box-shadow:0 1px 4px #0000004d}[data-theme=dark] .stats-period-tabs{background:#222228}[data-theme=dark] .subscription-page{background:#0d0d0f}[data-theme=dark] .sub-plan-card{background:#18181b!important;border-color:#2a2a35!important}[data-theme=dark] .sub-plan-card.popular{background:linear-gradient(160deg,#5b21b6,#7e56c1)!important}[data-theme=dark] .sub-feature{border-color:#222228}[data-theme=dark] .billing-page{background:#0d0d0f}[data-theme=dark] .billing-card{background:#18181b!important;border-color:#2a2a35!important}[data-theme=dark] .billing-table td,[data-theme=dark] .billing-table th{border-color:#222228}[data-theme=dark] .billing-table thead th{color:#9ca3af;background:#151518}[data-theme=dark] .auth-page{background:#0d0d0f!important}[data-theme=dark] .auth-card{box-shadow:0 8px 32px #00000080;background:#18181b!important;border-color:#2a2a35!important}[data-theme=dark] .auth-card input{color:#f0f0f5;background:#222228!important;border-color:#2a2a35!important}[data-theme=dark] .auth-divider{color:#555;border-color:#2a2a35}[data-theme=dark] .auth-divider:before,[data-theme=dark] .auth-divider:after{background:#2a2a35}[data-theme=dark] .sc-navbar-top{border-color:#2a2a35;background:#111114!important}[data-theme=dark] .store-selector{color:#f0f0f5;background:#222228;border-color:#2a2a35}[data-theme=dark] .store-selector option{color:#f0f0f5;background:#18181b}[data-theme=dark] .phrases-sheet{background:#18181b!important}[data-theme=dark] .phrase-edit-card{color:#ddd;background:#222228!important;border-color:#2a2a35!important}[data-theme=dark] .phrases-hint{color:#666}[data-theme=dark] .phrase-edit-card input,[data-theme=dark] .phrase-edit-card textarea{color:#f0f0f5!important;background:#1a1a20!important;border-color:#333!important}[data-theme=dark] .chat-sidebar__header{color:#f0f0f5;background:#18181b}[data-theme=dark] .chat-sidebar__title{color:#f0f0f5}[data-theme=dark] .store-tab{color:#ddd;background:#222228;border-color:#2a2a35}[data-theme=dark] .store-tab.active{border-color:#a78bfa;color:#0d0d0f!important;background:#a78bfa!important}[data-theme=dark] .chat-main__name{color:#f0f0f5}[data-theme=dark] .chat-item__name{color:#ddd}[data-theme=dark] .chat-item__preview{color:#888}[data-theme=dark] .chat-item__time{color:#666}[data-theme=dark] .store-btn.has-unread:not(.active){color:#fbbf24!important;background:#2a2000!important;border-color:#854d0e!important}[data-theme=dark] .store-badge{border-color:#111114!important}[data-theme=dark] .chat-item:hover{background:#1e1b2e;border-color:#2a2a35}[data-theme=dark] .chat-item.active{background:#2d2a3e!important;border-color:#3d3755!important}[data-theme=dark] .chat-item.has-unread{background:linear-gradient(135deg,#1e1800 0%,#2a2000 100%)!important;border-color:#854d0e!important;box-shadow:0 2px 12px #fbbf241a!important}[data-theme=dark] .chat-item.has-unread .chat-item__avatar{background:#b45309!important;box-shadow:0 3px 10px #b4530966!important}[data-theme=dark] .chat-item.has-unread .chat-item__name{color:#f0f0f5}[data-theme=dark] .chat-item__preview.is-unread{color:#ccc}[data-theme=dark] .chat-room-store-badge{color:#a78bfa;background:#2d2a3e}[data-theme=dark] .chat-header__meta{color:#888}[data-theme=dark] .chat-input__preview{background:#1e1b2e!important;border-color:#2a2a35!important}[data-theme=dark] .orders-sheet__header{border-color:#2a2a35}[data-theme=dark] .orders-sheet__header button:hover{background:#222228!important}[data-theme=dark] .order-mini-card{border-color:#2a2a35;background:#222228!important}[data-theme=dark] .admin-page{--ap-bg:#0d0d0f;--ap-violet-l:#1e1b2e;--ap-border:#2a2a35}[data-theme=dark] .admin-page .admin-container{background:#0d0d0f}[data-theme=dark] .admin-table{background:#18181b;border-color:#2a2a35}[data-theme=dark] .admin-table tbody tr{background:#18181b;border-color:#222228}[data-theme=dark] .admin-table tbody tr:nth-child(2n){background:#151518}[data-theme=dark] .admin-actions button{color:#ddd;background:#222228;border-color:#2a2a35}[data-theme=dark] .admin-actions button:hover{color:#a78bfa;background:#2d2a3e}[data-theme=dark] .plan-free,[data-theme=dark] .plan-безкоштовний{color:#9ca3af;background:#222228}[data-theme=dark] .status-waiting{color:#9ca3af;background:#222228}[data-theme=dark] .admin-tabs-bar{background:#18181b;border-color:#2a2a35}[data-theme=dark] .tm-field select{color:#f0f0f5!important;background:#222228!important;border-color:#2a2a35!important}[data-theme=dark] .tm-tag--viewer{color:#fbbf24;background:#2a2000}[data-theme=dark] .tm-tag--muted{color:#999;background:#222228}[data-theme=dark] .tm-member__email{color:#888}[data-theme=dark] .tm-member__meta{color:#666}[data-theme=dark] .tm-delete-btn{background:#2a0a0a;border-color:#7f1d1d}[data-theme=dark] .tm-role-select{color:#f0f0f5!important;background:#222228!important}[data-theme=dark] .orders-table{background:#18181b;border-color:#2a2a35}[data-theme=dark] .orders-table tbody tr{background:#18181b;border-color:#222228}[data-theme=dark] .orders-table tbody tr:nth-child(2n) td{background:#151518}[data-theme=dark] .orders-filter{background:#18181b;border-color:#2a2a35}[data-theme=dark] .orders-filter input,[data-theme=dark] .orders-filter select{color:#f0f0f5;background:#222228!important;border-color:#2a2a35!important}[data-theme=dark] .status-cancelled{color:#f87171;background:#2a0a0a}[data-theme=dark] .status-pending{color:#fbbf24;background:#2a2000}[data-theme=dark] .orders-prom-link{background:#1e1b2e!important}[data-theme=dark] .order-save-btn{color:#ddd;background:#222228;border-color:#2a2a35}[data-theme=dark] .order-save-btn:hover{color:#a78bfa;background:#2d2a3e}[data-theme=dark] .orders-tab-bar{background:#18181b;border-color:#2a2a35}[data-theme=dark] .orders-heading{color:#f0f0f5}[data-theme=dark] .admin-dashboard{--ap-bg:#0d0d0f;--ap-card:#18181b;--ap-border:#2a2a35;--ap-violet-l:#1e1b2e;--ap-text:#f0f0f5;--ap-muted:#9ca3af;--ap-ghost:#555;--ap-s0:0 2px 8px #00000040;--ap-s1:0 6px 20px #00000059;--ap-s2:0 12px 40px #00000080;--ap-glow:0 6px 20px #a78bfa33}[data-theme=dark] .maintenance-card--on{background:#2a0a0a;border-color:#b91c1c}[data-theme=dark] .admin-table-wrapper{background:#18181b;border-color:#2a2a35}[data-theme=dark] .admin-table thead tr{background:#151518}[data-theme=dark] .admin-table th{color:#a78bfa;border-color:#2a2a35}[data-theme=dark] .admin-tabs{background:#18181b;border-color:#2a2a35}[data-theme=dark] .admin-tabs button{color:#9ca3af}[data-theme=dark] .admin-tabs button:hover{color:#a78bfa;background:#1e1b2e}[data-theme=dark] .admin-tabs button.active{color:#fff;background:linear-gradient(135deg,#a78bfa,#8b5cf6)!important}[data-theme=dark] .btn-action{color:#a78bfa;background:#1e1b2e;border-color:#2a2a35}[data-theme=dark] .btn-action:hover{color:#0d0d0f;background:#a78bfa;border-color:#a78bfa}[data-theme=dark] .btn-danger{background:#2a0a0a;border-color:#7f1d1d}[data-theme=dark] .admin-plan-card{background:#18181b;border-color:#2a2a35}[data-theme=dark] .admin-plan-card h3{color:#a78bfa}[data-theme=dark] .form-group input{color:#f0f0f5;background:#222228!important;border-color:#2a2a35!important}[data-theme=dark] .form-group input:focus{background:#1e1b2e!important;border-color:#a78bfa!important}[data-theme=dark] .u-email{color:#f0f0f5}[data-theme=dark] .search-input,[data-theme=dark] .filter-select{color:#f0f0f5;background:#222228;border-color:#2a2a35}[data-theme=dark] .filter-count{color:#a78bfa;background:#1e1b2e}[data-theme=dark] .sub-active{color:#4ade80;background:#052e16}[data-theme=dark] .sub-warning{color:#fbbf24;background:#422006}[data-theme=dark] .sub-expired{color:#f87171;background:#2a0a0a}[data-theme=dark] .sub-unlimited{color:#a78bfa;background:linear-gradient(135deg,#1e1b2e,#172554)}[data-theme=dark] .sub-none{color:#666;background:#222228}[data-theme=dark] .role-admin{color:#fbbf24;background:linear-gradient(135deg,#422006,#2a1a00)}[data-theme=dark] .role-owner{color:#a78bfa;background:#1e1b2e}[data-theme=dark] .admin-pagination button{color:#a78bfa;background:#222228;border-color:#2a2a35}[data-theme=dark] .admin-pagination button:hover:not(:disabled){color:#0d0d0f;background:#a78bfa}[data-theme=dark] .admin-recent{background:#18181b;border-color:#2a2a35}[data-theme=dark] .admin-recent__item{background:#1e1b2e}[data-theme=dark] .badge-ban{color:#f87171;background:#2a0a0a}[data-theme=dark] .audit-details{color:#888}[data-theme=dark] .admin-edit-row td{background:#151518!important;border-color:#a78bfa!important}[data-theme=dark] .editor-select,[data-theme=dark] .editor-days-input,[data-theme=dark] .editor-unlimited{color:#f0f0f5;background:#222228;border-color:#2a2a35}[data-theme=dark] .editor-unlimited:has(input:checked){color:#0d0d0f;background:#a78bfa;border-color:#a78bfa}[data-theme=dark] .editor-btn-cancel{background:#ef444433}[data-theme=dark] .editor-msg--ok{color:#4ade80;background:#052e16}[data-theme=dark] .editor-msg--err{color:#f87171;background:#2a0a0a}[data-theme=dark] .tm-form-card{background:#18181b!important;border-color:#2a2a35!important}[data-theme=dark] .tm-field input,[data-theme=dark] .tm-field select{border-color:#2a2a35!important}[data-theme=dark] .tm-member__acts select{color:#f0f0f5!important;background:#222228!important;border-color:#2a2a35!important}[data-theme=dark] .tm-member{border-color:#2a2a35!important}[data-theme=dark] .tm-online-dot{border-color:#18181b}[data-theme=dark] .tm-tag--manager{color:#4ade80;background:#052e16}[data-theme=dark] .tm-btn-del{background:#dc262626}[data-theme=dark] .tm-btn-del:hover{background:#dc26264d}[data-theme=dark] .tm-creds{background:linear-gradient(135deg,#0f2a1c,#052e16)!important;border-color:#166534!important}[data-theme=dark] .tm-creds__title{color:#4ade80}[data-theme=dark] .tm-creds__row{color:#ddd;border-color:#166534}[data-theme=dark] .tm-creds__row strong{color:#4ade80}[data-theme=dark] .tm-creds__close{color:#888;border-color:#2a2a35}[data-theme=dark] .tm-member__acts{border-color:#2a2a35!important}[data-theme=dark] .tm-form-hint{color:#666}[data-theme=dark] .btn-save-status{box-shadow:0 4px 12px #0000004d;background:#222228!important}[data-theme=dark] .btn-save-status:hover:not(:disabled){background:#2d2a3e!important}[data-theme=dark] .orders-table-wrapper{background:#18181b;border-color:#2a2a35}[data-theme=dark] .orders-header-bar{background:#151518;border-color:#2a2a35}[data-theme=dark] .product-row{border-color:#2a2a35}[data-theme=dark] .product-row:hover{box-shadow:0 4px 14px #0000004d}[data-theme=dark] .orders-load-more{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}[data-theme=dark] .order-modal-overlay{background:#000000b3}[data-theme=dark] .order-modal-content{box-shadow:0 32px 80px #0009;background:#18181b!important}[data-theme=dark] .order-modal-header{background:linear-gradient(135deg,#302650 0%,#1e1b2e 100%)!important}[data-theme=dark] .order-modal-body{background:#18181b}[data-theme=dark] .buyer-card{background:#1e1b2e!important;border-color:#a78bfa!important}[data-theme=dark] .person-name{color:#f0f0f5!important}[data-theme=dark] .recipient-card{background:#222228!important;border-color:#2a2a35!important}[data-theme=dark] .recipient-card .recipient-label{color:#a78bfa}[data-theme=dark] .payment-info{color:#ddd!important;background:#1e1b2e!important;border-color:#2a2a35!important}[data-theme=dark] .payment-info--paid{color:#4ade80!important;background:#0f2a1c!important;border-color:#166534!important}[data-theme=dark] .payment-info--unpaid{color:#fbbf24!important;background:#2a2000!important;border-color:#854d0e!important}[data-theme=dark] .payment-info--refunded{color:#f87171!important;background:#2a0a0a!important;border-color:#7f1d1d!important}[data-theme=dark] .delivery-info{color:#ddd!important;background:#1e1b2e!important;border-color:#2a2a35!important}[data-theme=dark] .ttn-badge{color:#93a8f5;background:#1a1a30}[data-theme=dark] .ttn-badge:hover{background:#222240}[data-theme=dark] .ttn-copy-row{border-color:#2a2a35}[data-theme=dark] .modal-section-title{color:#a78bfa!important}[data-theme=dark] .product-row{background:#222228!important;border-color:#2a2a35!important}[data-theme=dark] .product-row img{background:#1e1b2e;border-color:#2a2a35}[data-theme=dark] .product-row-name{color:#f0f0f5}[data-theme=dark] .client-notes-card{color:#fbbf24!important;background:#2a2000!important;border-color:#854d0e!important}[data-theme=dark] .modal-total-row{box-shadow:0 6px 20px #a78bfa26;background:linear-gradient(135deg,#302650,#1e1b2e)!important}[data-theme=dark] .orders-pagination{background:#151518;border-color:#2a2a35}[data-theme=dark] .orders-pagination button{color:#a78bfa;background:#222228;border-color:#2a2a35}[data-theme=dark] .orders-pagination button:hover:not(:disabled){color:#0d0d0f;background:#a78bfa}[data-theme=dark] .orders-load-more{border-color:#2a2a35}[data-theme=dark] .btn-load-more{color:#a78bfa;background:#1e1b2e;border-color:#2a2a35}[data-theme=dark] .btn-load-more:hover:not(:disabled){color:#0d0d0f;background:#a78bfa}[data-theme=ocean]{--primary:#0ea5e9;--primary-dark:#0284c7;--primary-light:#e0f2fe;--accent-yellow:#38bdf8;--bg-body:#f0f9ff;--bg-white:#fff;--text-main:#1e3a5f;--text-muted:#64748b;--border-color:#bae6fd;--bg-card:#fff;--bg-sidebar:#f0f9ff;--bg-hover:#e0f2fe;--bg-active:#bae6fd;--bg-chat:#f8fdff;--bg-offset:#f0f9ff;--text-light:#94a3b8;--border-light:#e0f2fe;--shadow-sm:0 2px 8px #0ea5e90f;--shadow-md:0 8px 24px #0ea5e91f;--shadow-lg:0 16px 48px #0ea5e92e;--shadow-xs:0 1px 3px #0ea5e90a;--shadow-glow:0 4px 16px #0ea5e940;--glass-bg:#ffffffb8;--glass-border:#bae6fd99;--glass-shadow:0 8px 32px #0ea5e926}[data-theme=ocean] .message--sent .message__bubble{color:#1e3a5f!important;background:linear-gradient(135deg,#bae6fd 0%,#93c5fd 100%)!important}[data-theme=ocean] .date-divider span{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}[data-theme=ocean] .date-divider:before,[data-theme=ocean] .date-divider:after{background:#bae6fd}[data-theme=ocean] .chat-item.active{background:#e0f2fe;border-color:#bae6fd}[data-theme=ocean] .chat-item:hover{background:#f0f9ff}[data-theme=ocean] .chat-search__input,[data-theme=ocean] .chat-input textarea{border-color:#bae6fd}[data-theme=ocean] .phrase-chip{color:#0284c7;background:#e0f2fe;border-color:#bae6fd}[data-theme=ocean] .phrase-chip:hover{color:#fff;background:#0ea5e9;border-color:#0ea5e9}[data-theme=ocean] .quick-phrases{border-color:#e0f2fe}[data-theme=ocean] .stat-orders{color:#0369a1;background:#e0f2fe}[data-theme=ocean] .stat-payout{color:#059669;background:#ecfdf5}[data-theme=ocean] .client-id-badge,[data-theme=ocean] .product-panel__price{color:#0284c7;background:#e0f2fe}[data-theme=ocean] .profile-avatar{background:linear-gradient(135deg,#0ea5e9,#38bdf8)!important}[data-theme=ocean] .profile-role-badge{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}[data-theme=ocean] .pfield+.pfield{border-color:#e0f2fe!important}[data-theme=ocean] .pwd-section{border-color:#e0f2fe}[data-theme=ocean] .pwd-toggle:hover{background:#f0f9ff}[data-theme=ocean] .pstat--highlight{background:linear-gradient(135deg,#0284c7,#0ea5e9)!important}[data-theme=ocean] .theme-card--active{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e926}[data-theme=ocean] .store-card__avatar,[data-theme=ocean] .stores-guide__num{background:linear-gradient(135deg,#0ea5e9,#38bdf8)!important}[data-theme=ocean] .stores-welcome{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border-color:#bae6fd}[data-theme=ocean] .stores-welcome__text h2{color:#0284c7}[data-theme=ocean] .orders-table tbody tr:hover td{background:#f0f9ff}[data-theme=ocean] .orders-detail-header{background:linear-gradient(135deg,#0ea5e9,#38bdf8)!important}[data-theme=ocean] .orders-prom-link{background:#e0f2fe}[data-theme=ocean] .plan-business,[data-theme=ocean] .plan-бізнес{color:#0369a1;background:#e0f2fe}[data-theme=ocean] .admin-tab.active{color:#0284c7;background:#e0f2fe;border-color:#0ea5e9}[data-theme=ocean] .admin-dashboard{--ap-violet:#0ea5e9;--ap-violet-d:#0284c7;--ap-violet-l:#e0f2fe;--ap-violet-mid:#38bdf8;--ap-border:#bae6fd;--ap-glow:0 6px 20px #0ea5e947}[data-theme=ocean] .admin-tabs button:hover{color:#0ea5e9;background:#e0f2fe}[data-theme=ocean] .admin-tabs button.active{background:linear-gradient(135deg,#0ea5e9,#38bdf8)!important}[data-theme=ocean] .btn-action{color:#0284c7;background:#e0f2fe;border-color:#bae6fd}[data-theme=ocean] .btn-action:hover{color:#fff;background:#0ea5e9;border-color:#0ea5e9}[data-theme=ocean] .orders-table-wrapper{border-color:#bae6fd}[data-theme=ocean] .tm-member__ava{background:linear-gradient(135deg,#0ea5e9,#38bdf8)!important}[data-theme=ocean] .tm-field input,[data-theme=ocean] .tm-field select{border-color:#bae6fd}[data-theme=ocean] .tm-member,[data-theme=ocean] .tm-form-card{border-color:#0ea5e91a}[data-theme=ocean] .store-tab.active{color:#fff!important;background:#0ea5e9!important}[data-theme=ocean] .nav-item.active .nav-icon{background:#e0f2fe}[data-theme=ocean] .demo-msg--seller .demo-msg__bubble{color:#1e3a5f!important;background:linear-gradient(135deg,#bae6fd,#93c5fd)!important}[data-theme=ocean] .demo-phone__header{background:linear-gradient(135deg,#0ea5e9,#38bdf8)!important}[data-theme=ocean] .order-modal-header{background:linear-gradient(135deg,#0ea5e9 0%,#38bdf8 100%)!important}[data-theme=ocean] .buyer-card{background:#e0f2fe!important;border-color:#0ea5e9!important}[data-theme=ocean] .delivery-info{color:#1e3a5f;background:#f0f9ff;border-color:#bae6fd}[data-theme=ocean] .product-row{border-color:#bae6fd}[data-theme=ocean] .product-row img{background:#e0f2fe;border-color:#bae6fd}[data-theme=ocean] .modal-total-row{box-shadow:0 6px 20px #0ea5e947;background:linear-gradient(135deg,#0ea5e9,#38bdf8)!important}[data-theme=ocean] .modal-section-title{color:#0284c7!important}[data-theme=ocean] .buyer-label,[data-theme=ocean] .recipient-label{color:#0284c7}[data-theme=ocean] .recipient-card,[data-theme=ocean] .ttn-copy-row{border-color:#bae6fd}[data-theme=forest]{--primary:#059669;--primary-dark:#047857;--primary-light:#ecfdf5;--accent-yellow:#34d399;--bg-body:#f0fdf4;--bg-white:#fff;--text-main:#1a3c34;--text-muted:#6b7280;--border-color:#a7f3d0;--bg-card:#fff;--bg-sidebar:#f0fdf4;--bg-hover:#ecfdf5;--bg-active:#a7f3d0;--bg-chat:#f8fefb;--bg-offset:#f0fdf4;--text-light:#9ca3af;--border-light:#d1fae5;--shadow-sm:0 2px 8px #0596690f;--shadow-md:0 8px 24px #0596691f;--shadow-lg:0 16px 48px #0596692e;--shadow-xs:0 1px 3px #0596690a;--shadow-glow:0 4px 16px #05966940;--glass-bg:#ffffffb8;--glass-border:#a7f3d099;--glass-shadow:0 8px 32px #05966926}[data-theme=forest] .message--sent .message__bubble{color:#1a3c34!important;background:linear-gradient(135deg,#a7f3d0 0%,#6ee7b7 100%)!important}[data-theme=forest] .date-divider span{color:#047857;background:#ecfdf5;border-color:#a7f3d0}[data-theme=forest] .date-divider:before,[data-theme=forest] .date-divider:after{background:#a7f3d0}[data-theme=forest] .chat-item.active{background:#ecfdf5;border-color:#a7f3d0}[data-theme=forest] .chat-item:hover{background:#f0fdf4}[data-theme=forest] .chat-search__input,[data-theme=forest] .chat-input textarea{border-color:#a7f3d0}[data-theme=forest] .phrase-chip{color:#047857;background:#ecfdf5;border-color:#a7f3d0}[data-theme=forest] .phrase-chip:hover{color:#fff;background:#059669;border-color:#059669}[data-theme=forest] .quick-phrases{border-color:#ecfdf5}[data-theme=forest] .stat-orders{color:#0369a1;background:#e0f2fe}[data-theme=forest] .stat-payout{color:#059669;background:#ecfdf5}[data-theme=forest] .client-id-badge,[data-theme=forest] .product-panel__price{color:#047857;background:#ecfdf5}[data-theme=forest] .profile-avatar{background:linear-gradient(135deg,#059669,#34d399)!important}[data-theme=forest] .profile-role-badge{color:#047857;background:#ecfdf5;border-color:#a7f3d0}[data-theme=forest] .pfield+.pfield{border-color:#d1fae5!important}[data-theme=forest] .pwd-section{border-color:#d1fae5}[data-theme=forest] .pwd-toggle:hover{background:#f0fdf4}[data-theme=forest] .pstat--highlight{background:linear-gradient(135deg,#047857,#059669)!important}[data-theme=forest] .theme-card--active{border-color:#059669;box-shadow:0 0 0 3px #05966926}[data-theme=forest] .store-card__avatar,[data-theme=forest] .stores-guide__num{background:linear-gradient(135deg,#059669,#34d399)!important}[data-theme=forest] .stores-welcome{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-color:#a7f3d0}[data-theme=forest] .stores-welcome__text h2{color:#047857}[data-theme=forest] .orders-table tbody tr:hover td{background:#f0fdf4}[data-theme=forest] .orders-detail-header{background:linear-gradient(135deg,#059669,#34d399)!important}[data-theme=forest] .orders-prom-link{background:#ecfdf5}[data-theme=forest] .plan-business,[data-theme=forest] .plan-бізнес{color:#047857;background:#ecfdf5}[data-theme=forest] .admin-tab.active{color:#047857;background:#ecfdf5;border-color:#059669}[data-theme=forest] .admin-dashboard{--ap-violet:#059669;--ap-violet-d:#047857;--ap-violet-l:#ecfdf5;--ap-violet-mid:#34d399;--ap-border:#a7f3d0;--ap-glow:0 6px 20px #05966947}[data-theme=forest] .admin-tabs button:hover{color:#059669;background:#ecfdf5}[data-theme=forest] .admin-tabs button.active{background:linear-gradient(135deg,#059669,#34d399)!important}[data-theme=forest] .btn-action{color:#047857;background:#ecfdf5;border-color:#a7f3d0}[data-theme=forest] .btn-action:hover{color:#fff;background:#059669;border-color:#059669}[data-theme=forest] .orders-table-wrapper{border-color:#a7f3d0}[data-theme=forest] .tm-member__ava{background:linear-gradient(135deg,#059669,#34d399)!important}[data-theme=forest] .tm-field input,[data-theme=forest] .tm-field select{border-color:#a7f3d0}[data-theme=forest] .tm-member,[data-theme=forest] .tm-form-card{border-color:#0596691a}[data-theme=forest] .store-tab.active{color:#fff!important;background:#059669!important}[data-theme=forest] .nav-item.active .nav-icon{background:#ecfdf5}[data-theme=forest] .demo-msg--seller .demo-msg__bubble{color:#1a3c34!important;background:linear-gradient(135deg,#a7f3d0,#6ee7b7)!important}[data-theme=forest] .demo-phone__header{background:linear-gradient(135deg,#059669,#34d399)!important}[data-theme=forest] .order-modal-header{background:linear-gradient(135deg,#059669 0%,#34d399 100%)!important}[data-theme=forest] .buyer-card{background:#ecfdf5!important;border-color:#059669!important}[data-theme=forest] .delivery-info{color:#1a3c34;background:#f0fdf4;border-color:#a7f3d0}[data-theme=forest] .product-row{border-color:#a7f3d0}[data-theme=forest] .product-row img{background:#ecfdf5;border-color:#a7f3d0}[data-theme=forest] .modal-total-row{box-shadow:0 6px 20px #05966947;background:linear-gradient(135deg,#059669,#34d399)!important}[data-theme=forest] .modal-section-title{color:#047857!important}[data-theme=forest] .buyer-label,[data-theme=forest] .recipient-label{color:#047857}[data-theme=forest] .recipient-card,[data-theme=forest] .ttn-copy-row{border-color:#a7f3d0}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Nunito,Arial,sans-serif;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.sc-app{flex-direction:column;min-height:100vh;display:flex}.sc-main{flex-direction:column;flex:1;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:translate(0)}}.anim-fade-up{animation:.5s both fadeUp}.anim-fade-up-d1{animation:.5s .1s both fadeUp}.anim-fade-up-d2{animation:.5s .2s both fadeUp}.anim-fade-up-d3{animation:.5s .35s both fadeUp}.anim-fade-in{animation:.4s both fadeIn}.anim-scale-in{animation:.4s cubic-bezier(.34,1.42,.64,1) both scaleIn}.anim-float{animation:4s ease-in-out infinite floatY}[data-theme=dark] .autoreply-card{border-color:#2a2a35;background:#18181b!important}[data-theme=dark] .autoreply-card__name{color:#f0f0f5}[data-theme=dark] .autoreply-textarea{color:#f0f0f5;background:#222228!important;border-color:#2a2a35!important}[data-theme=dark] .autoreply-textarea:focus{border-color:#a78bfa!important}[data-theme=dark] .autoreply-cooldown{background:#1e1b2e!important;border-color:#2a2a35!important}[data-theme=dark] .autoreply-cooldown__label{color:#9ca3af}[data-theme=dark] .autoreply-cooldown__select{color:#a78bfa;background:#222228!important;border-color:#2a2a35!important}[data-theme=dark] .autoreply-cooldown__select:focus{border-color:#a78bfa!important}[data-theme=dark] .autoreply-char-count{color:#555}[data-theme=dark] .autoreply-save-btn{color:#fff!important;background:linear-gradient(135deg,#a78bfa,#8b5cf6)!important}[data-theme=dark] .autoreply-save-btn:disabled{color:#666!important;background:#333!important}[data-theme=dark] .autoreply-info-btn{color:#666}[data-theme=dark] .autoreply-info-btn:hover{color:#a78bfa}[data-theme=dark] .autoreply-info-overlay{background:#0009}[data-theme=dark] .autoreply-info-modal{background:#18181b;border:1px solid #2a2a35;box-shadow:0 12px 48px #00000080}[data-theme=dark] .autoreply-info-modal h4{color:#f0f0f5}[data-theme=dark] .autoreply-info-step p{color:#ccc}[data-theme=dark] .autoreply-info-num{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}[data-theme=dark] .autoreply-info-note{color:#9ca3af;background:#1e1b2e;border-color:#2a2a35}[data-theme=dark] .autoreply-info-close{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}[data-theme=dark] .tm-stats-section{border-color:#2a2a35;background:#18181b!important}[data-theme=dark] .tm-stats-title{color:#a78bfa}[data-theme=dark] .tm-stats-loading,[data-theme=dark] .tm-stats-empty{color:#666}[data-theme=dark] .tm-stat-card{background:#1e1b2e!important;border-color:#2a2a35!important}[data-theme=dark] .tm-stat-card:hover{background:#2d2a3e!important}[data-theme=dark] .tm-stat-card__name{color:#f0f0f5}[data-theme=dark] .tm-stat-card__sub{color:#666}[data-theme=dark] .tm-stat-card__count{color:#a78bfa}[data-theme=dark] .tm-stat-card__label{color:#666}[data-theme=dark] .tm-stat-card__today{color:#4ade80;background:#0f2a1c}[data-theme=dark] .tm-period-btn{color:#9ca3af;background:#222228;border-color:#2a2a35}[data-theme=dark] .tm-period-btn:hover{color:#a78bfa;background:#2d2a3e}[data-theme=dark] .tm-period-btn.active{color:#0d0d0f;background:#a78bfa;border-color:#a78bfa}[data-theme=dark] .autoreply-section{background:#18181b!important;border-color:#2a2a35!important}[data-theme=dark] .autoreply-section__title{color:#a78bfa}[data-theme=dark] .autoreply-section__desc{color:#666}[data-theme=dark] .toggle-slider{background:#333}[data-theme=dark] .toggle-switch input:checked+.toggle-slider{background:#a78bfa}.paywall-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.paywall-card{background:var(--bg-primary,#fff);text-align:center;border-radius:20px;width:100%;max-width:640px;padding:40px 32px;animation:.35s paywall-in;box-shadow:0 16px 64px #0003}@keyframes paywall-in{0%{opacity:0;transform:scale(.95)translateY(10px)}}.paywall-icon{margin-bottom:12px;font-size:48px}.paywall-title{color:var(--text-primary,#1a1a2e);margin:0 0 8px;font-size:22px;font-weight:800}.paywall-desc{color:var(--text-secondary,#666);margin:0 0 28px;font-size:14px;line-height:1.5}.paywall-plans{grid-template-columns:1fr 1fr;gap:16px;display:grid}.paywall-plan{background:var(--bg-secondary,#f8f7ff);border:2px solid var(--border-light,#e8e4f5);text-align:center;border-radius:16px;padding:24px 16px 20px;transition:border-color .2s,transform .2s;position:relative}.paywall-plan:hover{border-color:var(--primary,#6c5ce7);transform:translateY(-2px)}.paywall-plan--pro{border-color:var(--primary,#6c5ce7);background:linear-gradient(135deg,#f3f0ff 0%,#e8e4ff 100%)}.paywall-plan__popular{background:var(--primary,#6c5ce7);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:3px 12px;font-size:10px;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.paywall-plan__badge{margin-bottom:6px;font-size:28px}.paywall-plan__name{color:var(--text-primary,#1a1a2e);margin-bottom:4px;font-size:18px;font-weight:800}.paywall-plan__price{color:var(--primary,#6c5ce7);margin-bottom:12px;font-size:28px;font-weight:900}.paywall-plan__price span{color:var(--text-secondary,#888);font-size:13px;font-weight:500}.paywall-plan__features{color:var(--text-secondary,#666);margin:0 0 16px;padding:0;font-size:12px;list-style:none}.paywall-plan__features li{padding:3px 0}.paywall-plan__features li:before{content:"✓ ";color:#16a34a;font-weight:700}.paywall-plan__btn{border:2px solid var(--primary,#6c5ce7);width:100%;color:var(--primary,#6c5ce7);cursor:pointer;background:0 0;border-radius:10px;padding:10px 0;font-size:13px;font-weight:700;transition:all .2s;display:block}.paywall-plan__btn:hover,.paywall-plan__btn--pro{background:var(--primary,#6c5ce7);color:#fff}.paywall-plan__btn--pro:hover{background:#5a4bd6}@media (width<=520px){.paywall-card{padding:28px 18px}.paywall-plans{grid-template-columns:1fr}.paywall-title{font-size:19px}.paywall-plan__price{font-size:24px}}.sub-banner{z-index:900;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;animation:.3s banner-in;display:flex}@keyframes banner-in{0%{opacity:0;transform:translateY(-100%)}}.sub-banner__icon{flex-shrink:0;font-size:16px}.sub-banner__text{color:inherit;flex:1}.sub-banner__btn{color:inherit;cursor:pointer;white-space:nowrap;background:#ffffff40;border:1px solid #fff6;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:700;transition:background .2s}.sub-banner__btn:hover{background:#fff6}.sub-banner__close{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}.sub-banner__close:hover{opacity:1}.sub-banner--warning{color:#78350f;background:linear-gradient(90deg,#f59e0b,#eab308)}.sub-banner--urgent{color:#fff;background:linear-gradient(90deg,#f97316,#ea580c)}.sub-banner--grace{color:#fff;background:linear-gradient(90deg,#ef4444,#dc2626)}@media (width<=520px){.sub-banner{flex-wrap:wrap;padding:8px 12px;font-size:12px}.sub-banner__btn{font-size:11px}}.sc-navbar{-webkit-backdrop-filter:blur(20px);z-index:100;background:#ffffffe0;border-bottom:1px solid #6c5ce714;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 20px;font-family:Nunito,sans-serif;display:flex;position:sticky;top:0;overflow:hidden}.sc-navbar__logo{color:var(--primary);white-space:nowrap;letter-spacing:-.3px;flex-shrink:0;align-items:center;gap:6px;font-size:17px;font-weight:800;text-decoration:none;display:flex}.logo-dot{color:#8b5cf6;font-size:14px}.sc-navbar__links{scrollbar-width:none;background:#6c5ce70d;border:1px solid #6c5ce71a;border-radius:999px;flex-shrink:1;gap:2px;min-width:0;padding:4px;display:flex;overflow-x:auto}.sc-navbar__links::-webkit-scrollbar{display:none}.sc-nav{color:#9a96b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 15px;font-family:inherit;font-size:13px;font-weight:600;line-height:1;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.sc-nav:hover{color:var(--primary);background:#6c5ce714;text-decoration:none}.sc-nav.active{color:var(--primary);background:#fff;font-weight:700;text-decoration:none;box-shadow:0 1px 6px #6c5ce724}.nav-svg{flex-shrink:0;width:15px;height:15px}.nav-label-short{display:none}.nav-icon-wrap{align-items:center;display:inline-flex;position:relative}.nav-unread-badge{color:#fff;background:#e53e5a;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:8.5px;font-weight:700;display:flex;position:absolute;top:-7px;right:-9px}.sc-navbar__right{flex-shrink:0;align-items:center;gap:8px;display:flex}.sc-navbar__badge{color:var(--primary);white-space:nowrap;text-overflow:ellipsis;background:#6c5ce712;border:1.5px solid #6c5ce724;border-radius:999px;max-width:110px;padding:4px 12px;font-size:10px;font-weight:700;overflow:hidden}.sc-navbar__logout{color:#dc2626;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #dc262633;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:flex}.sc-navbar__logout:hover{color:#fff;background:#dc2626;border-color:#dc2626}.logout-svg{width:14px;height:14px}@media (width<=900px){.logo-text{display:none}.sc-navbar__logo{font-size:18px}.sc-navbar__badge,.logout-text{display:none}.sc-navbar__logout{border-radius:999px;padding:6px 10px}}@media (width<=640px){.sc-navbar{z-index:200;height:auto;padding:0;padding-bottom:env(safe-area-inset-bottom,0);background:#fff;border-top:1px solid #6c5ce71a;border-bottom:none;flex-direction:row;position:fixed;inset:auto 0 0;box-shadow:0 -4px 24px #6c5ce71a}.sc-navbar__logo,.sc-navbar__right{display:none}.sc-navbar__links{background:0 0;border:none;border-radius:0;flex:1;align-items:center;gap:6px;padding:5px 8px;display:flex}.sc-nav{color:#aaa;background:#0000000a;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-height:54px;padding:8px 4px;font-size:11px;font-weight:600;transition:background .16s,color .16s,box-shadow .16s;position:relative}.sc-nav:hover{background:#0000000f}.nav-icon-wrap{background:0 0;border-radius:0;justify-content:center;align-items:center;width:auto;height:auto;transition:none;display:flex;position:relative}.sc-nav.active{background:linear-gradient(145deg, var(--primary), #a78bfa);color:#fff;font-weight:700;box-shadow:0 4px 16px #6c5ce766}.sc-nav.active:hover{background:linear-gradient(145deg, var(--primary), #a78bfa)}.sc-nav.active .nav-icon-wrap{box-shadow:none;background:0 0;transform:none}.sc-nav.active .nav-svg{filter:brightness(0)invert()}.sc-nav.active:before{display:none}.nav-svg{width:22px;height:22px;transition:filter .15s}.nav-label{display:none}.nav-label-short{font-size:11px;font-weight:600;line-height:1;display:block}.nav-unread-badge{border-width:2px;border-color:#fff;min-width:15px;height:15px;font-size:8px;top:-4px;right:-4px}}@media (width<=400px){.sc-nav{min-height:48px;padding:6px 2px 5px}.nav-svg{width:20px;height:20px}.nav-label-short{font-size:9px}}@media (width<=640px){body.keyboard-open .sc-navbar{display:none!important}body.keyboard-open,body.keyboard-open html{width:100%;height:100%;position:fixed;overflow:hidden}}.sc-loader{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;padding:40px;animation:.4s loaderFadeIn;display:flex}.sc-loader--small{gap:10px;padding:20px}.sc-loader--large{min-height:50vh;padding:50px}@keyframes loaderFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sc-loader__ring{width:56px;height:56px;position:relative}.sc-loader--small .sc-loader__ring{width:36px;height:36px}.sc-loader--large .sc-loader__ring{width:72px;height:72px}.sc-loader__ring:before{content:"";border:3px solid #6c5ce714;border-radius:50%;position:absolute;inset:0}.sc-loader__ring:after{content:"";border:3px solid #7e56c1;border-color:#7e56c1 #8b5cf6 #0000 #0000;border-radius:50%;animation:.8s linear infinite loaderSpin;position:absolute;inset:0}.sc-loader__dot{background:linear-gradient(135deg,#7e56c1,#8b5cf6);border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;animation:1.2s infinite loaderPulse;position:absolute;top:50%;left:50%}.sc-loader--small .sc-loader__dot{width:5px;height:5px;margin:-2.5px 0 0 -2.5px}.sc-loader--large .sc-loader__dot{width:10px;height:10px;margin:-5px 0 0 -5px}@keyframes loaderSpin{to{transform:rotate(360deg)}}@keyframes loaderPulse{0%,to{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}.sc-loader__brand{align-items:center;gap:6px;display:flex}.sc-loader__logo{color:#8b5cf6;font-size:16px;animation:1.2s infinite loaderPulse}.sc-loader__name{color:#7e56c1;letter-spacing:-.5px;font-size:20px;font-weight:900}.sc-loader--small .sc-loader__logo{font-size:11px}.sc-loader--small .sc-loader__name{font-size:14px}.sc-loader--large .sc-loader__logo{font-size:20px}.sc-loader--large .sc-loader__name{font-size:26px}.sc-loader__text{color:#aaa;font-size:13px;font-weight:600}.sc-loader--small .sc-loader__text{font-size:11px}.sc-loader--large .sc-loader__text{font-size:15px}@media (width<=640px){.sc-loader{padding:30px 20px}.sc-loader--large{min-height:60vh;padding:40px}.sc-loader__ring{width:64px;height:64px}.sc-loader--large .sc-loader__ring{width:80px;height:80px}.sc-loader__name{font-size:22px}.sc-loader--large .sc-loader__name{font-size:28px}.sc-loader--large .sc-loader__logo{font-size:22px}.sc-loader__text{font-size:14px}.sc-loader--large .sc-loader__text{font-size:16px}.sc-loader--large .sc-loader__dot{width:12px;height:12px;margin:-6px 0 0 -6px}}.auth-page{background:linear-gradient(160deg,#5b21b6 0%,#7e56c1 40%,#9b7dda 70%,#c4a9f0 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background:#ffffff0f;border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite authFloat;position:fixed;top:-180px;right:-160px}.auth-page:after{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;width:400px;height:400px;animation:8s ease-in-out infinite reverse authFloat;position:fixed;bottom:-100px;left:-80px}@keyframes authFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.03)}}.auth-card{z-index:1;-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff9;border-radius:28px;width:100%;max-width:400px;padding:44px 40px;animation:.4s cubic-bezier(.34,1.42,.64,1) authIn;position:relative;box-shadow:0 24px 64px #5b21b640,0 8px 20px #00000014}@keyframes authIn{0%{opacity:0;transform:translateY(24px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-logo{color:var(--primary);text-align:center;letter-spacing:-.5px;margin-bottom:6px;font-size:26px;font-weight:900}.auth-title{color:var(--text-main);text-align:center;letter-spacing:-.4px;margin:0 0 6px;font-size:24px;font-weight:900}.auth-subtitle{color:var(--text-muted);text-align:center;margin:0 0 30px;font-size:14px;line-height:1.5}.auth-error{color:#dc2626;text-align:center;background:#dc26261a;border-radius:999px;margin-bottom:16px;padding:10px 18px;font-size:13px;font-weight:700}.auth-success{color:#16a34a;text-align:center;background:#16a34a1a;border-radius:999px;margin-top:8px;padding:10px 18px;font-size:13px;font-weight:700}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:800}.auth-field input{color:var(--text-main);background:#6c5ce70a;border:1.5px solid #6c5ce726;border-radius:999px;padding:13px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .15s,box-shadow .15s}.auth-field input::placeholder{color:#ccc}.auth-field input:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 4px #6c5ce71f}.auth-button{background:var(--primary);color:#fff;cursor:pointer;letter-spacing:.2px;border:none;border-radius:999px;margin-top:4px;padding:14px;font-family:inherit;font-size:15px;font-weight:700;transition:opacity .15s}.auth-button:hover:not(:disabled){opacity:.88}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-footer{text-align:center;color:var(--text-muted);margin-top:22px;font-size:13px}.auth-footer a{color:var(--primary);font-weight:800;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-legal{text-align:center;color:var(--text-muted,#999);margin-top:12px;font-size:11px;line-height:1.5}.auth-legal a{color:var(--primary);font-weight:700;text-decoration:none}.auth-legal a:hover{text-decoration:underline}.auth-forgot{color:var(--primary);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;margin:12px auto 0;font-family:inherit;font-size:13px;font-weight:700;text-decoration:underline;display:block}.auth-forgot:hover{opacity:.7}.forgot-form{background:#7e56c10a;border:1px solid #7e56c11a;border-radius:14px;flex-direction:column;gap:10px;margin-top:12px;padding:16px;animation:.2s authIn;display:flex}.forgot-form input{background:#fff;border:1.5px solid #6c5ce726;border-radius:999px;padding:11px 16px;font-family:inherit;font-size:13px;font-weight:600}.forgot-form input:focus{border-color:var(--primary);outline:none}.forgot-form button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:10px;font-family:inherit;font-size:13px;font-weight:700;transition:opacity .15s}.forgot-form button:hover:not(:disabled){opacity:.88}.forgot-form button:disabled{opacity:.5}.auth-home-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);z-index:10;background:#ffffff2e;border:1.5px solid #ffffff59;border-radius:999px;align-items:center;gap:6px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex;position:fixed;top:18px;left:20px}.auth-home-btn:hover{color:#fff;background:#ffffff47}@media (width<=480px){.auth-page{padding:16px}.auth-card{border-radius:24px;padding:32px 22px}.auth-logo{font-size:22px}.auth-title{font-size:20px}.auth-home-btn{padding:6px 12px;font-size:12px;top:12px;left:12px}}.ob-container{flex-direction:column;gap:24px;max-width:520px;margin:0 auto;padding:32px 20px 80px;animation:.5s obFadeIn;display:flex}@keyframes obFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ob-hero{text-align:center;padding:32px 16px 20px}.ob-hero__emoji{margin-bottom:8px;font-size:52px;animation:2s infinite obBounce}@keyframes obBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ob-hero__title{color:var(--text-main);letter-spacing:-.5px;margin:0 0 10px;font-size:24px;font-weight:900}.ob-hero__desc{color:#777;margin:0;font-size:14px;line-height:1.7}.ob-hero__desc strong{color:var(--primary)}.ob-steps{flex-direction:column;gap:0;display:flex}.ob-step{border-radius:16px;align-items:center;gap:14px;padding:16px 18px;transition:all .2s;display:flex;position:relative}.ob-step--active{border:2px solid var(--primary);background:#fff;box-shadow:0 4px 20px #6c5ce71f}.ob-step--active .ob-step__num{background:var(--primary);color:#fff;animation:2s infinite obPulse}@keyframes obPulse{0%,to{box-shadow:0 0 #6c5ce766}50%{box-shadow:0 0 0 8px #6c5ce700}}.ob-step--locked{opacity:.55;background:#00000005;border:1.5px dashed #e0dce8}.ob-step--locked .ob-step__num{color:#bbb;background:#e5e0f8}.ob-step__num{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:900;display:flex}.ob-step__body{flex:1;min-width:0}.ob-step__title{color:var(--text-main);margin-bottom:2px;font-size:14px;font-weight:800}.ob-step__desc{color:#999;font-size:12px;line-height:1.4}.ob-step__icon{flex-shrink:0;font-size:24px}.ob-step-line{background:#e5e0f8;width:2px;height:16px;margin-left:34px}.ob-cta{background:var(--primary);color:#fff;cursor:pointer;letter-spacing:-.2px;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:16px 28px;font-family:inherit;font-size:15px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 6px 24px #6c5ce74d}.ob-cta:hover{background:var(--primary-dark,#5b4bcf);transform:translateY(-2px);box-shadow:0 10px 32px #6c5ce766}.ob-cta:active{transform:translateY(0)}.ob-features{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ob-feat{color:#666;background:#6c5ce70a;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.ob-feat__icon{font-size:16px}@media (width<=480px){.ob-container{gap:20px;padding:20px 14px 80px}.ob-hero__title{font-size:20px}.ob-hero__emoji{font-size:42px}.ob-step{gap:10px;padding:12px 14px}.ob-step__num{width:30px;height:30px;font-size:12px}.ob-step__icon{font-size:20px}.ob-cta{padding:14px 20px;font-size:14px}.ob-features{grid-template-columns:1fr}}.chat-container{background:radial-gradient(ellipse at 15% 30%, #8b5cf617 0%, transparent 50%), radial-gradient(ellipse at 85% 70%, #6c5ce712 0%, transparent 50%), radial-gradient(ellipse at 50% 10%, #a78bfa0d 0%, transparent 40%), var(--bg-body);overscroll-behavior:none;flex-direction:column;gap:12px;height:calc(100dvh - 60px);padding:14px 18px;display:flex;overflow:hidden}.chat-loading,.chat-empty{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:16px;display:flex}.chat-skeleton{width:100%;max-width:420px;padding:16px}.chat-skeleton-list{padding:8px 6px}.chat-skeleton__header{gap:8px;margin-bottom:12px;display:flex}.skel-pill{border-radius:10px;width:100px;height:34px}.skel-pill--sm{width:80px}.skel-search{border-radius:12px;width:100%;height:40px;margin-bottom:14px}.skel-item{opacity:0;border-radius:14px;align-items:center;gap:12px;padding:12px 10px;animation:.4s forwards skelSlideIn;display:flex}.skel-ava{border-radius:13px;flex-shrink:0;width:40px;height:40px}.skel-lines{flex-direction:column;flex:1;gap:7px;display:flex}.skel-line{border-radius:6px;height:10px}.skel-line--name{width:55%}.skel-line--msg{width:80%}.skel-time{border-radius:4px;flex-shrink:0;width:28px;height:8px}.skel-shimmer{background:linear-gradient(90deg,#eee 25%,#e0dfe5 50%,#eee 75%) 0 0/200% 100%;animation:1.4s infinite skelShimmer}@keyframes skelSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes skelShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark] .skel-shimmer{background:linear-gradient(90deg,#222228 25%,#2d2a3e 50%,#222228 75%) 0 0/200% 100%;animation:1.4s infinite skelShimmer}.chat-empty h2{color:var(--text-main);font-weight:800}.chat-empty a{color:var(--primary);font-weight:800}.chat-topbar{flex-shrink:0;align-items:center;gap:8px;display:flex;position:relative}.store-switcher{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;flex:1;gap:6px;padding:3px 2px 3px 0;display:flex;overflow-x:auto}.store-switcher::-webkit-scrollbar{display:none}.store-btn{color:#8a86aa;cursor:pointer;white-space:nowrap;box-shadow:none;background:#ffffffb8;border:1.5px solid #6c5ce724;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:12.5px;font-weight:600;line-height:1;transition:background .16s,color .16s,border-color .16s;display:flex;position:relative}.store-btn:hover{color:#5a4dd4;box-shadow:none;background:#fffffff2;border-color:#6c5ce74d}.store-icon{opacity:.85;flex-shrink:0;width:14px;height:14px}.store-btn--all.active{color:#fff!important;box-shadow:none!important;background:linear-gradient(135deg,#b08cfc,#9370f5)!important;border-color:#0000!important;font-weight:700!important}.store-btn--all.active:hover{filter:brightness(1.05)}.store-btn--all:not(.active){color:#9370f5;background:#9370f514;border-color:#9370f540}.store-btn:not(.store-btn--all):nth-child(2){color:#7c3aed;border-color:#7c3aed38}.store-btn:not(.store-btn--all):nth-child(2):not(.active){background:#7c3aed12}.store-btn:not(.store-btn--all):nth-child(2).active{color:#fff;box-shadow:none;background:#7c3aed;border-color:#0000;font-weight:700}.store-btn:not(.store-btn--all):nth-child(3){color:#059669;border-color:#10b98140}.store-btn:not(.store-btn--all):nth-child(3):not(.active){background:#10b98112}.store-btn:not(.store-btn--all):nth-child(3).active{color:#fff;box-shadow:none;background:#059669;border-color:#0000;font-weight:700}.store-btn:not(.store-btn--all):nth-child(4){color:#d97706;border-color:#f9731640}.store-btn:not(.store-btn--all):nth-child(4):not(.active){background:#f9731612}.store-btn:not(.store-btn--all):nth-child(4).active{color:#fff;box-shadow:none;background:#d97706;border-color:#0000;font-weight:700}.store-btn:not(.store-btn--all):nth-child(5){color:#0891b2;border-color:#06b6d440}.store-btn:not(.store-btn--all):nth-child(5):not(.active){background:#06b6d412}.store-btn:not(.store-btn--all):nth-child(5).active{color:#fff;box-shadow:none;background:#0891b2;border-color:#0000;font-weight:700}.store-btn:not(.store-btn--all):nth-child(6){color:#db2777;border-color:#ec489940}.store-btn:not(.store-btn--all):nth-child(6):not(.active){background:#ec489912}.store-btn:not(.store-btn--all):nth-child(6).active{color:#fff;box-shadow:none;background:#db2777;border-color:#0000;font-weight:700}.store-btn:not(.store-btn--all):nth-child(7){color:#9333ea;border-color:#a855f740}.store-btn:not(.store-btn--all):nth-child(7):not(.active){background:#a855f712}.store-btn:not(.store-btn--all):nth-child(7).active{color:#fff;box-shadow:none;background:#9333ea;border-color:#0000;font-weight:700}.store-btn.has-unread:not(.active){color:#92680a;background:#fff8e6b3;border-color:#f59e0b59}.store-badge{color:#fff;text-align:center;border:2px solid var(--bg-body);background:#e53e5a;border-radius:999px;min-width:15px;height:15px;padding:0 3px;font-size:8.5px;font-weight:700;line-height:15px;display:none;position:absolute;top:-4px;right:-4px}.store-btn.has-unread .store-badge{display:block}.sound-toggle{cursor:pointer;color:#a0a0bb;background:#ffffffb8;border:1.5px solid #6c5ce724;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:34px;font-size:16px;transition:background .16s,border-color .16s;display:flex}.sound-toggle:hover{color:#6c5ce7;background:#ffffffe6;border-color:#6c5ce74d}.sound-toggle.muted{opacity:.38}@media (width<=640px){.chat-container{gap:12px}.chat-topbar{gap:14px;padding:2px 20px}.store-btn{padding:7px 14px;font-size:12px}.store-icon{width:13px;height:13px}.sound-toggle{flex-shrink:0;width:34px;height:32px;margin-left:auto;font-size:15px}}.chat-layout{background:#fff;border-radius:18px;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 0 0 1px #6c5ce714,0 4px 20px #6c5ce714,0 1px 4px #0000000a}.chat-sidebar{-webkit-backdrop-filter:blur(24px);background:#fdfbffe0;border-right:1px solid #7e56c11a;flex-direction:column;flex-shrink:0;width:320px;display:flex}.chat-sidebar__header{background:#fff;border-bottom:1px solid #6c5ce712;flex-direction:column;gap:10px;padding:14px 14px 12px;display:flex}.chat-sidebar__top{justify-content:space-between;align-items:center;display:flex}.chat-sidebar__header h2{color:var(--primary);letter-spacing:-.01em;margin:0;font-size:14.5px;font-weight:700}.chat-sidebar__count{color:var(--primary);background:#6c5ce71a;border-radius:999px;padding:2px 10px;font-size:10.5px;font-weight:700}.chat-sidebar__co.unread-badge{background:var(--danger);color:#fff;border-radius:12px;margin-left:8px;padding:2px 6px;font-size:.7rem;font-weight:700}.note-chip{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border:none;border-radius:999px;flex-shrink:0;max-width:150px;padding:4px 12px;font-size:11px;font-weight:600;transition:filter .14s,opacity .14s;overflow:hidden}.note-chip:hover{filter:brightness(.92)}.note-chip--c1{color:#46c;background:#eef2ff}.note-chip--c2{color:#c97720;background:#fff3e6}.note-chip--c3{color:#1a8a42;background:#e8fdf0}.note-chip--c4{color:#c0396e;background:#fce8f0}.note-chip--c5{color:#7c3aed;background:#f0e8ff}.note-chip--add{color:#6c5ce7;background:0 0;border:1.5px dashed #6c5ce747;border-radius:999px;padding:3px 12px;font-size:11px;font-weight:600}.note-chip--add:hover{background:#6c5ce70d;border-color:#6c5ce7}.notes-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#ffffff4d;justify-content:center;align-items:center;animation:.12s _nFade;display:flex;position:fixed;inset:0}@keyframes _nFade{0%{opacity:0}to{opacity:1}}.notes-dialog{background:#f9f8fd;border:1.5px solid #6c5ce71f;border-radius:20px;flex-direction:column;width:92%;max-width:400px;max-height:80vh;animation:.2s cubic-bezier(.16,1,.3,1) _nSlide;display:flex;overflow:hidden;box-shadow:0 12px 48px #6c5ce726,0 4px 16px #00000014}@keyframes _nSlide{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:none}}.notes-dialog__top{background:linear-gradient(135deg,#f8f7ff 0%,#ede9fe 100%);border-bottom:1.5px solid #6c5ce714;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.notes-dialog__title{color:#333;font-size:.95rem;font-weight:800}.notes-dialog__close{color:#888;cursor:pointer;background:#6c5ce714;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;transition:all .15s;display:flex}.notes-dialog__close:hover{color:#e74c3c;background:#e74c3c1a}.notes-dialog__scroll{background:#f9f8fd;flex-direction:column;flex:1;gap:8px;padding:14px 16px;display:flex;overflow-y:auto}.notes-dialog__empty{text-align:center;color:#aaa;padding:32px 0;font-size:.9rem;font-style:italic}.notes-dialog__bottom{background:linear-gradient(135deg,#f4f3fa 0%,#ede9fe 100%);border-top:1.5px solid #6c5ce714;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.nt-card{cursor:default;background:#fff;border:1.5px solid #6c5ce71a;border-radius:16px;align-items:flex-start;gap:10px;padding:12px 14px;transition:all .2s;display:flex}.nt-card:hover{background:#ede9fe;border-color:#6c5ce733;box-shadow:0 2px 10px #7e56c114}.nt-card__avatar{color:#fff;background:linear-gradient(135deg,#6c5ce7,#8b5cf6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:13px;font-weight:800;display:flex;box-shadow:0 2px 6px #6c5ce74d}.nt-card__body{flex:1;min-width:0}.nt-card__text{color:#333;white-space:pre-wrap;word-break:break-word;font-size:.88rem;line-height:1.45}.nt-card__meta{color:#aaa;justify-content:space-between;align-items:center;gap:8px;margin-top:5px;font-size:.72rem;display:flex}.nt-card__actions{gap:2px;display:flex}.nt-card__actions button{cursor:pointer;opacity:.4;background:0 0;border:none;border-radius:6px;padding:2px 4px;font-size:.8rem;transition:all .15s}.nt-card__actions button:hover{opacity:1;background:#6c5ce71a}.nt-card__row{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.nt-edit-card{background:linear-gradient(135deg,#f8f7ff 0%,#ede9fe 100%);border:1.5px solid #6c5ce726;border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.nt-edit-card__label{color:#6c5ce7;font-size:13px;font-weight:700}.nt-input{color:#333;resize:vertical;box-sizing:border-box;background:#fff;border:1.5px solid #6c5ce726;border-radius:12px;width:100%;min-height:48px;padding:10px 14px;font-family:inherit;font-size:.88rem;transition:all .15s}.nt-input:focus{border-color:#6c5ce7;outline:none;box-shadow:0 0 0 3px #6c5ce71a}.nt-edit-card .nt-input{background:#fff;border-color:#6c5ce740}.nt-btn{cursor:pointer;border:none;border-radius:12px;padding:8px 18px;font-size:.85rem;font-weight:700;transition:all .15s}.nt-btn--save,.nt-btn--add{color:#fff;background:linear-gradient(135deg,#6c5ce7,#8b5cf6);align-self:flex-end;box-shadow:0 3px 10px #6c5ce74d}.nt-btn--save:hover,.nt-btn--add:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #6c5ce766}.nt-btn--add:disabled{color:#bbb;box-shadow:none;cursor:not-allowed;background:#e8e6f0;transform:none}.nt-btn--cancel{color:#666;background:#f0eff5;border:1px solid #ddd}.nt-btn--cancel:hover{background:#e8e6f0}.chat-search{position:relative}.chat-search__input{width:100%;color:var(--text-main);transition:all .2s var(--anim-spring,cubic-bezier(.16, 1, .3, 1));background:#fff;border:1.5px solid #6c5ce724;border-radius:999px;padding:9px 32px 9px 13px;font-family:inherit;font-size:13px;box-shadow:0 2px 8px #7e56c10f}.chat-search__input:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 3px #6c5ce71a,0 2px 8px #7e56c114}.chat-search__icon{color:#aaa;pointer-events:none;font-size:14px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.chat-list{flex:1;padding:8px 8px 10px;overflow-y:auto}.chat-list__empty{text-align:center;color:var(--text-muted);padding:48px 20px;font-size:13.5px;line-height:1.6}.chat-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;gap:12px;width:100%;margin-bottom:1px;padding:12px 12px 12px 14px;transition:background .16s,border-color .16s;display:flex;position:relative;overflow:hidden}.chat-item:hover{background:#6c5ce70d}.chat-item.active{border-left:2.5px solid var(--primary);background:#6c5ce717;padding-left:11.5px}.chat-item.has-unread{background:#f59e0b0d;border-left:2.5px solid #f59e0b;padding-left:11.5px}.chat-item__avatar{color:#fff;letter-spacing:-.3px;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:700;transition:opacity .16s;display:flex;box-shadow:inset 0 1px #ffffff38,0 2px 6px #0000001f}.chat-item:nth-child(6n+1) .chat-item__avatar{background:linear-gradient(145deg,#7c6de0,#6258d0)}.chat-item:nth-child(6n+2) .chat-item__avatar{background:linear-gradient(145deg,#c97ab2,#b05898)}.chat-item:nth-child(6n+3) .chat-item__avatar{background:linear-gradient(145deg,#d17c54,#bb6540)}.chat-item:nth-child(6n+4) .chat-item__avatar{background:linear-gradient(145deg,#4da9a0,#378f87)}.chat-item:nth-child(6n+5) .chat-item__avatar{background:linear-gradient(145deg,#5a8fd6,#4174bc)}.chat-item:nth-child(6n+6) .chat-item__avatar{background:linear-gradient(145deg,#9270d6,#7958bf)}.chat-item:hover .chat-item__avatar{opacity:.88}.chat-item.has-unread .chat-item__avatar{background:linear-gradient(145deg,#e0aa40,#c98f28)!important;box-shadow:inset 0 1px #ffffff38,0 2px 6px #0000001f!important}.chat-item__info{flex:1;min-width:0;overflow:hidden}.chat-item__name{color:#333;align-items:center;gap:6px;max-width:100%;font-size:14px;font-weight:700;transition:color .15s;display:flex;overflow:hidden}.chat-item__name-text{white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.chat-room-store-badge{text-transform:uppercase;letter-spacing:.4px;color:#6c5ce7;background:#6c5ce71a;border-radius:6px;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:700}.chat-room-store-badge.store-color-2{color:#7c3aed;background:#7c3aed1a}.chat-room-store-badge.store-color-3{color:#059669;background:#10b9811a}.chat-room-store-badge.store-color-4{color:#d97706;background:#f973161a}.chat-room-store-badge.store-color-5{color:#0891b2;background:#06b6d41a}.chat-room-store-badge.store-color-6{color:#db2777;background:#ec48991a}.chat-room-store-badge.store-color-7{color:#9333ea;background:#a855f71a}.chat-item.active .chat-item__name{color:#2d1b69;font-weight:700}.chat-item.has-unread .chat-item__name{color:#111;font-weight:700}.chat-item__subject{color:#aaa;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11.5px;overflow:hidden}.chat-item__preview{color:#c0c0cc;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11.5px;overflow:hidden}.chat-item__preview.is-unread{color:#555;font-weight:600}.chat-item__meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.chat-item__time{color:#ccc;font-size:10px}.chat-item.active .chat-item__time{color:#9b72f5}.chat-item.has-unread .chat-item__time{color:#c97706;font-weight:600}.chat-item__unread{color:#fff;background:#e53e5a;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:9.5px;font-weight:700;display:inline-flex;box-shadow:0 1px 4px #e53e5a4d}.chat-item__auto-badge{color:#7e56c1;white-space:nowrap;letter-spacing:.2px;background:linear-gradient(135deg,#6c5ce71a,#8b5cf61f);border-radius:6px;flex-shrink:0;align-items:center;gap:3px;padding:2px 7px;font-size:9px;font-weight:700;display:inline-flex}.load-more-btn{width:100%;color:var(--primary);cursor:pointer;background:0 0;border:none;padding:14px;font-family:inherit;font-size:13px;font-weight:800;transition:all .2s}.load-more-btn:hover{background:var(--primary-light)}.chat-main{background-color:#fcfaff99;background-image:radial-gradient(at 8% 35%,#8b5cf60a 0%,#0000 50%),radial-gradient(at 92% 65%,#6c5ce708 0%,#0000 50%),radial-gradient(#ddd6fe 1px,#0000 1px);background-size:auto,auto,22px 22px;flex-direction:column;flex:1;min-width:0;display:flex}.chat-main__header{-webkit-backdrop-filter:blur(20px);z-index:10;background:#ffffffd1;border-bottom:1px solid #6c5ce714;flex-shrink:0;align-items:center;gap:10px;padding:11px 16px;display:flex;box-shadow:inset 0 1px #ffffffe6,0 2px 12px #7e56c10d}.chat-header__avatar{color:#fff;background:linear-gradient(145deg,#8b5cf6,#6c5ce7);border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:17px;font-weight:800;display:flex;box-shadow:0 0 0 2.5px #6c5ce733,0 4px 12px #7e56c14d,inset 0 1px #ffffff40}.chat-back-btn{cursor:pointer;color:var(--primary);background:0 0;border:none;min-width:36px;min-height:44px;padding:8px 4px;font-size:22px;font-weight:800;display:none}.chat-main__header-info{flex-direction:column;flex:1;gap:4px;display:flex;overflow:hidden}.chat-header__row1{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chat-header__badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chat-main__name{color:#333;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:15px;font-weight:800;overflow:hidden}.client-id-badge{color:#6c5ce7;background:#6c5ce71a;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:600}.copy-btn{cursor:pointer;opacity:.45;background:0 0;border:none;padding:1px 3px;font-size:12px;transition:all .2s}.copy-btn:hover{opacity:1;color:#6c5ce7}.stat-badge{white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:3px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.stat-orders{color:#fff;background:linear-gradient(135deg,#6c5ce7,#8b5cf6);border:none;box-shadow:0 2px 8px #6c5ce74d}.stat-orders:hover{filter:brightness(1.1)}.stat-payout{color:#218c36;background:#effcf1;border:1px solid #c3e8cd}.stat-rating{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.chat-main__phone{color:#6c5ce7;background:#6c5ce70f;border-radius:8px;align-items:center;gap:3px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-flex}.chat-main__phone a{color:#6c5ce7;font-weight:600;text-decoration:none}.chat-main__phone a:hover{text-decoration:underline}@media (width<=768px){.chat-main__header{gap:8px;padding:8px 10px}.chat-header__avatar{width:34px;min-width:34px;height:34px;font-size:14px}.chat-main__header-info{gap:3px}.chat-header__row1{gap:6px}.chat-main__name{max-width:130px;font-size:13px}.chat-main__phone{padding:1px 6px;font-size:10px}.chat-header__badges{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:5px;padding:2px 0;overflow-x:auto}.chat-header__badges::-webkit-scrollbar{display:none}.stat-badge{padding:3px 8px;font-size:10px}.note-chip{max-width:110px;padding:3px 8px;font-size:10px}.note-chip--add{padding:3px 8px;font-size:10px}}.product-panel{background:#fff;border-bottom:1px solid #f5f5f5;flex-shrink:0;align-items:center;gap:14px;padding:11px 20px;display:flex}.product-panel__img{object-fit:cover;background:#eee;border-radius:10px;width:46px;height:46px}.product-panel__info{flex:1;overflow:hidden}.product-panel__name{white-space:nowrap;text-overflow:ellipsis;color:#333;font-size:14px;font-weight:700;overflow:hidden}.product-panel__meta{color:#666;gap:8px;margin-top:2px;font-size:12px;display:flex}.product-panel__price{color:var(--primary);background:var(--primary-light);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:900}.product-panel__link{color:#fff;white-space:nowrap;background:#333;border-radius:999px;flex-shrink:0;padding:7px 14px;font-size:11px;font-weight:800;text-decoration:none;transition:all .2s}.product-panel__link:hover{background:#555;text-decoration:none}.chat-messages{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:6px;padding:24px 20px;display:flex;overflow-y:auto}.chat-messages__empty{text-align:center;color:var(--text-muted);padding:30px}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.date-divider{align-items:center;gap:10px;margin:20px 0 12px;display:flex}.date-divider:before,.date-divider:after{content:"";background:linear-gradient(90deg,#0000,#6c5ce726,#0000);flex:1;height:1px}.date-divider span{color:#7c5cbf;letter-spacing:.4px;white-space:nowrap;background:linear-gradient(135deg,#f0e8ff,#e8deff);border:1px solid #6c5ce71f;border-radius:999px;padding:4px 14px;font-size:10.5px;font-weight:700}.message{max-width:76%;animation:msgSlideIn .25s var(--anim-spring,cubic-bezier(.16, 1, .3, 1)) both;flex-direction:column;display:flex}.message--sent{align-self:flex-end;align-items:flex-end}.message--received{align-self:flex-start;align-items:flex-start}.message__sender{color:#b0b0c0;letter-spacing:.3px;text-transform:uppercase;margin-bottom:4px;font-size:9.5px;font-weight:700}.message__bubble{word-break:break-word;white-space:pre-wrap;cursor:default;border-radius:22px;padding:11px 16px;font-size:14px;line-height:1.55;transition:transform .15s}.message__bubble:hover{transform:scale(1.008)}.message--received .message__bubble{color:#2a2a35;-webkit-backdrop-filter:blur(6px);background:#fffffff0;border:1px solid #6c5ce717;border-bottom-left-radius:6px;box-shadow:inset 0 1px #fffffff2,0 2px 12px #7e56c112}.message--sent .message__bubble{color:#2a1060;-webkit-backdrop-filter:blur(4px);background:#ede9ffd9;border:1px solid #8b6edc2e;border-bottom-right-radius:6px;box-shadow:inset 0 1px #ffffffb3,0 2px 8px #7e56c11f}.message--sent+.message--sent .message__bubble{border-top-right-radius:6px}.message--received+.message--received .message__bubble{border-top-left-radius:6px}.message__image{cursor:pointer;max-width:240px;transition:all .2s var(--anim-spring,cubic-bezier(.16, 1, .3, 1));border-radius:18px;margin-top:6px;display:block;box-shadow:0 4px 16px #7e56c126}.message__image:hover{transform:scale(1.03);box-shadow:0 8px 24px #7e56c133}.message__file{color:var(--primary);background:#6c5ce712;border:1px solid #6c5ce71f;border-radius:12px;align-items:center;gap:6px;margin-top:5px;padding:7px 12px;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.message__file:hover{background:#6c5ce724}.message__meta{opacity:.45;justify-content:flex-end;gap:5px;margin-top:4px;font-size:10px;display:flex}.quick-phrases{scrollbar-width:none;background:#fff;border-top:1px solid #6c5ce712;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;display:flex;overflow-x:auto}.quick-phrases::-webkit-scrollbar{display:none}.phrase-chip{color:#6c5ce7;cursor:pointer;white-space:nowrap;background:#6c5ce712;border:1.5px solid #6c5ce724;border-radius:999px;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;transition:background .14s,border-color .14s,color .14s}.phrase-chip:hover{color:#5a4dd4;background:#6c5ce724;border-color:#6c5ce747}.phrase-chip:active{opacity:.78}.phrase-delete{color:#dc2626;margin-left:6px;font-size:13px;font-weight:900}.phrase-delete:hover{color:#991b1b}.phrase-edit-active{color:#059669;background:#dcfce7;border-color:#059669}.phrase-edit-active:hover{color:#fff;background:#059669}.chat-input{background:#fff;border-top:1px solid #6c5ce712;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 16px;display:flex}.chat-input--readonly{color:#aaa;background:#faf8ff;flex-direction:row;justify-content:center;align-items:center;padding:14px 16px;font-size:13px;font-weight:600}.chat-input textarea{resize:none;width:100%;height:56px;color:var(--text-main);background:#f8f6ff99;border:1.5px solid #6c5ce726;border-radius:999px;padding:11px 18px;font-family:inherit;font-size:14px;line-height:1.4;transition:border-color .16s,box-shadow .16s}.chat-input textarea:focus{background:#fff;border-color:#6c5ce766;outline:none;box-shadow:0 0 0 3px #6c5ce714}.chat-input__tools{justify-content:space-between;align-items:center;display:flex}.chat-input__hint{color:#bbb;font-size:11px}.chat-input__hint strong{color:var(--text-muted)}.chat-input__tools button{color:#fff;cursor:pointer;background:#6c5ce7;border:none;border-radius:999px;padding:10px 26px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s,box-shadow .15s,transform .15s;box-shadow:0 2px 8px #6c5ce740,inset 0 1px #ffffff26}.chat-input__tools button:hover:not(:disabled){background:#5a4dd4;transform:translateY(-1px);box-shadow:0 4px 14px #6c5ce759,inset 0 1px #ffffff26}.chat-input__tools button:active:not(:disabled){transform:scale(.97)}.chat-input__tools button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;background:#c5c0d8}.chat-input__send{align-items:center;gap:6px;display:inline-flex}.chat-input__tools .chat-input__attach{color:var(--primary);box-shadow:none;background:#6c5ce70f;border-radius:50%;padding:8px}.chat-input__mini-send,.chat-input__actions,.chat-input__send-btn{display:none}.chat-main__empty{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.chat-main__empty-icon{opacity:.35;margin-bottom:10px;font-size:44px}.chat-main__empty p{font-size:15px;font-weight:700}@media (width<=768px){.chat-container{gap:0;height:calc(100dvh - 56px);padding:0}.chat-layout{box-shadow:none;border:none;border-radius:0;position:relative;overflow:hidden}.chat-sidebar{z-index:20;-webkit-backdrop-filter:blur(20px);background:#fdfbfffa;border-right:none;border-radius:0;flex-direction:column;width:100%;display:flex;position:absolute;inset:0}.chat-main{z-index:30;background:#fff;width:100%;display:none;position:absolute;inset:0;overflow:hidden}.chat-main.show-mobile{animation:slideInFromRight .3s var(--anim-spring,cubic-bezier(.16, 1, .3, 1)) both;flex-direction:column;display:flex}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.chat-sidebar.show-mobile{animation:slideInFromLeft .25s var(--anim-spring,cubic-bezier(.16, 1, .3, 1)) both;flex-direction:column;display:flex}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.chat-sidebar:not(.show-mobile){display:none}.chat-back-btn{display:block}.chat-messages{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0}.message{max-width:88%}}@media (width<=640px){.chat-container{height:calc(100dvh - 56px)}body.keyboard-open .chat-container{height:100dvh}.chat-input{padding:6px 8px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(16px);background:#fffffff2;border-top:1px solid #6c5ce71a;flex-direction:row;align-items:flex-end;gap:6px}.chat-input textarea{box-sizing:border-box;resize:none;background:#faf8ff;border:1.5px solid #e8e0f8;border-radius:18px;flex:1;min-width:0;height:auto;min-height:36px;max-height:100px;padding:7px 12px;font-size:16px}.chat-input textarea:focus{border-color:var(--primary);background:#fff}.chat-input__tools{display:none!important}.chat-input__hint,.chat-input__mini-send{display:none}.chat-input__actions{flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.chat-input__attach{width:36px;min-width:36px;height:36px;color:var(--primary);cursor:pointer;background:#6c5ce714;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.chat-input__send-btn{color:#fff;cursor:pointer;background:#6c5ce7;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;padding:0;transition:background .15s,transform .15s;display:flex;box-shadow:0 2px 8px #6c5ce747,inset 0 1px #ffffff1f}.chat-input__send-btn:hover:not(:disabled){background:#5a4dd4;transform:scale(1.05)}.chat-input__send-btn:active:not(:disabled){transform:scale(.93)}.chat-input__send-btn:disabled{opacity:.35;box-shadow:none}.chat-input__send-btn svg{display:block}.quick-phrases{gap:5px;padding:5px 8px}.phrase-chip{padding:4px 10px;font-size:10px}.chat-messages{gap:6px;padding:10px 8px}.message__bubble{border-radius:16px;padding:8px 12px;font-size:13px}.chat-input--readonly{flex-direction:row;padding:10px;font-size:12px}}.image-lightbox{z-index:9999;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.image-lightbox img{cursor:default;border-radius:12px;max-width:92vw;max-height:90vh;animation:.2s zoomIn;box-shadow:0 8px 40px #00000080}.image-lightbox__close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;transition:all .2s;display:flex;position:absolute;top:16px;right:20px}.image-lightbox__close:hover{background:#ffffff4d}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.chat-input__attach{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:20px;transition:all .2s}.chat-input__attach:hover{background:var(--primary-light)}.chat-input__attach:disabled{opacity:.4;cursor:not-allowed}.phrase-chip--ttn{align-items:center;gap:4px;display:inline-flex;color:#d97706!important;background:#f59e0b1a!important;border-color:#f59e0b40!important}.phrase-chip--ttn:hover{color:#fff!important;background:#f59e0b!important;border-color:#f59e0b!important}.phrase-chip--ttn:disabled{opacity:.5;cursor:wait}.phrase-chip--ttn svg{flex-shrink:0}.ttn-toast{z-index:9999;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;margin:0;padding:10px 20px;font-size:13px;font-weight:700;animation:.35s cubic-bezier(.16,1,.3,1) forwards ttnToastIn;display:flex;position:fixed;bottom:24px;left:50%;box-shadow:0 8px 24px #00000026}.ttn-toast--success{color:#166534;background:#f0fdf4;border:1.5px solid #86efac}.ttn-toast--warning{color:#92400e;background:#fffbeb;border:1.5px solid #fcd34d}.ttn-toast--info{color:#4338ca;background:#eef2ff;border:1.5px solid #a5b4fc}@keyframes ttnToastIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.message__image{border-radius:10px;max-width:260px;max-height:200px;margin-top:6px;transition:all .2s;display:block}.message__image:hover{opacity:.9;transform:scale(1.02)}.message__file-link{color:var(--primary);background:#6c5ce71a;border-radius:8px;align-items:center;gap:6px;margin-top:4px;padding:8px 12px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.message__file-link:hover{background:#6c5ce733}.chat-input__preview{border:1.5px solid var(--border-color);background:#f8f6fc;border-bottom:none;border-radius:12px 12px 0 0;align-items:center;gap:8px;padding:8px 12px;display:flex}.chat-input__preview img{object-fit:cover;border:2px solid var(--primary);border-radius:8px;width:64px;height:64px}.chat-input__preview button{color:#d32f2f;cursor:pointer;background:#ffebee;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.chat-input__preview button:hover{background:#ffcdd2}.chat-item.is-pinned{border-left:2px solid var(--primary);background:#6c5ce70a}.pin-icon{margin-right:3px;font-size:11px}.pin-btn{cursor:pointer;opacity:.3;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:14px;transition:all .2s}.chat-item:hover .pin-btn{opacity:.7}.pin-btn:hover{transform:scale(1.2);opacity:1!important}.pin-btn.pinned{opacity:.8}.phrase-settings-btn{opacity:.6}.phrase-settings-btn:hover{opacity:1}.phrases-hint{color:#999;text-align:center;margin:0 0 8px;font-size:12px}.phrase-edit-card{border-left:3px solid var(--primary);background:#f8f7ff;border-radius:10px;padding:10px 12px}.phrase-edit-card__top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.phrase-edit-card__label{font-size:14px;font-weight:600}.phrase-edit-card__actions{gap:4px;display:flex}.phrase-edit-card__actions button{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:16px;transition:all .15s}.phrase-edit-card__actions button:hover{background:#0000000d}.phrase-edit-card__text{color:#666;white-space:pre-wrap;font-size:13px;line-height:1.4}.phrase-add-btn,.phrase-restore-btn{width:100%;color:var(--primary);cursor:pointer;background:0 0;border:2px dashed #6c5ce74d;border-radius:10px;padding:10px;font-size:14px;font-weight:600;transition:all .2s}.phrase-add-btn:hover,.phrase-restore-btn:hover{border-color:var(--primary);background:#6c5ce70d}.phrase-new-card{border-left-color:#10b981}.phrase-form{flex-direction:column;gap:8px;display:flex}.phrase-form__row{gap:8px;display:flex}.phrase-form__emoji{text-align:center;background:#fff;border:1px solid #ddd;border-radius:8px;width:48px;padding:6px;font-size:20px}.phrase-form__label{background:#fff;border:1px solid #ddd;border-radius:8px;flex:1;padding:6px 10px;font-size:14px}.phrase-form__text{resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}.phrase-form__btns{gap:8px;display:flex}.phrase-form__save{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;padding:8px;font-size:13px;font-weight:600}.phrase-form__save:hover{filter:brightness(1.1)}.phrase-form__cancel{cursor:pointer;color:#666;background:#f3f4f6;border:none;border-radius:8px;padding:8px 14px;font-size:13px}.phrase-form__cancel:hover{background:#e5e7eb}.orders-btn{cursor:pointer;border:none;transition:all .2s}.orders-btn:hover{filter:brightness(1.15);transform:scale(1.05)}.orders-overlay{z-index:1000;background:#0006;justify-content:center;align-items:flex-end;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.orders-sheet{background:#fff;border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-width:520px;max-height:70vh;animation:.2s slideUp;display:flex;box-shadow:0 -4px 30px #00000026}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.orders-sheet__header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.orders-sheet__header h3{margin:0;font-size:16px}.orders-sheet__header button{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:20px}.orders-sheet__header button:hover{background:#f3f4f6}.orders-sheet__body{flex-direction:column;gap:10px;padding:12px 16px;display:flex;overflow-y:auto}.orders-sheet__loading,.orders-sheet__empty{text-align:center;color:#999;padding:24px}.order-card{border-left:3px solid var(--primary);background:#f8f7ff;border-radius:10px;padding:12px 14px}.order-card__top{align-items:center;gap:8px;margin-bottom:6px;display:flex}.order-card__id{font-size:14px;font-weight:700}.order-card__date{color:#999;font-size:12px}.order-card__status{color:#fff;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.order-card__product{color:#555;justify-content:space-between;padding:2px 0;font-size:13px;display:flex}.order-card__product span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:65%;overflow:hidden}.order-card__qty{color:#888;white-space:nowrap}.order-card__bottom{border-top:1px solid #6c5ce71a;justify-content:space-between;align-items:center;margin-top:8px;padding-top:6px;display:flex}.order-card__price{color:var(--primary);font-size:15px;font-weight:700}.order-card__ttn{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#6c5ce71a;border:none;border-radius:6px;max-width:200px;padding:4px 10px;font-size:12px;transition:all .2s;overflow:hidden}.order-card__ttn:hover{background:#6c5ce733}.order-card__no-ttn{color:#bbb;font-size:12px}