:root{--font-family:"Inter", "Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-arabic:"Cairo", sans-serif;--sidebar-width:260px;--header-height:56px;--channel-email:#2563eb;--channel-email-rgb:37, 99, 235;--channel-sms:#10b981;--channel-sms-rgb:16, 185, 129;--channel-whatsapp:#25d366;--channel-whatsapp-rgb:37, 211, 102;--whatsapp-chat-bg:#efeae2;--whatsapp-bubble-bg:#d9fdd3;--whatsapp-bubble-text:#111b21;--whatsapp-bubble-meta:#667781;--whatsapp-header-bg:#008069;--whatsapp-header-text:#fff;--whatsapp-avatar-bg:#e9edef;--whatsapp-received-bg:#fff;--whatsapp-received-text:#111b21;--sms-chat-bg:#f4f4f5;--sms-bubble-bg:#34c759;--sms-bubble-text:#fff;--sms-received-bg:#e9e9eb;--sms-received-text:#000;--sms-header-bg:#fff;--sms-header-text:#000;--phone-frame-border:#18181b;--phone-frame-inner-shadow:inset 0 0 0 2px #e4e4e7}[data-theme=dark]{--whatsapp-chat-bg:#0b141a;--whatsapp-bubble-bg:#005c4b;--whatsapp-bubble-text:#e9edef;--whatsapp-bubble-meta:#8696a0;--whatsapp-header-bg:#202c33;--whatsapp-header-text:#e9edef;--whatsapp-avatar-bg:#667781;--whatsapp-received-bg:#202c33;--whatsapp-received-text:#e9edef;--sms-chat-bg:#18181b;--sms-bubble-bg:#0a84ff;--sms-bubble-text:#fff;--sms-received-bg:#27272a;--sms-received-text:#f4f4f5;--sms-header-bg:#18181b;--sms-header-text:#fff;--phone-frame-border:#27272a;--phone-frame-inner-shadow:inset 0 0 0 2px #3f3f46}*{box-sizing:border-box;font-family:var(--font-family);margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden}[dir=rtl]{font-family:var(--font-arabic);line-height:1.6}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] p,[dir=rtl] a,[dir=rtl] span,[dir=rtl] div,[dir=rtl] label,[dir=rtl] button{letter-spacing:normal!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-color);background-color:var(--panel-bg);z-index:10;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0}[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--border-color);left:auto;right:0}.sidebar-header{border-bottom:1px solid var(--border-color);box-sizing:border-box;height:56px}.main-content{width:calc(100% - var(--sidebar-width));max-width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width);flex:1;min-height:100vh;padding:20px;min-width:0!important;transition:margin-left .3s cubic-bezier(.16,1,.3,1),margin-right .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1),max-width .3s cubic-bezier(.16,1,.3,1),background-color .2s!important}[dir=rtl] .main-content{margin-left:0;margin-right:var(--sidebar-width)}.top-navbar{top:0;left:var(--sidebar-width);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);z-index:99;background-color:#f8fafcd9;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:fixed;right:0;transition:left .3s cubic-bezier(.16,1,.3,1),right .3s cubic-bezier(.16,1,.3,1),background-color .2s,border-color .2s!important}[data-theme=dark] .top-navbar{background-color:#0a0a0ad9}[dir=rtl] .top-navbar{left:0;right:var(--sidebar-width)}.breadcrumb{align-items:center;gap:8px;font-size:14px;display:flex}.breadcrumb-parent{color:var(--text-muted);font-weight:500}.breadcrumb-separator{color:var(--border-color);margin:0 2px}.breadcrumb-active{color:var(--text-primary);font-weight:600}.server-status{color:var(--text-secondary);background-color:#00000008;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}[data-theme=dark] .server-status{background-color:#ffffff0d}.pulse-dot{background-color:var(--success-color);border-radius:50%;width:6px;height:6px;animation:1.6s infinite pulse-dot;box-shadow:0 0 #10b981b3}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.workspace-selector{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;display:flex}.workspace-selector:hover{background-color:#00000008}[data-theme=dark] .workspace-selector:hover{background-color:#ffffff0d}.avatar{background-color:var(--text-primary);width:24px;height:24px;color:var(--bg-color);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.workspace-name{color:var(--text-secondary);font-size:13px;font-weight:500}.nav-brand{letter-spacing:-.5px;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:20px;display:grid}.card{background-color:var(--panel-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:20px;padding:20px;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.card:hover{box-shadow:var(--card-shadow-hover);border-color:#10b9811f;transform:translateY(-3px)}.card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:500}.card-value{letter-spacing:-1px;font-size:28px;font-weight:700}.card-trend{align-items:center;gap:4px;margin-top:10px;font-size:12px;display:flex}.trend-up{color:var(--success-color)}.trend-down{color:var(--danger-color)}.table-container{border:1px solid var(--border-color);background-color:var(--panel-bg);border-radius:12px;margin-bottom:20px;overflow-x:auto;box-shadow:0 4px 20px #0f172a04,0 1px 3px #0f172a03}.v-table{border-collapse:collapse;text-align:left;width:100%}[dir=rtl] .v-table{text-align:right}.v-table th{border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:13px;color:var(--text-primary)!important;background-color:var(--panel-muted)!important;font-weight:700!important}[data-theme=dark] .v-table th{background-color:var(--panel-muted)!important;color:var(--text-primary)!important}.v-table thead tr:first-child th:first-child{border-top-left-radius:11px}.v-table thead tr:first-child th:last-child{border-top-right-radius:11px}[dir=rtl] .v-table thead tr:first-child th:first-child{border-top-left-radius:0;border-top-right-radius:11px}[dir=rtl] .v-table thead tr:first-child th:last-child{border-top-left-radius:11px;border-top-right-radius:0}.v-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:14px 16px;font-size:14px}.v-table tr:last-child td{border-bottom:none}.v-table tr:hover{background-color:#00000001}[data-theme=dark] .v-table tr:hover{background-color:#ffffff04}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.form-input{background-color:var(--panel-bg);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .12);outline:none}.form-textarea{background-color:var(--panel-bg);border:1px solid var(--border-color);width:100%;min-height:120px;color:var(--text-primary);resize:vertical;border-radius:8px;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .12);outline:none}.btn{cursor:pointer;border:1px solid var(--border-color);background-color:var(--panel-bg);color:var(--text-primary);border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:transform .1s,border-color .2s,background-color .2s,color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 1px 2px #00000005}.btn:active{transform:scale(.97)}.btn:hover{border-color:var(--border-hover);box-shadow:0 2px 6px #00000008}.btn-primary,.auth-submit-btn,.btn-landing-primary{background-color:var(--text-primary);color:var(--bg-color);border:1px solid var(--text-primary);position:relative!important;overflow:hidden!important}.btn-primary:hover,.auth-submit-btn:hover:not(:disabled),.btn-landing-primary:hover{background-color:var(--text-primary);color:var(--bg-color);opacity:.95;transform:translateY(-1px);box-shadow:0 0 16px rgba(var(--accent-rgb), .3)!important}@keyframes btn-shimmer{0%{transform:translate(-500%)skew(-25deg)}35%{transform:translate(500%)skew(-25deg)}to{transform:translate(500%)skew(-25deg)}}.btn-primary:after,.sch-btn-primary:after,.auth-submit-btn:after,.btn-landing-primary:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#fff0 0%,#ffffff73 50%,#fff0 100%);width:20%;height:100%;animation:4.2s ease-in-out infinite btn-shimmer;position:absolute;top:0;left:0;transform:translate(-500%)skew(-25deg)}.sch-btn-primary{position:relative!important;overflow:hidden!important}.sch-btn-primary:hover{box-shadow:0 0 16px rgba(var(--accent-rgb), .3)!important}.btn.active{background-color:var(--text-primary);color:var(--bg-color);border-color:var(--text-primary)}.btn-danger{background-color:var(--danger-color);color:#fff;border-color:var(--danger-color)}.btn-danger:hover{color:var(--danger-color);background-color:#0000}.badge{border-radius:20px;align-items:center;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{background-color:var(--success-bg);color:var(--success-text)}.badge-warning{background-color:var(--warning-bg);color:var(--warning-text)}.badge-danger{background-color:var(--danger-bg);color:var(--danger-text)}.status-chip{background-color:var(--bg-color);color:var(--text-secondary);border:1px solid #0000;border-radius:99px;justify-content:center;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;padding:3px 10px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.status-chip:before{content:"";display:none}.status-chip-success{background-color:var(--success-bg);color:var(--success-text);border-color:#10b98126}.status-chip-success:before{background-color:var(--success-color)}.status-chip-warning{background-color:var(--warning-bg);color:var(--warning-text);border-color:#f59e0b26}.status-chip-warning:before{background-color:var(--warning-color)}.status-chip-danger{background-color:var(--danger-bg);color:var(--danger-text);border-color:#dc262626}.status-chip-danger:before{background-color:var(--danger-color)}.sidebar-menu{flex:1;padding:12px 10px;list-style:none}.sidebar-item{margin-bottom:4px}.sidebar-link{color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;text-decoration:none;transition:background-color .2s cubic-bezier(.16,1,.3,1),color .2s cubic-bezier(.16,1,.3,1),font-weight .2s;display:flex}.sidebar-link:hover{color:var(--text-primary);background-color:#00000008}.sidebar-link.active{background-color:rgba(var(--accent-rgb), .06);color:var(--accent-color);font-weight:600}.sidebar-link:hover svg{color:var(--accent-color);transform:scale(1.04)}.sidebar-link.active svg{color:var(--accent-color);transform:scale(1.05)}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tab-transition-wrapper{animation:none!important}.playground-layout{align-items:flex-start;gap:20px;width:100%;display:flex}.playground-editor{flex:1;min-width:0}.phone-simulator{background-color:#000;border:8px solid #1c1c1e;border-radius:40px;flex-direction:column;width:290px;height:580px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001f}[data-theme=dark] .phone-simulator{border-color:#1c1c1e;box-shadow:0 25px 50px #00000080}.phone-screen{color:#fff;background:radial-gradient(circle at top,#27272a 0%,#09090b 100%) 50%/cover;flex-direction:column;flex:1;padding:15px;display:flex;position:relative}.phone-header{color:#888;justify-content:space-between;padding-top:16px;padding-bottom:10px;font-size:11px;font-weight:600;display:flex}.phone-notch{z-index:10;background-color:#000;border-radius:99px;width:84px;height:20px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 3px #0003}[data-theme=dark] .phone-notch{background-color:#000}.phone-notifications-list{flex-direction:column;flex:1;gap:10px;padding-top:15px;display:flex;overflow-y:auto}.phone-notification{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#18181bd9;border:1px solid #ffffff14;border-radius:14px;padding:12px;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;box-shadow:0 4px 12px #0000004d}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.noti-header{color:#888;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:11px;display:flex}.noti-app{align-items:center;gap:6px;font-weight:600;display:flex}.noti-app-icon{color:#fff;border-radius:3px;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;display:flex}.noti-app-icon.email{background-color:#0070f3}.noti-app-icon.sms{background-color:#10b981}.noti-app-icon.whatsapp{background-color:#25d366}.noti-title{color:#fff;margin-bottom:2px;font-size:13px;font-weight:600}.noti-body{color:#d4d4d8;font-size:12px;line-height:1.3}.payment-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}[data-theme=dark] .payment-modal-overlay{background-color:#000000d9}.zain-cash-modal{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;width:380px;padding:24px;box-shadow:0 20px 40px #0000001a}[data-theme=dark] .zain-cash-modal{box-shadow:0 15px 30px #00000080}.zain-cash-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.zain-cash-logo{color:#f5a623;letter-spacing:-.5px;font-size:22px;font-weight:800}.flex-between{justify-content:space-between;align-items:center;display:flex}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.ml-10{margin-left:10px}.mr-10{margin-right:10px}@media (max-width:1024px){.playground-layout{flex-direction:column-reverse;align-items:center}.phone-simulator{margin-bottom:20px}}@media (max-width:768px){.sidebar{width:var(--sidebar-width)}.sidebar-link span{display:none}.sidebar-panel-toggle{display:none!important}.main-content{margin-left:var(--sidebar-width);padding:20px}[dir=rtl] .main-content{margin-right:var(--sidebar-width);margin-left:0}.top-navbar{left:var(--sidebar-width);padding:0 20px}[dir=rtl] .top-navbar{right:var(--sidebar-width);left:0}}@media (max-width:640px){.top-navbar .status-text,.top-navbar .workspace-name{display:none}.top-navbar .server-status{border-radius:50%;padding:8px}}@media (max-width:480px){.breadcrumb-parent,.breadcrumb-separator{display:none}.top-navbar{padding:0 12px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.templates-grid{grid-template-columns:40% 60%;align-items:flex-start;gap:20px;display:grid}@media (max-width:1024px){.templates-grid{grid-template-columns:100%;gap:20px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.v-table tbody tr{cursor:pointer}.devhub-layout{align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}@media (max-width:1024px){.devhub-layout{flex-direction:column;align-items:stretch}.devhub-layout>div{flex:none!important;width:100%!important;max-width:100%!important;position:static!important}}.codebuilder-layout{grid-template-columns:35% 65%;gap:20px;margin-bottom:20px;display:grid}@media (max-width:1024px){.codebuilder-layout{grid-template-columns:100%}}.webhook-flow-arrow{color:var(--text-muted);justify-content:center;align-items:center;font-size:18px;display:flex}@media (max-width:768px){.webhook-flow-arrow{margin:10px 0;transform:rotate(90deg)}}.card-checklist{cursor:default}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0006;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.drawer-overlay.rtl{justify-content:flex-start}.drawer-overlay.ltr{justify-content:flex-end}.drawer-card{background-color:var(--panel-bg);box-sizing:border-box;flex-direction:column;width:550px;max-width:100%;height:100%;padding:24px 20px;display:flex;box-shadow:0 0 32px #00000026}.drawer-card.rtl{text-align:right;border-right:1px solid var(--border-color);direction:rtl;animation:.3s cubic-bezier(.16,1,.3,1) slideInLeft}.drawer-card.ltr{text-align:left;border-left:1px solid var(--border-color);direction:ltr;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight}@media (max-width:600px){.drawer-overlay{padding:0}.drawer-card{border-radius:0;width:100%;height:100%;padding:18px 14px}.drawer-card.rtl{border-right:none}.drawer-card.ltr{border-left:none}}.sumer-toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;width:calc(100% - 48px);max-width:380px;display:flex;position:fixed;bottom:24px;right:24px}[dir=rtl] .sumer-toast-container{left:24px;right:auto}.sumer-toast-email{--toast-brand-color:var(--channel-email);--toast-brand-color-rgb:var(--channel-email-rgb)}.sumer-toast-sms{--toast-brand-color:var(--channel-sms);--toast-brand-color-rgb:var(--channel-sms-rgb)}.sumer-toast-whatsapp{--toast-brand-color:var(--channel-whatsapp);--toast-brand-color-rgb:var(--channel-whatsapp-rgb)}.sumer-toast-success{--toast-brand-color:var(--success-color);--toast-brand-color-rgb:var(--success-color-rgb)}.sumer-toast-error{--toast-brand-color:var(--danger-color);--toast-brand-color-rgb:var(--danger-color-rgb)}.sumer-toast{background-color:#ffffffd9;background-image:radial-gradient(circle at 40px 40px, rgba(var(--toast-brand-color-rgb), .08), transparent 75%), radial-gradient(circle, rgba(var(--toast-brand-color-rgb), .03) 1px, transparent 1px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--toast-brand-color-rgb), .12);pointer-events:auto;box-shadow:0 16px 36px rgba(var(--toast-brand-color-rgb), .08), 0 0 1px rgba(var(--toast-brand-color-rgb), .15);background-size:100% 100%,12px 12px;border-radius:22px;align-items:flex-start;gap:16px;padding:14px 20px;transition:transform .25s,opacity .25s,border-color .2s;animation:.45s cubic-bezier(.34,1.56,.64,1) forwards sumer-toast-slide-in;display:flex;position:relative;overflow:hidden}[dir=rtl] .sumer-toast{background-image:radial-gradient(circle at calc(100% - 40px) 40px, rgba(var(--toast-brand-color-rgb), .08), transparent 75%), radial-gradient(circle, rgba(var(--toast-brand-color-rgb), .03) 1px, transparent 1px)}[data-theme=dark] .sumer-toast{background-color:#0c0c0ccc;background-image:radial-gradient(circle at 40px 40px, rgba(var(--toast-brand-color-rgb), .14), transparent 80%), radial-gradient(circle, rgba(var(--toast-brand-color-rgb), .04) 1px, transparent 1px);border:1px solid rgba(var(--toast-brand-color-rgb), .2);box-shadow:0 16px 45px rgba(var(--toast-brand-color-rgb), .22), 0 0 1px rgba(var(--toast-brand-color-rgb), .25)}[dir=rtl][data-theme=dark] .sumer-toast{background-image:radial-gradient(circle at calc(100% - 40px) 40px, rgba(var(--toast-brand-color-rgb), .14), transparent 80%), radial-gradient(circle, rgba(var(--toast-brand-color-rgb), .04) 1px, transparent 1px)}.sumer-toast.exit{animation:.25s ease-in forwards sumer-toast-slide-out}@keyframes sumer-toast-slide-in{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sumer-toast-slide-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.95)}}.sumer-toast-progress{background-color:var(--toast-brand-color);opacity:.85;height:1.5px;box-shadow:0 0 4px var(--toast-brand-color);animation:linear forwards sumer-toast-shrink;position:absolute;bottom:0;left:0}[dir=rtl] .sumer-toast-progress{left:auto;right:0}@keyframes sumer-toast-shrink{0%{width:100%}to{width:0%}}.sumer-toast-icon-container{flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;margin-top:-2px;display:flex;position:relative}.sumer-toast-icon-ring{width:42px;height:42px;position:absolute;top:0;bottom:0;left:0;right:0;transform:rotate(-90deg)}.sumer-toast-icon-ring-circle{stroke-width:2.5px;stroke:var(--toast-brand-color);stroke-dasharray:123;stroke-dashoffset:123px;stroke-linecap:round;fill:rgba(var(--toast-brand-color-rgb), .06);animation:.7s cubic-bezier(.65,0,.45,1) .1s forwards sumer-toast-ring-draw}@keyframes sumer-toast-ring-draw{to{stroke-dashoffset:0}}.sumer-toast-icon-inner{color:var(--toast-brand-color);z-index:1;justify-content:center;align-items:center;animation:.5s cubic-bezier(.34,1.56,.64,1) .35s both sumer-toast-icon-pop;display:flex}@keyframes sumer-toast-icon-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.sumer-toast-content{flex:1}.sumer-toast-title{color:var(--text-primary);margin-bottom:2px;font-size:13.5px;font-weight:700;line-height:1.3}.sumer-toast-message{color:var(--text-secondary);font-size:12px;line-height:1.4}.sumer-toast-close{color:var(--text-muted);cursor:pointer;margin-top:-2px;opacity:0;background:0 0;border:none;border-radius:50%;justify-content:center;align-self:flex-start;align-items:center;margin-inline-start:8px;padding:6px;transition:opacity .25s,transform .25s,background-color .2s,color .2s;display:flex;transform:scale(.8)}.sumer-toast:hover .sumer-toast-close{opacity:1;transform:scale(1)}.sumer-toast-close:hover{color:var(--text-primary);background-color:#0000000d}[data-theme=dark] .sumer-toast-close:hover{background-color:#ffffff14}.sumer-success-overlay{z-index:10000;pointer-events:none;-webkit-backdrop-filter:blur(2px);background-color:#ffffff0d;justify-content:center;align-items:center;animation:.25s ease-out forwards sumer-fade-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}[data-theme=dark] .sumer-success-overlay{background-color:#00000026}.sumer-success-circle{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards sumer-scale-up;display:flex;position:relative;box-shadow:0 10px 40px #0000001f,0 0 30px #10b98114}.sumer-success-circle:before,.sumer-success-circle:after{content:"";border:1.5px solid var(--success-color);pointer-events:none;opacity:0;z-index:-1;border-radius:50%;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.sumer-success-circle:before{animation:1.2s cubic-bezier(.1,.8,.3,1) .5s forwards sumer-ripple}.sumer-success-circle:after{animation:1.2s cubic-bezier(.1,.8,.3,1) .75s forwards sumer-ripple}[data-theme=dark] .sumer-success-circle{box-shadow:0 10px 50px #00000080,0 0 40px #10b9811f}.sumer-success-checkmark{stroke-width:3px;width:50px;height:50px;stroke:var(--success-color);stroke-miterlimit:10;box-shadow:inset 0px 0px 0px var(--success-color);border-radius:50%;animation:.4s ease-in-out .4s forwards sumer-fill,.3s ease-in-out .9s both sumer-scale-checkmark;display:block}.sumer-success-checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166px;stroke-width:3px;stroke-miterlimit:10;stroke:var(--success-color);fill:none;animation:.6s cubic-bezier(.65,0,.45,1) forwards sumer-stroke}.sumer-success-checkmark-check{transform-origin:50%;stroke-dasharray:48;stroke-dashoffset:48px;stroke-width:4px;stroke:var(--success-color);animation:.3s cubic-bezier(.65,0,.45,1) .6s forwards sumer-stroke}.sumer-success-sparks{transform-origin:26px 26px;stroke:var(--success-color);stroke-width:2.2px;stroke-linecap:round;opacity:0;animation:.65s cubic-bezier(.16,1,.3,1) .65s forwards sumer-sparks-pop}.spark-line{stroke:currentColor}@keyframes sumer-stroke{to{stroke-dashoffset:0}}@keyframes sumer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sumer-scale-up{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.08)}85%{transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes sumer-fill{to{box-shadow:inset 0 0 0 30px #10b9810d}}@keyframes sumer-ripple{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@keyframes sumer-sparks-pop{0%{opacity:0;transform:scale(.85)}50%{opacity:1}to{opacity:0;transform:scale(1.35)}}:root{--bg-color:#e8efeb;--panel-bg:#fff;--panel-bg-rgb:255, 255, 255;--panel-elevated:#fff;--panel-muted:#eef3f0;--border-color:#0000000a;--border-hover:#18181b;--text-primary:#111d17;--text-secondary:#2d3f35;--text-muted:#3d4f45;--accent-color:#1a2b23;--accent-rgb:26, 43, 35;--accent-text:#0f766e;--accent-bg:#0f766e0d;--success-color:#10b981;--success-bg:#10b98114;--success-text:#047857;--warning-color:#f59e0b;--warning-bg:#f59e0b0f;--warning-text:#b45309;--danger-color:#ef4444;--danger-bg:#ef44440f;--danger-text:#b91c1c;--channel-email-text:#1d4ed8;--channel-sms-text:#047857;--channel-whatsapp-text:#0f766e;--card-shadow:0 1px 2px #0000000a, 0 4px 16px #0000000a, 0 8px 32px #00000005;--card-shadow-hover:0 2px 4px #0000000a, 0 8px 24px #00000014, 0 16px 48px #0000000a;--focus-ring:0 0 0 2px var(--panel-bg), 0 0 0 4px #1a2b2326;--glow-rgb:26, 43, 35;--dot-color:#0000;--input-bg:#f6f9f7;--card-border-color:#0000000f;--report-choice-bg:#ffffff8c;--report-choice-hover-bg:#fffc;--report-choice-active-bg:#10b9810f}[data-theme=dark]{--bg-color:#0b100e;--panel-bg:#141a17;--panel-bg-rgb:20, 26, 23;--panel-elevated:#1c2420;--panel-muted:#111714;--border-color:#ffffff0f;--border-hover:#ffffff1f;--text-primary:#f0f7f3;--text-secondary:#a2b5ab;--text-muted:#718278;--accent-color:#e8efeb;--accent-rgb:232, 239, 235;--accent-text:#34d399;--accent-bg:#34d39914;--success-color:#10b981;--success-bg:#10b9811a;--success-text:#34d399;--warning-color:#f59e0b;--warning-bg:#f59e0b1a;--warning-text:#fbbf24;--danger-color:#ef4444;--danger-bg:#ef44441a;--danger-text:#f87171;--channel-email-text:#60a5fa;--channel-sms-text:#34d399;--channel-whatsapp-text:#2ad56c;--card-shadow:0 1px 2px #0003, 0 4px 16px #00000026, 0 8px 32px #0000001a, inset 0 1px 0 #ffffff0a;--card-shadow-hover:0 2px 4px #0003, 0 8px 24px #00000040, 0 16px 48px #00000026, inset 0 1px 0 #ffffff0f;--focus-ring:0 0 0 2px var(--panel-bg), 0 0 0 4px #e8efeb26;--glow-rgb:232, 239, 235;--dot-color:#ffffff03;--input-bg:#111714;--card-border-color:#ffffff14;--report-choice-bg:#141a1773;--report-choice-hover-bg:#141a17b3;--report-choice-active-bg:#10b9811f}html{background-color:var(--bg-color);scroll-behavior:smooth;background-image:radial-gradient(at 50% 0,#10b98108 0%,#0000 60%);background-repeat:no-repeat;background-size:100% 100%}body{min-width:320px;color:var(--text-primary);letter-spacing:-.01em;text-rendering:optimizelegibility;background:0 0;font-family:Inter,Cairo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body:before{display:none!important}::selection{color:#fff;background:#0070f3}:where(a,button,input,select,textarea,[role=button]):focus-visible{outline:none;box-shadow:var(--focus-ring)!important}.app-container{background:0 0}.sidebar{background:var(--panel-bg)!important;border-color:var(--border-color)!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}[dir=rtl] .sidebar{box-shadow:none!important}.nav-brand{color:var(--text-primary)!important}.sidebar-link{min-height:38px;color:var(--text-secondary);border:1px solid #0000;margin:2px 0;position:relative;border-radius:8px!important;padding:8px 12px!important;font-size:13.5px!important;font-weight:500!important;transition:padding .25s cubic-bezier(.16,1,.3,1),background-color .2s,color .2s,border-color .2s!important}.sidebar-link svg{color:var(--text-muted)!important;transition:transform .2s cubic-bezier(.16,1,.3,1),color .2s!important}.sidebar:not(.collapsed) .sidebar-link:hover{color:var(--text-primary)!important;background-color:#00000009!important;padding-left:16px!important}[dir=rtl] .sidebar:not(.collapsed) .sidebar-link:hover{padding-left:12px!important;padding-right:16px!important}[data-theme=dark] .sidebar:not(.collapsed) .sidebar-link:hover{background-color:#ffffff0d!important}.sidebar-link:hover svg{transform:scale(1.08);color:var(--text-primary)!important}.sidebar-link.active{color:var(--text-primary)!important;box-shadow:none!important;background-color:#0000000a!important;border-color:#00000005!important;font-weight:600!important}.sidebar-link.active:before{content:"";background-color:var(--accent-text);border-radius:0 4px 4px 0;width:3px;transition:transform .2s;position:absolute;top:8px;bottom:8px;left:0;transform:scaleY(1)}[dir=rtl] .sidebar-link.active:before{border-radius:4px 0 0 4px;left:auto;right:0}.sidebar-link.active svg{transform:scale(1.05);color:var(--accent-text)!important}[data-theme=dark] .sidebar-link.active{color:#fff!important;background-color:#ffffff12!important;border-color:#ffffff08!important}[data-theme=dark] .sidebar-link.active:before{background-color:#fff}.sidebar-link.highlighted{color:var(--text-primary)!important;box-shadow:none!important;background-color:#0000!important;border-color:#0000!important;font-weight:600!important}.sidebar-link.highlighted svg{transform:scale(1.05);color:var(--accent-text)!important}[data-theme=dark] .sidebar-link.highlighted{color:#fff!important}[data-theme=dark] .sidebar-link.highlighted svg{color:var(--accent-text)!important}.sidebar-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;border-radius:6px;justify-content:space-between;align-items:center;display:flex;margin:12px 0 4px!important;padding:6px 12px!important;transition:background-color .25s cubic-bezier(.16,1,.3,1)!important}.sidebar-section-header:hover{background-color:#00000009!important}[data-theme=dark] .sidebar-section-header:hover{background-color:#ffffff0d!important}.sidebar-section-header span{color:var(--text-secondary)!important;letter-spacing:.06em!important;text-transform:uppercase!important;font-size:11px!important;font-weight:700!important;transition:color .2s,transform .25s cubic-bezier(.16,1,.3,1)!important}.sidebar-section-header:hover span{color:var(--text-primary)!important;transform:translate(2px)!important}[dir=rtl] .sidebar-section-header:hover span{transform:translate(-2px)!important}.sidebar-section-header .chevron-icon{color:var(--text-secondary)!important;transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .2s,scale .2s!important}.sidebar-section-header:hover .chevron-icon{scale:1.15;color:var(--text-primary)!important}.top-navbar{border-bottom:1px solid var(--border-color)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;height:56px!important;box-shadow:none!important;z-index:99!important;background:#fffc!important}[data-theme=dark] .top-navbar{background:#000c!important}.server-status,.workspace-selector{border:1px solid var(--border-color);background:var(--panel-bg)!important;box-shadow:none!important;border-radius:6px!important}.workspace-selector:hover{border-color:var(--border-hover)!important;background:var(--panel-bg)!important}.main-content{background:0 0}.card,.apple-bento-card,.dashboard-card{will-change:transform, box-shadow, border-color;-webkit-backdrop-filter:blur(8px)!important;border:1px solid var(--card-border-color)!important;box-shadow:var(--card-shadow)!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;perspective:1000px!important;background:linear-gradient(135deg,#fff9 0%,#ffffff59 100%)!important;border-radius:8px!important;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .15s,box-shadow .15s!important;transform:translate(0,0)!important}.card:hover,.apple-bento-card:hover,.dashboard-card:hover{border-color:var(--border-hover)!important;box-shadow:var(--card-shadow-hover)!important;transform:translateY(-3px)!important}[data-theme=dark] .card,[data-theme=dark] .apple-bento-card,[data-theme=dark] .dashboard-card{box-shadow:var(--card-shadow)!important;background:linear-gradient(135deg,#141a1799 0%,#141a1759 100%)!important}[data-theme=dark] .card:hover,[data-theme=dark] .apple-bento-card:hover,[data-theme=dark] .dashboard-card:hover{border-color:var(--border-hover)!important;box-shadow:var(--card-shadow-hover)!important;transform:translateY(-3px)!important}.bento-card-flat,.dispatch-card-premium,.onboarding-split-card,.zentra-card-shadow,.drawer-card,.flat-card{-webkit-backdrop-filter:blur(8px)!important;border:1px solid var(--card-border-color)!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;background:linear-gradient(135deg,#fff9 0%,#ffffff59 100%)!important;border-radius:8px!important;transform:translate(0,0)!important}.timeline-event-card-new{border-radius:8px!important}.bento-card-flat:hover,.dispatch-card-premium:hover,.onboarding-split-card:hover,.zentra-card-shadow:hover,.drawer-card:hover,.flat-card:hover{border-color:var(--border-hover)!important}[data-theme=dark] .bento-card-flat,[data-theme=dark] .dispatch-card-premium,[data-theme=dark] .onboarding-split-card,[data-theme=dark] .zentra-card-shadow,[data-theme=dark] .drawer-card,[data-theme=dark] .flat-card{background:linear-gradient(135deg,#141a1799 0%,#141a1759 100%)!important}[data-theme=dark] .bento-card-flat:hover,[data-theme=dark] .dispatch-card-premium:hover,[data-theme=dark] .onboarding-split-card:hover,[data-theme=dark] .zentra-card-shadow:hover,[data-theme=dark] .drawer-card:hover,[data-theme=dark] .flat-card:hover{border-color:var(--border-hover)!important}.glass-history-card{-webkit-backdrop-filter:blur(8px)!important;border:1px solid var(--card-border-color)!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;background:linear-gradient(135deg,#fff9 0%,#ffffff59 100%)!important;transform:translate(0,0)!important;box-shadow:0 4px 16px #00000005!important}[data-theme=dark] .glass-history-card{border:1px solid var(--card-border-color)!important;background:linear-gradient(135deg,#141a1799 0%,#141a1759 100%)!important;box-shadow:0 8px 32px #00000026!important}.table-container,.phone-simulator,.mac-code-window{background:var(--panel-bg)!important;border:1px solid var(--card-border-color)!important;box-shadow:var(--card-shadow)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:8px!important}.card-checklist:hover{border-color:var(--border-color)!important;box-shadow:var(--card-shadow)!important;transform:none!important}.card-title{color:var(--text-secondary)!important;letter-spacing:.05em!important;text-transform:uppercase!important;margin-bottom:6px!important;font-size:11px!important;font-weight:500!important}.card-value{color:var(--text-primary)!important;letter-spacing:-.02em!important;font-size:24px!important;font-weight:600!important}.btn{min-height:36px;transition:background-color .15s,border-color .15s,color .15s;border:1px solid var(--border-color)!important;background:var(--panel-bg)!important;color:var(--text-primary)!important;border-radius:6px!important;padding:6px 14px!important;font-weight:500!important;box-shadow:0 1px 2px #0000000d!important}.btn:hover{border-color:var(--border-hover)!important;background:var(--bg-color)!important;transform:none!important;box-shadow:0 1px 2px #0000000d!important}.btn:active{background:var(--border-color)!important;transform:none!important}.btn-primary{color:var(--bg-color)!important;border-color:var(--text-primary)!important;background:var(--text-primary)!important;box-shadow:0 1px 2px #0000000d!important}.btn-primary:hover{background:var(--text-secondary)!important;border-color:var(--text-secondary)!important;color:var(--bg-color)!important;box-shadow:0 0 16px rgba(var(--accent-rgb), .3)!important;transform:none!important}.form-input,.form-textarea,.form-select,input,textarea,select{border-color:var(--border-color)!important;background-color:var(--panel-bg)!important;color:var(--text-primary)!important;border-radius:6px!important;padding:8px 12px!important;font-size:14px!important;box-shadow:0 1px 2px #00000005!important}.form-input:hover,.form-textarea:hover,.form-select:hover,input:hover,textarea:hover,select:hover{border-color:var(--border-hover)!important}.form-input:focus,.form-textarea:focus,.form-select:focus,input:focus,textarea:focus,select:focus{border-color:var(--text-primary)!important;box-shadow:var(--focus-ring)!important}.badge{border:1px solid var(--border-color)!important;border-radius:4px!important;padding:2px 6px!important;font-size:11px!important;font-weight:500!important}.vercel-tabs-container{border-bottom:1px solid var(--border-color);gap:24px;margin-bottom:24px;display:flex}.vercel-tab-btn{cursor:pointer;align-items:center;gap:8px;transition:color .15s,border-color .15s;display:flex;color:var(--text-secondary)!important;box-shadow:none!important;background:0 0!important;border:none!important;border-bottom:2px solid #0000!important;border-radius:0!important;padding:10px 0!important;font-size:14px!important;font-weight:500!important}.vercel-tab-btn:hover{color:var(--text-primary)!important;box-shadow:none!important;background:0 0!important;transform:none!important}.vercel-tab-btn.active{color:var(--text-primary)!important;border-bottom-color:var(--text-primary)!important;font-weight:600!important}.apple-animate-hero:before{display:none!important}.apple-animate-hero{border-bottom:1px solid var(--border-color);background:var(--panel-bg);padding:60px 24px!important}.apple-animate-hero h1{letter-spacing:-.03em!important;color:var(--text-primary)!important;font-size:40px!important;font-weight:800!important}.apple-bento-card:after{display:none!important}.bento-sim-container{border:1px solid var(--border-color);background:var(--panel-muted);border-radius:6px}.mac-code-window{background:#000!important;border-radius:8px!important}.apple-slider{accent-color:var(--text-primary)}@media (max-width:900px){.apple-animate-hero h1{font-size:32px!important}}@media (max-width:768px){.top-navbar,.sidebar-header{height:52px!important}.main-content{padding:68px 16px 16px!important}.sidebar-link{border-radius:6px;margin-inline-start:4px;margin-inline-end:4px}}.auth-input{border:1px solid var(--border-color)!important;background-color:var(--bg-color)!important;width:100%!important;color:var(--text-primary)!important;border-radius:8px!important;outline:none!important;padding:10px 38px!important;font-size:14px!important;transition:border-color .2s,box-shadow .2s!important}.auth-input:focus{border-color:var(--text-primary)!important;box-shadow:var(--focus-ring)!important}.auth-input-mono{font-family:Geist Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace!important}.auth-back-btn{border:1px solid var(--border-color)!important;background-color:var(--panel-bg)!important;height:32px!important;color:var(--text-secondary)!important;cursor:pointer!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;padding:0 12px!important;font-size:13px!important;font-weight:500!important;text-decoration:none!important;transition:border-color .2s,color .2s,background-color .2s!important;display:inline-flex!important}.auth-back-btn:hover{border-color:var(--border-hover)!important;color:var(--text-primary)!important;background-color:var(--bg-color)!important}.auth-back-btn:focus-visible{box-shadow:var(--focus-ring)!important;outline:none!important}.auth-nav-btn{cursor:pointer!important;color:var(--text-secondary)!important;background:0 0!important;border:none!important;border-radius:6px!important;align-items:center!important;gap:6px!important;padding:6px 10px!important;font-size:13px!important;transition:background-color .2s,color .2s!important;display:inline-flex!important}.auth-nav-btn:hover{background-color:var(--border-color)!important;color:var(--text-primary)!important}.auth-nav-btn:focus-visible{box-shadow:var(--focus-ring)!important;outline:none!important}.auth-submit-btn{background-color:var(--text-primary)!important;width:100%!important;height:40px!important;color:var(--panel-bg)!important;cursor:pointer!important;border:1px solid #0000!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;gap:8px!important;font-size:14px!important;font-weight:500!important;transition:opacity .2s,background-color .2s,border-color .2s,transform .1s!important;display:inline-flex!important}.auth-submit-btn:hover:not(:disabled){opacity:.9!important}.auth-submit-btn:active:not(:disabled){transform:scale(.97)!important}.auth-submit-btn:disabled{background-color:var(--border-color)!important;color:var(--text-muted)!important;cursor:not-allowed!important}.auth-submit-btn:focus-visible{box-shadow:var(--focus-ring)!important;outline:none!important}.pulse-dot{animation:2s cubic-bezier(.4,0,.6,1) infinite statusPulse}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.15)}}.settings-layout{align-items:flex-start;gap:20px;margin-top:24px;display:flex}.settings-sidebar{flex-direction:column;flex-shrink:0;gap:4px;width:240px;display:flex;position:sticky;top:80px}.settings-sidebar-btn{color:var(--text-secondary);cursor:pointer;text-align:inherit;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:12px;width:100%;padding:8px 12px;font-size:13.5px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.settings-sidebar-btn:hover{color:var(--text-primary)!important;background-color:#00000009!important}[data-theme=dark] .settings-sidebar-btn:hover{background-color:#ffffff0a!important}.settings-sidebar-btn.active{color:var(--text-primary)!important;background-color:#f2f4f7!important;border-color:#0000!important;font-weight:600!important}[data-theme=dark] .settings-sidebar-btn.active{color:#fff!important;background-color:#1f2937!important}.settings-sidebar-btn svg{color:var(--text-muted);transition:color .15s}.settings-sidebar-btn:hover svg,.settings-sidebar-btn.active svg{color:var(--text-primary)!important}[data-theme=dark] .settings-sidebar-btn.active svg{color:#fff!important}.settings-content{flex:1;min-width:0}.terminal-console{color:#a1a1aa;background-color:#09090b;border:1px solid #27272a;border-radius:8px;max-height:250px;padding:16px;font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.6;overflow-y:auto;box-shadow:inset 0 2px 4px #00000080}.terminal-line{margin-bottom:4px}.terminal-line.success{color:#10b981}.terminal-line.error{color:#ef4444}.terminal-line.info{color:#3b82f6}.terminal-line.command{color:#f4f4f5;font-weight:600}.dns-cname-box{color:#e4e4e7;background-color:#09090b;border:1px solid #27272a;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;font-family:monospace;font-size:12px;display:flex}.phone-mockup{background-color:#000;border:12px solid #09090b;border-radius:36px;flex-direction:column;width:280px;height:520px;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000040}.mockup-phone-screen{background-color:var(--panel-bg);border-radius:24px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.mockup-phone-notch{z-index:10;background-color:#09090b;border-bottom-right-radius:12px;border-bottom-left-radius:12px;width:120px;height:18px;position:absolute;top:0;left:50%;transform:translate(-50%)}.qr-pulse-overlay{position:relative}.qr-pulse-line{background-color:var(--success-color);height:2px;box-shadow:0 0 8px var(--success-color);animation:2.5s ease-in-out infinite qrPulse;position:absolute;left:0;right:0}@keyframes qrPulse{0%{top:0%}50%{top:100%}to{top:0%}}.preview-device-container{justify-content:center;gap:12px;margin-bottom:16px;display:flex}.device-frame-desktop{border:1px solid var(--border-color);box-shadow:var(--card-shadow);background-color:#fff;border-radius:8px;flex-direction:column;width:100%;height:500px;padding:12px;display:flex;overflow:hidden}.device-frame-mobile{box-shadow:var(--card-shadow);background-color:#fff;border:12px solid #09090b;border-radius:28px;flex-direction:column;width:320px;height:500px;margin:0 auto;display:flex;overflow:hidden}.flat-card{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;padding:20px;transition:border-color .2s,box-shadow .2s}.flat-card:hover{border-color:var(--border-hover);box-shadow:var(--card-shadow)}.settings-toggles-list{flex-direction:column;gap:12px;display:flex}.settings-toggle-row{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.switch-control{width:44px;height:24px;display:inline-block;position:relative}.switch-control input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:#ccc;border-radius:24px;transition:all .3s;position:absolute;top:0;bottom:0;left:0;right:0}.switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.switch-control input:checked+.switch-slider{background-color:var(--accent-color)}.switch-control input:checked+.switch-slider:before{transform:translate(20px)}[dir=rtl] .switch-slider:before{left:auto;right:3px}[dir=rtl] .switch-control input:checked+.switch-slider:before{transform:translate(-20px)}.settings-sidebar-section{flex-direction:column;gap:2px;margin-bottom:12px;display:flex}.settings-sidebar-section-title{color:var(--text-muted);letter-spacing:.5px;opacity:.8;margin:12px 12px 4px;font-size:9.5px;font-weight:700}@media (max-width:991px){.settings-layout{flex-direction:column;gap:20px}.settings-sidebar{white-space:nowrap;width:100%;box-shadow:none;gap:16px;padding:8px;position:static;overflow-x:auto;flex-direction:row!important}.settings-sidebar-section{align-items:center;gap:6px;display:flex;flex-direction:row!important;margin-bottom:0!important}.settings-sidebar-section-title{background-color:var(--panel-muted);border:1px solid var(--border-color);border-radius:4px;height:32px;padding:6px 10px;line-height:20px;display:inline-block;margin:0!important;font-size:9px!important}.settings-sidebar-btn{height:32px;padding:8px 12px;width:auto!important}}.sidebar-item-container{width:100%;position:relative}.sidebar-nested-list{margin-top:6px;margin-bottom:6px;border-inline-start:1.5px solid var(--border-color);flex-direction:column;gap:3px;margin-inline-start:22px;padding-inline-start:16px;animation:.2s cubic-bezier(.16,1,.3,1) slideDown;display:flex}.sidebar-nested-link{min-height:28px;color:var(--text-secondary);text-align:start;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;width:100%;font-weight:500;display:flex;padding:5px 10px!important;font-size:11.5px!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important}.sidebar-nested-link:hover{color:var(--text-primary)!important;background:#00000005!important;padding-inline-start:14px!important}[dir=rtl] .sidebar-nested-link:hover{padding-inline-start:14px!important}[data-theme=dark] .sidebar-nested-link:hover{background:#ffffff08!important}.sidebar-nested-link.active{color:#10b981!important;background:#10b9810d!important;font-weight:600!important}[data-theme=dark] .sidebar-nested-link.active{color:#34d399!important;background:#10b9811a!important}.sidebar-badge{color:#fff;background-color:#09090b;border-radius:10px;justify-content:center;align-items:center;padding:3px 6px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}[data-theme=dark] .sidebar-badge{color:#f4f4f5;background-color:#27272a;border:1px solid #3f3f46}.sidebar-badge.status-live{color:#fff;background-color:#10b981}.sidebar-badge.status-active{color:#fff;background-color:#0ea5e9}.sidebar-popover{background:var(--panel-bg);border:1px solid var(--border-color);z-index:999;border-radius:8px;flex-direction:column;gap:2px;width:190px;padding:6px;animation:.2s cubic-bezier(.16,1,.3,1) popoverFadeInLTR;display:none;position:absolute;top:0;left:56px;box-shadow:0 10px 30px #00000014,0 1px 4px #00000005}[data-theme=dark] .sidebar-popover{box-shadow:0 10px 30px #00000080,0 0 0 1px #222}[dir=rtl] .sidebar-popover{animation:.2s cubic-bezier(.16,1,.3,1) popoverFadeInRTL;left:auto;right:56px}.sidebar-item-container:hover .sidebar-popover{display:flex}.sidebar-popover-header{color:var(--text-muted);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;text-align:start;margin-bottom:4px;padding:6px 12px;font-size:10.5px;font-weight:700}.sidebar-popover-link{min-height:32px;color:var(--text-secondary);text-align:start;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:6px 12px;font-size:12.5px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.sidebar-popover-link:hover{color:var(--text-primary);background:#00000008}[data-theme=dark] .sidebar-popover-link:hover{background:#ffffff0a}.sidebar-popover-link.active{color:var(--text-primary);background:#f2f4f7;font-weight:600}[data-theme=dark] .sidebar-popover-link.active{color:#fff;background:#1f2937}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes popoverFadeInLTR{0%{opacity:0;transform:scale(.95)translate(5px)}to{opacity:1;transform:scale(1)translate(0)}}@keyframes popoverFadeInRTL{0%{opacity:0;transform:scale(.95)translate(-5px)}to{opacity:1;transform:scale(1)translate(0)}}.sidebar-panel-toggle{border:1px solid var(--border-color);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.sidebar-panel-toggle:hover{color:var(--text-primary);background:#00000008}[data-theme=dark] .sidebar-panel-toggle:hover{background:#ffffff0a}.sidebar-search-container{padding:0 12px 10px}.sidebar-search-box{width:100%;color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;background:#00000003;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;font-weight:500;transition:all .2s;display:flex}[data-theme=dark] .sidebar-search-box{background:#ffffff03}.sidebar-search-box:hover{border-color:var(--text-muted);background:#00000008}[data-theme=dark] .sidebar-search-box:hover{background:#ffffff0a}.sidebar-search-shortcut{color:var(--text-muted);background:var(--panel-muted);border:1px solid var(--border-color);border-radius:4px;padding:1px 4px;font-family:monospace;font-size:10px}.sidebar-color-square{border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:box-shadow .2s,transform .2s;display:inline-block;box-shadow:0 0 0 1px #0000000d,inset 0 -1px 2px #00000026}[data-theme=dark] .sidebar-color-square{box-shadow:0 0 0 1px #ffffff1a,inset 0 1px 2px #ffffff26}.sidebar-link:hover .color-orange{transform:scale(1.15);box-shadow:0 0 8px #f9731699}.sidebar-link:hover .color-green{transform:scale(1.15);box-shadow:0 0 8px #22c55e99}.sidebar-link:hover .color-blue{transform:scale(1.15);box-shadow:0 0 8px #3b82f699}.sidebar-link:hover .color-purple{transform:scale(1.15);box-shadow:0 0 8px #a855f799}.sidebar-link:hover .color-magenta{transform:scale(1.15);box-shadow:0 0 8px #ec489999}.sidebar-link:hover .color-gray{transform:scale(1.15);box-shadow:0 0 8px #71717a99}.sidebar-link:hover .color-yellow{transform:scale(1.15);box-shadow:0 0 8px #eab30899}.color-orange{background-color:#f97316}.color-green{background-color:#22c55e}.color-blue{background-color:#3b82f6}.color-purple{background-color:#a855f7}.color-magenta{background-color:#ec4899}.color-gray{background-color:#71717a}.color-yellow{background-color:#eab308}.sidebar-upgrade-card{border:1px solid var(--border-color);background-color:var(--panel-muted);border-radius:8px;flex-direction:column;gap:8px;margin:12px;padding:12px;display:flex}.sidebar-upgrade-title{color:var(--text-primary);align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.sidebar-upgrade-desc{color:var(--text-secondary);font-size:10.5px;line-height:1.4}.sidebar-upgrade-btn{color:#fff;cursor:pointer;background-color:#09090b;border:none;border-radius:99px;justify-content:center;align-items:center;gap:5px;width:100%;padding:6px 12px;font-size:10.5px;font-weight:700;transition:all .2s;display:flex}[data-theme=dark] .sidebar-upgrade-btn{color:#09090b;background-color:#fff}.sidebar-upgrade-btn:hover{opacity:.9}.sidebar.collapsed .sidebar-link{border-radius:8px!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;min-height:40px!important;margin:4px auto!important;padding:0!important;display:flex!important}.sidebar.collapsed .sidebar-link svg{margin:0!important;display:block!important}.sidebar.collapsed .sidebar-panel-toggle{border-radius:8px!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;margin:0 auto!important;padding:0!important;display:flex!important}.sidebar.collapsed .btn{border-radius:8px!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;margin:4px auto!important;padding:0!important;display:flex!important}.sidebar.collapsed .sidebar-divider{border-top:1px solid var(--border-color)!important;width:24px!important;margin:8px auto!important;display:block!important}.sidebar.collapsed .sidebar-item-container{justify-content:center!important;width:100%!important;margin:0!important;display:flex!important}.command-palette-overlay{-webkit-backdrop-filter:blur(8px);z-index:1100;background:#00000073;justify-content:center;align-items:flex-start;padding-top:14vh;animation:.2s cubic-bezier(.16,1,.3,1) overlayFadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.command-palette-container{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;width:92%;max-width:540px;animation:.25s cubic-bezier(.16,1,.3,1) paletteSlideDown;display:flex;overflow:hidden;box-shadow:0 20px 50px #0000001f,0 0 0 1px #0000000a}[data-theme=dark] .command-palette-container{box-shadow:0 20px 50px #0006,0 0 0 1px #ffffff0d}.command-palette-search-row{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:14px 18px;display:flex}.command-palette-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;width:100%;font-size:14px;font-weight:500}.command-palette-input::placeholder{color:var(--text-muted)}.command-palette-esc-badge{color:var(--text-muted);background:var(--panel-bg);border:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;border-radius:5px;padding:2px 6px;font-size:9px;font-weight:600;box-shadow:0 1px 2px #00000005}.command-palette-list{max-height:300px;padding:8px;overflow-y:auto}.command-palette-category{flex-direction:column;gap:2px;display:flex}.command-palette-category:not(:first-child){margin-top:8px}.command-palette-category-title{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;text-align:start;padding:6px 10px;font-size:10px;font-weight:600}.command-palette-item{cursor:pointer;text-align:start;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;transition:all .1s;display:flex}.command-palette-item-content{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.command-palette-item-content svg{color:var(--text-muted);transition:color .1s}.command-palette-item-shortcut{color:var(--text-muted);font-size:10px;font-family:var(--font-mono,monospace);background:var(--panel-bg);border:1px solid var(--border-color);border-radius:4px;padding:1px 5px;box-shadow:0 1px 2px #00000005}.command-palette-item.active{background:var(--panel-muted)}.command-palette-item.active .command-palette-item-content{color:var(--text-primary)}.command-palette-item.active .command-palette-item-content svg{color:var(--accent-color)}.command-palette-item.active .command-palette-item-shortcut{border-color:var(--border-hover);color:var(--text-secondary)}.command-palette-empty{text-align:center;color:var(--text-muted);padding:32px 24px;font-size:13px}.command-palette-footer{background:var(--panel-muted);border-top:1px solid var(--border-color);color:var(--text-muted);align-items:center;gap:16px;padding:10px 18px;font-size:10.5px;display:flex}[dir=rtl] .command-palette-footer{flex-direction:row-reverse}.footer-tip{align-items:center;gap:5px;display:flex}.key-hint{font-family:var(--font-mono,monospace);background:var(--panel-bg);border:1px solid var(--border-color);border-radius:3px;padding:1px 4px;font-size:9px;font-weight:700}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes paletteSlideDown{0%{opacity:0;transform:translateY(-20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.sidebar-accordion{grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.16,1,.3,1);display:grid}.sidebar-accordion.expanded{grid-template-rows:1fr}.sidebar-accordion-inner{flex-direction:column;gap:4px;display:flex;overflow:hidden}.sidebar-item-animated{opacity:1;transition:opacity .3s,transform .3s cubic-bezier(.16,1,.3,1);transform:translateY(0)scale(1)}.card-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s;display:flex}.card:hover .card-icon-circle{transform:scale(1.08)}.trend-pill{border-radius:99px;align-items:center;gap:4px;width:-moz-fit-content;width:fit-content;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.trend-pill.up{background-color:var(--success-bg);color:var(--success-text)}.trend-pill.down{background-color:var(--danger-bg);color:var(--danger-text)}.trend-pill.neutral{color:var(--text-muted);background-color:#78787814}.capsule-tab-container{border:1px solid var(--border-color);box-sizing:border-box;background-color:#7878780d;border-radius:99px;gap:4px;width:-moz-fit-content;width:fit-content;padding:3px;display:flex}.capsule-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:99px;padding:5px 12px;font-size:11.5px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.capsule-tab-btn:hover{color:var(--text-primary);background-color:#78787814}.capsule-tab-btn.active{box-shadow:0 1px 3px #0000000d;background-color:var(--text-primary)!important;color:var(--panel-bg)!important}[data-theme=dark] .capsule-tab-btn.active{box-shadow:0 1px 3px #ffffff0d;color:#09090b!important;background-color:#fff!important}.status-pill{border-radius:99px;justify-content:center;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;padding:3px 10px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.status-pill.success{background-color:var(--success-bg)!important;color:var(--success-text)!important}.status-pill.warning{background-color:var(--warning-bg)!important;color:var(--warning-text)!important}.status-pill.danger{background-color:var(--danger-bg)!important;color:var(--danger-text)!important}.status-pill.info{background-color:var(--accent-bg)!important;color:var(--accent-text)!important}:root{view-transition-name:none}.content-container{view-transition-name:main-content}.settings-content{view-transition-name:settings-content}.reports-content-container{view-transition-name:reports-content}.playground-composer-container{view-transition-name:playground-composer}.messaging-content{view-transition-name:messaging-content}.phone-screen{view-transition-name:phone-screen}.campaigns-view-container{view-transition-name:campaigns-view}.send-console-content{view-transition-name:send-console-content}.channels-content{view-transition-name:channels-content}.analytics-logs-content{view-transition-name:analytics-logs-content}.platform-settings-content{view-transition-name:platform-settings-content}::view-transition-group(main-content){animation-duration:.12s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-group(settings-content){animation-duration:.12s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-group(reports-content){animation-duration:.12s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-group(playground-composer){animation-duration:.12s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-group(messaging-content){animation-duration:.12s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-group(campaigns-view){animation-duration:.12s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-group(phone-screen){animation-duration:.12s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-group(send-console-content){animation-duration:.12s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-group(channels-content){animation-duration:.12s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-group(analytics-logs-content){animation-duration:.12s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-group(platform-settings-content){animation-duration:.12s;animation-timing-function:cubic-bezier(.16,1,.3,1)}html:active-view-transition-type(forward)::view-transition-old(main-content){animation-name:fade-out}html:active-view-transition-type(forward)::view-transition-old(settings-content){animation-name:fade-out}html:active-view-transition-type(forward)::view-transition-old(reports-content){animation-name:fade-out}html:active-view-transition-type(forward)::view-transition-old(playground-composer){animation-name:fade-out}html:active-view-transition-type(forward)::view-transition-old(messaging-content){animation-name:fade-out}html:active-view-transition-type(forward)::view-transition-old(campaigns-view){animation-name:fade-out}html:active-view-transition-type(forward)::view-transition-old(send-console-content){animation-name:fade-out}html:active-view-transition-type(forward)::view-transition-old(channels-content){animation-name:fade-out}html:active-view-transition-type(forward)::view-transition-old(analytics-logs-content){animation-name:fade-out}html:active-view-transition-type(forward)::view-transition-old(platform-settings-content){animation-name:fade-out}html:active-view-transition-type(forward)::view-transition-new(main-content){animation-name:fade-in-scale}html:active-view-transition-type(forward)::view-transition-new(settings-content){animation-name:fade-in-scale}html:active-view-transition-type(forward)::view-transition-new(reports-content){animation-name:fade-in-scale}html:active-view-transition-type(forward)::view-transition-new(playground-composer){animation-name:fade-in-scale}html:active-view-transition-type(forward)::view-transition-new(messaging-content){animation-name:fade-in-scale}html:active-view-transition-type(forward)::view-transition-new(campaigns-view){animation-name:fade-in-scale}html:active-view-transition-type(forward)::view-transition-new(send-console-content){animation-name:fade-in-scale}html:active-view-transition-type(forward)::view-transition-new(channels-content){animation-name:fade-in-scale}html:active-view-transition-type(forward)::view-transition-new(analytics-logs-content){animation-name:fade-in-scale}html:active-view-transition-type(forward)::view-transition-new(platform-settings-content){animation-name:fade-in-scale}html:active-view-transition-type(backward)::view-transition-old(main-content){animation-name:fade-out}html:active-view-transition-type(backward)::view-transition-old(settings-content){animation-name:fade-out}html:active-view-transition-type(backward)::view-transition-old(reports-content){animation-name:fade-out}html:active-view-transition-type(backward)::view-transition-old(playground-composer){animation-name:fade-out}html:active-view-transition-type(backward)::view-transition-old(messaging-content){animation-name:fade-out}html:active-view-transition-type(backward)::view-transition-old(campaigns-view){animation-name:fade-out}html:active-view-transition-type(backward)::view-transition-old(send-console-content){animation-name:fade-out}html:active-view-transition-type(backward)::view-transition-old(channels-content){animation-name:fade-out}html:active-view-transition-type(backward)::view-transition-old(analytics-logs-content){animation-name:fade-out}html:active-view-transition-type(backward)::view-transition-old(platform-settings-content){animation-name:fade-out}html:active-view-transition-type(backward)::view-transition-new(main-content){animation-name:fade-in-scale}html:active-view-transition-type(backward)::view-transition-new(settings-content){animation-name:fade-in-scale}html:active-view-transition-type(backward)::view-transition-new(reports-content){animation-name:fade-in-scale}html:active-view-transition-type(backward)::view-transition-new(playground-composer){animation-name:fade-in-scale}html:active-view-transition-type(backward)::view-transition-new(messaging-content){animation-name:fade-in-scale}html:active-view-transition-type(backward)::view-transition-new(campaigns-view){animation-name:fade-in-scale}html:active-view-transition-type(backward)::view-transition-new(send-console-content){animation-name:fade-in-scale}html:active-view-transition-type(backward)::view-transition-new(channels-content){animation-name:fade-in-scale}html:active-view-transition-type(backward)::view-transition-new(analytics-logs-content){animation-name:fade-in-scale}html:active-view-transition-type(backward)::view-transition-new(platform-settings-content){animation-name:fade-in-scale}@keyframes fade-out{to{opacity:0}}@keyframes fade-in-scale{0%{opacity:0;transform:translateY(4px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){::view-transition-group(main-content){animation:none!important}::view-transition-group(settings-content){animation:none!important}::view-transition-group(reports-content){animation:none!important}::view-transition-group(playground-composer){animation:none!important}::view-transition-group(messaging-content){animation:none!important}::view-transition-group(campaigns-view){animation:none!important}::view-transition-group(phone-screen){animation:none!important}}.form-input:focus,.form-textarea:focus{border-color:var(--text-primary)!important;box-shadow:0 0 0 1px var(--text-primary), 0 0 0 4px rgba(var(--accent-rgb), .12)!important;outline:none!important}.form-input:focus-visible{border-color:var(--text-primary)!important;box-shadow:0 0 0 1px var(--text-primary), 0 0 0 4px rgba(var(--accent-rgb), .12)!important;outline:none!important}.form-textarea:focus-visible{border-color:var(--text-primary)!important;box-shadow:0 0 0 1px var(--text-primary), 0 0 0 4px rgba(var(--accent-rgb), .12)!important;outline:none!important}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-textarea:focus{border-color:#fff!important;box-shadow:0 0 0 1px #fff,0 0 0 4px #ffffff1a!important}[data-theme=dark] .form-input:focus-visible{border-color:#fff!important;box-shadow:0 0 0 1px #fff,0 0 0 4px #ffffff1a!important}[data-theme=dark] .form-textarea:focus-visible{border-color:#fff!important;box-shadow:0 0 0 1px #fff,0 0 0 4px #ffffff1a!important}.btn:active,button:active{transition:transform .1s cubic-bezier(.16,1,.3,1);transform:scale(.975)}.dashboard-grid-layout{flex-direction:column;gap:20px;display:flex}.dashboard-section-header{margin-bottom:16px}.dashboard-onboarding-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px;display:grid}.dashboard-card{padding:20px}.dashboard-metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}@media (max-width:1024px){.dashboard-metric-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.dashboard-metric-grid{grid-template-columns:1fr}}.bento-metric-card{box-sizing:border-box;will-change:transform, border-color, box-shadow;flex-direction:column;justify-content:space-between;min-height:140px;display:flex;-webkit-backdrop-filter:blur(8px)!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;border-radius:8px!important;padding:20px!important;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .15s,box-shadow .15s!important;transform:translate(0,0)!important}.bento-metric-card.email-card{background:#ede9fe73!important;border:1px solid #ddd6fe!important}.bento-metric-card.sms-card{background:#ffe4e673!important;border:1px solid #fecdd3!important}.bento-metric-card.wa-card{background:#e0f2fe73!important;border:1px solid #bae6fd!important}.bento-metric-card.delivery-card{background:#fef9c373!important;border:1px solid #fef08a!important}[data-theme=dark] .bento-metric-card.email-card{background:linear-gradient(135deg,#a855f712 0%,#a855f705 100%)!important;border:1px solid #a855f740!important}[data-theme=dark] .bento-metric-card.sms-card{background:linear-gradient(135deg,#f43f5e12 0%,#f43f5e05 100%)!important;border:1px solid #f43f5e40!important}[data-theme=dark] .bento-metric-card.wa-card{background:linear-gradient(135deg,#0ea5e912 0%,#0ea5e905 100%)!important;border:1px solid #0ea5e940!important}[data-theme=dark] .bento-metric-card.delivery-card{background:linear-gradient(135deg,#eab30812 0%,#eab30805 100%)!important;border:1px solid #eab30840!important}.bento-metric-card:hover{transform:translateY(-4px)!important}.bento-metric-card.email-card:hover{box-shadow:0 12px 30px #a855f71f,0 0 0 1px #a855f726!important}.bento-metric-card.sms-card:hover{box-shadow:0 12px 30px #f43f5e1f,0 0 0 1px #f43f5e26!important}.bento-metric-card.wa-card:hover{box-shadow:0 12px 30px #0ea5e91f,0 0 0 1px #0ea5e926!important}.bento-metric-card.delivery-card:hover{box-shadow:0 12px 30px #eab3081f,0 0 0 1px #eab30826!important}.bento-metric-card .bento-header-title{color:#1f2937;letter-spacing:-.1px;font-size:13.5px;font-weight:600}.bento-metric-card .bento-value{color:#111827;letter-spacing:-.5px;font-size:28px;font-weight:800}.bento-metric-card .bento-desc{color:#4b5563;box-sizing:border-box;align-items:center;height:30px;font-size:11px;font-weight:500;line-height:1.35;display:flex}[data-theme=dark] .bento-metric-card .bento-header-title{color:#f3f4f6}[data-theme=dark] .bento-metric-card .bento-value{color:#fff}[data-theme=dark] .bento-metric-card .bento-desc{color:#9ca3af}.bento-trend-badge{background:#fff;border-radius:99px;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #0000000a}.bento-trend-badge.up{color:#16a34a}.bento-trend-badge.down{color:#dc2626}.bento-trend-badge.neutral{color:#4b5563}[data-theme=dark] .bento-trend-badge{box-shadow:none;background:#ffffff14}[data-theme=dark] .bento-trend-badge.up{color:#4ade80}[data-theme=dark] .bento-trend-badge.down{color:#f87171}[data-theme=dark] .bento-trend-badge.neutral{color:#9ca3af}.bento-options-btn{color:#4b5563;cursor:pointer;background:#0000000a;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.bento-options-btn:hover{color:#111827;background:#00000014}[data-theme=dark] .bento-options-btn{color:#9ca3af;background:#ffffff0f}[data-theme=dark] .bento-options-btn:hover{color:#fff;background:#ffffff1f}.bento-details-btn{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:99px;outline:none;align-items:center;gap:4px;padding:4px 12px;font-size:10px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 3px #00000008}.bento-details-btn:hover{border-color:#0000001f;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.bento-details-btn:active{transform:translateY(0)scale(.95)}[data-theme=dark] .bento-details-btn{color:#f3f4f6;box-shadow:none;background:#ffffff14;border:1px solid #ffffff14}[data-theme=dark] .bento-details-btn:hover{background:#ffffff24;border-color:#ffffff26}.email-card .bento-icon{color:#6b21a8}[data-theme=dark] .email-card .bento-icon{color:#c084fc}.sms-card .bento-icon{color:#be123c}[data-theme=dark] .sms-card .bento-icon{color:#fb7185}.wa-card .bento-icon{color:#0369a1}[data-theme=dark] .wa-card .bento-icon{color:#38bdf8}.delivery-card .bento-icon{color:#a16207}[data-theme=dark] .delivery-card .bento-icon{color:#facc15}.dashboard-telemetry-grid{grid-template-columns:2fr 1fr;gap:20px;margin-top:20px;display:grid}@media (max-width:968px){.dashboard-telemetry-grid{grid-template-columns:1fr}}.step-number-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.tabular-nums-stat{font-variant-numeric:tabular-nums;font-family:Inter,-apple-system,BlinkMacSystemFont,monospace}.telemetry-row{border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:12px}.telemetry-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sumer-badge{text-transform:capitalize;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.sumer-badge.success{background-color:var(--success-bg);color:var(--success-text)}.sumer-badge.warning{background-color:var(--warning-bg);color:var(--warning-text)}.sumer-badge.danger{background-color:var(--danger-bg);color:var(--danger-text)}.onboarding-split-card{background-color:var(--panel-bg);border:1.5px solid #0000001f;border-radius:12px;grid-template-columns:1.15fr .85fr;min-height:380px;margin-bottom:24px;transition:border-color .25s,box-shadow .25s;display:grid;overflow:hidden;box-shadow:0 4px 16px -2px #0000000d,0 0 0 1px #00000005,inset 0 1px #fff9}[data-theme=dark] .onboarding-split-card{border:1.5px solid #ffffff29;box-shadow:0 0 20px #ffffff03,0 4px 16px -2px #00000080,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0d}@media (max-width:868px){.onboarding-split-card{grid-template-columns:1fr;min-height:auto}.onboarding-split-visual{border-top:1px solid var(--border-color);height:280px;border-inline-start:none!important}}.onboarding-split-info{flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:relative}.onboarding-split-visual{border-inline-start:1px solid var(--border-color);background:linear-gradient(135deg,#f2eadb 0%,#dfd3bd 100%);justify-content:center;align-items:center;padding:24px;transition:all .3s;display:flex;position:relative;overflow:hidden}[data-theme=dark] .onboarding-split-visual{background:linear-gradient(135deg,#1b1712 0%,#0d0a08 100%)}.onboarding-dots-container{align-items:center;gap:8px;display:flex}.onboarding-dot{background-color:var(--border-color);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.onboarding-dot:hover{background-color:var(--text-secondary)}.onboarding-dot.active{background-color:var(--accent-color);border-radius:4px;width:20px}.onboarding-dot.done{background-color:var(--success-color)}.onboarding-dot.done.active{background-color:var(--success-color);width:20px}.mockup-floating-card{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;width:100%;max-width:280px;padding:16px;transition:all .3s cubic-bezier(.16,1,.3,1);animation:.4s ease-out floatUp;transform:translateY(0);box-shadow:0 10px 25px #0000000a}[data-theme=dark] .mockup-floating-card{box-shadow:0 10px 25px #00000059}@keyframes floatUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mockup-floating-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #00000014}[data-theme=dark] .mockup-floating-card:hover{box-shadow:0 15px 30px #00000080}.mockup-code-terminal{color:#a9b1d6;background-color:#0c0c0e;border:1px solid #222;border-radius:8px;width:100%;max-width:290px;font-family:monospace;font-size:11px;animation:.4s ease-out floatUp;overflow:hidden;box-shadow:0 8px 24px #0000004d}.mockup-code-header{background-color:#16161a;border-bottom:1px solid #222;align-items:center;gap:6px;height:28px;padding:0 12px;display:flex}.mockup-code-dot{border-radius:50%;width:8px;height:8px}.mockup-code-body{text-align:left;direction:ltr;padding:12px;line-height:1.5}.mockup-phone-frame{background-color:#000;border:6px solid #27272a;border-radius:16px;flex-direction:column;width:180px;height:230px;animation:.4s ease-out floatUp;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px #0000001f}[data-theme=dark] .mockup-phone-frame{box-shadow:0 12px 28px #0006}.mockup-phone-notch{z-index:2;background-color:#27272a;border-bottom-right-radius:6px;border-bottom-left-radius:6px;width:50px;height:10px;margin:0 auto}.mockup-phone-screen{background-color:#efeae2;flex-direction:column;flex:1;gap:8px;padding:8px;display:flex;position:relative}.mockup-phone-notification{background-color:#fffffff2;border-radius:8px;padding:8px 10px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:9px;animation:.3s cubic-bezier(.18,.89,.32,1.28) both slideInNotification;box-shadow:0 4px 10px #0000000f}[data-theme=dark] .mockup-phone-notification{color:#fff;background-color:#1e1e20f2;box-shadow:0 4px 10px #0000004d}@keyframes slideInNotification{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulseGlow{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}@keyframes pulseGlowWarning{0%{transform:scale(.95);box-shadow:0 0 #f59e0bb3}70%{transform:scale(1);box-shadow:0 0 0 6px #f59e0b00}to{transform:scale(.95);box-shadow:0 0 #f59e0b00}}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}.pulse-dot-verified{animation:2s infinite pulseGlow}.pulse-dot-pending{animation:2s infinite pulseGlowWarning}.terminal-cursor{vertical-align:middle;background-color:#3b82f6;width:6px;height:12px;margin-left:2px;animation:1s infinite blinkCursor;display:inline-block}@keyframes profileDropdownFadeIn{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-dropdown-container{background-color:var(--panel-bg);-webkit-backdrop-filter:blur(8px);z-index:120;transform-origin:bottom;border:1.5px solid #00000038;border-radius:10px;flex-direction:column;gap:2px;width:240px;padding:6px;animation:.25s cubic-bezier(.34,1.56,.64,1) forwards profileDropdownFadeIn;display:flex;position:absolute;box-shadow:0 25px 50px -12px #00000038,0 0 0 1.5px #0000000a,inset 0 1px #fff9}[data-theme=dark] .profile-dropdown-container{background-color:#121214fa;border:1.5px solid #ffffff47;box-shadow:0 0 30px #ffffff05,0 35px 70px -15px #000000f2,0 0 0 1.5px #ffffff14,inset 0 1px #ffffff1a}.profile-dropdown-header{text-align:start;flex-direction:column;gap:2px;padding:8px 10px 6px;display:flex}.profile-dropdown-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;line-height:1.3;overflow:hidden}.profile-dropdown-user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:1.2;overflow:hidden}.profile-dropdown-divider{background-color:var(--border-color);opacity:.7;height:1px;margin:3px 0}.profile-dropdown-item{cursor:pointer;width:100%;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;outline:none;align-items:center;gap:8px;height:32px;padding:6px 10px;font-size:12.5px;font-weight:500;text-decoration:none;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex}.profile-dropdown-item:hover{background-color:var(--panel-muted);color:var(--text-primary);transform:translate(3px)}[dir=rtl] .profile-dropdown-item:hover{transform:translate(-3px)}.profile-dropdown-item svg{color:var(--text-muted);flex-shrink:0;transition:all .22s cubic-bezier(.16,1,.3,1)}.profile-dropdown-item:hover svg{color:var(--text-primary);transform:scale(1.1)}.profile-dropdown-item-badge{color:#b45309;background-color:#fef3c7;border-radius:12px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:600;transition:all .2s}.profile-dropdown-item:hover .profile-dropdown-item-badge{transform:scale(1.05)}[dir=rtl] .profile-dropdown-item-badge{margin-left:0;margin-right:auto}[data-theme=dark] .profile-dropdown-item-badge{color:#fbbf24;background-color:#f59e0b26}.profile-dropdown-control-row{height:32px;color:var(--text-secondary);justify-content:space-between;align-items:center;padding:4px 10px;font-size:12.5px;font-weight:500;transition:all .2s;display:flex}.profile-dropdown-control-row:hover{color:var(--text-primary);background-color:#00000004;border-radius:6px}[data-theme=dark] .profile-dropdown-control-row:hover{background-color:#ffffff03}.profile-dropdown-segmented{background-color:var(--panel-muted);border:1px solid var(--border-color);border-radius:16px;gap:1px;padding:1.5px;transition:all .22s;display:flex}.profile-dropdown-control-row:hover .profile-dropdown-segmented{border-color:var(--border-hover)}.profile-dropdown-segmented-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:14px;justify-content:center;align-items:center;padding:3px 6px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex}.profile-dropdown-segmented-btn.active{background-color:var(--panel-bg);color:var(--text-primary);transform:scale(1.05);box-shadow:0 1px 3px #00000014}[data-theme=dark] .profile-dropdown-segmented-btn.active{color:var(--text-primary);background-color:#ffffff14}.profile-dropdown-logout-item{color:var(--danger-color)}.profile-dropdown-logout-item:hover{background-color:var(--danger-bg);color:var(--danger-text)}.profile-dropdown-logout-item svg{color:var(--danger-color)}.profile-dropdown-logout-item:hover svg{color:var(--danger-text)}.btn:active,.auth-submit-btn:active,.auth-back-btn:active,.settings-sidebar-btn:active,.vercel-tab-btn:active,.sidebar-link:active{transform:scale(.96)!important}.flat-card{transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .2s!important}.flat-card:hover{transform:translateY(-2px);border-color:var(--border-hover)!important;box-shadow:0 10px 24px #0f172a09,0 2px 6px #0f172a04!important}.sidebar-link svg,.settings-sidebar-btn svg,.vercel-tab-btn svg{transition:transform .25s cubic-bezier(.34,1.56,.64,1),color .2s!important}.sidebar-link:hover svg.lucide-settings,.settings-sidebar-btn:hover svg.lucide-settings,.sidebar-link:hover svg.lucide-cog,.settings-sidebar-btn:hover svg.lucide-cog,.vercel-tab-btn:hover svg.lucide-settings,.vercel-tab-btn:hover svg.lucide-cog{transform:rotate(45deg)scale(1.08)}.sidebar-link:hover svg.lucide-mail,.sidebar-link:hover svg.lucide-message-square,.sidebar-link:hover svg.lucide-book-open,.settings-sidebar-btn:hover svg.lucide-mail,.settings-sidebar-btn:hover svg.lucide-message-square,.vercel-tab-btn:hover svg.lucide-mail,.vercel-tab-btn:hover svg.lucide-message-square{transform:translateY(-2.5px)scale(1.05)}.sidebar-link:hover svg.lucide-shield,.settings-sidebar-btn:hover svg.lucide-shield,.vercel-tab-btn:hover svg.lucide-shield{transform:scale(1.15)}.sidebar-link:hover svg.lucide-wallet,.sidebar-link:hover svg.lucide-credit-card,.settings-sidebar-btn:hover svg.lucide-wallet,.settings-sidebar-btn:hover svg.lucide-credit-card,.vercel-tab-btn:hover svg.lucide-wallet,.vercel-tab-btn:hover svg.lucide-credit-card{transform:rotate(-12deg)scale(1.12)}.sidebar-link:hover svg.lucide-globe,.settings-sidebar-btn:hover svg.lucide-globe,.vercel-tab-btn:hover svg.lucide-globe{transform:rotate(18deg)scale(1.08)}.sidebar-link:hover svg.lucide-history,.settings-sidebar-btn:hover svg.lucide-history,.vercel-tab-btn:hover svg.lucide-history{transform:rotate(-28deg)scale(1.08)}.sidebar-link:hover svg.lucide-layout-dashboard,.settings-sidebar-btn:hover svg.lucide-layout-dashboard,.vercel-tab-btn:hover svg.lucide-layout-dashboard{transform:scale(1.08)rotate(4deg)}.form-input,.auth-input{transition:border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),background-color .2s!important}.form-input:focus,.auth-input:focus{border-color:var(--text-primary)!important;box-shadow:0 0 0 3px #0070f326!important}[data-theme=dark] .form-input:focus,[data-theme=dark] .auth-input:focus{border-color:#fff!important;box-shadow:0 0 0 3px #ffffff2e!important}@keyframes bentoCardEntrance{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.card-stagger-1{opacity:0;animation:.35s cubic-bezier(.16,1,.3,1) 50ms forwards bentoCardEntrance}.card-stagger-2{opacity:0;animation:.35s cubic-bezier(.16,1,.3,1) .1s forwards bentoCardEntrance}.card-stagger-3{opacity:0;animation:.35s cubic-bezier(.16,1,.3,1) .15s forwards bentoCardEntrance}.card-stagger-4{opacity:0;animation:.35s cubic-bezier(.16,1,.3,1) .2s forwards bentoCardEntrance}.card-stagger-5{opacity:0;animation:.35s cubic-bezier(.16,1,.3,1) .25s forwards bentoCardEntrance}.card,.flat-card,.table-container,.playground-composer-container,.onboarding-split-card,.profile-dropdown-container,.settings-modal-content{border-radius:8px!important}.dns-cname-box,.code-container,.playground-log-simulation{border-radius:12px!important}input.form-input,input.auth-input,input.search-input{border-radius:99px!important;padding-left:20px!important;padding-right:20px!important}textarea.form-input,textarea.auth-input{border-radius:16px!important;padding:12px 18px!important}.btn,.btn-primary,.btn-secondary,.btn-danger,.btn-success,.sidebar-upgrade-btn{border-radius:99px!important}.vercel-tabs-container{margin-bottom:0;background-color:var(--panel-muted)!important;border:1px solid var(--border-color)!important;box-sizing:border-box!important;border-radius:99px!important;gap:4px!important;width:-moz-fit-content!important;width:fit-content!important;padding:3px!important;display:flex!important}.vercel-tab-btn{color:var(--text-secondary)!important;cursor:pointer!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:99px!important;align-items:center!important;gap:5px!important;padding:5px 12px!important;font-size:11.5px!important;font-weight:600!important;transition:all .22s cubic-bezier(.16,1,.3,1)!important;display:flex!important}.vercel-tab-btn:hover{color:var(--text-primary)!important;background-color:#7878780d!important;border-bottom:none!important}.vercel-tab-btn.active{background-color:var(--text-primary)!important;color:var(--panel-bg)!important;border-bottom:none!important;box-shadow:0 1px 2px #0000000f!important}[data-theme=dark] .vercel-tab-btn.active{color:#09090b!important;background-color:#fff!important;box-shadow:0 1px 2px #ffffff0f!important}.compact-channel-btn{color:var(--text-secondary)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:99px!important;align-items:center!important;gap:4px!important;padding:4px 10px!important;font-size:10.5px!important;font-weight:600!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;display:flex!important}.compact-channel-btn:hover{color:var(--text-primary)!important;background-color:#7878780a!important}.compact-channel-btn.active{background-color:var(--text-primary)!important;color:var(--panel-bg)!important;box-shadow:0 1px 2px #0000000a!important}[data-theme=dark] .compact-channel-btn.active{color:#09090b!important;background-color:#fff!important;box-shadow:0 1px 2px #ffffff0a!important}.sidebar-link{border-radius:12px!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important}.sidebar-link.active{color:#fff!important;background-color:#0f172a!important;border-color:#0000!important;box-shadow:0 4px 12px #0f172a14!important}.sidebar-link.active svg{color:#fff!important}.sidebar-link.active:before{display:none!important}[data-theme=dark] .sidebar-link.active{color:#09090b!important;background-color:#fff!important;box-shadow:0 4px 20px #ffffff1f!important}[data-theme=dark] .sidebar-link.active svg{color:#09090b!important}.sidebar-upgrade-card{background-color:var(--panel-muted)!important;border:1px solid var(--border-color)!important;box-shadow:none!important;border-radius:14px!important;padding:12px 14px!important}.sidebar-quick-add-card{text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;gap:0;margin:8px 0;display:flex;background-color:#f3f4f699!important;border:1px solid #e5e7ebcc!important;border-radius:14px!important;padding:10px 14px!important}[data-theme=dark] .sidebar-quick-add-card{background-color:#1e1e1e66!important;border:1px solid #ffffff0d!important}.avatar-stack{justify-content:center;align-items:center;margin-bottom:2px;display:flex}.avatar-stack-item{border:2px solid var(--panel-bg);background-color:var(--border-color);width:28px;height:28px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;margin-left:-8px;font-size:10px;font-weight:700;display:flex;box-shadow:0 2px 6px #0000000d}[dir=rtl] .avatar-stack-item{margin-left:0;margin-right:-8px}.sidebar-quick-add-title{color:var(--text-primary);margin:0;font-size:13px;font-weight:700;line-height:1.3}.sidebar-quick-add-btn{white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:4px;display:flex;color:#fff!important;cursor:pointer!important;background-color:#000!important;border:none!important;border-radius:99px!important;width:auto!important;padding:5px 12px!important;font-size:10px!important;font-weight:700!important;transition:all .2s!important}.sidebar-quick-add-btn:hover{scale:1.02;background-color:#222!important}[data-theme=dark] .sidebar-quick-add-btn{color:#000!important;background-color:#fff!important}[data-theme=dark] .sidebar-quick-add-btn:hover{background-color:#e5e7eb!important}.navbar-search-container{background-color:var(--panel-bg);border:1px solid var(--border-color);cursor:pointer;box-sizing:border-box;border-radius:6px;align-items:center;width:250px;padding:6px 12px;transition:all .15s;display:flex;box-shadow:0 1px 2px #00000005}[data-theme=dark] .navbar-search-container{background-color:#ffffff0a;border-color:#ffffff0d}.navbar-search-container:hover{border-color:var(--border-hover);background-color:var(--panel-muted)}.navbar-search-text{color:var(--text-muted);text-align:start;flex:1;margin-inline-start:8px;font-size:12px}.navbar-search-badge{background-color:var(--panel-bg);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700}.navbar-profile-widget{cursor:pointer;border-radius:99px;align-items:center;gap:10px;padding:4px 8px;transition:background-color .2s;display:flex;position:relative}.navbar-profile-widget:hover{background-color:var(--panel-muted)}.navbar-profile-info{text-align:start;flex-direction:column;display:flex}.navbar-profile-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:13px;font-weight:700;line-height:1.2;overflow:hidden}.navbar-profile-role{color:var(--text-muted);font-size:10px;line-height:1.2}.navbar-profile-avatar{color:#fff;border:1.5px solid var(--panel-bg);width:32px;height:32px;box-shadow:var(--shadow-small);background:linear-gradient(135deg,#10b981,#2563eb);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.navbar-notification-btn{background-color:var(--panel-bg);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.navbar-notification-btn:hover{background-color:var(--panel-muted);color:var(--text-primary);border-color:var(--text-muted)}.navbar-notification-dot{border:1.5px solid var(--panel-bg);background-color:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.dashboard-tier2-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.daily-traffic-chart-wrapper{grid-column:span 2}.dashboard-tier3-grid{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px;display:grid}@media (max-width:1100px){.dashboard-tier2-grid{grid-template-columns:1fr;gap:16px}.daily-traffic-chart-wrapper{grid-column:span 1!important}.dashboard-tier3-grid{grid-template-columns:1fr}}.donut-chart-card{box-sizing:border-box;flex-direction:column;justify-content:space-between;min-height:290px;display:flex;-webkit-backdrop-filter:blur(8px)!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;background:linear-gradient(135deg,#a855f70a 0%,#f43f5e08 50%,#0ea5e90a 100%)!important;border:1px solid #a855f726!important;border-radius:8px!important;padding:20px 24px!important;transition:all .22s cubic-bezier(.16,1,.3,1)!important;transform:translate(0,0)!important;box-shadow:0 10px 25px -5px #a855f708!important}.donut-chart-card:hover{transform:translateY(-2px);border-color:#a855f74d!important;box-shadow:0 15px 30px -5px #a855f714!important}[data-theme=dark] .donut-chart-card{background:linear-gradient(135deg,#a855f712 0%,#f43f5e0a 50%,#0ea5e912 100%)!important;border:1px solid #a855f738!important;box-shadow:0 10px 25px -5px #a855f71f!important}[data-theme=dark] .donut-chart-card:hover{border-color:#a855f773!important;box-shadow:0 15px 30px -5px #a855f738!important}.donut-chart-container{justify-content:center;align-items:center;height:120px;margin:10px 0;display:flex;position:relative}.donut-inner-label{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.donut-inner-val{color:var(--text-primary);font-size:20px;font-weight:800;line-height:1}.donut-inner-text{text-transform:uppercase;color:var(--text-muted);margin-top:4px;font-size:9px;font-weight:700}.donut-legend{justify-content:center;gap:12px;margin-top:10px;font-size:11px;display:flex}.donut-legend-item{color:var(--text-secondary);align-items:center;gap:5px;display:flex}.donut-legend-dot{border-radius:50%;width:7px;height:7px}.calendar-strip-card{box-sizing:border-box;flex-direction:column;min-height:290px;display:flex;-webkit-backdrop-filter:blur(8px)!important;border:1px solid var(--card-border-color)!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;background:linear-gradient(135deg,#fff9 0%,#ffffff59 100%)!important;border-radius:8px!important;padding:20px 24px!important;transform:translate(0,0)!important}[data-theme=dark] .calendar-strip-card{background:linear-gradient(135deg,#141a1799 0%,#141a1759 100%)!important}.calendar-strip{justify-content:space-between;gap:4px;margin:12px 0;display:flex}.calendar-day-btn{background:var(--panel-muted);cursor:pointer;border:1px solid #0000;border-radius:12px;flex-direction:column;flex:1;align-items:center;min-width:0;padding:8px 4px;transition:all .2s;display:flex}.calendar-day-btn:hover{background:var(--border-color)}.calendar-day-btn.active{color:#fff;background:#000;border-color:#000}[data-theme=dark] .calendar-day-btn.active{color:#000;background:#fff;border-color:#fff}.calendar-day-num{font-size:12px;font-weight:800;line-height:1.2}.calendar-day-name{opacity:.7;text-transform:uppercase;margin-top:2px;font-size:8px}.calendar-active-items{flex-direction:column;flex:1;gap:8px;margin-top:auto;display:flex}.calendar-item-card{background:var(--panel-muted);border:1px solid var(--border-color);border-radius:14px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:11px;display:flex}.calendar-item-title{color:var(--text-primary);text-align:start;font-weight:700}.calendar-item-tag{border-radius:4px;width:-moz-fit-content;width:fit-content;margin-top:3px;padding:1.5px 5px;font-size:8px;font-weight:700}.calendar-item-tag.purple{color:#a855f7;background-color:#a855f71a}.calendar-item-tag.blue{color:#0ea5e9;background-color:#0ea5e91a}.calendar-item-tag.pink{color:#f43f5e;background-color:#f43f5e1a}.activities-schedule-list{flex-direction:column;gap:12px;display:flex}.activity-schedule-item{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:20px;justify-content:space-between;align-items:center;padding:12px 18px;transition:all .2s;display:flex}.activity-schedule-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-small);transform:translateY(-2px)}.activity-schedule-left{align-items:center;gap:14px;display:flex}.activity-channel-icon-outer{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.activity-channel-icon-outer.purple{color:#a855f7;background-color:#a855f71a}.activity-channel-icon-outer.pink{color:#f43f5e;background-color:#f43f5e1a}.activity-channel-icon-outer.blue{color:#0ea5e9;background-color:#0ea5e91a}.activity-schedule-title{color:var(--text-primary);text-align:start;margin:0 0 2px;font-size:13px;font-weight:700}.activity-schedule-subtitle{color:var(--text-muted);text-align:start;font-size:11px}.activity-schedule-right{align-items:center;gap:16px;display:flex}.activity-schedule-status-pill{border-radius:99px;align-items:center;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.activity-schedule-status-pill.in-progress{color:#a855f7;background-color:#a855f71a}.activity-schedule-status-pill.done{color:#22c55e;background-color:#22c55e1a}.activity-schedule-status-pill.on-hold{color:#eab308;background-color:#eab3081a}.activity-schedule-time{color:var(--text-secondary);font-family:monospace;font-size:11px}.upcoming-milestones-list{flex-direction:column;gap:12px;display:flex}.milestone-card{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;gap:10px;padding:16px 20px;transition:all .2s;display:flex}.milestone-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-small);transform:translateY(-2px)}.milestone-header{justify-content:space-between;align-items:center;display:flex}.milestone-date{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.milestone-priority{color:#eab308;background-color:#eab3081a;border-radius:6px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:700;display:flex}.milestone-title{color:var(--text-primary);text-align:start;margin:0;font-size:13px;font-weight:700;line-height:1.4}.milestone-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:2px;padding-top:10px;display:flex}.milestone-assignees{flex-direction:row-reverse;align-items:center;display:flex}.milestone-assignee-avatar{border:1.5px solid var(--panel-bg);background-color:var(--border-color);width:20px;height:20px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;margin-left:-5px;font-size:8px;font-weight:700;display:flex}[dir=rtl] .milestone-assignee-avatar{margin-left:0;margin-right:-5px}.milestone-tag{color:var(--accent-color);font-size:10px;font-weight:700}.template-tab-container{background-color:var(--panel-muted);border:1px solid var(--border-color);border-radius:8px;gap:4px;padding:4px;display:flex}.template-tab-btn{color:var(--text-secondary);cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:500;display:flex;transition:all .2s cubic-bezier(.16,1,.3,1)!important}.template-tab-btn.all-tab:hover{color:var(--accent-color)!important;background-color:#006bff0a!important}.template-tab-btn.all-tab.active{color:var(--accent-color)!important;background-color:#006bff14!important;border-color:#006bff33!important;font-weight:600!important;box-shadow:0 1px 3px #006bff1a,0 1px 2px #006bff26!important}[data-theme=dark] .template-tab-btn.all-tab.active{background-color:#006bff26!important;border-color:#006bff4d!important}.template-tab-btn.email-tab:hover{color:var(--channel-email)!important;background-color:rgba(var(--channel-email-rgb), .04)!important}.template-tab-btn.email-tab.active{background-color:rgba(var(--channel-email-rgb), .08)!important;border-color:rgba(var(--channel-email-rgb), .2)!important;color:var(--channel-email)!important;box-shadow:0 1px 3px rgba(var(--channel-email-rgb), .1), 0 1px 2px rgba(var(--channel-email-rgb), .15)!important;font-weight:600!important}[data-theme=dark] .template-tab-btn.email-tab.active{background-color:rgba(var(--channel-email-rgb), .15)!important;border-color:rgba(var(--channel-email-rgb), .3)!important}.template-tab-btn.sms-tab:hover{color:var(--channel-sms)!important;background-color:rgba(var(--channel-sms-rgb), .04)!important}.template-tab-btn.sms-tab.active{background-color:rgba(var(--channel-sms-rgb), .08)!important;border-color:rgba(var(--channel-sms-rgb), .2)!important;color:var(--channel-sms)!important;box-shadow:0 1px 3px rgba(var(--channel-sms-rgb), .1), 0 1px 2px rgba(var(--channel-sms-rgb), .15)!important;font-weight:600!important}[data-theme=dark] .template-tab-btn.sms-tab.active{background-color:rgba(var(--channel-sms-rgb), .15)!important;border-color:rgba(var(--channel-sms-rgb), .3)!important}.template-tab-btn.whatsapp-tab:hover{color:var(--channel-whatsapp)!important;background-color:rgba(var(--channel-whatsapp-rgb), .04)!important}.template-tab-btn.whatsapp-tab.active{background-color:rgba(var(--channel-whatsapp-rgb), .08)!important;border-color:rgba(var(--channel-whatsapp-rgb), .2)!important;color:var(--channel-whatsapp)!important;box-shadow:0 1px 3px rgba(var(--channel-whatsapp-rgb), .1), 0 1px 2px rgba(var(--channel-whatsapp-rgb), .15)!important;font-weight:600!important}[data-theme=dark] .template-tab-btn.whatsapp-tab.active{background-color:rgba(var(--channel-whatsapp-rgb), .15)!important;border-color:rgba(var(--channel-whatsapp-rgb), .3)!important}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.create-template-btn{color:#fff!important;background:linear-gradient(135deg,#006bff,#7c3aed,#0ea5e9,#006bff) 0 0/300% 300%!important;border:none!important;transition:transform .2s,box-shadow .2s!important;animation:4s infinite gradient-shift!important;box-shadow:0 4px 15px #006bff40!important}.create-template-btn:hover{transform:translateY(-1.5px)scale(1.02)!important;box-shadow:0 6px 20px #006bff66!important}.create-template-btn:active{transform:translateY(.5px)scale(.98)!important}.status-dot-active{background-color:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;position:relative}.status-dot-active:after{content:"";background:#10b98159;border-radius:50%;width:14px;height:14px;animation:2s ease-in-out infinite status-pulse;position:absolute;top:-3px;left:-3px}@keyframes status-pulse{0%,to{opacity:.4;transform:scale(.7)}50%{opacity:0;transform:scale(1.1)}}.flow-node{background:var(--panel-bg);border:1.5px solid var(--border-color);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:140px;padding:14px 18px;font-size:12px;font-weight:600;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}.flow-node:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px #0000001a}.flow-node-label{color:var(--text-muted);margin-top:2px;font-size:10px;font-weight:500}.flow-node.node-primary{border-color:var(--accent-color);color:var(--accent-color);background:rgba(var(--accent-rgb), .04)}.flow-node.node-smtp{border-color:#3b82f6}.flow-node.node-zain{border-color:#7c3aed}.flow-node.node-asia{border-color:#ef4444}.flow-node.node-korek{border-color:#f59e0b}.flow-node.node-whatsapp{border-color:#25d366}.flow-node.node-zaincash{border-color:#a855f7}.flow-arrow{color:var(--text-muted);-webkit-user-select:none;user-select:none;opacity:.6;justify-content:center;align-items:center;font-size:18px;font-weight:300;display:flex}.gateway-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 0;font-size:13px;transition:background-color .15s;display:flex}.gateway-row:last-child{border-bottom:none}.gateway-row:hover{background-color:rgba(var(--accent-rgb), .02)}.gateway-row-label{color:var(--text-secondary);align-items:center;gap:10px;font-weight:500;display:flex}.gateway-row-label svg{color:var(--text-muted);flex-shrink:0}.gateway-row-status{color:#10b981;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.rates-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.rates-table thead th{text-align:start;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:11px;color:var(--text-primary)!important;background-color:var(--panel-muted)!important;font-weight:700!important}.rates-table thead tr:first-child th:first-child{border-top-left-radius:8px}.rates-table thead tr:first-child th:last-child{border-top-right-radius:8px}[dir=rtl] .rates-table thead tr:first-child th:first-child{border-top-left-radius:0;border-top-right-radius:8px}[dir=rtl] .rates-table thead tr:first-child th:last-child{border-top-left-radius:8px;border-top-right-radius:0}.rates-table tbody td{border-bottom:1px solid var(--border-color);padding:14px 16px;transition:background-color .15s}.rates-table tbody tr:last-child td{border-bottom:none}.rates-table tbody tr:hover td{background-color:rgba(var(--accent-rgb), .02)}.rates-table .rate-value{font-variant-numeric:tabular-nums;font-family:Inter,-apple-system,monospace;font-size:14px;font-weight:700}.rates-table .rate-unit{color:var(--text-muted);margin-inline-start:4px;font-size:10px;font-weight:400}.security-shield-badge{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.security-shield-badge.active{color:#10b981;background:#10b9811a}.security-shield-badge.inactive{background:rgba(var(--accent-rgb), .08);color:var(--accent-color)}.otp-input{letter-spacing:10px!important;text-align:center!important;border:2px solid var(--border-color)!important;border-radius:10px!important;height:48px!important;font-family:Inter,SF Mono,Fira Code,monospace!important;font-size:22px!important;font-weight:700!important;transition:border-color .2s,box-shadow .2s!important}.otp-input:focus{border-color:var(--accent-color)!important;box-shadow:0 0 0 3px rgba(var(--accent-rgb), .1)!important}.policy-card{border:1px solid var(--border-color);background:var(--panel-bg);border-radius:10px;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;transition:border-color .2s,background-color .2s;display:flex}.policy-card:hover{border-color:rgba(var(--accent-rgb), .2);background-color:rgba(var(--accent-rgb), .015)}.policy-card.enabled{background-color:#10b98105;border-color:#10b9814d}.verified-banner{background:linear-gradient(135deg,#10b9810f 0%,#10b98105 100%);border:1.5px solid #10b98133;border-radius:12px;align-items:center;gap:14px;padding:18px 20px;transition:border-color .2s;display:flex}.verified-banner:hover{border-color:#10b98159}.service-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.service-icon.smtp{color:#3b82f6;background:#3b82f61a}.service-icon.zain{color:#7c3aed;background:#7c3aed1a}.service-icon.asia{color:#ef4444;background:#ef44441a}.service-icon.korek{color:#f59e0b;background:#f59e0b1a}.service-icon.whatsapp{color:#25d366;background:#25d3661a}.service-icon.zaincash{color:#a855f7;background:#a855f71a}.browser-mockup{border:1px solid var(--border-color);background-color:var(--panel-bg);border-radius:12px;transition:transform .3s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 10px 30px -10px #00000014}.browser-header-dots{align-items:center;gap:6px;display:flex}.browser-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.smartphone-mockup{background-color:#09090b;border:8px solid #09090b;border-radius:36px;width:100%;max-width:280px;margin:0 auto;transition:transform .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #00000026}.smartphone-screen{color:#111;background-color:#fff;border-radius:28px;min-height:480px;max-height:480px;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;overflow-y:auto}.smartphone-notch{z-index:50;background-color:#09090b;border-bottom-right-radius:12px;border-bottom-left-radius:12px;justify-content:center;align-items:center;width:100px;height:18px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.smartphone-speaker{background-color:#27272a;border-radius:99px;width:30px;height:3px;margin-top:-4px}.smartphone-status-bar{color:#18181b;direction:ltr;justify-content:space-between;align-items:center;margin-bottom:12px;padding:4px 10px 0;font-size:9px;font-weight:600;display:flex}@keyframes skeleton-shimmer-animation{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg, var(--panel-muted) 25%, var(--border-color) 37%, var(--panel-muted) 63%);background-size:400% 100%;animation:1.4s infinite skeleton-shimmer-animation}.skeleton-bar{border-radius:4px;width:100%;height:14px}.skeleton-circle{border-radius:50%;flex-shrink:0;width:32px;height:32px}.spring-btn{transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s,color .2s,box-shadow .2s!important}.spring-btn:hover{transform:translateY(-1.5px)}.spring-btn:active{transform:scale(.96)translateY(.5px)!important}.spring-card{transition:transform .25s cubic-bezier(.34,1.56,.64,1),border-color .25s,box-shadow .25s,background-color .25s!important}.spring-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px -8px #0000000f;border-color:rgba(var(--accent-rgb), .25)!important}.floating-bulk-bar{background-color:var(--panel-bg);border:1px solid var(--border-color);z-index:900;border-radius:99px;align-items:center;gap:16px;padding:12px 24px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 12px 30px -4px #00000026,0 0 0 1px #00000005}.floating-bulk-bar.visible{transform:translate(-50%)translateY(0)}.widget-customizer-preview{border:1px solid var(--border-color);background-color:var(--panel-muted);border-radius:12px;padding:16px}.skeleton-pulse{background:linear-gradient(90deg, var(--panel-muted) 25%, var(--border-color) 50%, var(--panel-muted) 75%);background-size:200% 100%;animation:1.5s linear infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{border-radius:4px;width:100%;height:12px}.skeleton-title{border-radius:4px;width:120px;height:20px;margin-bottom:12px}.skeleton-circle{border-radius:50%;flex-shrink:0}.skeleton-btn{border-radius:99px;width:100px;height:38px}.skeleton-card{box-sizing:border-box;flex-direction:column;padding:20px;display:flex;background:var(--panel-bg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--card-shadow)!important;border-radius:12px!important}.dashboard-layout-wrapper{grid-template-columns:8fr 4fr;align-items:start;gap:24px;display:grid}.dashboard-left-col{flex-direction:column;gap:24px;display:flex}.dashboard-right-sidebar{box-shadow:var(--card-shadow);flex-direction:column;gap:24px;padding:24px;display:flex;-webkit-backdrop-filter:blur(8px)!important;border:1px solid var(--card-border-color)!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;background:linear-gradient(135deg,#fff9 0%,#ffffff59 100%)!important;border-radius:8px!important;transform:translate(0,0)!important}[data-theme=dark] .dashboard-right-sidebar{border:1px solid var(--card-border-color)!important;background:linear-gradient(135deg,#141a1799 0%,#141a1759 100%)!important}.dashboard-header-tabs{border-bottom:1px solid var(--border-color);gap:20px;margin-top:12px;padding-bottom:8px;display:flex}.dashboard-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:14px;font-weight:600;transition:color .2s;position:relative}.dashboard-tab-btn:hover{color:var(--text-primary)}.dashboard-tab-btn.active{color:#10b981}.dashboard-tab-btn.active:after{content:"";background-color:#10b981;border-radius:2px;height:2.5px;position:absolute;bottom:-9px;left:0;right:0}.dashboard-bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:165px;gap:16px;margin-bottom:12px;display:grid}.bento-card-sparkline,.bento-card-demographics{grid-area:span 1/span 1}.bento-card-image,.bento-card-phone-mockup,.bento-card-stats{grid-area:span 2/span 1}.bento-card-chat{grid-area:span 2/span 2}.bento-card-promo,.bento-card-status{grid-area:span 1/span 1}.bento-card-flat{background:var(--panel-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:20px;flex-direction:column;justify-content:space-between;padding:20px;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .3s;display:flex;overflow:hidden}.bento-card-flat:hover{box-shadow:var(--card-shadow-hover);border-color:#10b9811f;transform:translateY(-3px)}.sparkline-chart-container{width:100%;height:50px;margin-top:auto}.bento-card-orange{color:#1c1917!important;background:#ffb800!important;border-color:#e2a400!important}.bento-card-orange .bento-label{color:#1c1917b3;text-transform:uppercase;font-size:12px;font-weight:600}.bento-card-orange .bento-number{color:#1c1917;font-size:48px;font-weight:800;line-height:1}.bento-card-image,.bento-card-phone-mockup{position:relative;padding:0!important}.bento-card-image img{object-fit:cover;width:100%;height:100%}.bento-image-btn{color:#0f172a;cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,transform .2s;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 4px 12px #0000001a}.bento-image-btn:hover{background:#fff;transform:scale(1.05)}.stats-stacked-card{flex-direction:column;justify-content:space-between;padding:16px 20px;display:flex}.stats-stack-item{text-align:start;flex-direction:column;display:flex}.stats-stack-divider{border-top:1px dashed var(--border-color);margin:10px 0}.stats-stack-dashed-box{border:1px dashed var(--border-color);background:var(--panel-muted);border-radius:12px;justify-content:space-between;align-items:center;margin:6px 0;padding:8px 12px;display:flex}.bento-card-teal{justify-content:space-between;align-items:center;display:flex;color:#fff!important;background:linear-gradient(135deg,#0d5244 0%,#0a3d32 50%,#083028 100%)!important;border-color:#0000!important;flex-direction:row!important;padding:24px!important;box-shadow:0 4px 16px #0d524440,0 8px 32px #0d524426!important}.bento-card-teal-content{text-align:start;flex-direction:column;flex:1;gap:6px;display:flex}.bento-card-teal-code{cursor:pointer;background:#ffffff26;border:1px dashed #ffffff4d;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;transition:background .2s;display:flex}.bento-card-teal-code:hover{background:#fff3}.bento-card-forest{color:#fff!important;background:linear-gradient(135deg,#064e3b 0%,#043e2f 60%,#032e22 100%)!important;border-color:#0000!important;box-shadow:0 4px 16px #064e3b40,0 8px 32px #064e3b26!important}.dispatch-channels-section{flex-direction:column;gap:14px;margin-top:10px;display:flex}.dispatch-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.dispatch-card-premium{background:var(--panel-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);text-align:start;border-radius:20px;flex-direction:column;gap:14px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex}.dispatch-card-premium:hover{box-shadow:var(--card-shadow-hover);border-color:#10b9811f;transform:translateY(-3px)}.dispatch-card-header{justify-content:space-between;align-items:center;display:flex}.dispatch-card-tags{gap:6px;margin-top:8px;display:flex}.dispatch-tag{border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700}.dispatch-tag.yellow{color:#d97706;background:#fef3c7}.dispatch-tag.pink{color:#db2777;background:#fce7f3}.dispatch-tag.purple{color:#7c3aed;background:#f3e8ff}.dispatch-tag.blue{color:#2563eb;background:#dbeafe}.dispatch-tag.green{color:#16a34a;background:#dcfce7}.dispatch-tag.teal{color:#0d9488;background:#ccfbf1}.dispatch-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.dispatch-avatars{align-items:center;display:flex}.dispatch-avatar-circle{border:2px solid var(--panel-bg);background-color:var(--panel-muted);border-radius:50%;width:26px;height:26px;margin-inline-end:-6px;overflow:hidden}.dispatch-avatar-circle img{object-fit:cover;width:100%;height:100%}.dispatch-avatar-more{border:2px solid var(--panel-bg);background:var(--panel-muted);width:26px;height:26px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;margin-inline-end:-6px;font-size:10px;font-weight:700;display:flex}.dispatch-actions{gap:8px;display:flex}.dispatch-action-btn-round{border:1px solid var(--border-color);background:var(--panel-bg);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.dispatch-action-btn-round:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--panel-muted)}.sidebar-profile-box{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.sidebar-profile-info{text-align:start;align-items:center;gap:12px;display:flex}.sidebar-profile-avatar{background-color:var(--panel-muted);border:1px solid var(--border-color);border-radius:50%;width:44px;height:44px;overflow:hidden}.sidebar-profile-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-profile-text h4{color:var(--text-primary);margin:0;font-size:14px;font-weight:800}.sidebar-profile-text span{color:var(--text-secondary);font-size:11px}.sidebar-profile-actions{gap:10px;display:flex}.sidebar-icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.sidebar-icon-btn:hover{background-color:var(--panel-muted);color:var(--text-primary)}.sidebar-calendar-section{flex-direction:column;gap:12px;display:flex}.sidebar-calendar-header{justify-content:space-between;align-items:center;display:flex}.sidebar-calendar-header h3{color:var(--text-primary);font-size:14px;font-weight:800}.calendar-arrows{gap:6px;display:flex}.calendar-arrow-btn{border:1px solid var(--border-color);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.calendar-arrow-btn:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--panel-muted)}.calendar-grid-row{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day-header{width:100%;min-width:0;color:var(--text-muted);text-transform:uppercase;justify-content:center;align-items:center;margin-bottom:4px;font-size:9px;font-weight:700;display:flex}.calendar-date-cell{box-sizing:border-box;aspect-ratio:1;width:100%;min-width:0;color:var(--text-secondary);cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:700;transition:all .2s;display:flex;position:relative}.calendar-date-cell:hover{background:var(--panel-muted);color:var(--text-primary)}.calendar-date-cell.active-green{color:#fff;background:#0d9488}.calendar-date-cell.active-outline{color:var(--text-primary);border:2px solid #ef4444}.calendar-date-cell.active-yellow{color:#fff;background:#f59e0b}.calendar-date-dot{border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px}.calendar-date-dot.red{background-color:#ef4444}.calendar-date-dot.yellow{background-color:#f59e0b}.calendar-date-dot.green{background-color:#10b981}.sidebar-timeline-section{border-top:1px solid var(--border-color);flex-direction:column;gap:16px;padding-top:20px;display:flex}.timeline-schedule-container{flex-direction:column;height:180px;display:flex;position:relative;overflow:hidden}.timeline-scroll-wrapper{will-change:transform;flex-direction:column;animation:22s linear infinite infiniteScrollUp;display:flex}.timeline-scroll-wrapper:hover{animation-play-state:paused}@keyframes infiniteScrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.timeline-fog-overlay{z-index:10;pointer-events:none;height:60px;transition:background .3s;position:absolute;left:0;right:0}.timeline-fog-overlay.top{background:linear-gradient(to bottom, var(--panel-bg) 15%, rgba(var(--panel-bg-rgb), 0) 100%);top:0}.timeline-fog-overlay.bottom{background:linear-gradient(to top, var(--panel-bg) 15%, rgba(var(--panel-bg-rgb), 0) 100%);bottom:0}.timeline-row-new{align-items:stretch;min-height:48px;display:flex}.timeline-time-col{text-align:end;width:48px;color:var(--text-muted);padding-inline-end:12px;align-items:flex-start;padding-top:4px;font-family:monospace;font-size:11px;font-weight:600;display:flex}.timeline-line-col{flex-shrink:0;justify-content:center;width:20px;display:flex;position:relative}.timeline-line-segment{background-color:var(--border-color);width:1px;height:100%}.timeline-pin-node{border:2px solid var(--panel-bg);z-index:2;border-radius:50%;width:9px;height:9px;position:absolute;top:6px;box-shadow:0 0 0 1px #0000000d}.timeline-pin-node.green{background-color:#10b981}.timeline-pin-node.yellow{background-color:#f59e0b}.timeline-pin-node.red{background-color:#ef4444}.timeline-card-col{flex-direction:column;flex:1;padding-bottom:14px;display:flex}.timeline-empty-slot{height:20px}.timeline-event-card-new{text-align:start;box-shadow:var(--card-shadow);border:1px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;padding:10px 14px;transition:transform .2s,box-shadow .2s;display:flex}.timeline-event-card-new:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.timeline-event-card-new.green{color:#166534;background:#f0fdf4;border-color:#dcfce7}.timeline-event-card-new.yellow{color:#92400e;background:#fefbeb;border-color:#fef3c7}.timeline-event-card-new.red{color:#9b1c1c;background:#fdf2f2;border-color:#fde8e8}.timeline-card-info{flex-direction:column;gap:1px;display:flex}.timeline-card-title{font-size:12px;font-weight:800}.timeline-card-time{opacity:.85;font-size:10px}.timeline-card-icon{width:24px;height:24px;color:inherit;background:#fff9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-theme=dark] .timeline-event-card-new.green{color:#4ade80;background:#16653426;border-color:#1665344d}[data-theme=dark] .timeline-event-card-new.yellow{color:#fbbf24;background:#92400e26;border-color:#92400e4d}[data-theme=dark] .timeline-event-card-new.red{color:#fca5a5;background:#9b1c1c26;border-color:#9b1c1c4d}[data-theme=dark] .timeline-card-icon{background:#0000004d}@media (max-width:1024px){.dashboard-layout-wrapper{grid-template-columns:1fr}}@media (max-width:768px){.dispatch-grid{grid-template-columns:1fr}.dashboard-bento-grid{grid-template-rows:auto;grid-template-columns:1fr}.bento-card-sparkline,.bento-card-demographics,.bento-card-image,.bento-card-phone-mockup,.bento-card-stats,.bento-card-promo,.bento-card-status{min-height:150px;grid-area:span 1/span 1!important}.bento-card-image,.bento-card-phone-mockup{min-height:380px}}.mock-phone-container{width:100%;height:100%;min-height:unset;border-radius:inherit;background:linear-gradient(#080e1ce6 0%,#020408fa 100%);flex-direction:column;justify-content:center;align-items:center;padding:12px 10px;display:flex;position:relative;overflow:hidden}.mock-phone-glow{pointer-events:none;z-index:1;background:radial-gradient(circle,#10b98114 0%,#0000 70%);width:160px;height:160px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mock-phone-shell{z-index:2;background:radial-gradient(circle at top,#18181b,#09090b);border:7px solid #27272a;border-radius:32px;flex-direction:column;width:100%;max-width:195px;height:310px;padding:8px 10px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0009,inset 0 1px 3px #ffffff0d}.mock-phone-notch{z-index:10;background:#27272a;border-radius:0 0 10px 10px;width:60px;height:14px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mock-phone-status-bar{color:#fff9;justify-content:space-between;align-items:center;margin-top:4px;padding:2px 4px 6px;font-family:monospace;font-size:8px;display:flex}.mock-phone-icons{align-items:center;gap:3px;display:flex}.mock-phone-notifications{flex-direction:column;flex:1;justify-content:flex-start;gap:8px;padding-top:8px;display:flex;overflow:hidden}.mock-phone-notif-card{-webkit-backdrop-filter:blur(8px);will-change:transform, opacity;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:8px 10px;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideInPhoneNotif;box-shadow:0 4px 12px #0003}.mock-phone-notif-card.rtl{text-align:right;direction:rtl}.mock-phone-notif-card.ltr{text-align:left;direction:ltr}.mock-phone-notif-header{color:#fff6;justify-content:space-between;align-items:center;margin-bottom:2px;font-size:8px;display:flex}.mock-phone-notif-app{align-items:center;gap:3px;display:flex}.mock-phone-notif-icon{align-items:center;font-size:9px;display:flex}.mock-phone-notif-appname{color:#ffffffb3;font-weight:600}.mock-phone-notif-time{font-size:7px}.mock-phone-notif-title{color:#fff;margin-bottom:1px;font-size:9px;font-weight:700}.mock-phone-notif-desc{color:#ffffffbf;font-size:8px;line-height:1.25}.mock-phone-home-indicator{background:#ffffff4d;border-radius:2px;width:60px;height:3px;margin:6px auto 0;animation:2.5s ease-in-out infinite pulseUnlockBar}@keyframes slideInPhoneNotif{0%{opacity:0;transform:translateY(16px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulseUnlockBar{0%,to{opacity:.3}50%{opacity:.6}}.showcase-card-container{flex-direction:column;justify-content:center;height:100%;padding:4px 6px;display:flex;position:relative}.showcase-content-wrapper{flex-direction:column;gap:6px;animation:4s cubic-bezier(.25,1,.5,1) infinite professionalShowcaseFade;display:flex}.showcase-tag{color:#10b981;text-transform:uppercase;letter-spacing:.5px;background:#10b98114;border-radius:6px;align-self:flex-start;margin-bottom:2px;padding:3px 8px;font-size:9px;font-weight:700}.showcase-title{color:var(--text-primary);letter-spacing:-.2px;margin:0;font-size:15px;font-weight:800}.showcase-desc{color:var(--text-secondary);margin:0;font-size:11px;line-height:1.45}@keyframes professionalShowcaseFade{0%{opacity:0;filter:blur(1px);transform:translateY(6px)}6%{opacity:1;filter:blur();transform:translateY(0)}94%{opacity:1;filter:blur();transform:translateY(0)}to{opacity:0;filter:blur(1px);transform:translateY(-6px)}}.report-choice-card{box-shadow:0 1px 2px #00000003,inset 0 1px #ffffff0d}.report-choice-card:hover{transform:translateY(-2px);border-color:var(--border-hover)!important;background:var(--report-choice-hover-bg)!important;box-shadow:var(--card-shadow-hover)!important}.spin-loading{animation:1s linear infinite sumer-spin}@keyframes sumer-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite sumer-spin;display:inline-block}.notifications-popover{background-color:var(--panel-bg);border:1px solid var(--border-color);z-index:1000;border-radius:8px;flex-direction:column;width:380px;max-height:480px;animation:.2s cubic-bezier(.16,1,.3,1) forwards nt-slide-down;display:flex;position:absolute;top:calc(100% + 10px);overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@keyframes nt-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notifications-popover.rtl{left:0;right:auto}.notifications-popover.ltr{left:auto;right:0}.notifications-header{border-bottom:1px solid var(--border-color);background-color:var(--panel-bg);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notifications-title{color:var(--text-primary);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.unread-badge{color:#fff;background-color:#ef4444;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:700}.notifications-actions{align-items:center;gap:8px;display:flex}.notifications-actions .text-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.notifications-actions .text-btn:hover{color:var(--text-primary);text-decoration:underline}.notifications-actions .text-btn.danger{color:#ef4444}.notifications-actions .text-btn.danger:hover{color:#dc2626}.notifications-actions .divider{color:var(--border-color);font-size:11px}.notifications-list{background-color:var(--panel-bg);flex:1;max-height:400px;overflow-y:auto}.notifications-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:40px 16px;font-size:13px;display:flex}.notification-item{border-bottom:1px solid var(--border-color);gap:12px;padding:14px 16px;transition:background-color .2s;display:flex;position:relative}.notification-item:hover{background-color:var(--panel-muted)}.notification-item.unread{background-color:#3b82f608}[data-theme=dark] .notification-item.unread{background-color:#3b82f60d}.notification-status-indicator{flex-direction:column;align-items:center;padding-top:2px;display:flex;position:relative}.unread-dot{background-color:#3b82f6;border-radius:50%;width:6px;height:6px;position:absolute;top:-2px;left:-2px}.notification-content{flex-direction:column;flex:1;gap:4px;display:flex}.notification-title-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.notification-title-text{color:var(--text-primary);font-size:13px;font-weight:600}.notification-time{color:var(--text-muted);white-space:nowrap;font-size:11px}.notification-body{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.notification-item-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.notification-item-actions button{background-color:var(--panel-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.notification-item-actions button:hover{background-color:var(--panel-muted);color:var(--text-primary);border-color:var(--text-muted)}.notification-item-actions button.action-btn-read{color:#10b981}.notification-item-actions button.action-btn-read:hover{background-color:#10b9811a;border-color:#10b981}.notification-item-actions button.action-btn-delete:hover{color:#ef4444;background-color:#ef44441a;border-color:#ef4444}.nt-icon-info{color:#3b82f6}.nt-icon-warning{color:#f59e0b}.nt-icon-success{color:#10b981}.nt-icon-error{color:#ef4444}.navbar-breadcrumbs-wrapper{align-items:center;display:flex}.navbar-breadcrumbs{align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:flex}.navbar-breadcrumb-parent{color:var(--text-muted);cursor:pointer;font-weight:400;transition:color .15s}.navbar-breadcrumb-parent:hover{color:var(--text-secondary)}.navbar-breadcrumb-separator{color:var(--border-color);-webkit-user-select:none;user-select:none;font-size:12px}.navbar-breadcrumb-child{color:var(--text-primary);font-weight:600}.navbar-right-widgets{align-items:center;gap:10px;display:flex;position:relative}.header-wallet-badge{background-color:var(--panel-bg);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 1px 2px #00000005}.header-wallet-badge:hover{background-color:var(--panel-muted);color:var(--text-primary);border-color:var(--text-muted);box-shadow:0 2px 4px #0000000a}[dir=rtl] .header-wallet-badge{flex-direction:row-reverse}.dispatch-card-premium{background:var(--panel-bg)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;padding:18px 20px!important;transition:all .22s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 1px 3px #0000000a,0 8px 16px -4px #00000005!important}.dispatch-card-premium:hover{border-color:var(--text-muted)!important;transform:translateY(-4px)!important;box-shadow:0 4px 6px -1px #0000000a,0 12px 24px -6px #00000014!important}.dispatch-card-premium.sms-channel:hover{border-color:#f59e0b66!important;box-shadow:0 10px 25px -5px #f59e0b14,0 8px 10px -6px #f59e0b0a!important}.dispatch-card-premium.mail-channel:hover{border-color:#6366f166!important;box-shadow:0 10px 25px -5px #6366f114,0 8px 10px -6px #6366f10a!important}.dispatch-card-premium.whatsapp-channel:hover{border-color:#10b98166!important;box-shadow:0 10px 25px -5px #10b98114,0 8px 10px -6px #10b9810a!important}.dispatch-channel-info{align-items:center;gap:10px;display:flex}[dir=rtl] .dispatch-channel-info{flex-direction:row-reverse}.channel-icon-wrapper{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.channel-icon-wrapper.sms{color:#f59e0b;background-color:#f59e0b14}.channel-icon-wrapper.mail{color:#6366f1;background-color:#6366f114}.channel-icon-wrapper.whatsapp{color:#10b981;background-color:#10b98114}.channel-title-group{text-align:start;flex-direction:column;gap:3px;display:flex}[dir=rtl] .channel-title-group{text-align:right}.channel-title-text{color:var(--text-primary);font-size:13.5px;font-weight:800}.channel-status-indicator{align-items:center;gap:5px;font-size:10.5px;font-weight:600;display:flex}[dir=rtl] .channel-status-indicator{flex-direction:row-reverse}.channel-status-indicator.active{color:#10b981}.status-ping{background-color:#10b981;border-radius:50%;width:6px;height:6px;display:inline-block;position:relative}.status-ping:after{content:"";background-color:#10b981;border-radius:50%;width:100%;height:100%;animation:1.5s ease-in-out infinite status-ping-anim;position:absolute;top:0;left:0}@keyframes status-ping-anim{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.dashboard-right-sidebar,[data-theme=dark] .dashboard-right-sidebar{-webkit-backdrop-filter:blur(20px)saturate(120%)!important;color:#fff!important;background:linear-gradient(135deg,#991b1bc7 0%,#450a0ad9 100%)!important;border:1px solid #ffffff26!important;gap:18px!important;padding:20px 20px 16px!important;box-shadow:0 8px 32px #0000001a,0 10px 30px -5px #991b1b33,inset 0 1px 1px #ffffff1f!important}.dashboard-right-sidebar .sidebar-profile-box{border-bottom:1px solid #ffffff26!important}.dashboard-right-sidebar .sidebar-profile-avatar{color:#991b1b!important;background:#fff!important;border:1px solid #fff3!important}.dashboard-right-sidebar .sidebar-profile-text h4{color:#fff!important}.dashboard-right-sidebar .sidebar-profile-text span{color:#ffffffbf!important}.dashboard-right-sidebar .sidebar-icon-btn{color:#fffc!important}.dashboard-right-sidebar .sidebar-icon-btn:hover{color:#fff!important;background-color:#ffffff1f!important}.dashboard-right-sidebar .sidebar-calendar-header h3{color:#fff!important}.dashboard-right-sidebar .sidebar-calendar-header span{color:#ffffffb3!important}.dashboard-right-sidebar .calendar-arrow-btn{color:#fffc!important;border-color:#fff3!important}.dashboard-right-sidebar .calendar-arrow-btn:hover{color:#fff!important;background-color:#ffffff1f!important;border-color:#fff!important}.dashboard-right-sidebar .calendar-day-header{color:#ffffff8c!important}.dashboard-right-sidebar .calendar-date-cell{color:#ffffffd9!important}.dashboard-right-sidebar .calendar-date-cell:hover{color:#fff!important;background-color:#ffffff1f!important}.dashboard-right-sidebar .calendar-date-cell.active-yellow{color:#991b1b!important;background-color:#fff!important}.dashboard-right-sidebar .calendar-date-cell.active-green{color:#fff!important;background-color:#ffffff40!important}.dashboard-right-sidebar .calendar-date-cell.active-outline{color:#fff!important;border:2px solid #fff!important}.dashboard-right-sidebar .calendar-date-dot{background-color:#fff!important}.dashboard-right-sidebar .sidebar-timeline-section{border-top:1px solid #ffffff26!important}.dashboard-right-sidebar .sidebar-timeline-section h3{color:#fff!important}.dashboard-right-sidebar .timeline-time-col{color:#ffffffb3!important}.dashboard-right-sidebar .timeline-line-segment{background-color:#fff3!important}.dashboard-right-sidebar .timeline-pin-node{border-color:#991b1b!important;box-shadow:0 0 0 1px #fff3!important}.dashboard-right-sidebar .timeline-pin-node.green{background-color:#4ade80!important}.dashboard-right-sidebar .timeline-pin-node.yellow{background-color:#fbbf24!important}.dashboard-right-sidebar .timeline-pin-node.red{background-color:#fff!important}.dashboard-right-sidebar .timeline-event-card-new,.dashboard-right-sidebar .timeline-event-card-new.green,.dashboard-right-sidebar .timeline-event-card-new.yellow,.dashboard-right-sidebar .timeline-event-card-new.red{box-shadow:none!important;color:#fff!important;background:0 0!important;border:none!important;padding:2px 0!important}.dashboard-right-sidebar .timeline-card-title{color:#fff!important;font-size:13px!important;font-weight:800!important}.dashboard-right-sidebar .timeline-card-time{color:#ffffffbf!important;font-size:10.5px!important}.dashboard-right-sidebar .timeline-card-icon{color:#fff!important;background:#ffffff26!important;width:26px!important;height:26px!important}.dashboard-right-sidebar .timeline-fog-overlay.top{background:linear-gradient(#991b1b 15%,#991b1b00 100%)!important}.dashboard-right-sidebar .timeline-fog-overlay.bottom{background:linear-gradient(#450a0a00 0%,#450a0a 85%)!important}.dashboard-right-sidebar .timeline-header-premium{justify-content:space-between;align-items:center;width:100%;margin-bottom:4px;display:flex}.dashboard-right-sidebar .timeline-header-left{align-items:center;gap:10px;display:flex}.dashboard-right-sidebar .timeline-header-icon-ring{justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:relative;color:#fbbf24!important;background:#ffffff1f!important;border:1px solid #fff3!important;border-radius:50%!important;box-shadow:0 0 10px #fbbf2433!important}.dashboard-right-sidebar .timeline-header-icon-pulse{animation:2.5s cubic-bezier(.24,0,.38,1) infinite iconPulseRing;position:absolute;top:0;bottom:0;left:0;right:0;border:1.5px solid #fbbf2466!important;border-radius:50%!important}@keyframes iconPulseRing{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.4)}}.dashboard-right-sidebar .timeline-header-icon{z-index:1;position:relative}.dashboard-right-sidebar .timeline-header-title-group{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.dashboard-right-sidebar .timeline-header-title-text{color:#fff!important;margin:0!important;font-size:13.5px!important;font-weight:800!important;line-height:1.2!important}.dashboard-right-sidebar .timeline-header-subtitle-text{color:#ffffffa6!important;font-size:10px!important;font-weight:500!important;line-height:1.1!important}.dashboard-right-sidebar .timeline-header-badge{align-items:center;gap:6px;display:flex;color:#4ade80!important;background:#22c55e26!important;border:1px solid #22c55e4d!important;border-radius:12px!important;padding:3px 8px!important;font-size:10px!important;font-weight:700!important;box-shadow:0 0 8px #4ade8026!important}.dashboard-right-sidebar .timeline-badge-ping{width:6px;height:6px;display:inline-block;position:relative;background-color:#4ade80!important;border-radius:50%!important}.dashboard-right-sidebar .timeline-badge-ping:after{content:"";border:1px solid #4ade80;border-radius:50%;animation:1.8s ease-in-out infinite badgePingRing;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}@keyframes badgePingRing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.hilos-card{border:2px solid var(--text-primary);background-color:var(--panel-bg);border-radius:12px;padding:16px 20px 20px;box-shadow:0 18px 80px #00000024}[data-theme=dark] .hilos-card{box-shadow:0 18px 80px #00000073}.hilos-input{border:1px solid var(--border-color);background-color:var(--input-bg);width:100%;height:34px;color:var(--text-primary);border-radius:6px;outline:none;padding:0 12px;font-size:14px;transition:all .15s}.hilos-input:focus{border-color:var(--text-primary);box-shadow:0 0 0 3px #111d1714}[data-theme=dark] .hilos-input:focus{box-shadow:0 0 0 3px #f0f7f31f}.hilos-primary-btn{background-color:var(--text-primary);width:100%;height:34px;color:var(--panel-bg);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.hilos-primary-btn:hover:not(:disabled){opacity:.9}.hilos-primary-btn:active:not(:disabled){transform:scale(.98)}.hilos-primary-btn:disabled{background-color:var(--border-color);color:var(--text-muted);cursor:not-allowed}.hilos-secondary-btn{background-color:var(--panel-bg);width:auto;height:34px;color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.hilos-secondary-btn:hover:not(:disabled){background-color:var(--bg-color);color:var(--text-primary);border-color:var(--border-hover)}.hilos-secondary-btn:active:not(:disabled){transform:scale(.98)}@keyframes crowdBob{0%{margin-top:0}to{margin-top:-8px}}:root{--login-crowd-size:75px;--login-crowd-front-y:18px}.hilos-crowd-img{opacity:1;transition:opacity .3s,filter .3s;animation:3.5s ease-in-out infinite alternate crowdBob}[data-theme=dark] .hilos-crowd-img{opacity:1}.bird-footer-container{border:1px solid var(--border-color);background-color:var(--panel-bg);border-radius:16px;max-width:1200px;margin:0 auto;overflow:hidden;box-shadow:0 4px 20px #00000005}.bird-footer-grid{grid-template-columns:1fr;display:grid}@media (min-width:768px){.bird-footer-grid{grid-template-columns:repeat(4,1fr)}}.bird-footer-col{border-bottom:1px solid var(--border-color);padding:32px}@media (min-width:768px){.bird-footer-col{border-bottom:none;border-right:1px solid var(--border-color)}[dir=rtl] .bird-footer-col{border-right:none;border-left:1px solid var(--border-color)}.bird-footer-col:last-child{border-right:none}[dir=rtl] .bird-footer-col:last-child{border-left:none}}.bird-footer-col-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:16px;font-size:13px;font-weight:700}.bird-footer-col-links{flex-direction:column;gap:12px;display:flex}.bird-footer-link{color:var(--text-secondary);cursor:pointer;font-size:14px;text-decoration:none;transition:color .2s}.bird-footer-link:hover{color:var(--text-primary)}.bird-footer-bottom{border-top:1px solid var(--border-color);flex-direction:column;gap:16px;padding:24px 32px;display:flex}@media (min-width:768px){.bird-footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}}@keyframes duck-float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(1deg)}to{transform:translateY(0)rotate(0)}}.animated-duck{text-shadow:0 0 10px #a855f726;transition:opacity .3s,color .3s;animation:4s ease-in-out infinite duck-float;color:#a855f7!important;opacity:.15!important}[data-theme=dark] .animated-duck{text-shadow:0 0 15px #d8b4fe4d;color:#d8b4fe!important;opacity:.12!important}.scroll-fade{-webkit-mask-image:linear-gradient(#0000,#000 16px calc(100% - 16px),#0000);mask-image:linear-gradient(#0000,#000 16px calc(100% - 16px),#0000)}.shimmer{background:linear-gradient(90deg, var(--text-secondary) 0%, var(--text-primary) 50%, var(--text-secondary) 100%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:1.5s linear infinite shimmer-text;display:inline-block}@keyframes shimmer-text{0%{background-position:-200% 0}to{background-position:200% 0}}.bento-card-chat{background:var(--panel-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:20px;flex-direction:column;height:100%;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .3s;display:flex;overflow:hidden}.bento-card-chat:hover{box-shadow:var(--card-shadow-hover);border-color:#10b9811f;transform:translateY(-3px)}.chat-container{flex-direction:column;height:100%;display:flex;position:relative}.chat-header{border-bottom:1px solid var(--border-color);background:rgba(var(--panel-bg-rgb), .5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.chat-header-title{color:var(--text-primary);align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.chat-status-dot{background-color:var(--success-color);width:6px;height:6px;box-shadow:0 0 8px var(--success-color);border-radius:50%;display:inline-block}.chat-scroller{scroll-behavior:smooth;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-scroller::-webkit-scrollbar{width:4px}.chat-scroller::-webkit-scrollbar-track{background:0 0}.chat-scroller::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.chat-scroller::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.chat-message-row{align-items:flex-start;gap:10px;max-width:85%;display:flex}.chat-message-row.user{flex-direction:row-reverse;align-self:flex-end}.chat-message-row.assistant{align-self:flex-start}.chat-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:700;display:flex;box-shadow:0 1px 3px #0000000d}.chat-avatar.ai{background:var(--text-primary);color:var(--panel-bg);border:1px solid var(--border-color)}.chat-avatar.user{background:var(--success-color);color:#fff}.chat-message-content{flex-direction:column;gap:4px;display:flex}.chat-bubble{white-space:pre-wrap;word-break:break-word;border-radius:16px;padding:10px 14px;font-size:13px;line-height:1.5;box-shadow:0 1px 2px #00000005}.chat-message-row.user .chat-bubble{background:var(--success-color);color:#fff;border-bottom-right-radius:4px}[dir=rtl] .chat-message-row.user .chat-bubble{border-bottom-right-radius:16px;border-bottom-left-radius:4px}.chat-message-row.assistant .chat-bubble{background:var(--panel-muted);color:var(--text-primary);border:1px solid var(--border-color);border-top-left-radius:4px}[dir=rtl] .chat-message-row.assistant .chat-bubble{border-top-left-radius:16px;border-top-right-radius:4px}.chat-message-time{color:var(--text-muted);align-self:flex-end;padding:0 4px;font-size:9px}.chat-message-row.user .chat-message-time{align-self:flex-start}.chat-input-bar{border-top:1px solid var(--border-color);background:rgba(var(--panel-bg-rgb), .5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.chat-input-container{background:var(--panel-muted);border:1px solid var(--border-color);border-radius:14px;align-items:center;gap:8px;padding:4px 6px 4px 12px;transition:border-color .2s,box-shadow .2s;display:flex}.chat-input-container:focus-within{border-color:var(--success-color);box-shadow:0 0 0 2px #10b98126}.chat-input-field{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:50px;padding:6px 0;font-family:inherit;font-size:13px}.chat-input-field::placeholder{color:var(--text-muted)}.chat-send-btn{background:var(--text-primary);width:28px;height:28px;color:var(--panel-bg);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;transition:background .2s,transform .1s;display:flex}.chat-send-btn:hover:not(:disabled){background:var(--success-color);color:#fff}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-send-btn:active:not(:disabled){transform:scale(.95)}.chat-quick-actions{white-space:nowrap;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.chat-quick-actions::-webkit-scrollbar{height:0}.chat-quick-pill{background:var(--panel-bg);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s}.chat-quick-pill:hover{border-color:var(--success-color);color:var(--success-color);background:#10b98108}.chat-codeblock{color:#f4f4f5;background:#18181b;border:1px solid #ffffff0d;border-radius:8px;margin-top:6px;padding:8px 12px;font-family:monospace;font-size:11.5px;overflow-x:auto}.chat-bubble-action-btn{background:var(--success-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:4px;margin-top:8px;padding:6px 12px;font-size:11px;font-weight:700;transition:opacity .2s,transform .1s;display:inline-flex;box-shadow:0 2px 4px #10b98133}.chat-bubble-action-btn:hover{opacity:.9}.chat-bubble-action-btn:active{transform:scale(.97)}.chat-marker{justify-content:center;align-items:center;gap:8px;width:100%;margin:6px 0;display:flex}.chat-marker-line{background:var(--border-color);flex:1;height:1px}.chat-marker-text{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}@keyframes bubble-enter{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-message-row{animation:.3s cubic-bezier(.16,1,.3,1) forwards bubble-enter}.chat-scroll-bottom-badge{background:var(--panel-elevated);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;z-index:20;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;transition:background-color .2s,border-color .2s,transform .1s;animation:.2s badge-fade-in;display:flex;position:absolute;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000001f}.chat-scroll-bottom-badge:hover{background:var(--panel-muted);border-color:var(--success-color)}.chat-scroll-bottom-badge:active{transform:translate(-50%)scale(.96)}@keyframes badge-fade-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.chat-overlay-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;animation:.3s overlay-fade-in;display:flex;position:fixed;top:0;left:0}.chat-overlay-content{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:24px;flex-direction:column;width:100%;max-width:800px;height:100%;max-height:680px;animation:.35s cubic-bezier(.16,1,.3,1) modal-slide-up;display:flex;overflow:hidden;box-shadow:0 20px 50px #0000004d}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-markdown-ul{margin:6px 0 6px 20px;padding:0;list-style-type:disc}[dir=rtl] .chat-markdown-ul{margin:6px 20px 6px 0}.chat-markdown-li{margin-bottom:4px}.chat-markdown-h3{color:var(--text-primary);margin:10px 0 4px;font-size:13.5px;font-weight:800}.chat-markdown-code{background:var(--panel-muted);border:1px solid var(--border-color);color:var(--danger-text);border-radius:4px;padding:2px 4px;font-family:monospace;font-size:11px}.chat-message-row.user .chat-markdown-code{color:#fff;background:#ffffff26;border-color:#0000}.chat-lock-overlay{background:rgba(var(--panel-bg-rgb), .7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;animation:.3s overlay-fade-in;display:flex;position:absolute;top:0;left:0}.chat-lock-card{background:var(--panel-bg);border:1px solid var(--border-color);text-align:center;border-radius:16px;flex-direction:column;align-items:center;width:100%;max-width:320px;padding:20px;animation:.4s cubic-bezier(.16,1,.3,1) modal-slide-up;display:flex;box-shadow:0 10px 30px #0000001a}.chat-lock-icon-container{width:44px;height:44px;color:var(--success-color);background:#10b98114;border:1px solid #10b98126;border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.chat-lock-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:6px;margin-bottom:8px;padding:2.5px 8px;font-size:9px;font-weight:800}.chat-lock-title{color:var(--text-primary);margin-bottom:4px;font-size:14.5px;font-weight:800}.chat-lock-desc{color:var(--text-secondary);margin-bottom:14px;font-size:11px;line-height:1.45}.chat-lock-features{text-align:start;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);flex-direction:column;gap:8px;width:100%;margin-bottom:16px;padding:12px 0;display:flex}.chat-lock-feature-item{color:var(--text-secondary);align-items:flex-start;gap:6px;font-size:11px;line-height:1.35;display:flex}.chat-lock-feature-item svg{color:var(--success-color);flex-shrink:0;margin-top:1px}.chat-lock-price{color:var(--text-primary);margin-bottom:12px;font-size:13.5px;font-weight:800}.chat-lock-btn{background:var(--text-primary);width:100%;color:var(--panel-bg);cursor:pointer;border:none;border-radius:10px;padding:8px 16px;font-size:12px;font-weight:700;transition:background-color .2s,transform .1s}.chat-lock-btn:hover:not(:disabled){background:var(--success-color);color:#fff}.chat-lock-btn:active:not(:disabled){transform:scale(.97)}.chat-lock-btn:disabled{opacity:.5;cursor:not-allowed}.chat-lock-alert{background:var(--danger-bg);width:100%;color:var(--danger-text);text-align:start;border:1px solid #ef444426;border-radius:8px;align-items:flex-start;gap:6px;margin-top:8px;padding:8px 10px;font-size:10.5px;display:flex}.chat-trial-container{flex-direction:column;gap:4px;width:100%;padding:0 4px;display:flex}.chat-trial-text-group{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:10.5px;font-weight:700;display:flex}.chat-trial-progress-bar{background:var(--border-color);border-radius:2px;width:100%;height:4px;overflow:hidden}.chat-trial-progress-fill{background:var(--success-color);border-radius:2px;height:100%;transition:width .3s cubic-bezier(.16,1,.3,1)}.chat-trial-progress-fill.warning{background:var(--warning-color)}.chat-trial-progress-fill.danger{background:var(--danger-color)}.sidebar-link-shimmer{position:relative;overflow:hidden}.sidebar-link-shimmer:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#10b98100 25%,#10b98159 50%,#10b98100 75%,#0000 100%);animation:2.8s ease-in-out infinite sidebarShimmerEffect;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}.sidebar-link-shimmer{animation:2.8s ease-in-out infinite sidebarPulseEffect}@keyframes sidebarShimmerEffect{0%{transform:translate(-100%)}35%{transform:translate(100%)}to{transform:translate(100%)}}@keyframes sidebarPulseEffect{0%,to{box-shadow:0 0 #10b98100}50%{box-shadow:inset 0 0 10px #10b98126,0 0 8px #10b98133;border-color:#10b98166!important}}