:root{--navy:#15213f;--dark:#111b35;--dark2:#1a294b;--ink:#192542;--muted:#8892a7;--muted2:#67738d;--purple:#6555eb;--purple2:#8772fb;--cyan:#45d4ed;--lavender:#f0eeff;--paper:#fff;--border:#e9ecf3;--bg:#f7f8fc;--shadow:0 8px 30px rgba(25,35,76,.045);--radius:16px;--sans:'IBM Plex Sans Arabic',Tahoma,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--ink);font-size:14px;line-height:1.75;background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,p{margin-top:0}svg.icon{display:inline-block;vertical-align:middle;flex-shrink:0}strong{font-weight:700}.hidden,[hidden]{display:none!important}.block{display:flex!important;width:100%;justify-content:center}.muted{color:var(--muted2)}.text-danger{border:0;background:transparent;color:#c34b65;display:flex;align-items:center;gap:7px}.text-danger:disabled{opacity:.45;cursor:not-allowed}.container{max-width:1210px;margin:0 auto;padding:0 26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;font-size:13px;font-weight:700;transition:.2s ease;min-height:43px;padding:9px 18px;border:1px solid transparent;white-space:nowrap}.btn-primary{background:linear-gradient(105deg,#6759ef,#7368f5);box-shadow:0 7px 18px rgba(94,83,217,.18);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 23px rgba(94,83,217,.24)}.btn-outline{border:1px solid #dadeec;color:#3b4261;background:#fff}.btn-outline:hover{border-color:var(--purple);color:var(--purple)}.btn-white{background:#fff;color:#5c4ae4;min-height:44px;padding:12px 24px}.btn-light{background:#fff;color:#5044c6}.btn-lg{min-height:48px}.btn-xl{min-height:52px;padding:13px 25px;font-size:14px}.btn-google{border:1px solid #e2e5ed;background:#fff;color:var(--ink);min-height:47px}.btn-google:hover{background:#f7f8fb}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font-size:29px;font-weight:700;line-height:1.15;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,#7369f1,#523cd0);color:#fff;box-shadow:0 7px 17px #6453d94d}.brand-dot{color:#40bad3}.brand small{font-size:9px;font-weight:600;letter-spacing:2.5px;color:var(--muted);display:block;text-align:left;line-height:1.1;margin-top:2px}.brand-light{color:#fff}.brand-light small{color:#7b8aa8}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.15px;font-weight:700;color:#6b5ae4}.eyebrow-dot{width:7px;height:7px;border-radius:99px;background:var(--cyan);box-shadow:0 0 0 4px #34cae622}.bright{color:#c9c3ff}.overline{font-size:12px;font-weight:700;color:#7567e9}.text-link{display:inline-flex;align-items:center;gap:9px;color:#6353e9;font-weight:700;font-size:12px}.text-link:hover{text-decoration:underline}.alert{display:flex;align-items:flex-start;gap:11px;border-radius:11px;padding:13px 17px;margin:0 0 17px;border:1px solid transparent;font-size:13px}.alert ul{padding-inline-start:22px;list-style:disc}.alert-success{color:#1d7c55;background:#eefbf6;border-color:#c6f2dd}.alert-error{color:#a44155;background:#fff3f5;border-color:#fcd8df}.alert-warn{background:#fffbec;color:#996d25;border-color:#ffebad;margin-top:18px}.alert a{text-decoration:underline;font-weight:700}.field-label{display:block;color:#3d4964;font-weight:700;font-size:12px;margin-bottom:8px}.field{border:1px solid #e1e5ef;border-radius:10px;width:100%;height:46px;background:#fff;padding:10px 13px;outline:none;color:var(--ink);transition:.2s}.field:focus,.editor-textarea:focus{border-color:#7769f0;box-shadow:0 0 0 3px rgba(117,105,240,.10)}.field::placeholder,.editor-textarea::placeholder{color:#aab2c2}.field:disabled,.disabled-field{background:#f6f7fa;color:#8892a7;cursor:not-allowed}.field-hint{color:#818da3;font-size:11px;margin-top:6px}.field-group{min-width:150px}.grow{flex:1}.form-stack{display:flex;flex-direction:column;gap:10px}.form-stack .btn{margin-top:7px}.checkbox-line{display:flex;gap:9px;align-items:center;font-size:12px;color:#6b7386;margin:4px 0 8px}.checkbox-line input{accent-color:var(--purple);width:15px;height:15px}.panel-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-card.padded{padding:25px}.panel-title{font-size:17px;font-weight:700;margin:0 0 20px}.table-holder{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}.data-table th{background:#fafbfe;color:#8c96a8;font-size:11px;font-weight:700;padding:16px 19px;border-bottom:1px solid var(--border)}.data-table td{padding:16px 19px;border-bottom:1px solid #f0f1f5;font-size:12px;color:#606d83}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfcff}.table-name{display:inline-flex;align-items:center;gap:10px;color:#2d3b59;font-weight:700}.table-name:hover{color:var(--purple)}.table-doc-icon{width:35px;height:35px;border-radius:10px;background:#f0edff;color:var(--purple);display:grid;place-items:center}.table-action{color:#6555e7;display:inline-flex;align-items:center;gap:5px;font-weight:700}.table-sub{display:block;font-size:11px;color:#9aa3b4;margin-top:3px}.status-pill{display:inline-flex;justify-content:center;align-items:center;gap:6px;padding:4px 11px;border-radius:100px;font-size:11px;font-weight:700;white-space:nowrap}.status-completed,.status-approved{color:#16845d;background:#e9f9f1}.status-pending{color:#be8735;background:#fff5df}.status-processing{color:#5a52c5;background:#efedff}.status-failed,.status-rejected{color:#bd3f59;background:#ffedf1}.pagination-container{margin:22px 0;direction:ltr}.pagination-container nav{max-width:100%}.center-padded{text-align:center;padding:38px!important}.inline-actions{display:flex;gap:9px;align-items:center}.small-confirm{background:#e9fbf1;color:#1d9363;border:0;border-radius:7px;padding:6px 11px;font-weight:700;font-size:12px}.small-danger{background:transparent;color:#c34b65;border:0;font-size:12px;display:inline-flex;align-items:center;gap:5px}.small-danger:hover,.text-danger:hover{text-decoration:underline}.form-actions{display:flex;justify-content:flex-start;padding-top:8px}.quiet-note{color:#a2aaba;display:inline-flex;align-items:center;gap:6px;font-size:11px}
/* Public pages */
.guest-body{background:#fff}.public-header{height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.public-links,.header-actions{display:flex;gap:36px;align-items:center}.public-links a{font-size:13px;color:#526078;font-weight:600}.public-links a:hover,.header-signin:hover{color:var(--purple)}.header-actions{gap:17px}.header-signin{font-size:13px;font-weight:700}.landing-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;min-height:610px;padding-top:30px;padding-bottom:75px}.landing-copy h1{font-size:clamp(38px,4.4vw,63px);font-weight:700;line-height:1.4;letter-spacing:-1.9px;margin:24px 0 21px;color:#202949}.landing-copy h1 span,.section-intro h2 span{color:#6759e8}.landing-copy p{font-size:16px;line-height:2;color:#727f97;max-width:540px}.hero-actions{display:flex;gap:13px;margin:29px 0}.hero-trust{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:11px;color:#8c95a9}.trust-circle{width:24px;height:24px;display:grid;place-items:center;color:#25a985;background:#e7f8f1;border-radius:50%}.trust-divider{height:13px;border-inline-start:1px solid #e6e7ef}.hero-art{position:relative;min-height:465px;display:grid;place-items:center;background:radial-gradient(circle at 50% 54%,#ecebff 0,#f9f8ff 47%,transparent 72%)}.hero-art:before{content:'';position:absolute;width:405px;height:405px;border:1px dashed #d2cdf9;border-radius:50%;transform:rotate(10deg)}.mockup-window{z-index:1;background:#fff;width:94%;max-width:490px;min-height:316px;border-radius:17px;border:1px solid #e4e6ef;box-shadow:0 27px 75px rgba(61,53,132,.15);transform:rotate(-2deg);overflow:hidden}.mockup-top{background:#172341;color:#fff;display:flex;align-items:center;gap:9px;padding:15px 20px;font-size:12px;font-weight:700}.mockup-mark{color:#a59bff}.mockup-dots{margin-inline-start:auto;letter-spacing:5px;font-size:7px;color:#7885a2}.mockup-edit{padding:24px}.editor-label{font-size:11px;font-weight:700;color:#394661;margin-bottom:15px}.skeleton-line{height:11px;border-radius:9px;background:#e6e9f1;margin:10px 0}.w-90{width:89%}.w-100{width:100%}.w-70{width:73%}.mockup-divider{display:flex;justify-content:space-between;padding:18px 0 14px;margin-top:15px;font-size:10px;font-weight:700;color:#6e61e5;border-top:1px solid #eceefa}.mockup-divider span:last-child{color:#2da984}.edited-sentence{font-size:13px;line-height:1.85;color:#38435e;direction:ltr;text-align:left;padding:13px;border:1px solid #e1f2ea;border-radius:9px;background:#fbfffd}.edited-sentence mark{background:#c7f9e0;color:#1b7758;padding:2px;border-radius:4px}.mockup-bottom{display:flex;justify-content:space-between;color:#8b95a8;font-size:10px;margin-top:16px}.floating-card{display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:12px;background:#fff;box-shadow:0 10px 31px #38467a20;font-size:11px;font-weight:700;color:#354562;position:absolute;z-index:3}.floating-a{top:33px;right:-13px;transform:rotate(4deg)}.floating-a span{color:#735ce9;font-size:21px}.floating-a b{color:#1eb588}.floating-b{bottom:35px;left:-15px;transform:rotate(-3deg);color:#26946c}.landing-stats{background:#f8f9fd;border-top:1px solid #f0f0f5;border-bottom:1px solid #f0f0f5}.landing-stats-inner{display:grid;grid-template-columns:repeat(4,1fr);padding-top:26px;padding-bottom:26px}.landing-stats-inner>div{text-align:center;border-inline-start:1px solid #e7e9f1;display:flex;flex-direction:column;gap:5px}.landing-stats-inner>div:last-child{border:0}.landing-stats-inner strong{font:700 27px/1.4 var(--sans);color:#6153d7}.landing-stats-inner span{font-size:12px;color:#8792a8}.landing-section{padding-top:102px;padding-bottom:95px}.section-intro{text-align:center;max-width:680px;margin:0 auto 42px}.section-intro h2{font-size:35px;line-height:1.45;margin:12px 0;color:#26304b}.section-intro p{color:#7c889d;font-size:14px}.landing-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.landing-tool{border:1px solid #e9eaf3;background:#fff;border-radius:15px;padding:27px;transition:.2s}.landing-tool:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.landing-tool h3{font-size:16px;margin:14px 0 7px}.landing-tool p{font-size:12px;color:#8c96a8;line-height:1.9;margin:0}.tool-icon,.service-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:14px}.tint-0{background:#efedff;color:#7664e6}.tint-1{background:#e8fbf4;color:#18a97b}.tint-2{background:#fff1e6;color:#ec9850}.tint-3{background:#e8f7ff;color:#3999d4}.tint-4{background:#ffebf1;color:#d7729c}.landing-banner{background:#1d2453;color:#fff;overflow:hidden;position:relative}.landing-banner:before{content:'';position:absolute;width:530px;height:530px;border:1px solid #69679e;border-radius:50%;left:-110px;top:-340px;box-shadow:0 0 0 90px #ffffff04,0 0 0 190px #ffffff04}.banner-inner{position:relative;display:flex;justify-content:space-between;align-items:center;gap:35px;padding-top:58px;padding-bottom:58px}.banner-inner h2{font-size:30px;margin:9px 0}.banner-inner p{color:#afb4d3;margin:0;max-width:640px;font-size:13px}.public-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.public-plan{border:1px solid #e9eaf3;background:#fff;padding:30px;border-radius:16px;position:relative}.public-plan.featured{border:2px solid #7162e9;box-shadow:0 15px 50px #6655df16}.public-plan h3{font-size:19px}.public-plan .price{font-size:26px;font-weight:700;margin:13px 0}.price small{font-size:12px;color:#9199ab}.public-plan>p{font-size:13px;color:#939eb1}.public-plan ul{border-top:1px solid #eff0f5;padding:15px 0 22px;margin-top:20px}.public-plan li{padding:6px 0;font-size:12px;color:#6b778e}.public-plan li:before{content:'✓';color:#27ae84;margin-inline-end:9px}.popular-ribbon{position:absolute;left:20px;top:-13px;background:#6858df;color:#fff;padding:5px 14px;border-radius:20px;font-size:10px}.pricing-disclaimer{text-align:center;color:#9ca5b4;margin:24px 0 0;font-size:11px}.final-cta{background:#f3f1ff;border-radius:21px;padding-top:37px;padding-bottom:37px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:95px}.final-cta h2{font-size:24px;margin-bottom:6px}.final-cta p{margin:0;color:#8590a3}.site-footer{border-top:1px solid #eceef5;color:#98a2b2;font-size:11px}.site-footer-inner{display:flex;justify-content:space-between;gap:15px;padding-top:28px;padding-bottom:28px}
/* Sign in / Register */
.auth-scene{min-height:calc(100vh - 183px);display:flex;align-items:center;justify-content:center;padding:35px 15px 75px;background:radial-gradient(circle at 13% 27%,#f1efff 0,transparent 34%),radial-gradient(circle at 83% 70%,#effaff 0,transparent 36%)}.auth-card{background:#fff;border:1px solid #ebedf4;box-shadow:0 25px 85px rgba(41,48,94,.09);border-radius:20px;width:100%;max-width:460px;padding:39px}.auth-icon{width:56px;height:56px;display:grid;place-items:center;background:#efedff;border-radius:17px;color:#7363e9;margin-bottom:18px}.auth-card h1{font-size:25px;margin:0 0 7px}.auth-card>p{font-size:12px;color:#8c97aa;margin-bottom:22px}.auth-separator{position:relative;text-align:center;color:#a0aabb;font-size:12px;margin:19px 0}.auth-separator:before,.auth-separator:after{content:'';height:1px;position:absolute;background:#ebeef3;width:42%;top:50%}.auth-separator:before{right:0}.auth-separator:after{left:0}.google-letter{font-size:19px;font-weight:700;background:conic-gradient(#4285f4 0 30%,#34a853 30% 49%,#fbbc05 49% 68%,#ea4335 68% 100%);color:transparent;background-clip:text;-webkit-background-clip:text}.auth-bottom{text-align:center;margin-top:23px;padding-top:16px;border-top:1px solid #f0f0f4;color:#8a96a9;font-size:12px}.auth-bottom a{color:#685ae9;font-weight:700}
/* App layout */
.app-body{background:#f7f8fc}.app-shell{display:flex;min-height:100vh;direction:rtl}.sidebar{width:252px;flex:0 0 252px;min-height:100vh;background:#192441;color:#c2c8d6;display:flex;flex-direction:column;padding:0 17px 16px;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:30}.sidebar-brand{padding:28px 12px 38px}.sidebar-label{padding:0 16px;margin:0 0 13px;font-size:10px;color:#7484a0;font-weight:700}.sidebar-label.gap-top{margin-top:31px}.sidebar-nav{display:flex;flex-direction:column;gap:5px}.nav-link{width:100%;display:flex;align-items:center;gap:13px;color:#a4b0c7;font-size:12px;font-weight:600;min-height:45px;padding:11px 15px;border-radius:9px;border:0;background:transparent;text-align:right}.nav-link:hover{color:#fff;background:#283457}.nav-link.active{color:#fff;background:linear-gradient(105deg,#7266ee,#5d57d9);box-shadow:0 9px 20px #5c51c525}.nav-link.active svg{color:#fff}.nav-link svg{color:#96a4c0}.sidebar-bottom{margin-top:auto;padding:32px 0 7px}.side-upgrade{padding:18px;background:linear-gradient(140deg,#303866,#36376d);border:1px solid #515487;border-radius:13px;color:#fff;margin-bottom:17px}.side-upgrade-icon{width:31px;height:31px;display:grid;place-items:center;color:#d1c6ff;background:#4d4e86;border-radius:9px;margin-bottom:11px}.side-upgrade strong{font-size:13px}.side-upgrade p{font-size:10px;line-height:1.9;color:#b0b4d4;margin:7px 0}.side-upgrade a{font-size:11px;color:#c7bdff;font-weight:700}.logout-link{cursor:pointer}.main-panel{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:83px;background:#fff;border-bottom:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:15px}.topbar-start{display:flex;align-items:center;gap:12px}.breadcrumb{font-size:12px;color:#a3adbd}.breadcrumb span{padding:0 11px;color:#c5cad6}.breadcrumb strong{color:#455069}.topbar-user{display:flex;gap:10px;align-items:center}.connection-dot{width:8px;height:8px;background:#31c596;border-radius:50%;box-shadow:0 0 0 4px #ecfbf5}.topbar-welcome{font-size:12px;color:#768198}.avatar{width:35px;height:35px;display:grid;place-items:center;background:#eeecff;color:#6d5de8;font-weight:700;border-radius:11px;margin-inline-start:6px}.menu-toggle{display:none;background:none;border:0;color:#4d5670;padding:3px}.main-content{padding:36px 35px 60px;max-width:1500px;width:100%;margin:0 auto;flex:1}.app-footer{display:flex;gap:10px;justify-content:space-between;padding:20px 35px;border-top:1px solid #edefef;font-size:10px;color:#9fa7b7}.dash-hero{min-height:260px;display:flex;align-items:center;justify-content:space-between;position:relative;border-radius:18px;padding:32px 45px;background:linear-gradient(112deg,#5e59df 5%,#6c61e7 48%,#8b78f0 100%);overflow:hidden;color:#fff}.dash-hero:before{content:'';position:absolute;width:500px;height:500px;border:1px solid #ffffff18;left:-150px;top:-200px;border-radius:50%;box-shadow:0 0 0 60px #ffffff06,0 0 0 150px #ffffff07}.dash-hero-content{position:relative;z-index:2}.dash-hero h1{font-size:26px;line-height:1.55;margin:11px 0 8px}.dash-hero h1 span{color:#edeaff}.dash-hero p{max-width:495px;font-size:12px;line-height:2;color:#e2dfff;margin-bottom:16px}.hero-orbit{width:240px;height:220px;display:grid;place-items:center;position:relative;margin-left:45px}.hero-orbit:before{content:'';position:absolute;width:215px;height:215px;border:1px dashed #ffffff75;border-radius:50%}.hero-orbit:after{content:'';position:absolute;width:170px;height:170px;border:1px solid #ffffff42;border-radius:50%}.orbit-center{background:#ffffff22;border:1px solid #ffffff7d;color:white;width:85px;height:85px;border-radius:23px;display:grid;place-items:center;transform:rotate(-10deg);box-shadow:0 13px 31px #33299922;z-index:1}.orb{position:absolute;font-size:25px;color:#d4f6ff}.orb-one{top:0;right:15px}.orb-two{bottom:20px;left:4px}.orb-three{top:30px;left:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:23px 0 35px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:19px 21px;box-shadow:var(--shadow)}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8691a6;font-weight:600;margin-bottom:11px}.stat-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center}.lilac{background:#efecff!important;color:#6c5deb!important}.mint{background:#e4f9f2!important;color:#27b189!important}.peach{background:#fff0e2!important;color:#d58d49!important}.sky{background:#e7f4ff!important;color:#3b91d3!important}.stat-card>strong{font-size:26px;line-height:1.4;display:block;color:#1e2b47}.stat-card strong.stat-text{font-size:20px}.stat-card small{display:block;font-size:10px;color:#9aa5b7;margin-top:5px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:32px 0 17px}.section-heading h2{font-size:18px;margin:0 0 3px}.section-heading h2 span{color:#7367f2}.section-heading p{font-size:11px;color:#98a3b5;margin:0}.minor-margin{margin-top:37px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-card{border:1px solid var(--border);background:#fff;border-radius:14px;padding:22px;transition:.2s;min-height:190px;position:relative;display:flex;flex-direction:column}.service-card:hover{transform:translateY(-3px);border-color:#d6cfff;box-shadow:0 13px 30px #6c5ad613}.service-icon{width:42px;height:42px;border-radius:12px}.service-card h3{font-size:14px;margin:14px 0 4px}.service-card p{font-size:11px;color:#94a0b4;line-height:1.9;margin:0}.service-card-bottom{margin-top:auto;padding-top:14px;display:flex;justify-content:space-between;align-items:center;color:#6b5ee5;font-size:11px;font-weight:700}.recent-row{min-height:74px;display:flex;align-items:center;gap:15px;padding:13px 20px;border-bottom:1px solid #f0f1f6}.recent-row:last-child{border:0}.recent-row:hover{background:#fcfcff}.recent-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#f0efff;color:#7164e9}.recent-title{flex:1;min-width:0}.recent-title strong,.recent-title small{display:block}.recent-title strong{font-size:12px}.recent-title small{font-size:10px;color:#9aa4b5;margin-top:2px}.recent-row>svg{color:#99a5b5}.empty-mini,.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:38px;color:#8f9bac}.empty-mini strong,.empty-state h3{color:#40506e;margin:10px 0 3px}.empty-mini p,.empty-state p{font-size:12px;color:#9aa5b7}.empty-state{padding:60px 10px}.empty-state .btn{margin-top:13px}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page-title h1{font-size:25px;line-height:1.4;margin:4px 0 5px}.page-title h1 span{color:#695be7}.page-title p{font-size:12px;color:#9aa3b5;margin:0}.page-title .overline{margin-bottom:1px}.title-actions{display:flex;align-items:center;gap:12px}.backlink{display:inline-block;font-size:11px;color:#695ae7;font-weight:700;margin-bottom:9px}
/* Editor and output */
.editor-container{max-width:1100px}.tool-selector{margin:0 0 18px}.micro-heading{display:block;font-size:12px;font-weight:700;color:#65718b;margin-bottom:10px}.tool-pills{display:flex;gap:9px;flex-wrap:wrap}.tool-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid #e3e6f0;background:#fff;border-radius:9px;font-size:11px;font-weight:600;color:#718099;transition:.2s}.tool-pill.selected,.tool-pill:hover{background:#efedff;border-color:#c5bffd;color:#6655df}.editor-card{background:#fff;border:1px solid #e8eaf3;border-radius:15px;overflow:hidden;box-shadow:var(--shadow)}.editor-card-head{padding:22px 25px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #eef0f6}.editor-heading-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#eeebff;color:#7162e5}.editor-card-head h2{font-size:15px;margin:0 0 4px}.editor-card-head p{color:#9da7b7;font-size:11px;margin:0}.editor-chip{margin-inline-start:auto;color:#6c5de4;background:#f1efff;padding:5px 11px;border-radius:22px;font-size:10px;font-weight:700}.editor-form{padding:25px}.editor-row{display:flex;gap:16px;margin-bottom:24px;align-items:end}.text-area-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 8px}.text-area-head .field-label{margin:0}.text-area-actions{display:flex;gap:13px;align-items:center}.small-action{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#7768dc;font-weight:700;font-size:11px;padding:4px 2px}.small-action:disabled{color:#b8bbcb;cursor:not-allowed}.editor-textarea{display:block;width:100%;min-height:325px;padding:20px;resize:vertical;border:1px solid #e0e5ef;border-radius:11px;outline:none;line-height:2.2;font-size:13px;color:#283451;background:#fdfdff}.text-area-footer{display:flex;justify-content:space-between;gap:12px;margin:10px 0 26px}.count-line{font-size:11px;color:#8290a6}.count-separator{padding:0 7px;color:#d1d5e0}.editor-form-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #eef0f5;padding-top:20px}.editor-info{display:flex;align-items:center;gap:9px;max-width:540px;color:#8b96a8;font-size:11px}.editor-info svg{color:#786be3}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare-card{background:#fff;border:1px solid #e6e9f1;border-radius:14px;min-width:0;overflow:hidden}.result-card{border-color:#d7d0ff}.compare-head{display:flex;align-items:center;justify-content:space-between;padding:17px 21px;border-bottom:1px solid #edf0f5;gap:10px;font-size:12px;font-weight:700}.compare-head>span{display:flex;align-items:center;gap:9px}.compare-head small{font-size:10px;color:#9da7b7}.result-card .compare-head{color:#6455dd;background:#fcfbff}.compare-actions{display:flex;gap:13px}.compare-body{padding:23px;white-space:pre-wrap;word-break:break-word;min-height:410px;max-height:70vh;overflow-y:auto;font-size:13px;line-height:2.15;color:#4d5972;text-align:start}.progress-panel{border:1px solid #dedbfa;background:#f6f4ff;padding:17px 21px;border-radius:13px;margin-bottom:19px}.progress-heading{display:flex;justify-content:space-between;align-items:center;color:#6053cc;font-size:12px;margin-bottom:11px}.progress-heading span:first-child{display:inline-flex;align-items:center;gap:8px}.progress-track{width:100%;height:7px;background:#e0dcf7;border-radius:20px;overflow:hidden}.progress-track>div{height:100%;background:linear-gradient(100deg,#6a58e7,#9787fb);border-radius:inherit;transition:width .3s}.progress-panel>p{font-size:11px;margin:8px 0 0}.document-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:10px}.document-bottom span{display:inline-flex;align-items:center;gap:7px;font-size:11px}
/* Settings */
.settings-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);gap:20px}.settings-main{display:flex;flex-direction:column;gap:19px}.card-heading{display:flex;align-items:center;gap:13px;margin-bottom:23px}.setting-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px}.card-heading h2{font-size:16px;margin:0 0 2px}.card-heading p{font-size:11px;color:#99a4b7;margin:0}.key-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px}.password-wrap{position:relative}.password-wrap .field{padding-left:70px}.reveal-secret{position:absolute;left:10px;top:50%;transform:translateY(-50%);background:#f1efff;border:0;color:#7365da;padding:5px 10px;font-size:10px;border-radius:6px}.help-card{display:flex;align-items:flex-start;gap:13px;background:#f6f5ff;border:1px solid #ebe8ff;border-radius:11px;padding:15px;margin:9px 0}.help-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#ebe7ff;color:#6e5ade;flex:none}.help-card strong{font-size:12px}.help-card p{font-size:11px;color:#8d97ab;margin:2px 0 6px}.help-card a{display:inline-flex;align-items:center;gap:6px;color:#6355d9;font-size:11px;font-weight:700}.remove-key-form{margin-top:12px;text-align:right}.google-connection{border:1px solid #edf0f4;border-radius:12px;padding:17px;margin-bottom:13px}.google-row{display:flex;align-items:center;gap:13px}.google-g{width:39px;height:39px;border:1px solid #e6e8f1;border-radius:11px;display:grid;place-items:center;font-weight:700;font-size:22px;color:#4285f4}.google-row>div{flex:1}.google-row strong{font-size:12px}.google-row p{color:#99a6b7;font-size:11px;margin:0}.google-actions{margin-top:18px}.profile-mini-card{border:1px solid #ebedf5;background:#fff;border-radius:14px;display:flex;flex-direction:column;align-items:center;padding:33px 22px}.profile-avatar{width:67px;height:67px;display:grid;place-items:center;background:linear-gradient(130deg,#7469ed,#9d8df9);color:#fff;font-size:29px;font-weight:700;border-radius:20px;box-shadow:0 10px 23px #6653cb22;margin-bottom:13px}.profile-mini-card strong{font-size:16px}.profile-mini-card>span:not(.profile-avatar){font-size:11px;color:#99a5b8;margin-top:1px;direction:ltr}.profile-id{font-size:10px;color:#8796a8;margin-top:20px;background:#f6f7fb;border:1px solid #ebecf2;padding:6px 13px;border-radius:30px}.aside-tip{background:#eff0ff;border:1px solid #e1e1f9;border-radius:14px;margin-top:18px;padding:22px}.side-tip-icon{display:grid;place-items:center;width:40px;height:40px;background:#e0defa;color:#695bd2;border-radius:11px;margin-bottom:11px}.aside-tip strong{font-size:13px}.aside-tip p{font-size:11px;color:#8590a8;margin:6px 0 0;line-height:2}
/* Billing */
.subscription-summary{background:linear-gradient(120deg,#23285f,#6254d3);color:#fff;border-radius:17px;padding:29px 33px;overflow:hidden;position:relative}.subscription-header{display:flex;justify-content:space-between;align-items:flex-start}.subscription-header h2{font-size:24px;margin:6px 0 4px}.subscription-header p{font-size:12px;color:#d6d3fa;margin:0}.sub-symbol{font-size:50px;color:#d1caff;line-height:1}.sub-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}.sub-metrics>div{border-left:1px solid #ffffff27;display:flex;flex-direction:column;gap:7px}.sub-metrics>div:last-child{border:0}.sub-metrics span{font-size:11px;color:#b6b8e5}.sub-metrics strong{font-size:19px}.sub-progress-row{margin-top:20px}.sub-progress-row>div:first-child{display:flex;justify-content:space-between;font-size:11px;margin-bottom:8px}.sub-progress-row .progress-track{background:#ffffff31}.sub-progress-row .progress-track>div{background:#83f0d7}.billing-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.billing-plan{border-radius:15px;padding:23px;background:#fff;border:1px solid var(--border);display:flex;flex-direction:column}.plan-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;color:#705ee9;background:#f0edff;margin-bottom:11px}.billing-plan h3{font-size:17px;margin:0 0 4px}.billing-plan>p{font-size:11px;color:#9da8ba;min-height:35px}.billing-price{font-size:20px;font-weight:700;margin:7px 0 17px}.billing-price small{font-size:11px;color:#9da8ba}.billing-plan ul{margin:0 0 20px;border-top:1px solid #f0f1f6;padding-top:10px}.billing-plan li{display:flex;align-items:center;gap:8px;font-size:12px;color:#728097;margin-top:10px}.billing-plan li svg{color:#24b88b}.billing-plan form{margin-top:auto}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.history-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #f0f1f6}.history-item:last-child{border:0}.history-item strong{font-size:12px;display:block}.history-item small{font-size:10px;color:#9ca7ba;display:block;margin-top:3px}.flex-stack{display:flex;align-items:flex-end;gap:4px;flex-direction:column}.plan-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.searchbar{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--border);border-radius:12px;padding:7px 8px 7px 17px;max-width:590px;margin:0 0 22px}.searchbar svg{margin-right:8px;color:#9aa5b6}.searchbar input{border:0;outline:0;flex:1;min-width:0;color:#34415a}.searchbar input::placeholder{color:#abb4c5}
/* Responsive */
@media(max-width:1100px){.sidebar{width:225px;flex-basis:225px}.main-content{padding:28px 24px 55px}.topbar{padding:0 24px}.hero-orbit{width:160px;margin-left:10px}.stats-grid{gap:11px}.stat-card{padding:15px}.service-grid{gap:12px}.settings-grid{grid-template-columns:1.7fr .85fr}.panel-card.padded{padding:21px}.landing-hero{gap:15px}.landing-copy h1{font-size:43px}}
@media(max-width:860px){.sidebar{position:fixed;right:0;top:0;bottom:0;transform:translateX(105%);transition:transform .2s ease;box-shadow:-12px 0 40px #0d153b22}.sidebar.open{transform:translateX(0)}.mobile-backdrop{position:fixed;inset:0;background:#17214366;z-index:20}.menu-toggle{display:inline-flex}.stats-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.settings-aside{display:grid;grid-template-columns:1fr 1fr;gap:17px}.aside-tip{margin:0}.landing-hero{grid-template-columns:1fr;min-height:auto;padding-top:65px;gap:0}.landing-copy{text-align:center;display:flex;flex-direction:column;align-items:center}.landing-copy p{max-width:600px}.hero-art{margin-top:20px;min-height:420px}.landing-tools{grid-template-columns:repeat(2,1fr)}.public-links{display:none}.landing-copy h1{font-size:49px}.billing-plans,.plan-admin-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:590px){.public-header{height:76px}.container{padding-left:18px;padding-right:18px}.public-header .brand{font-size:25px}.public-header .brand-icon{width:39px;height:39px}.header-actions{gap:10px}.header-actions .btn{font-size:11px;padding:8px 11px}.header-signin{font-size:11px}.landing-hero{padding-top:40px;padding-bottom:40px}.landing-copy h1{font-size:36px}.landing-copy p{font-size:13px}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}.hero-trust{justify-content:center}.hero-art{min-height:360px}.hero-art:before{width:260px;height:260px}.mockup-window{width:93%}.floating-a{right:0;top:2px}.floating-b{bottom:5px;left:0}.landing-stats-inner{grid-template-columns:1fr 1fr;gap:24px 0}.landing-stats-inner>div:nth-child(even){border:0}.landing-section{padding-top:65px;padding-bottom:60px}.section-intro h2{font-size:26px}.landing-tools,.public-plans{grid-template-columns:1fr}.banner-inner,.final-cta{flex-direction:column;align-items:flex-start}.banner-inner h2{font-size:25px}.final-cta{margin-bottom:50px}.final-cta h2{font-size:20px}.site-footer-inner{flex-direction:column}.auth-card{padding:28px 22px}.main-content{padding:21px 15px 44px}.topbar{height:67px;padding:0 16px}.topbar-welcome,.connection-dot{display:none}.breadcrumb{font-size:10px}.dash-hero{padding:26px 22px;min-height:auto}.dash-hero h1{font-size:22px}.dash-hero p{font-size:11px}.hero-orbit{display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:12px}.stat-card>strong{font-size:21px}.stat-top{font-size:10px}.stat-icon{width:31px;height:31px}.service-grid{grid-template-columns:1fr 1fr;gap:10px}.service-card{padding:15px;min-height:185px}.service-card h3{font-size:12px}.service-card p{font-size:10px}.service-icon{width:38px;height:38px}.section-heading h2{font-size:16px}.section-heading p{font-size:10px}.text-link{font-size:10px}.page-title{align-items:flex-start}.page-title h1{font-size:22px}.page-title>.btn{padding:8px 10px;font-size:10px}.editor-row{flex-wrap:wrap}.editor-row>.field-group:first-child{flex-basis:100%}.editor-card-head{padding:15px}.editor-chip{display:none}.editor-form{padding:15px}.editor-form-footer{flex-direction:column;align-items:stretch}.editor-textarea{min-height:290px}.compare-grid,.two-column{grid-template-columns:1fr}.compare-body{min-height:230px;max-height:450px}.settings-aside{grid-template-columns:1fr}.billing-plans,.plan-admin-grid{grid-template-columns:1fr}.sub-metrics{grid-template-columns:1fr 1fr}.sub-metrics>div:nth-child(even){border:0}.subscription-summary{padding:24px 20px}.title-actions{flex-direction:column;align-items:end}.recent-row{padding:12px;gap:9px}.recent-title strong{font-size:11px}.recent-row>.status-pill{font-size:9px}.app-footer{padding:15px;display:block}.app-footer span{display:block}.panel-card.padded{padding:19px}}
.pager{display:flex;align-items:center;justify-content:center;gap:13px;direction:rtl}.pager-link{border:1px solid #dfe3ef;background:#fff;color:#6c5bde;border-radius:9px;padding:7px 15px;font-size:12px;font-weight:700}.pager-link:hover{border-color:#afa6f0}.pager-link.disabled{opacity:.5;cursor:default;color:#98a3b4}.pager-label{font-size:11px;color:#7f8ba0}