.login-viewport{background-color:#0f172a;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;font-family:inherit;display:flex;position:relative;overflow:hidden}.bg-glow-circle{filter:blur(120px);opacity:.15;z-index:1;border-radius:50%;width:300px;height:300px;position:absolute}.purple-glow{background-color:#7c3aed;top:15%;left:20%}.pink-glow{background-color:#db2777;bottom:15%;right:20%}.login-card-wrapper{z-index:10;background-color:#1e293b;border:1px solid #334155;border-radius:12px;width:100%;max-width:360px;padding:1.5rem;position:relative;box-shadow:0 10px 25px -5px #0000004d,0 8px 10px -6px #0000004d}.login-header-zone{text-align:center;margin-bottom:1.25rem}.login-brand-icon{color:#7c3aed;background-color:#7c3aed1a;border:1px solid #7c3aed33;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;margin:0 auto .5rem;display:flex}.login-header-zone h1{color:#f8fafc;letter-spacing:-.3px;margin:0;font-size:1.25rem;font-weight:700}.login-header-zone p{color:#94a3b8;margin-top:.25rem;font-size:.78rem}.login-error-alert{color:#f87171;background-color:#ef44441a;border:1px solid #ef444433;border-radius:6px;align-items:flex-start;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem;font-size:.75rem;line-height:1.4;display:flex}.login-error-alert svg{flex-shrink:0;margin-top:1px}.login-native-form{flex-direction:column;gap:.85rem;display:flex}.login-input-group{flex-direction:column;gap:.3rem;display:flex}.login-input-group label{color:#cbd5e1;font-size:.75rem;font-weight:600}.login-input-group input{color:#f8fafc;background-color:#0f172a;border:1px solid #334155;border-radius:6px;width:100%;padding:.45rem .65rem;font-size:.82rem;transition:all .15s ease-in-out}.login-input-group input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.password-input-container{align-items:center;display:flex;position:relative}.password-input-container input{padding-right:2.25rem}.password-toggle-trigger{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;right:8px}.password-toggle-trigger:hover{color:#94a3b8}.login-submit-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:.4rem;padding:.5rem;font-size:.82rem;font-weight:600;transition:background-color .15s;display:flex}.login-submit-btn:hover{background-color:#2563eb}.login-submit-btn:disabled{color:#64748b;cursor:not-allowed;background-color:#334155}.login-spin-effect{animation:1s linear infinite login-spin-anim}@keyframes login-spin-anim{to{transform:rotate(360deg)}}.login-footer-notice{text-align:center;border-top:1px solid #334155;margin-top:1.25rem;padding-top:.75rem}.login-footer-notice p{color:#64748b;margin:0;font-size:.68rem;line-height:1.4}@media (width<=480px){.login-card-wrapper{max-width:100%;box-shadow:none;background-color:#0000;border:none;padding:1.25rem}.bg-glow-circle{display:none}}.cs-sidebar{color:#f8fafc;z-index:100;background-color:#1e293b;border-right:1px solid #334155;flex-direction:column;width:240px;height:100vh;transition:transform .25s ease-in-out;display:flex;position:fixed;top:0;left:0}.mobile-top-bar,.mobile-close-btn,.sidebar-overlay{display:none}.cs-sidebar-brand{background-color:#0f172a;border-bottom:1px solid #334155;align-items:center;gap:.5rem;padding:.85rem 1rem;display:flex}.cs-brand-logo{color:var(--color-purple);align-items:center;display:flex}.cs-brand-meta h2{letter-spacing:-.3px;margin:0;font-size:.95rem;font-weight:700}.cs-brand-meta p{color:#94a3b8;margin:0;font-size:.65rem}.cs-sidebar-profile{background-color:#1e293b;border-bottom:1px solid #334155;align-items:center;gap:.5rem;padding:.65rem 1rem;display:flex}.cs-profile-avatar{background-color:#3b82f6;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.cs-profile-info h4{margin:0;font-size:.82rem;font-weight:600}.cs-role-tag{color:#38bdf8;font-size:.65rem;font-weight:500}.cs-sidebar-nav{flex-direction:column;flex:1;gap:.2rem;padding:.4rem;display:flex;overflow-y:auto}.cs-nav-item{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:.5rem;padding:.45rem .65rem;transition:all .15s ease-in-out;display:flex}.cs-nav-item:hover{color:#fff;background-color:#334155}.cs-nav-item.active-nav-item{color:#fff;background-color:#3b82f6}.cs-nav-icon{align-items:center;display:flex}.cs-nav-text{font-size:.8rem;font-weight:500}.cs-sidebar-footer{background-color:#0f172a;border-top:1px solid #334155;padding:.5rem .75rem}.cs-logout-action{color:#f87171;cursor:pointer;background-color:#ef44441a;border:1px solid #ef444433;border-radius:4px;justify-content:center;align-items:center;gap:.35rem;width:100%;padding:.4rem;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.cs-logout-action:hover{color:#fff;background-color:#ef4444}@media (width<=1024px){.cs-sidebar{transform:translate(-100%);box-shadow:10px 0 30px #00000040}.cs-sidebar.drawer-open{transform:translate(0)}.mobile-top-bar{color:#fff;z-index:90;background-color:#1e293b;border-bottom:1px solid #334155;align-items:center;gap:1rem;height:50px;padding:0 1rem;display:flex;position:fixed;top:0;left:0;right:0}.mobile-menu-trigger{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.mobile-bar-title{font-size:.95rem;font-weight:700}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:95;background-color:#00000080;display:block;position:fixed;inset:0}.mobile-close-btn{color:#cbd5e1;cursor:pointer;z-index:105;background-color:#334155;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:10px;right:10px}}.dh-container{max-width:1200px;margin:0 auto;padding:1.5rem}.dh-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.dh-header h1{color:var(--text-main);letter-spacing:-.3px;font-size:1.35rem;font-weight:700}.dh-header p{color:var(--text-muted);margin-top:.15rem;font-size:.82rem}.dh-system-clock{border-radius:var(--radius-sm);color:#475569;background-color:#f1f5f9;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;display:flex}.icon-pulse{color:var(--color-green);animation:2s ease-in-out infinite dh-pulse-anim}@keyframes dh-pulse-anim{0%,to{opacity:.5}50%{opacity:1}}.dh-metrics-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.25rem;display:grid}.dh-card-metric{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);justify-content:space-between;align-items:center;padding:.85rem 1.15rem;display:flex}.dh-card-metric:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a05}.dh-metric-meta span{color:var(--text-muted);font-size:.75rem;font-weight:600}.dh-metric-meta h3{color:var(--text-main);margin-top:.2rem;font-size:1.35rem;font-weight:700}.dh-metric-icon{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.bg-soft-purple{color:#7c3aed;background-color:#f3e8ff}.bg-soft-orange{color:#ea580c;background-color:#ffedd5}.bg-soft-green{color:#16a34a;background-color:#dcfce7}.bg-soft-pink{color:#db2777;background-color:#fce7f3}.text-green{color:var(--color-green)}.text-orange{color:var(--color-orange)}.dh-workspace-layout{grid-template-columns:1.2fr 1fr;gap:1.25rem;display:grid}.dh-workspace-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);height:fit-content}.dh-card-title-bar{border-bottom:1px solid var(--border-light);background-color:#f8fafc;justify-content:space-between;align-items:center;padding:.65rem 1rem;display:flex}.dh-card-title-bar h3{color:var(--text-main);font-size:.85rem;font-weight:600}.dh-link-action{color:var(--color-purple);cursor:pointer;background:0 0;border:none;align-items:center;gap:.15rem;font-size:.75rem;font-weight:600;display:flex}.dh-card-content{padding:1rem}.dh-activity-timeline{flex-direction:column;gap:.85rem;display:flex}.dh-timeline-row{gap:.75rem;display:flex;position:relative}.dh-timeline-bullet{background-color:#cbd5e1;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px}.dh-timeline-details{flex:1;min-width:0}.dh-timeline-header{justify-content:space-between;align-items:center;display:flex}.dh-timeline-header strong{color:#334155;font-size:.82rem;font-weight:600}.dh-timeline-details p{color:var(--text-muted);margin-top:.1rem;font-size:.78rem}.dh-brand-badge{border-radius:3px;padding:1px 4px;font-size:.65rem;font-weight:700}.b-hcs{color:#db2777;background-color:#fce7f3}.b-ns{color:#7c3aed;background-color:#f3e8ff}.dh-gateway-status-list{flex-direction:column;gap:.65rem;display:flex}.dh-gateway-item{border-radius:var(--radius-sm);border:1px solid var(--border-light);background-color:#f8fafc;justify-content:space-between;align-items:center;padding:.55rem .75rem;display:flex}.dh-gw-meta{align-items:center;gap:.5rem;display:flex}.dh-gw-meta h4{color:var(--text-main);margin:0;font-size:.8rem;font-weight:600}.dh-gw-meta p{color:var(--text-muted);margin:0;font-size:.7rem}.dh-status-lbl-online{color:#15803d;text-transform:uppercase;background-color:#dcfce7;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.dh-empty-text{text-align:center;color:var(--text-muted);padding:1rem 0;font-size:.8rem}.c-orange{color:var(--color-orange)}.c-purple{color:var(--color-purple)}.dh-loader-container{height:50vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.dh-spinner{color:var(--color-purple);animation:1s linear infinite dh-spin-anim}@keyframes dh-spin-anim{to{transform:rotate(360deg)}}@media (width<=1024px){.dh-metrics-grid{grid-template-columns:repeat(2,1fr)}.dh-workspace-layout{grid-template-columns:1fr}}@media (width<=520px){.dh-metrics-grid{grid-template-columns:1fr}}.wa-container{max-width:1200px;margin:0 auto;padding:1.5rem 1.5rem 60px}.wa-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.wa-header h1{color:var(--text-main);letter-spacing:-.3px;font-size:1.35rem;font-weight:700}.wa-header p{color:var(--text-muted);margin-top:.15rem;font-size:.82rem}.wa-status-badge{border-radius:var(--radius-md);text-transform:uppercase;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.75rem;font-weight:700;display:flex}.wa-status-badge.active{color:var(--color-green);background-color:#22c55e14}.wa-status-badge.paused{color:var(--color-red);background-color:#ef444414}.pulse-dot{background-color:currentColor;border-radius:50%;width:6px;height:6px}.wa-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.wa-full-width{grid-column:span 2}.wa-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 2px 12px #0f172a03}.wa-card-header{border-bottom:1px solid var(--border-light);background-color:#f8fafc;align-items:center;gap:.45rem;padding:.65rem 1rem;display:flex}.wa-card-header h3{color:var(--text-main);font-size:.85rem;font-weight:600}.wa-card-body{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.wa-input-group{flex-direction:column;gap:.3rem;display:flex}.wa-input-group label{color:var(--text-main);font-size:.78rem;font-weight:600}.wa-input-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.wa-card-body input,.wa-card-body select,.wa-prompt-grid textarea{background-color:var(--bg-input);border-radius:var(--radius-sm);width:100%;color:var(--text-main);transition:var(--transition-fast);border:1px solid #0000;padding:.45rem .6rem;font-family:inherit;font-size:.82rem}.wa-card-body input:focus,.wa-card-body select:focus,.wa-prompt-grid textarea:focus{border-color:var(--color-purple);background-color:#fff;outline:none;box-shadow:0 0 0 3px #7c3aed0f}.wa-input-with-icon{align-items:center;display:flex;position:relative}.wa-input-with-icon svg{color:var(--text-muted);position:absolute;left:10px}.wa-input-with-icon input{padding-left:1.75rem}.wa-webhook-box{border-radius:var(--radius-sm);background-color:#f1f5f9;flex-direction:column;gap:.25rem;padding:.65rem .85rem;display:flex}.wa-webhook-box-header{justify-content:space-between;align-items:center;display:flex}.wa-webhook-box-header h4{color:#334155;font-size:.78rem;font-weight:600}.wa-btn-text{color:var(--color-purple);cursor:pointer;background:0 0;border:none;align-items:center;gap:.2rem;font-size:.75rem;font-weight:600;display:flex}.wa-url-text{color:#0f172a;word-break:break-all;background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:.35rem;font-family:monospace;font-size:.75rem}.wa-hint{color:var(--text-muted);font-size:.7rem}.wa-prompt-grid{grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;display:grid}.wa-prompt-grid textarea{resize:vertical;line-height:1.4}.wa-action-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border-light);z-index:80;background-color:#ffffffe6;justify-content:flex-end;align-items:center;gap:1rem;padding:.5rem 1.5rem;display:flex;position:fixed;bottom:0;left:240px;right:0}.wa-save-btn{background-color:var(--color-purple);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.35rem;padding:.45rem 1rem;font-size:.8rem;font-weight:600;display:flex;box-shadow:0 2px 8px #7c3aed26}.wa-save-btn:hover{background-color:#6d28d9}.wa-save-btn:disabled{cursor:not-allowed;background-color:#cbd5e1}.status-msg{align-items:center;gap:.2rem;font-size:.78rem;font-weight:600;display:flex}.status-msg.success{color:var(--color-green)}.status-msg.error{color:var(--color-red)}.wa-loader-container{height:50vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.wa-spinner{color:var(--color-purple);animation:1s linear infinite wa-spin-anim}@keyframes wa-spin-anim{to{transform:rotate(360deg)}}@media (width<=1024px){.wa-action-bar{padding:.5rem 1rem;left:0}}@media (width<=768px){.wa-grid,.wa-prompt-grid{grid-template-columns:1fr}.wa-full-width{grid-column:span 1}.wa-input-row{grid-template-columns:1fr;gap:.5rem}}.ls-container{background-color:#fff;grid-template-columns:290px 1fr;height:calc(100vh - 65px);display:grid;overflow:hidden}.ls-sidebar{border-right:1px solid var(--border-light);background-color:#f8fafc;flex-direction:column;height:100%;display:flex;overflow:hidden}.ls-brand-tabs{border-bottom:1px solid var(--border-light);background-color:#f1f5f9;grid-template-columns:1fr 1fr;display:grid}.ls-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.65rem;font-size:.8rem;font-weight:700}.ls-tab-btn.active-ns{color:var(--text-main);border-bottom:2px solid var(--color-purple);background-color:#fff}.ls-tab-btn.active-hcs{color:var(--text-main);border-bottom:2px solid var(--color-pink);background-color:#fff}.ls-search-box{border-bottom:1px solid var(--border-light);background-color:#fff;align-items:center;padding:.5rem;display:flex;position:relative}.ls-search-box svg{color:var(--text-muted);position:absolute;left:14px}.ls-search-box input{border-radius:var(--radius-md);border:1px solid var(--border-light);background-color:var(--bg-input);width:100%;padding:.35rem .5rem .35rem 1.65rem;font-size:.8rem}.ls-chat-list{flex:1;overflow-y:auto}.ls-chat-item{border-bottom:1px solid var(--border-light);cursor:pointer;background-color:#fff;align-items:flex-start;gap:.5rem;padding:.6rem .75rem;display:flex}.ls-chat-item:hover{background-color:#f1f5f9}.ls-chat-item.active{background-color:#e2e8f0}.ls-chat-item.is-unread{background-color:#7c3aed05}.ls-item-avatar{color:#475569;background-color:#cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;display:flex;position:relative}.ls-unread-dot{background-color:#22c55e;border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;bottom:-1px;right:-1px}.ls-item-info{flex:1;min-width:0}.ls-item-header{justify-content:space-between;align-items:center;display:flex}.ls-item-info h4{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.82rem;font-weight:600;overflow:hidden}.text-bold{color:#0f172a!important;font-weight:700!important}.ls-time{color:var(--text-muted);font-family:monospace;font-size:.68rem}.ls-item-footer{justify-content:space-between;align-items:center;margin-top:.2rem;display:flex}.ls-phone{color:var(--text-muted);font-family:monospace;font-size:.72rem}.ls-mode-badge{text-transform:uppercase;border-radius:3px;padding:1px 5px;font-size:.65rem;font-weight:700}.mode-ai{color:#64748b;background-color:#f1f5f9}.mode-complaint{color:#c2410c;background-color:#ffedd5}.mode-agent{color:#be185d;background-color:#fce7f3}.ls-chat-window{background-color:#fff;flex-direction:column;height:100%;display:flex;overflow:hidden}.ls-window-header{border-bottom:1px solid var(--border-light);background-color:#fff;justify-content:space-between;align-items:center;padding:.6rem 1.25rem;display:flex}.ls-header-user{align-items:center;gap:.5rem;display:flex}.ls-header-user h3{color:var(--text-main);font-size:.95rem;font-weight:700}.ls-header-user p{color:var(--text-muted);margin-top:.1rem;font-size:.75rem}.ls-mobile-back-btn{color:#475569;cursor:pointer;background:0 0;border:none;padding:.25rem;display:none}.ls-btn-resume{border:1px solid var(--border-light);border-radius:var(--radius-md);color:#334155;cursor:pointer;background-color:#f1f5f9;align-items:center;gap:.25rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;display:flex}.ls-btn-resume:hover{background-color:var(--color-purple);color:#fff}.ls-messages-area{background-color:#f8fafc;flex-direction:column;flex:1;gap:.6rem;padding:1rem 1.25rem;display:flex;overflow-y:auto}.ls-msg-row{width:100%;display:flex}.ls-msg-row.incoming{justify-content:flex-start}.ls-msg-row.outgoing{justify-content:flex-end}.ls-msg-row.bot-reply{justify-content:flex-start}.ls-msg-bubble{border-radius:6px;max-width:65%;padding:.5rem .75rem;font-size:.82rem;line-height:1.35;position:relative}.ls-msg-row.incoming .ls-msg-bubble{color:var(--text-main);border:1px solid var(--border-light);background-color:#fff}.ls-msg-row.outgoing .ls-msg-bubble{color:#0f172a;background-color:#f1f5f9;border:1px solid #cbd5e1;padding-right:1.5rem}.ls-msg-row.bot-reply .ls-msg-bubble{color:#0369a1;background-color:#e0f2fe;border:1px solid #bae6fd}.ls-msg-meta{border-bottom:1px dashed #0000000a;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:.2rem;padding-bottom:1px;display:flex}.ls-msg-sender{color:#475569;font-size:.68rem;font-weight:700}.ls-bot-badge{align-items:center;gap:.15rem;font-weight:700;display:flex}.ls-msg-time{color:#94a3b8;font-family:monospace;font-size:.65rem}.ls-msg-text{word-break:break-word;margin:0}.ls-tick-indicator{align-items:center;display:flex;position:absolute;bottom:4px;right:4px}.tick-blue{color:#3b82f6}.tick-grey{color:#94a3b8}.ls-input-bar{border-top:1px solid var(--border-light);background-color:#fff;gap:.5rem;padding:.6rem 1.25rem;display:flex}.ls-input-bar input{border-radius:var(--radius-md);background-color:var(--bg-input);border:1px solid #cbd5e1;flex:1;padding:.45rem .75rem;font-size:.82rem}.ls-input-bar input:focus{border-color:var(--color-purple);background-color:#fff;outline:none}.ls-btn-send{background-color:var(--color-purple);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0 .85rem;display:flex}.ls-empty-state{color:var(--text-muted);background-color:#f8fafc;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.ls-empty-icon{color:#cbd5e1;margin-bottom:.5rem}.ls-empty-state h3{color:var(--text-main);font-size:.9rem;font-weight:600}.ls-empty-state p{text-align:center;max-width:280px;margin-top:.2rem;font-size:.78rem;line-height:1.35}.ls-status-text{text-align:center;color:var(--text-muted);margin-top:2rem;font-size:.78rem}@media (width<=768px){.ls-container{grid-template-columns:1fr;position:relative}.ls-container .ls-chat-window{display:none}.ls-container .ls-sidebar{display:flex}.ls-container.chat-selected .ls-chat-window{z-index:10;display:flex;position:absolute;inset:0}.ls-container.chat-selected .ls-sidebar{display:none}.ls-mobile-back-btn{display:block}.ls-msg-bubble{max-width:80%}}.ls-load-more-btn{color:#475569;cursor:pointer;text-align:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;width:calc(100% - 20px);margin:15px auto;padding:10px;font-size:12px;font-weight:500;transition:all .2s;display:block}.ls-load-more-btn:hover{color:#1e293b;background:#e2e8f0}.ls-loader-block{justify-content:center;align-items:center;gap:8px;padding:20px;display:flex}.ls-spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bm-container{max-width:1200px;margin:0 auto;padding:1.5rem 1.5rem 60px}.bm-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.bm-header h1{color:var(--text-main);letter-spacing:-.3px;font-size:1.35rem;font-weight:700}.bm-header p{color:var(--text-muted);margin-top:.15rem;font-size:.82rem}.bm-tab-switcher{border-radius:var(--radius-md);border:1px solid var(--border-light);background-color:#f1f5f9;padding:.25rem;display:flex}.bm-tab-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.4rem .85rem;font-size:.8rem;font-weight:600}.bm-tab-btn.active{color:var(--text-main);background-color:#fff;box-shadow:0 1px 3px #0000000d}.bm-workspace-grid{grid-template-columns:1fr 340px;gap:1.25rem;display:grid}.bm-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md)}.bm-card-header{border-bottom:1px solid var(--border-light);background-color:#f8fafc;align-items:center;gap:.45rem;padding:.65rem 1rem;display:flex}.bm-card-header h3{color:var(--text-main);font-size:.85rem;font-weight:600}.bm-card-body{flex-direction:column;gap:1rem;padding:1rem;display:flex}.bm-input-group{flex-direction:column;gap:.3rem;display:flex}.bm-input-group label,.bm-section-header label{color:var(--text-main);font-size:.78rem;font-weight:600}.bm-card-body textarea,.bm-row-inputs input{background-color:var(--bg-input);border-radius:var(--radius-sm);width:100%;color:var(--text-main);resize:vertical;border:1px solid #0000;padding:.45rem .6rem;font-family:inherit;font-size:.82rem}.bm-card-body textarea:focus,.bm-row-inputs input:focus{border-color:var(--color-purple);background-color:#fff;outline:none}.bm-buttons-section{flex-direction:column;gap:.5rem;display:flex}.bm-section-header{justify-content:space-between;align-items:center;display:flex}.bm-add-btn{border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;background-color:#f1f5f9;align-items:center;gap:.2rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;display:flex}.bm-add-btn:hover{background-color:var(--color-purple);color:#fff}.bm-add-btn:disabled{cursor:not-allowed;color:var(--text-muted);background-color:#cbd5e1}.bm-buttons-list{flex-direction:column;gap:.5rem;display:flex}.bm-button-item-row{border-radius:var(--radius-sm);border:1px dashed var(--border-light);background-color:#f8fafc;align-items:center;gap:.5rem;padding:.5rem;display:flex}.bm-row-inputs{flex:1;grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.bm-delete-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem}.bm-delete-btn:hover{color:var(--color-red);background-color:#ef44440d}.bm-preview-panel{justify-content:center;display:flex}.bm-device-frame{background-color:#f8fafc;border:8px solid #0f172a;border-radius:24px;width:100%;max-width:320px;height:480px;overflow:hidden;box-shadow:0 4px 20px #0000000d}.bm-device-screen{background-color:#efeae2;flex-direction:column;justify-content:flex-end;height:100%;padding:1rem;display:flex}.bm-chat-bubble-container{flex-direction:column;gap:.4rem;display:flex}.bm-whatsapp-bubble{background-color:#fff;border-radius:8px;max-width:90%;padding:.5rem;box-shadow:0 1px 1px #0000000f}.bm-bubble-text{color:#111827;white-space:pre-wrap;font-size:.78rem;line-height:1.35}.bm-bubble-buttons-stack{border-top:1px solid #f1f5f9;flex-direction:column;gap:.25rem;margin-top:.5rem;padding-top:.35rem;display:flex}.bm-preview-interactive-btn{color:#06b6d4;text-align:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.4rem;font-size:.75rem;font-weight:600}.bm-meta-tag{color:#64748b;justify-content:center;align-items:center;gap:.25rem;font-size:.65rem;display:flex}.bm-action-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border-light);z-index:80;background-color:#ffffffe6;justify-content:flex-end;align-items:center;gap:1rem;padding:.5rem 1.5rem;display:flex;position:fixed;bottom:0;left:240px;right:0}.bm-save-btn{background-color:var(--color-purple);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.35rem;padding:.45rem 1rem;font-size:.8rem;font-weight:600;display:flex}.bm-save-btn:hover{background-color:#6d28d9}.bm-save-btn:disabled{cursor:not-allowed;background-color:#cbd5e1}.bm-status-msg{align-items:center;gap:.2rem;font-size:.78rem;font-weight:600;display:flex}.bm-status-msg.success{color:var(--color-green)}.bm-status-msg.error{color:var(--color-red)}.bm-loader-container{height:50vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.bm-spinner{color:var(--color-purple);animation:1s linear infinite bm-spin-anim}@keyframes bm-spin-anim{to{transform:rotate(360deg)}}@media (width<=1024px){.bm-action-bar{padding:.5rem 1rem;left:0}}@media (width<=768px){.bm-workspace-grid{grid-template-columns:1fr}.bm-button-item-row{flex-direction:column;align-items:stretch}}.aim-container{max-width:1400px;margin:0 auto;padding:2.5rem 2.5rem 80px}.aim-header{border-bottom:1px solid var(--border-light);margin-bottom:2rem;padding-bottom:1.5rem}.aim-header h1{color:var(--text-main);letter-spacing:-.5px;font-size:1.75rem;font-weight:700}.aim-header p{color:var(--text-muted);margin-top:.25rem;font-size:.95rem}.aim-provider-selector{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.aim-prov-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:var(--transition-fast);align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.aim-prov-card svg{color:var(--text-muted);transition:var(--transition-fast)}.aim-prov-card h4{color:var(--text-main);margin:0;font-size:1.1rem;font-weight:700}.aim-prov-card p{color:var(--text-muted);margin:.15rem 0 0;font-size:.82rem}.aim-prov-card.active-gemini{border-color:var(--color-purple);background-color:#7c3aed05;box-shadow:0 4px 15px #7c3aed0d}.aim-prov-card.active-gemini svg{color:var(--color-purple)}.aim-prov-card.active-openai{border-color:var(--color-pink);background-color:#db277705;box-shadow:0 4px 15px #db27770d}.aim-prov-card.active-openai svg{color:var(--color-pink)}.aim-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.aim-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.aim-card-header{border-bottom:1px solid var(--border-light);align-items:center;gap:.65rem;padding:1.25rem 1.5rem;display:flex}.aim-card-header h3{color:var(--text-main);font-size:1.05rem;font-weight:600}.aim-card-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.aim-input-group{flex-direction:column;gap:.45rem;display:flex}.aim-input-group label{color:var(--text-main);font-size:.85rem;font-weight:600}.aim-card-body input[type=password],.aim-card-body input[type=number],.aim-card-body select{background-color:var(--bg-input);border-radius:var(--radius-md);width:100%;color:var(--text-main);transition:var(--transition-fast);border:1px solid #0000;padding:.65rem .75rem;font-size:.9rem}.aim-card-body input:focus,.aim-card-body select:focus{border-color:var(--color-purple);background-color:#fff;outline:none;box-shadow:0 0 0 4px #7c3aed14}.aim-range-meta{justify-content:space-between;align-items:center;display:flex}.aim-badge{background-color:var(--color-purple);color:#fff;border-radius:4px;padding:.15rem .45rem;font-size:.75rem;font-weight:700}.aim-slider{width:100%;accent-color:var(--color-purple);cursor:pointer;margin:.5rem 0}.aim-slider-labels{color:var(--text-muted);justify-content:space-between;font-size:.75rem;display:flex}.aim-hint{color:var(--text-muted);font-size:.75rem;line-height:1.4}.aim-action-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-light);z-index:90;background-color:#ffffffd9;justify-content:flex-end;align-items:center;gap:1.5rem;padding:1rem 2.5rem;display:flex;position:fixed;bottom:0;left:280px;right:0}.aim-save-btn{background-color:var(--color-purple);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;display:flex;box-shadow:0 4px 14px #7c3aed40}.aim-save-btn:hover{background-color:#6d28d9}.aim-save-btn:disabled{cursor:not-allowed;background-color:#cbd5e1}.aim-status-msg{align-items:center;gap:.25rem;font-size:.85rem;font-weight:600;display:flex}.aim-status-msg.success{color:var(--color-green)}.aim-status-msg.error{color:var(--color-red)}.aim-loader-container{height:60vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.aim-spinner{color:var(--color-purple);animation:1s linear infinite aim-spin-anim}@keyframes aim-spin-anim{to{transform:rotate(360deg)}}@media (width<=1150px){.aim-grid{grid-template-columns:1fr}.aim-provider-selector{grid-template-columns:1fr;gap:1rem}}@media (width<=1024px){.aim-action-bar{left:0}}.ait-container{max-width:1200px;margin:0 auto;padding:1.5rem 1.5rem 60px}.ait-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.ait-header h1{color:var(--text-main);letter-spacing:-.3px;font-size:1.35rem;font-weight:700}.ait-header p{color:var(--text-muted);margin-top:.15rem;font-size:.82rem}.ait-brand-switcher{border-radius:var(--radius-md);border:1px solid var(--border-light);background-color:#f1f5f9;padding:.25rem;display:flex}.ait-tab-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);background:0 0;border:none;padding:.4rem .85rem;font-size:.8rem;font-weight:600}.ait-tab-btn.active-hcs{color:var(--text-main);border-bottom:2px solid var(--color-pink);background-color:#fff}.ait-tab-btn.active-ns{color:var(--text-main);border-bottom:2px solid var(--color-purple);background-color:#fff}.ait-form-layout{flex-direction:column;gap:1rem;display:flex}.ait-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 1px 3px #0f172a03}.ait-card-header,.ait-card-header-row{border-bottom:1px solid var(--border-light);background-color:#f8fafc;align-items:center;gap:.45rem;padding:.65rem 1rem;display:flex}.ait-card-header-row{justify-content:space-between}.ait-card-title-block{align-items:center;gap:.45rem;display:flex}.ait-card h3{color:var(--text-main);font-size:.85rem;font-weight:600}.ait-card-body{flex-direction:column;gap:1rem;padding:1rem;display:flex}.ait-snippet-inputs{border-radius:var(--radius-sm);border:1px dashed var(--border-light);background-color:#f8fafc;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.ait-snippet-inputs input,.ait-snippet-inputs textarea,.ait-history-inputs input,.ait-history-inputs textarea,.ait-faq-inputs input,.ait-faq-inputs textarea{background-color:var(--bg-input);border-radius:var(--radius-sm);width:100%;color:var(--text-main);border:1px solid #0000;padding:.45rem .6rem;font-family:inherit;font-size:.82rem}.ait-snippet-inputs input:focus,.ait-snippet-inputs textarea:focus,.ait-history-inputs input:focus,.ait-history-inputs textarea:focus{border-color:var(--color-purple);background-color:#fff;outline:none}.ait-add-snippet-btn,.ait-add-row-btn{border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;background-color:#f1f5f9;align-self:flex-start;align-items:center;gap:.25rem;padding:.4rem .75rem;font-size:.78rem;font-weight:600;display:flex}.ait-add-snippet-btn:hover,.ait-add-row-btn:hover{background-color:var(--color-purple);color:#fff}.ait-history-list h4{color:#475569;margin-bottom:.5rem;font-size:.82rem;font-weight:700}.ait-history-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.ait-history-card{border:1px solid var(--border-light);border-radius:var(--radius-sm);background-color:#fff;align-items:flex-start;gap:.5rem;padding:.65rem;display:flex}.ait-history-inputs{flex-direction:column;flex:1;gap:.35rem;display:flex}.ait-history-inputs input{border-bottom:1px dashed var(--border-light);background-color:#0000;border-radius:0;padding:.15rem 0;font-weight:700}.ait-card-delete-btn,.ait-row-delete-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem}.ait-card-delete-btn:hover,.ait-row-delete-btn:hover{color:var(--color-red);background-color:#ef44440d}.ait-faq-list-grid{flex-direction:column;gap:.75rem;display:flex}.ait-faq-item-card{border:1px solid var(--border-light);border-radius:var(--radius-sm);background-color:#fff;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.ait-faq-inputs{flex-direction:column;flex:1;gap:.5rem;display:flex}.ait-sub-input{align-items:center;gap:.5rem;display:flex}.ait-field-badge{text-align:center;border-radius:3px;min-width:100px;padding:2px 6px;font-size:.68rem;font-weight:700}.q-badge{color:#d97706;background-color:#fef3c7}.a-badge{color:#15803d;background-color:#dcfce7}.ait-action-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border-light);z-index:80;background-color:#ffffffe6;justify-content:flex-end;align-items:center;gap:1rem;padding:.5rem 1.5rem;display:flex;position:fixed;bottom:0;left:240px;right:0}.ait-save-btn{background-color:var(--color-purple);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.35rem;padding:.45rem 1rem;font-size:.8rem;font-weight:600;display:flex}.ait-save-btn:hover{background-color:#6d28d9}.ait-save-btn:disabled{cursor:not-allowed;background-color:#cbd5e1}.ait-status-msg{align-items:center;gap:.2rem;font-size:.78rem;font-weight:600;display:flex}.ait-status-msg.success{color:var(--color-green)}.ait-status-msg.error{color:var(--color-red)}.ait-empty-text{text-align:center;color:var(--text-muted);padding:1rem 0;font-size:.8rem}.ait-loader-container{height:50vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.ait-spinner{color:var(--color-purple);animation:1s linear infinite ait-spin-anim}@keyframes ait-spin-anim{to{transform:rotate(360deg)}}@media (width<=1024px){.ait-action-bar{padding:.5rem 1rem;left:0}}@media (width<=768px){.ait-history-grid{grid-template-columns:1fr}.ait-sub-input{flex-direction:column;align-items:flex-start;gap:.25rem}}.tg-container{max-width:1200px;margin:0 auto;padding:1.5rem 1.5rem 60px}.tg-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.tg-header h1{color:var(--text-main);letter-spacing:-.3px;font-size:1.35rem;font-weight:700}.tg-header p{color:var(--text-muted);margin-top:.15rem;font-size:.82rem}.tg-add-gateway-btn{border:1px solid var(--border-light);color:#334155;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);background-color:#f1f5f9;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.78rem;font-weight:600;display:flex}.tg-add-gateway-btn:hover{background-color:var(--color-purple);color:#fff;border-color:var(--color-purple)}.tg-cluster-stack{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.tg-bot-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);flex-direction:column;display:flex;box-shadow:0 1px 3px #0f172a03}.tg-card-header-row{border-bottom:1px solid var(--border-light);background-color:#f8fafc;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.tg-brand-identity-block{flex:1;align-items:center;gap:.45rem;display:flex}.tg-brand-inline-input{color:var(--text-main);background:0 0;border:none;width:80%;padding:.2rem;font-size:.85rem;font-weight:600}.tg-brand-inline-input:focus{border-bottom:1px solid var(--color-purple);outline:none}.tg-row-remove-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem}.tg-row-remove-btn:hover{color:var(--color-red);background-color:#ef44440d}.tg-card-body-grid{flex-direction:column;gap:.65rem;padding:.85rem;display:flex}.tg-input-group{flex-direction:column;gap:.25rem;display:flex}.tg-input-group label{color:var(--text-main);align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;display:flex}.tg-input-group input{background-color:var(--bg-input);border-radius:var(--radius-sm);width:100%;color:var(--text-main);transition:var(--transition-fast);border:1px solid #0000;padding:.4rem .55rem;font-family:inherit;font-size:.8rem}.tg-input-group input:focus{border-color:var(--color-purple);background-color:#fff;outline:none}.tg-card-footer-status{border-top:1px solid var(--border-light);color:var(--text-muted);background-color:#fafafa;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.72rem;font-weight:500;display:flex}.tg-action-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border-light);z-index:80;background-color:#ffffffe6;justify-content:flex-end;align-items:center;gap:1rem;padding:.5rem 1.5rem;display:flex;position:fixed;bottom:0;left:240px;right:0}.tg-save-btn{background-color:var(--color-purple);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.35rem;padding:.45rem 1rem;font-size:.8rem;font-weight:600;display:flex}.tg-save-btn:hover{background-color:#6d28d9}.tg-save-btn:disabled{cursor:not-allowed;background-color:#cbd5e1}.tg-status-msg{align-items:center;gap:.2rem;font-size:.78rem;font-weight:600;display:flex}.tg-status-msg.success{color:var(--color-green)}.tg-status-msg.error{color:var(--color-red)}.tg-loader-container{height:50vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.tg-spinner{color:var(--color-purple);animation:1s linear infinite tg-spin-anim}@keyframes tg-spin-anim{to{transform:rotate(360deg)}}@media (width<=1024px){.tg-action-bar{padding:.5rem 1rem;left:0}}@media (width<=768px){.tg-cluster-stack{grid-template-columns:1fr}}.pg-container{max-width:1200px;margin:0 auto;padding:1.5rem 1.5rem 60px}.pg-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.pg-header h1{color:var(--text-main);letter-spacing:-.3px;font-size:1.35rem;font-weight:700}.pg-header p{color:var(--text-muted);margin-top:.15rem;font-size:.82rem}.pg-tab-switcher{border-radius:var(--radius-md);border:1px solid var(--border-light);background-color:#f1f5f9;padding:.25rem;display:flex}.pg-tab-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);background:0 0;border:none;padding:.4rem .85rem;font-size:.8rem;font-weight:600}.pg-tab-btn.active-bkash{color:var(--text-main);background-color:#fff;border-bottom:2px solid #d1156c}.pg-tab-btn.active-nagad{color:var(--text-main);background-color:#fff;border-bottom:2px solid #f04e23}.pg-tab-btn.active-ssl{color:var(--text-main);border-bottom:2px solid var(--color-purple);background-color:#fff}.pg-workspace-grid{grid-template-columns:1.3fr 1fr;gap:1.25rem;display:grid}.pg-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);height:fit-content}.pg-card-header{border-bottom:1px solid var(--border-light);background-color:#f8fafc;align-items:center;gap:.45rem;padding:.65rem 1rem;display:flex}.pg-card-header h3{color:var(--text-main);font-size:.85rem;font-weight:600}.pg-card-body{flex-direction:column;gap:.85rem;padding:1rem;display:flex}.pg-input-group{flex-direction:column;gap:.25rem;display:flex}.pg-input-group label{color:var(--text-main);font-size:.76rem;font-weight:600}.pg-input-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.pg-card-body input,.pg-card-body textarea,.pg-card-body select{background-color:var(--bg-input);border-radius:var(--radius-sm);width:100%;color:var(--text-main);border:1px solid #0000;padding:.45rem .6rem;font-family:inherit;font-size:.82rem}.pg-card-body input:focus,.pg-card-body textarea:focus,.pg-card-body select:focus{border-color:var(--color-purple);background-color:#fff;outline:none}.pg-webhook-box{border-radius:var(--radius-sm);border:1px dashed var(--border-light);background-color:#f1f5f9;flex-direction:column;gap:.35rem;padding:.75rem;display:flex}.pg-webhook-box-header{justify-content:space-between;align-items:center;display:flex}.pg-badge-lbl{color:#475569;font-size:.72rem;font-weight:700}.pg-copy-btn{color:var(--color-purple);cursor:pointer;background:0 0;border:none;font-size:.72rem;font-weight:700}.pg-url-string{background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:.4rem;overflow-x:auto}.pg-url-string code{color:#0f172a;word-break:break-all;font-family:monospace;font-size:.75rem}.pg-hint{color:var(--text-muted);font-size:.7rem;line-height:1.35}.pg-security-notice{border:1px solid var(--border-light);border-radius:var(--radius-sm);background-color:#f8fafc;flex-direction:column;gap:.25rem;padding:.65rem .75rem;display:flex}.pg-notice-title{color:#334155;align-items:center;gap:.35rem;font-size:.76rem;font-weight:700;display:flex}.pg-security-notice p{color:var(--text-muted);font-size:.72rem;line-height:1.35}.pg-action-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border-light);z-index:80;background-color:#ffffffe6;justify-content:flex-end;align-items:center;gap:1rem;padding:.5rem 1.5rem;display:flex;position:fixed;bottom:0;left:240px;right:0}.pg-save-btn{background-color:var(--color-purple);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.35rem;padding:.45rem 1rem;font-size:.8rem;font-weight:600;display:flex}.pg-save-btn:hover{background-color:#6d28d9}.pg-save-btn:disabled{cursor:not-allowed;background-color:#cbd5e1}.pg-status-msg{align-items:center;gap:.2rem;font-size:.78rem;font-weight:600;display:flex}.pg-status-msg.success{color:var(--color-green)}.pg-status-msg.error{color:var(--color-red)}.pg-loader-container{height:50vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.pg-spinner{color:var(--color-purple);animation:1s linear infinite pg-spin-anim}@keyframes pg-spin-anim{to{transform:rotate(360deg)}}@media (width<=1024px){.pg-action-bar{padding:.5rem 1rem;left:0}}@media (width<=900px){.pg-workspace-grid{grid-template-columns:1fr}}@media (width<=600px){.pg-input-row{grid-template-columns:1fr;gap:.65rem}}.al-container{max-width:1200px;margin:0 auto;padding:1.5rem}.al-header{border-bottom:1px solid var(--border-light);margin-bottom:1.25rem;padding-bottom:.75rem}.al-header h1{color:var(--text-main);letter-spacing:-.3px;font-size:1.35rem;font-weight:700}.al-header p{color:var(--text-muted);margin-top:.15rem;font-size:.82rem}.al-control-bar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.al-search-box{flex:1;align-items:center;max-width:450px;display:flex;position:relative}.al-search-box svg{color:var(--text-muted);position:absolute;left:10px}.al-search-box input{background-color:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-sm);width:100%;color:var(--text-main);padding:.4rem .5rem .4rem 1.75rem;font-size:.82rem}.al-search-box input:focus,.al-filter-group select:focus{border-color:var(--color-purple);background-color:#fff;outline:none}.al-filter-group{background-color:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border-light);align-items:center;gap:.4rem;padding:.2rem .5rem;display:flex}.al-filter-group select{color:var(--text-main);cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:.82rem;font-weight:600}.al-table-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px 3px #0f172a03}.al-table-wrapper{overflow-x:auto}.al-native-table{border-collapse:collapse;text-align:left;width:100%}.al-native-table th{border-bottom:1px solid var(--border-light);color:#475569;text-transform:uppercase;letter-spacing:.3px;background-color:#fafafa;padding:.55rem .85rem;font-size:.75rem;font-weight:700}.al-data-row{border-bottom:1px solid var(--border-light);transition:var(--transition-fast)}.al-data-row:last-child{border-bottom:none}.al-data-row:hover{background-color:#f8fafc}.al-native-table td{color:var(--text-main);white-space:nowrap;padding:.5rem .85rem;font-size:.8rem}.al-time-cell{color:var(--text-muted);align-items:center;gap:.35rem;font-family:monospace;display:flex}.al-user-cell{align-items:center;gap:.35rem;display:flex}.al-user-cell strong{color:#334155;font-weight:600}.al-role-badge{text-transform:uppercase;border-radius:3px;padding:1px 5px;font-size:.68rem;font-weight:700}.al-role-badge.role-developer{color:#7c3aed;background-color:#f3e8ff}.al-role-badge.role-admin{color:#ef4444;background-color:#fee2e2}.al-role-badge.role-manager{color:#0284c7;background-color:#e0f2fe}.al-role-badge.role-staff{color:#475569;background-color:#f1f5f9}.al-action-cell{align-items:center;gap:.45rem;display:flex}.al-action-indicator{border-radius:50%;flex-shrink:0;width:5px;height:5px}.al-action-indicator.type-info{background-color:#3b82f6}.al-action-indicator.type-warning{background-color:#f59e0b}.al-action-indicator.type-danger{background-color:#ef4444}.al-details-cell{text-overflow:ellipsis;max-width:320px;color:var(--text-muted);overflow:hidden}.al-ip-cell code{color:#64748b;background-color:#f1f5f9;border-radius:3px;padding:1px 4px;font-family:monospace;font-size:.75rem}.al-empty-row{text-align:center;color:var(--text-muted);padding:2rem 0!important}.al-empty-row p{margin-top:.35rem;font-size:.82rem}.al-loader-container{height:50vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.al-spinner{color:var(--color-purple);animation:1s linear infinite al-spin-anim}@keyframes al-spin-anim{to{transform:rotate(360deg)}}.icon-grey{color:#94a3b8}.icon-muted{color:#cbd5e1}@media (width<=768px){.al-control-bar{flex-direction:column;align-items:stretch;gap:.5rem}.al-search-box{max-width:100%}}.st-container{max-width:1200px;margin:0 auto;padding:1.5rem}.st-header{border-bottom:1px solid var(--border-light);margin-bottom:1.25rem;padding-bottom:.75rem}.st-header h1{color:var(--text-main);letter-spacing:-.3px;font-size:1.35rem;font-weight:700}.st-header p{color:var(--text-muted);margin-top:.15rem;font-size:.82rem}.st-metrics-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.25rem;display:grid}.st-metric-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.st-metric-card.border-purple{border-left:3px solid var(--color-purple)}.st-metric-card.border-green{border-left:3px solid var(--color-green)}.st-metric-info span{color:var(--text-muted);font-size:.78rem;font-weight:600}.st-metric-info h3{color:var(--text-main);margin-top:.15rem;font-size:1.35rem;font-weight:700}.st-metric-info h3 small{color:var(--text-muted);font-size:.85rem;font-weight:500}.st-table-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md)}.st-table-header{border-bottom:1px solid var(--border-light);background-color:#f8fafc;align-items:center;gap:.45rem;padding:.65rem 1rem;display:flex}.st-table-header h3{color:var(--text-main);font-size:.85rem;font-weight:600}.st-table-wrapper{overflow-x:auto}.st-native-table{border-collapse:collapse;text-align:left;width:100%}.st-native-table th{border-bottom:1px solid var(--border-light);color:#475569;text-transform:uppercase;letter-spacing:.3px;background-color:#fafafa;padding:.6rem 1rem;font-size:.78rem;font-weight:700}.st-data-row{border-bottom:1px solid var(--border-light);transition:var(--transition-fast)}.st-data-row:hover{background-color:#f8fafc}.st-user-cell{align-items:center;gap:.5rem;padding:.55rem 1rem;display:flex}.st-user-cell span{color:var(--text-main);font-size:.82rem;font-weight:600}.st-rank-badge{color:#475569;background-color:#f1f5f9;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex}.st-native-table td{color:var(--text-main);padding:.55rem 1rem;font-size:.82rem}.st-role-tag{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.st-role-tag.role-admin{color:#ef4444;background-color:#fee2e2}.st-role-tag.role-manager{color:#0284c7;background-color:#e0f2fe}.st-role-tag.role-staff{color:#475569;background-color:#f1f5f9}.st-status-online-tag{color:var(--color-green);align-items:center;gap:.25rem;font-weight:600;display:flex}.st-status-offline-tag{color:var(--text-muted);align-items:center;gap:.25rem;display:flex}.st-time-cell{align-items:center;gap:.35rem;margin-top:2px;display:flex}.st-time-cell svg{color:var(--text-muted)}.st-count-cell span{color:#0f172a;font-weight:700}.st-last-cell{color:var(--text-muted);font-size:.78rem!important}.st-loader-container{height:50vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.st-spinner{color:var(--color-purple);animation:1s linear infinite st-spin-anim}@keyframes st-spin-anim{to{transform:rotate(360deg)}}.icon-green{color:var(--color-green)}@media (width<=640px){.st-metrics-grid{grid-template-columns:1fr}}.gs-container{max-width:1200px;margin:0 auto;padding:1.5rem 1.5rem 60px}.gs-header{border-bottom:1px solid var(--border-light);margin-bottom:1.25rem;padding-bottom:.75rem}.gs-header h1{color:var(--text-main);letter-spacing:-.3px;font-size:1.35rem;font-weight:700}.gs-header p{color:var(--text-muted);margin-top:.15rem;font-size:.82rem}.gs-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.gs-full-width{grid-column:span 2}.gs-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 1px 3px #0f172a03}.gs-card-header{border-bottom:1px solid var(--border-light);background-color:#f8fafc;align-items:center;gap:.45rem;padding:.65rem 1rem;display:flex}.gs-card-header h3{color:var(--text-main);font-size:.85rem;font-weight:600}.gs-card-body{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.gs-input-group{flex-direction:column;gap:.3rem;display:flex}.gs-input-group label{color:var(--text-main);font-size:.78rem;font-weight:600}.gs-card-body input,.gs-card-body select,.gs-maintenance-grid select,.gs-maintenance-grid textarea{background-color:var(--bg-input);border-radius:var(--radius-sm);width:100%;color:var(--text-main);transition:var(--transition-fast);border:1px solid #0000;padding:.45rem .6rem;font-family:inherit;font-size:.82rem}.gs-card-body input:focus,.gs-card-body select:focus,.gs-maintenance-grid select:focus,.gs-maintenance-grid textarea:focus{border-color:var(--color-purple);background-color:#fff;outline:none;box-shadow:0 0 0 3px #7c3aed0f}.gs-maintenance-grid{grid-template-columns:1fr 1.5fr;gap:1rem;display:grid}.gs-maintenance-grid textarea{resize:vertical;line-height:1.4}.gs-maintenance-grid textarea:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-input)!important}.gs-hint{color:var(--text-muted);font-size:.7rem;line-height:1.35}.gs-action-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border-light);z-index:80;background-color:#ffffffe6;justify-content:flex-end;align-items:center;gap:1rem;padding:.5rem 1.5rem;display:flex;position:fixed;bottom:0;left:240px;right:0}.gs-save-btn{background-color:var(--color-purple);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.35rem;padding:.45rem 1rem;font-size:.8rem;font-weight:600;display:flex}.gs-save-btn:hover{background-color:#6d28d9}.gs-save-btn:disabled{cursor:not-allowed;background-color:#cbd5e1}.gs-status-msg{align-items:center;gap:.2rem;font-size:.78rem;font-weight:600;display:flex}.gs-status-msg.success{color:var(--color-green)}.gs-status-msg.error{color:var(--color-red)}.gs-loader-container{height:50vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.gs-spinner{color:var(--color-purple);animation:1s linear infinite gs-spin}@keyframes gs-spin{to{transform:rotate(360deg)}}.icon-purple{color:var(--color-purple)}.icon-pink{color:var(--color-pink)}.icon-orange{color:var(--color-orange)}@media (width<=1024px){.gs-action-bar{padding:.5rem 1rem;left:0}}@media (width<=768px){.gs-grid,.gs-maintenance-grid{grid-template-columns:1fr}.gs-full-width{grid-column:span 1}}.cs-app-layout{background-color:var(--bg-main);min-height:100vh;display:flex}.cs-main-content{box-sizing:border-box;flex:1;min-height:100vh;margin-left:280px;transition:all .3s;position:relative}.cs-page-placeholder{flex-direction:column;gap:.5rem;padding:2.5rem;display:flex}.cs-page-placeholder h2{color:var(--text-main);font-size:1.5rem;font-weight:700}.cs-page-placeholder p{color:var(--text-muted);font-size:.9rem}@media (width<=1024px){.cs-main-content{padding-top:50px;margin-left:0!important}}:root{--bg-main:#f8fafc;--bg-card:#fff;--bg-input:#f1f5f9;--text-main:#0f172a;--text-muted:#64748b;--border-light:#e2e8f0;--color-purple:#7c3aed;--color-orange:#ea580c;--color-pink:#db2777;--color-green:#16a34a;--color-red:#dc2626;--color-yellow:#ca8a04;--color-grey:#475569;--radius-md:8px;--radius-lg:12px;--transition-fast:all .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:Segoe UI,Roboto,system-ui,sans-serif;overflow-x:hidden}
