[x-cloak]{display:none!important}.glass{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.chat-main-outer-container{display:flex;width:100%;height:100%;background:#fff;position:relative;font-family:Inter,sans-serif}.chat-left-area{flex:1;display:flex;flex-direction:column;border-right:1px solid #ebebeb;height:100%;min-width:0;background:#fff}.chat-header{height:70px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f0f0;background:#fff}.chat-header-left{display:flex;align-items:center;gap:15px}.customer-avatar-circle{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#0084ff,#00c6ff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;box-shadow:0 4px 10px #0084ff33}.chat-messages-scroll{flex:1;overflow-y:auto;padding:30px;background-color:#fff;background-image:radial-gradient(#f0f0f0 1px,transparent 1px);background-size:20px 20px;display:flex;flex-direction:column;gap:20px}.message-row{display:flex;width:100%;margin-bottom:5px}.message-row.sent{justify-content:flex-end}.message-row.received{justify-content:flex-start}.bubble{max-width:75%;padding:12px 18px;font-size:15px;line-height:1.5;position:relative;word-wrap:break-word}.bubble-sent{background-color:#0084ff;color:#fff!important;border-radius:20px 20px 4px;box-shadow:0 4px 12px #0084ff26}.bubble-received{background-color:#f0f2f5;color:#050505!important;border-radius:20px 20px 20px 4px}.chat-input-area{padding:20px;border-top:1px solid #f0f0f0;background:#fff}.input-wrapper{display:flex;align-items:center;gap:12px;background:#f0f2f5;border-radius:25px;padding:5px 20px;transition:all .2s}.input-wrapper:focus-within{background:#fff;box-shadow:0 0 0 2px #0084ff1a;border:1px solid #0084ff33}.chat-input{flex:1;border:none!important;background:transparent!important;padding:10px 0;outline:none!important;font-size:15px;box-shadow:none!important}.send-btn{background:none;border:none;color:#0084ff;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.send-btn:hover{transform:scale(1.1)}.chat-right-sidebar{width:320px;background:#fff;display:flex;flex-direction:column;height:100%}.sidebar-header{padding:40px 20px;text-align:center;border-bottom:1px solid #f8f8f8}.sidebar-section{padding:25px;border-bottom:1px solid #f8f8f8}.section-label{font-size:11px;text-transform:uppercase;font-weight:800;color:#999;letter-spacing:1px;margin-bottom:15px;display:block}.status-card{background:#fcfcfc;border:1px solid #f0f0f0;padding:15px;border-radius:12px;display:flex;align-items:center;justify-content:space-between}.sidebar-select{width:100%;padding:12px;border-radius:10px;border:1px solid #e0e0e0;font-size:14px;outline:none;background:#fff}.back-link{color:#0084ff;text-decoration:none;font-weight:600;font-size:14px;display:flex;align-items:center;gap:5px}.back-link:hover{text-decoration:underline}.icon-small{width:18px!important;height:18px!important}.ticket-bubble{max-width:85%;padding:10px 16px;font-size:15px;line-height:1.5;position:relative;word-wrap:break-word;overflow-wrap:anywhere;animation:messageSlideIn .4s cubic-bezier(.17,.84,.44,1)}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ticket-bubble-sent{background-color:#007aff;color:#fff;border-radius:18px 18px 2px;align-self:flex-end;margin-left:auto;margin-right:6rem;box-shadow:0 4px 15px #007aff26}.ticket-bubble-received{background-color:#f2f2f7;color:#000;border-radius:18px 18px 18px 2px;align-self:flex-start;margin-right:auto;border:1px solid rgba(0,0,0,.02)}.meta-text{font-size:10px;color:#a1a1aa;margin-top:4px;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.chat-container-bg{background-color:#fff;background-image:radial-gradient(#e5e7eb .5px,transparent .5px);background-size:24px 24px}.glass-card{background:#ffffff8c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:28px;border:1px solid rgba(255,255,255,.35);box-shadow:0 20px 40px #00000014,inset 0 1px #fff6}.glass-header{background:#ffffff59;border-bottom:1px solid rgba(255,255,255,.4)}.glass-body{background:#ffffff40}.glass-avatar{width:96px;height:96px;border-radius:28px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:900;color:#4f46e5;box-shadow:0 12px 30px #4f46e540,inset 0 1px #fff9}.online-dot{position:absolute;bottom:-4px;right:-4px;width:24px;height:24px;background:#22c55e;border:4px solid #ffffff;border-radius:999px;box-shadow:0 4px 10px #00000026}.label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.2em;color:#9ca3af}.profile-label{font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:#9ca3af;margin-top:4px}.info-row{display:flex;align-items:center;justify-content:space-between}.status-badge{padding:6px 14px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.status-open{background:#3b82f626;color:#2563eb}.status-closed{background:#6b728026;color:#4b5563}.ref-id{font-size:14px;font-weight:900;color:#111827}.topic-box{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:16px;font-size:14px;font-weight:700;color:#1f2937;border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 1px #ffffff80}.docs-page body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#2a4ce2,#b9c5d1);color:#333;line-height:1.6}.docs-page .container{max-width:1400px;margin:0 auto;display:flex;min-height:100vh}.docs-page .sidebar{width:280px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px 20px;position:sticky;top:0;height:100vh;overflow-y:auto;box-shadow:2px 0 20px #0000001a}.docs-page .sidebar h2{color:#667eea;margin-bottom:25px;font-size:24px;border-bottom:2px solid #667eea;padding-bottom:10px}.docs-page .sidebar ul{list-style:none}.docs-page .sidebar li{margin:8px 0}.docs-page .sidebar a{color:#555;text-decoration:none;display:block;padding:10px 15px;border-radius:8px;transition:all .3s ease;font-weight:500}.docs-page .sidebar a:hover{background:#667eea;color:#fff;transform:translate(5px)}.docs-page .sidebar .sub-menu{margin-left:20px;margin-top:5px}.docs-page .sidebar .sub-menu a{font-size:14px;font-weight:400;color:#777}.docs-page .main-content{flex:1;background:#fff;padding:50px 60px;margin:20px;border-radius:20px;box-shadow:0 10px 50px #00000026}.docs-page .header{margin-bottom:50px;padding-bottom:30px;border-bottom:3px solid #f0f0f0}.docs-page .header h1{color:#667eea;font-size:48px;margin-bottom:15px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.docs-page .header p{color:#666;font-size:18px}.docs-page .section{margin-bottom:60px;scroll-margin-top:20px}.docs-page .section h2{color:#333;font-size:32px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #667eea}.docs-page .section h3{color:#555;font-size:24px;margin-top:30px;margin-bottom:15px}.docs-page .section h4{color:#666;font-size:18px;margin-top:20px;margin-bottom:10px}.docs-page .section p{color:#555;margin-bottom:15px;font-size:16px}.docs-page .code-block{background:#1e1e1e;color:#d4d4d4;padding:25px;border-radius:12px;overflow-x:auto;margin:20px 0;font-family:Courier New,monospace;font-size:14px;box-shadow:0 4px 15px #0003}.docs-page .code-block .comment{color:#6a9955}.docs-page .code-block .keyword{color:#569cd6}.docs-page .code-block .string{color:#ce9178}.docs-page .info-box{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid #2196f3;padding:20px;margin:20px 0;border-radius:8px}.docs-page .warning-box{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-left:4px solid #ff9800;padding:20px;margin:20px 0;border-radius:8px}.docs-page .success-box{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:4px solid #4caf50;padding:20px;margin:20px 0;border-radius:8px}.docs-page table{width:100%;border-collapse:collapse;margin:20px 0;box-shadow:0 2px 10px #0000001a}.docs-page table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px;text-align:left;font-weight:600}.docs-page table td{padding:12px 15px;border-bottom:1px solid #e0e0e0}.docs-page table tr:hover{background:#f5f5f5}.docs-page ul,.docs-page ol{margin-left:30px;margin-bottom:15px}.docs-page li{margin-bottom:8px;color:#555}.docs-page .btn{display:inline-block;padding:12px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:25px;margin-top:10px;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.docs-page .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.docs-page .endpoint{background:#f8f9fa;padding:15px;border-radius:8px;margin:15px 0;border-left:4px solid #667eea}.chat-page-content{display:flex;flex-direction:column}.field_icon{top:1px}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.admin-chat-full-screen .content-wrapper,.admin-chat-full-screen .main-section,.admin-chat-full-screen .container-fluid{padding:0!important;margin:0!important}.view-wrapper{display:flex;width:200%;min-height:calc(100vh - 64px);transition:transform .5s cubic-bezier(.16,1,.3,1);will-change:transform}.view-list{width:50%;height:auto;min-height:calc(100vh - 64px);flex-shrink:0}.view-chat{width:50%;height:calc(100vh - 64px);flex-shrink:0;overflow-y:hidden;position:sticky;top:0}.state-chat .view-wrapper{transform:translate(-50%)}.state-list .view-wrapper{transform:translate(0)}.ticket-card{transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid #eef2f6}.ticket-card:hover{background-color:#fff;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a;border-color:#3b82f6;z-index:10}.stat-card-premium{background:#fff;border-radius:20px;padding:25px;box-shadow:0 10px 30px #00000008;border:1px solid #f0f0f0;transition:all .3s ease;display:flex;align-items:center;gap:20px}.stat-card-premium:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000014}.stat-icon-wrapper{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px}.card-title-premium{font-size:14px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.card-value-premium{font-size:28px;font-weight:900;color:#333;line-height:1}.table-card-premium{background:#fff;border-radius:24px;padding:30px;box-shadow:0 10px 40px #0000000a;border:1px solid #f0f0f0}.messenger-wrapper{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f0f2f5;height:calc(100vh - 80px)}.chat-scroll::-webkit-scrollbar{width:6px}.chat-scroll::-webkit-scrollbar-thumb{background-color:#bcc0c4;border-radius:10px}.chat-scroll::-webkit-scrollbar-track{background-color:transparent}