*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--primary-bg: #eef2ff;--secondary: #f59e0b;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--info: #3b82f6;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-card: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--border-color: #e5e7eb;--hover-bg: #f3f4f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #818cf8 100%)}body.dark-mode{--primary: #818cf8;--primary-dark: #6366f1;--primary-light: #a5b4fc;--primary-bg: #312e81;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--hover-bg: #334155;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-secondary);color:var(--text-primary);line-height:1.6;transition:all .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-container{display:flex;min-height:100vh}.header{position:fixed;top:0;left:260px;right:0;height:70px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 32px;z-index:100;transition:all .3s ease;box-shadow:var(--shadow-sm)}.header.sidebar-collapsed{left:94px}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%}.page-title{font-size:24px;font-weight:600;color:var(--text-primary)}.header-actions{display:flex;align-items:center;gap:16px}.search-box{position:relative;width:300px}.search-input{width:100%;padding:10px 16px 10px 42px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;transition:all .3s}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg);background:var(--bg-primary)}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.header-button{width:40px;height:40px;border-radius:10px;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;position:relative}.header-button:hover{background:var(--hover-bg);color:var(--primary);border-color:var(--primary)}.notification-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--danger);border-radius:50%;border:2px solid var(--bg-primary)}.user-avatar{width:40px;height:40px;border-radius:10px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;cursor:pointer;transition:transform .3s}.user-avatar:hover{transform:scale(1.05)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:var(--bg-primary);border-right:1px solid var(--border-color);transition:all .3s ease;overflow-y:auto;z-index:200}.sidebar.collapsed{width:94px}.sidebar.collapsed .sidebar-header{padding:0 20px;justify-content:flex-start}.sidebar.collapsed .logo{gap:0}.sidebar.collapsed .nav-item{padding:12px 20px;gap:0;justify-content:flex-start}.sidebar.collapsed .nav-icon{margin:0}.sidebar-header{height:70px;display:flex;align-items:center;justify-content:flex-start;padding:0 20px;border-bottom:1px solid var(--border-color)}.logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:var(--text-primary);text-decoration:none;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.logo-icon{width:40px;height:40px;background:var(--gradient-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}.logo-text{white-space:nowrap;opacity:1;transition:opacity .3s}.sidebar.collapsed .logo-text{opacity:0}.collapse-btn{display:none}.nav-menu{padding:20px 0}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;margin:0;border-radius:0;color:var(--text-secondary);text-decoration:none;font-size:15px;font-weight:500;transition:all .3s;position:relative;cursor:pointer;white-space:nowrap}.nav-item:hover{color:var(--primary);background:var(--hover-bg)}.nav-item.active{color:var(--primary);background:var(--primary-bg)}.nav-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.nav-text{opacity:1;transition:opacity .3s}.sidebar.collapsed .nav-text{opacity:0}.main-content{flex:1;margin-left:260px;margin-top:70px;padding:32px;transition:margin-left .3s ease;min-height:calc(100vh - 70px)}.main-content.sidebar-collapsed{margin-left:94px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;position:relative;overflow:hidden;transition:all .3s;box-shadow:var(--shadow-sm)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary)}.stat-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.stat-info{flex:1}.stat-title{font-size:14px;color:var(--text-secondary);font-weight:500;margin-bottom:8px}.stat-icon{width:48px;height:48px;background:var(--primary-bg);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--primary)}.stat-value{font-size:30px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.stat-change{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--danger)}.stat-card.highlight{background:var(--gradient-primary);border:none;color:#fff}.stat-card.highlight .stat-icon{background:#fff3;color:#fff}.stat-card.highlight .stat-title{color:#ffffffe6}.stat-card.highlight .stat-value,.stat-card.highlight .stat-change{color:#fff}.tabs-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm)}.tabs-header{display:flex;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.tab-button{padding:16px 24px;background:transparent;border:none;font-size:15px;font-weight:500;color:var(--text-secondary);cursor:pointer;position:relative;transition:all .3s}.tab-content{padding:32px;overflow:visible;position:relative}.table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;margin-bottom:32px;box-shadow:var(--shadow-sm);position:relative}.table-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--bg-tertiary)}.table-title{font-size:18px;font-weight:600;color:var(--text-primary)}.table-wrapper{overflow-x:auto;border-radius:0 0 16px 16px}.table{width:100%;border-collapse:collapse}.table th{text-align:center;padding:16px 24px;font-weight:600;font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-tertiary)}.table td{text-align:center}.table th[style*="cursor: pointer"]{position:relative;transition:background-color .2s}.table th[style*="cursor: pointer"]:hover{background-color:var(--hover-bg)}.table td{padding:20px 24px;border-top:1px solid var(--border-color);font-size:15px}.table tr:hover{background:var(--hover-bg)}.table-actions{display:flex;gap:8px}.btn{padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--hover-bg);border-color:var(--primary);color:var(--primary)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#059669;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-icon{width:36px;height:36px;padding:0;border-radius:8px;display:flex;align-items:center;justify-content:center}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500}.status-badge.active{background:#d1fae5;color:#065f46}body.dark-mode .status-badge.active{background:#10b98133;color:#10b981}.status-badge.inactive{background:#fee2e2;color:#991b1b}body.dark-mode .status-badge.inactive{background:#ef444433;color:#ef4444}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.detail-title-section{display:flex;align-items:center;gap:16px}.back-button{width:40px;height:40px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;text-decoration:none}.back-button:hover{background:var(--hover-bg);color:var(--primary);border-color:var(--primary)}.push-message-management{padding:0}.push-message-management .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.push-message-management .page-title{font-size:24px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:12px}.filter-tabs{display:flex;gap:4px;margin-bottom:24px;background:var(--bg-tertiary);padding:4px;border-radius:12px}.filter-tab{padding:10px 20px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .3s}.filter-tab:hover{background:var(--hover-bg);color:var(--text-primary)}.filter-tab.active{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.badge-success{background:#d1fae5;color:#065f46}body.dark-mode .badge-success{background:#10b98133;color:#10b981}.badge-warning{background:#fef3c7;color:#92400e}body.dark-mode .badge-warning{background:#f59e0b33;color:#f59e0b}.badge-info{background:#dbeafe;color:#1e3a8a}body.dark-mode .badge-info{background:#3b82f633;color:#3b82f6}.action-buttons{display:flex;gap:8px}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:50%;transform:translateY(-50%);z-index:1000;display:none;min-width:160px;padding:8px 0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg)}.dropdown-menu.show{display:block}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;border:none;background:none;color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:all .2s}.dropdown-item:hover{background:var(--hover-bg)}.dropdown-item.text-danger{color:var(--danger)}.dropdown-menu-left{right:100%;margin-right:8px}.modal-confirm .modal-content{max-width:500px}.modal-confirm .alert{display:flex;gap:16px;padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0}body.dark-mode .modal-confirm .alert{background:#ef44441a;border-color:#ef44444d}.modal-confirm .alert i{font-size:24px;color:var(--danger);flex-shrink:0}.modal-confirm .alert h4{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary)}.modal-confirm .alert p{margin:8px 0;color:var(--text-primary)}.modal-confirm .alert ul{margin:8px 0 0;padding-left:20px}.modal-confirm .alert li{margin:4px 0;color:var(--text-secondary);font-size:14px}.confirm-input-section{margin-top:20px;padding:16px;background:var(--bg-tertiary);border-radius:8px}.confirm-input-section label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.confirm-input-section .form-control{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--text-primary)}.confirm-input-section .form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.btn-danger:disabled{opacity:.5;cursor:not-allowed;background:var(--danger)}.btn-danger:disabled:hover{background:var(--danger)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state i{font-size:48px;margin-bottom:16px;opacity:.3}.empty-state p{font-size:16px;margin:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary)}.loading-state i{font-size:32px;margin-bottom:16px;animation:spin 1s linear infinite}.loading-state p{font-size:16px}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--danger)}.error-state i{font-size:48px;margin-bottom:16px}.error-state p{font-size:16px;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.header{left:80px}.sidebar{width:80px}.sidebar .logo-text,.sidebar .nav-text{opacity:0}.main-content{margin-left:80px}.search-box{width:200px}}@media (max-width: 768px){.header{left:0;padding:0 20px}.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0);width:260px}.main-content{margin-left:0;padding:20px}.stats-grid,.info-grid{grid-template-columns:1fr}.search-box{display:none}.tabs-header{overflow-x:auto;-webkit-overflow-scrolling:touch}}.branch-notice{background:var(--primary-bg);border:1px solid var(--primary);color:var(--primary);padding:16px 20px;border-radius:10px;margin-bottom:24px;display:flex;align-items:center;gap:12px}.chat-bubble{background:#fff;padding:12px 16px;border-radius:16px;max-width:70%;word-wrap:break-word;white-space:pre-wrap;box-shadow:0 1px 2px #0000001a;position:relative}.chat-bubble:before{content:"";position:absolute;bottom:8px;left:-5px;width:10px;height:10px;background:#fff;transform:rotate(45deg)}.sticky-preview{position:sticky!important;top:20px!important;height:fit-content;max-height:calc(100vh - 200px);overflow-y:auto}.tabs-container{overflow:visible}.main-content{overflow-y:visible}@media (max-width: 1200px){.message-editor-grid{grid-template-columns:1fr 350px}}@media (max-width: 1024px){.message-editor-grid{grid-template-columns:1fr}.sticky-preview{position:static!important;max-height:none;margin-top:24px}.info-grid{grid-template-columns:1fr;gap:24px}}@media (max-width: 768px){.message-editor-card,.message-item{padding:16px}.form-input,.message-textarea{font-size:14px}.btn{padding:8px 16px;font-size:14px}.chat-preview-container{max-width:100%}.message-editor-header{flex-wrap:wrap;gap:12px}.message-editor-title{font-size:16px}.message-type-select{font-size:14px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:600px}.form-grid{display:grid;grid-template-columns:1fr;gap:12px}}.btn-sm{padding:6px 12px;font-size:13px}.btn-danger{background:var(--danger);color:#fff;border:1px solid var(--danger)}.btn-danger:hover{background:#c82333;border-color:#bd2130;transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.message-content-scroll{scrollbar-width:thin;scrollbar-color:#ccc #f0f2f5}.message-content-scroll::-webkit-scrollbar{width:6px}.message-content-scroll::-webkit-scrollbar-track{background:#f0f2f5;border-radius:3px}.message-content-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.message-content-scroll::-webkit-scrollbar-thumb:hover{background:#aaa}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-card);border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-xl);display:flex;flex-direction:column}.modal-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:20px;font-weight:600;color:var(--text-primary)}.modal-close{width:36px;height:36px;border-radius:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.modal-close:hover{background:var(--hover-bg);color:var(--primary);border-color:var(--primary)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:20px 24px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:flex-end;gap:12px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.form-control{width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:15px;transition:all .3s}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.form-control-sm{padding:6px 10px;font-size:14px}.tag-checkbox-list{display:flex;flex-wrap:wrap;gap:8px}.tag-checkbox{display:flex;align-items:center;cursor:pointer}.tag-checkbox input[type=checkbox]{display:none}.tag-label{padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .2s;opacity:.5;cursor:pointer}.tag-checkbox input[type=checkbox]:checked+.tag-label{opacity:1;box-shadow:0 0 0 2px var(--primary)}.note-text{font-size:13px;color:var(--text-muted);background:var(--bg-tertiary);padding:12px;border-radius:8px;margin-top:8px}.profile-upload-section{display:flex;align-items:center;gap:16px}.profile-preview{width:80px;height:80px;border-radius:12px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--border-color)}.profile-preview i{font-size:32px;color:var(--text-muted)}.form-info{font-size:13px;color:var(--text-muted);background:var(--bg-tertiary);padding:12px;border-radius:8px;margin-top:16px;display:flex;align-items:center;gap:8px}.form-info i{color:var(--primary)}.selected-tags-display{display:flex;flex-wrap:wrap;gap:8px;min-height:32px;padding:8px 0}.log-card{border:2px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000001a}body.dark-mode .log-card{border-color:var(--border);background-color:var(--bg-secondary)}.log-card-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6}body.dark-mode .log-card-header{background-color:var(--bg-tertiary);border-bottom-color:var(--border)}.log-file-name{font-size:1.1rem}body.dark-mode .log-file-name{color:var(--text)}.log-card-body{padding:20px}.log-textarea{height:300px;font-family:monospace;font-size:12px;background-color:#fff;border:1px solid #ced4da;border-radius:4px;padding:10px}body.dark-mode .log-textarea{background-color:var(--bg-primary);border-color:var(--border);color:var(--text)}body.dark-mode .log-textarea:focus{background-color:var(--bg-primary);border-color:var(--primary);color:var(--text)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:32px}.info-section{padding:24px;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-color)}.info-section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:20px;display:flex;align-items:center;gap:12px}.profile-section{display:flex;align-items:center;gap:20px;margin-bottom:24px}.profile-image{width:80px;height:80px;border-radius:16px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff}.form-group{margin-bottom:20px}.form-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.form-input,.form-textarea{width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:15px;transition:all .3s}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.form-textarea{resize:vertical;min-height:100px;font-family:inherit}.tabs-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-sm)}.tabs-header{display:flex;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);overflow-x:auto;border-radius:16px 16px 0 0}.tab-button{padding:16px 24px;background:transparent;border:none;font-size:15px;font-weight:500;color:var(--text-secondary);cursor:pointer;position:relative;transition:all .3s;white-space:nowrap}.tab-button:hover{color:var(--text-primary);background:var(--hover-bg)}.tab-button.active{color:var(--primary);background:var(--bg-card)}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary)}.tab-content{padding:32px;border-radius:0 0 16px 16px}.checkbox-wrapper{display:flex;align-items:center;justify-content:center}.checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.table-compact td{padding:12px 16px;font-size:14px}.table-compact th{padding:12px 16px;font-size:12px}.token-display{display:flex;align-items:center;gap:8px;max-width:200px}.token-text{font-family:monospace;font-size:12px;background:var(--bg-tertiary);padding:4px 8px;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.token-copy-btn{padding:4px 8px;font-size:12px;background:transparent;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;color:var(--text-secondary);transition:all .2s}.token-copy-btn:hover{background:var(--hover-bg);color:var(--primary);border-color:var(--primary)}.url-display{font-size:12px;color:var(--primary);text-decoration:none;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.url-display:hover{text-decoration:underline}.chat-preview-container{background:#7494c0;border-radius:12px;padding:20px;height:600px;overflow:hidden;position:relative}.chat-preview-header{background:#0003;color:#fff;padding:12px 16px;border-radius:8px 8px 0 0;display:flex;align-items:center;gap:12px;margin:-20px -20px 20px}.chat-preview-avatar{width:36px;height:36px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:700}.chat-preview-body{height:calc(100% - 60px);overflow-y:auto;padding:20px 0}.chat-message{display:flex;margin-bottom:16px;align-items:flex-end;gap:8px}.chat-message-avatar{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:700;flex-shrink:0}.chat-bubble{background:var(--bg-card);color:var(--text-primary);padding:12px 16px;border-radius:16px;max-width:70%;word-wrap:break-word;white-space:pre-wrap;box-shadow:0 1px 2px #0000001a;position:relative}.chat-bubble:before{content:"";position:absolute;bottom:8px;left:-5px;width:10px;height:10px;background:var(--bg-card);transform:rotate(45deg)}.chat-time{font-size:11px;color:#fffc;margin-left:56px;margin-top:-8px;margin-bottom:8px}.message-editor-grid{display:grid;grid-template-columns:1fr 400px;gap:24px;align-items:start}.message-editor-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px}.message-editor-card.sticky-preview{position:-webkit-sticky;position:sticky;top:20px;height:fit-content;z-index:10}.tab-content{position:relative;overflow:visible}.message-editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.message-editor-title{font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.message-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:12px;position:relative}.message-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.message-item-number{background:var(--primary);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.message-item-actions{display:flex;gap:8px}.message-type-select{padding:6px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:14px}.message-textarea{width:100%;min-height:80px;padding:10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;resize:vertical;font-family:inherit}.message-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.add-message-btn{width:100%;padding:12px;border:2px dashed var(--border-color);border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.add-message-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.remove-message-btn{padding:4px 8px;background:transparent;border:1px solid var(--danger);color:var(--danger);border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.remove-message-btn:hover{background:var(--danger);color:#fff}