:root{--brand-primary:#6257f6;--brand-accent:#20a4e8;--telegram:#229ed9;--light-bg:#f5f7fb;--light-card:#fff;--light-line:#e4e9f2;--light-text:#172033;--light-muted:#8290a7;--light-shadow:0 8px 28px rgba(29,45,73,.07)}
body{font-family:"Tajawal","Segoe UI",Tahoma,Arial,sans-serif}.app-body{background:var(--light-bg);color:var(--light-text)}.app-shell{grid-template-columns:284px minmax(0,1fr);background:var(--light-bg)}.app-sidebar{background:#fff;border-left:1px solid var(--light-line);padding:18px 14px 13px;box-shadow:4px 0 20px rgba(30,45,70,.025)}.sidebar-brand-row{border-color:var(--light-line);padding:0 4px 17px;gap:8px}.app-brand{color:var(--light-text)}.app-brand strong{font-size:16px;color:var(--brand-primary);max-width:145px}.app-brand small{color:#9aa6b7;font-size:9px}.brand-symbol{background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));color:#fff;box-shadow:0 7px 18px color-mix(in srgb,var(--brand-primary) 25%,transparent)}.tg-logo{font-size:19px;transform:rotate(-38deg)}.version-chip{padding:3px 7px;border-radius:999px;background:var(--brand-primary);color:#fff;font:800 9px/1.4 Arial}.sidebar-context{background:#f8f9fd;border-color:#e9edf5}.sidebar-context small,.sidebar-user small{color:var(--light-muted)}.sidebar-context strong,.sidebar-user strong{color:#334056}.context-avatar,.context-icon{background:#edf0ff;color:var(--brand-primary)}.workspace-switcher select{background:#fff;color:#334056;border-color:var(--light-line)}.app-nav{padding-top:7px}.nav-title{color:#a0abbb;padding:16px 10px 5px}.app-nav a{color:#536177;padding:9px 10px;font-weight:600}.app-nav a i{color:inherit}.app-nav a:hover{color:var(--brand-primary);background:#f7f7ff}.app-nav a.active,.admin-area .app-nav a.active{color:var(--brand-primary);background:#f4f3ff;box-shadow:inset -3px 0 var(--brand-primary);border:1px solid #dedbff}.nav-icon{width:27px!important;height:27px;display:grid!important;place-items:center;border-radius:8px;font-style:normal;font-weight:900;background:#f2f4f8}.nav-icon.purple{color:#7258f5;background:#f0edff}.nav-icon.blue,.nav-icon.telegram{color:#1f9be3;background:#e9f7ff}.nav-icon.cyan{color:#14aebd;background:#e7fbfd}.nav-icon.green{color:#16ad74;background:#e9fbf4}.nav-icon.amber{color:#e2a01a;background:#fff7dd}.nav-icon.pink{color:#db3f9c;background:#ffedf8}.nav-icon.red{color:#ec4b58;background:#ffedef}.nav-icon.indigo{color:#4c66dd;background:#edf0ff}.nav-icon.slate{color:#748297;background:#eef1f5}.sidebar-footer{border-color:var(--light-line)}.sidebar-user>span{background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));color:#fff}.logout-button{border-color:var(--light-line);background:#f6f7fb;color:#64748b}.app-stage{background:var(--light-bg);min-height:100vh}.desktop-app-header{height:64px;display:flex;align-items:center;gap:18px;padding:0 28px;background:#fff;border-bottom:1px solid var(--light-line);position:sticky;top:0;z-index:25}.header-menu{width:42px;height:42px;border:0;border-radius:11px;background:#f1efff;color:var(--brand-primary);font-size:18px;cursor:pointer}.header-spacer{flex:1}.header-link{color:#637087;text-decoration:none;font-size:13px}.header-status{display:flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:#eafbf4;color:#169065;font-size:11px}.header-status i{width:7px;height:7px;border-radius:50%;background:#16b878}.header-user{display:flex;align-items:center;gap:10px}.header-user>span{display:grid;text-align:left}.header-user strong{font-size:12px}.header-user small{font-size:9px;color:var(--light-muted)}.header-user>b{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--brand-accent);color:#fff}.app-content{padding:32px 34px 72px;max-width:1640px}.mobile-app-header{background:#fff;border-color:var(--light-line);color:var(--light-text)}
.app-content .card,.app-content .stat,.stat,.card{background:#fff;border:1px solid var(--light-line);box-shadow:var(--light-shadow);color:var(--light-text);border-radius:18px}.app-content .stat:after{background:color-mix(in srgb,var(--brand-primary) 7%,transparent)}.card .lead,.muted,.module-header p,.settings-section>header p{color:var(--light-muted)}.module-kicker,.admin-area .module-kicker,.eyebrow{color:var(--brand-primary)}.module-header h1,.reference-page-head h1{color:var(--light-text)}a{color:var(--brand-primary)}label{color:#526078}input,textarea,select{background:#fff;color:var(--light-text);border-color:#dfe5ee}input:focus,textarea:focus,select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 12%,transparent)}.btn{background:#edf0f5;color:#344054;border-radius:10px}.btn.primary{background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));color:#fff;box-shadow:0 9px 22px color-mix(in srgb,var(--brand-primary) 20%,transparent)}.btn.soft,.btn.ghost{background:#fff;border:1px solid var(--light-line);color:#445169}.btn.danger{background:#fff0f3;color:#c52a53}.pill{border-color:#dcd9ff;background:#f2f0ff;color:var(--brand-primary)}.alert.success{background:#edfcf6;border-color:#b9efd8;color:#147b59}.alert.danger{background:#fff0f3;border-color:#ffc7d3;color:#b42345}.alert.warn{background:#fff9e8;border-color:#f5dda1;color:#896413}.badge{background:#eef2f7;color:#526078}.badge.good{background:#e7f9f1;color:#16865f}.badge.bad{background:#ffedf1;color:#b5294a}.item{background:#f8f9fc;border-color:var(--light-line)}.table-wrap{border-color:var(--light-line)}th{background:#f7f9fc;color:#637087}th,td{border-color:var(--light-line)}.code,.messages{background:#f6f8fb;color:#28354a;border-color:var(--light-line)}.message.inbound{background:#edf2f8}.message.outbound{background:#e4f6ff}.separator{background:var(--light-line)}.campaign-card-pro,.flow-card,.flow-node,.contact-picker{background:#f8f9fc;border-color:var(--light-line)}.variable-chips span{background:#edf8ff;border-color:#ccecff;color:#147aaf}.progress-track,.usage-bar{background:#edf0f5}.usage-bar span,.progress-track span{background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent))}
.reference-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.reference-page-head h1{margin:2px 0;font-size:30px}.reference-page-head p{margin:3px 0;color:var(--light-muted)}.head-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.dashboard-top-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}.mini-integration{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:20px 22px;border:1px solid var(--light-line);border-radius:18px;background:#fff;box-shadow:var(--light-shadow);color:var(--light-text);text-decoration:none}.mini-integration>div{display:grid}.mini-integration strong{font-size:15px}.mini-integration small{color:#96a3b5}.mini-integration>b{padding:7px 12px;border-radius:8px;background:var(--brand-primary);color:#fff;font-size:11px}.integration-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;font-style:normal;font-weight:900}.integration-icon.telegram{color:#168fcf;background:#e6f6ff;transform:none}.integration-icon.youtube{color:#e74453;background:#ffedf0}.integration-icon.history{color:#6d57e9;background:#f0edff}.integration-icon.workspace{color:#2e9ce2;background:#eaf7ff}.integration-icon.plans{color:#12a974;background:#e9fbf3}.integration-icon.site{color:#dc3e98;background:#ffedf8}.command-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:18px 24px;background:#fff;border:1px solid var(--light-line);box-shadow:var(--light-shadow);margin-bottom:22px}.command-mark{width:42px;height:42px;display:grid;place-items:center;color:var(--brand-primary);font-size:30px}.command-banner p{margin:0;color:#8996a9}.command-banner a{display:flex;align-items:center;gap:16px;padding:13px 20px;border-radius:10px;background:var(--brand-primary);color:#fff;text-decoration:none;font-weight:800}.dashboard-main-row{display:grid;grid-template-columns:minmax(330px,.72fr) minmax(0,1.55fr);gap:20px;margin-bottom:30px}.plan-showcase,.feature-launcher{background:#fff;border:1px solid var(--light-line);border-radius:20px;box-shadow:var(--light-shadow)}.plan-showcase{display:flex;justify-content:space-between;overflow:hidden;min-height:220px;padding:26px 26px 18px}.plan-showcase>div:first-child{display:grid;align-content:start}.plan-showcase span,.plan-showcase small{color:#7f8da2}.plan-showcase h2{font-size:25px;margin:18px 0 12px}.plan-medal{position:relative;width:130px;display:grid;place-items:center}.plan-medal:before,.plan-medal:after{content:"";position:absolute;top:-26px;width:42px;height:105px;background:linear-gradient(#6f5af3,#4539bd);clip-path:polygon(0 0,100% 0,72% 100%,28% 100%)}.plan-medal:before{right:17px;transform:rotate(-13deg)}.plan-medal:after{left:17px;transform:rotate(13deg)}.plan-medal b{position:relative;z-index:2;width:78px;height:78px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ffc957,#f39d14);border:8px solid #ffdf87;color:#fff;font-size:30px;margin-top:50px}.feature-launcher{padding:20px 18px;overflow:hidden}.feature-launcher-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.feature-launcher-head>div{display:grid}.feature-launcher-head small,.feature-launcher-head>span{color:#a0abba;font-size:10px}.feature-scroll{display:flex;gap:14px;overflow:auto;padding:4px 2px 12px;scrollbar-width:thin}.feature-scroll a{flex:0 0 164px;min-height:158px;padding:18px 12px;display:grid;place-items:center;text-align:center;align-content:center;border:1px solid #e1e6ef;border-radius:15px;background:#f7f9fc;color:var(--light-text);text-decoration:none}.feature-scroll a:hover{transform:translateY(-2px);border-color:#cfcaff;box-shadow:0 10px 24px rgba(47,61,91,.08)}.feature-scroll i{width:57px;height:57px;display:grid;place-items:center;border-radius:16px;font-style:normal;font-size:27px;margin-bottom:10px}.feature-scroll strong{font-size:13px}.feature-scroll small{font-size:10px;color:#8d9aae}.f-blue{color:#138fd4;background:#dff4ff}.f-purple{color:#664de9;background:#ebe7ff}.f-green{color:#13a570;background:#e1faef}.f-pink{color:#ca34ab;background:#fbe6fa}.f-cyan{color:#16aebc;background:#e0fafd}.f-indigo{color:#405fe0;background:#e7edff}.f-red{color:#e74453;background:#ffe5e9}.f-amber{color:#dc9616;background:#fff2cf}.analytics-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:16px 0}.analytics-title>div:first-child{display:flex;align-items:center;gap:11px}.analytics-title span{display:grid}.analytics-title h2{margin:0;font-size:25px}.analytics-title p{margin:0;color:var(--light-muted)}.analytics-title em{display:flex;align-items:center;gap:6px;margin-inline-start:10px;padding:4px 9px;border-radius:99px;background:#e6faef;color:#17815e;font-size:10px;font-style:normal}.analytics-title em i{width:7px;height:7px;border-radius:50%;background:#15aa75}.telegram-title-icon{width:32px;height:32px;display:grid!important;place-items:center;border-radius:50%;background:var(--telegram);color:#fff;transform:rotate(-38deg)}.connect-prompt{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:18px;padding:18px 22px;border:1px solid #bdeed7;border-radius:16px;background:#edfcf5}.connect-prompt p{margin:2px 0;color:#668073}.reference-stats{grid-template-columns:repeat(4,1fr);margin-bottom:20px}.reference-stats .stat{border-top:4px solid var(--brand-primary)}.reference-stats .stat em{display:block;color:var(--light-muted);font-size:10px;font-style:normal}.reference-stats .metric-icon{margin:0 0 13px}.reference-stats .accent-blue{border-top-color:#2e9fe8}.reference-stats .accent-green{border-top-color:#21b67d}.reference-stats .accent-amber{border-top-color:#f1ad24}.success-dot{background:#19b57c!important}.danger-dot{background:#ee5971!important}.theme-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:15px 0}.theme-colors input[type=color]{height:50px;padding:5px}.admin-top-cards{margin-top:12px}
.guest{display:block;padding:0;background:#eaf0f7}.login-page-shell{min-height:100vh;background:#e8eef6;color:var(--light-text)}.login-public-nav{height:78px;display:flex;align-items:center;gap:32px;padding:0 max(28px,calc((100vw - 1280px)/2));background:#fff;border-top:3px solid var(--brand-accent);box-shadow:0 1px 0 #e8edf4}.login-brand{display:flex;align-items:center;gap:10px;color:var(--light-text);text-decoration:none;white-space:nowrap}.login-brand small{padding:3px 7px;border-radius:999px;background:var(--brand-primary);color:#fff;font-size:9px}.login-public-nav nav{display:flex;gap:25px;margin-inline:auto}.login-public-nav nav a,.login-nav-actions>a:first-child{color:#4d5a70;text-decoration:none;font-size:13px;font-weight:700}.support-link{color:#14a873!important}.login-nav-actions{display:flex;align-items:center;gap:17px}.login-stage{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:70px 24px}.login-panel{width:min(1010px,100%);min-height:620px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:25px;background:#fff;box-shadow:0 28px 80px rgba(40,61,89,.18)}.login-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#50647d,#17243b);padding:42px;color:#fff}.login-visual-overlay{position:absolute;inset:0;background:radial-gradient(circle at 25% 20%,color-mix(in srgb,var(--telegram) 42%,transparent),transparent 34%),linear-gradient(180deg,rgba(14,25,44,.1),rgba(8,16,31,.76))}.telegram-scene{position:relative;height:380px}.scene-window{position:absolute;top:80px;left:50%;width:220px;transform:translateX(-50%);display:grid;justify-items:center;gap:12px;padding:25px;border-radius:18px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px)}.scene-window small{color:#c7d5e6}.scene-input{height:10px;width:150px;border-radius:8px;background:rgba(255,255,255,.2)}.scene-input.short{width:110px}.scene-button{height:25px;width:150px;border-radius:7px;background:var(--telegram)}.scene-plane{position:absolute;width:66px;height:66px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--telegram),#66c5f3);box-shadow:0 16px 30px rgba(0,0,0,.2);font-size:28px;transform:rotate(-38deg)}.scene-plane.one{left:20px;top:45px}.scene-plane.two{right:15px;top:130px;background:linear-gradient(135deg,var(--brand-primary),#9b8bff)}.scene-chat{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:12px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.14);font-size:11px}.chat-one{left:0;bottom:80px}.chat-two{right:0;bottom:25px}.visual-copy{position:relative}.visual-copy h2{font-size:27px;line-height:1.35;margin:7px 0}.visual-copy p{color:#c0ccdc;margin:0}.login-form{display:grid;align-content:center;gap:20px;padding:56px 47px;background:#fff}.login-heading h1{font-size:34px;margin:4px 0}.login-heading p{color:var(--light-muted);margin:0}.input-with-icon{position:relative}.input-with-icon i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#9ba8ba;font-style:normal}.input-with-icon input{height:54px;padding-right:44px;background:#fbfcfe}.login-remember{color:#6f7c90}.login-submit{height:55px;font-size:15px}.form-foot{text-align:center;color:var(--light-muted)}.light-auth{margin:10vh auto;background:#fff!important;border-color:var(--light-line)!important;color:var(--light-text)!important}.light-auth .brand-symbol{margin:auto}
.sidebar-collapsed .app-shell{grid-template-columns:86px minmax(0,1fr)}.sidebar-collapsed .app-brand>span:last-child,.sidebar-collapsed .version-chip,.sidebar-collapsed .sidebar-context>span:last-child,.sidebar-collapsed .workspace-switcher,.sidebar-collapsed .nav-title,.sidebar-collapsed .app-nav a span,.sidebar-collapsed .sidebar-user>div{display:none}.sidebar-collapsed .app-sidebar{padding-inline:11px}.sidebar-collapsed .sidebar-brand-row{justify-content:center}.sidebar-collapsed .app-nav a{justify-content:center}.sidebar-collapsed .app-nav a.active{box-shadow:none}.sidebar-collapsed .sidebar-footer{justify-content:center}.sidebar-collapsed .logout-button{display:none}
@media(max-width:1200px){.app-shell{grid-template-columns:250px minmax(0,1fr)}.dashboard-main-row{grid-template-columns:1fr}.reference-stats{grid-template-columns:repeat(2,1fr)}.login-public-nav nav{display:none}}
@media(max-width:900px){.desktop-app-header{display:none}.app-shell{display:block}.app-sidebar{position:fixed}.app-content{padding:22px 16px 60px}.dashboard-top-cards{grid-template-columns:1fr}.login-panel{grid-template-columns:1fr}.login-visual{display:none}.login-public-nav{padding:0 20px}.login-nav-actions>a:first-child{display:none}}
@media(max-width:680px){.reference-page-head,.analytics-title{align-items:flex-start;flex-direction:column}.command-banner,.connect-prompt{grid-template-columns:auto 1fr}.command-banner a,.connect-prompt .btn{grid-column:1/-1}.plan-showcase{min-height:200px}.feature-launcher-head>span{display:none}.reference-stats{grid-template-columns:1fr 1fr}.theme-colors{grid-template-columns:1fr}.login-stage{padding:25px 13px}.login-form{padding:35px 24px}.login-panel{min-height:auto}.login-public-nav{height:68px}.login-brand strong{font-size:13px}.login-brand small{display:none}.login-nav-actions .btn{padding:9px 11px}}
@media(max-width:460px){.reference-stats{grid-template-columns:1fr}.plan-medal{width:90px}.plan-medal:before,.plan-medal:after{width:32px}.plan-medal b{width:64px;height:64px}.app-content{padding-inline:12px}}