:root{--bg:#f5f4f1;--surface:#fff;--ink:#17151f;--muted:#777381;--line:#e8e5eb;--purple:#6e49d8;--purple-dark:#5030aa;--purple-soft:#eee9ff;--orange:#f39b3a;--green:#2bb17d;--red:#d95454;--shadow:0 14px 35px rgba(36,26,56,.07);font-family:"Cairo","IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,Arial,sans-serif;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:15px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#17131f;color:#fff;padding:26px 18px;display:flex;flex-direction:column;z-index:20}.brand,.guest-brand{display:flex;align-items:center;gap:12px}.brand{padding:0 8px 28px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#8866ea,#5631bb);color:#fff;font-size:22px;font-weight:900;box-shadow:0 8px 20px rgba(110,73,216,.32)}.brand strong{font-size:19px}.brand small,.sidebar-user small{display:block;color:#9991a8;font-size:11px;margin-top:1px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{padding:12px 14px;border-radius:11px;color:#b8b2c3;display:flex;gap:12px;align-items:center;font-weight:700}.sidebar nav a span{width:22px;text-align:center;font-size:18px}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:linear-gradient(90deg,rgba(123,86,225,.3),rgba(123,86,225,.08))}.sidebar nav a.active{box-shadow:inset -3px 0 var(--purple)}.nav-label{color:#716a7d;font-size:10px;font-weight:800;padding:20px 14px 7px;letter-spacing:1px}.sidebar-user{margin-top:auto;border-top:1px solid #2a2432;padding:18px 7px 0;display:flex;align-items:center;gap:10px}.sidebar-user .avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#31263e;color:#cdbdff;font-weight:900}.sidebar-user div{min-width:0;flex:1}.sidebar-user strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sidebar-user button{border:0;background:transparent;color:#9991a8;font-size:21px;cursor:pointer}.main{padding:38px 42px;min-width:0}.mobile-header{display:none}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.page-header h1{font-size:31px;margin:5px 0 4px;letter-spacing:-.8px}.page-header p{color:var(--muted);margin:0;line-height:1.8}.hero-header{background:linear-gradient(125deg,#20152b,#38225c);color:#fff;border-radius:22px;padding:28px 32px;box-shadow:var(--shadow)}.hero-header p{color:#c2b8d0}.eyebrow{color:#8966e2;font-size:12px;font-weight:900}.hero-header .eyebrow{color:#c1aefa}.header-actions,.form-actions,.row-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:11px 17px;font-weight:800;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--purple);color:#fff;box-shadow:0 8px 18px rgba(110,73,216,.22)}.btn.primary:hover{background:var(--purple-dark)}.btn.ghost{background:#fff;border:1px solid var(--line);color:#45404d}.hero-header .btn.ghost{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.14);color:#fff}.btn.danger{background:#fff0f0;color:#b52b2b}.btn.small{padding:7px 11px;border-radius:8px;font-size:12px}.btn.wide{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.stats-grid.four{grid-template-columns:repeat(4,1fr)}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:20px;display:flex;gap:15px;align-items:center;box-shadow:var(--shadow)}.stat-card>span{width:47px;height:47px;border-radius:13px;display:grid;place-items:center;font-size:21px;font-weight:900}.stat-card.purple>span{background:var(--purple-soft);color:var(--purple)}.stat-card.orange>span{background:#fff1df;color:var(--orange)}.stat-card.green>span{background:#e4f8f0;color:var(--green)}.stat-card.red>span{background:#ffebeb;color:var(--red)}.stat-card small{color:var(--muted);display:block}.stat-card strong{font-size:25px;display:block;margin-top:2px}.content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.8fr);gap:18px;margin-top:20px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:22px;box-shadow:var(--shadow);margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.panel-head h2{font-size:17px;margin:0}.panel-head p,.panel-head a{margin:3px 0 0;color:var(--muted);font-size:12px}.panel-head a{color:var(--purple);font-weight:800}.script-row{display:grid;grid-template-columns:43px 1fr auto 20px;align-items:center;gap:12px;padding:13px 3px;border-top:1px solid #f0eef2}.script-row:first-of-type{border-top:0}.doc-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:10px;background:#f2edff;color:var(--purple);font-size:18px}.script-row strong,.table-panel td strong{display:block}.script-row small,.table-panel td small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.script-row time{font-size:11px;color:var(--muted)}.quick-panel>a{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #f0eef2}.quick-panel>a>span{width:37px;height:37px;border-radius:10px;background:#f2edff;color:var(--purple);display:grid;place-items:center;font-weight:900}.quick-panel small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.empty-state{text-align:center;padding:45px 20px}.empty-state>span{font-size:35px;color:var(--purple)}.empty-state h3{margin:10px 0 18px}.empty-mini{padding:30px;text-align:center;color:var(--muted)}.alert{padding:14px 17px;border-radius:12px;margin-bottom:18px;line-height:1.7}.alert ul{margin:5px 18px 0}.alert.success{background:#e7f8f0;color:#137751;border:1px solid #bfead8}.alert.danger{background:#fff0f0;color:#9b2f2f;border:1px solid #f3cccc}.search-bar{display:flex;gap:10px;margin-bottom:20px}.search-bar input{max-width:450px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.script-card,.plan-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.script-card-head,.script-card-actions,.script-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}.script-card h2{font-size:18px;margin:18px 0 8px}.script-card p{color:var(--muted);line-height:1.8;height:54px;overflow:hidden}.script-meta{font-size:11px;color:var(--muted);padding:14px 0;border-top:1px solid #f0eef2;margin-top:16px}.status{display:inline-block;padding:5px 9px;border-radius:20px;font-size:10px;font-weight:900;background:#eee;color:#666}.status.ready,.status.approved{background:#e4f8f0;color:#16845c}.status.draft,.status.pending{background:#fff2dd;color:#b56a11}.status.archived,.status.rejected{background:#f0eef2;color:#797380}.menu-dot{color:#aaa;letter-spacing:2px}.full{grid-column:1/-1}.editor-form fieldset{border:0;padding:0;margin:0 0 24px}.editor-form legend{font-size:17px;font-weight:900;margin-bottom:14px}.stack-form,.editor-form{display:flex;flex-direction:column;gap:17px}.stack-form label,.editor-form label,.plan-card label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#504b58}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.span-2{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #dcd8e1;background:#fff;border-radius:10px;padding:11px 13px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#8d6be9;box-shadow:0 0 0 3px rgba(110,73,216,.1)}input[readonly]{background:#f3f1f5;color:#777}.check{flex-direction:row!important;align-items:center;gap:9px!important}.check input{width:18px;height:18px}.script-editor{line-height:2.1;font-size:17px;resize:vertical;min-height:440px}.form-actions{justify-content:flex-end;border-top:1px solid var(--line);padding-top:18px}.readable-script{font-size:18px;line-height:2.2;white-space:normal}.scene-list>div:not(.panel-head){display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.scene-list>div>b{width:27px;height:27px;border-radius:8px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center}.scene-list span{display:block;flex:1}.scene-list small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.scene-list form{margin-top:18px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px;margin-bottom:22px}.plan-card{position:relative;padding:27px}.plan-card.featured{border:2px solid var(--purple);transform:translateY(-5px)}.plan-badge{position:absolute;top:-12px;right:22px;background:var(--purple);color:#fff;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:800}.plan-card h2{font-size:23px;margin:0 0 5px}.plan-card>p{color:var(--muted);min-height:45px}.price{display:flex;align-items:baseline;gap:7px;margin:20px 0}.price strong{font-size:35px}.price span{color:var(--muted);font-size:12px}.plan-card ul{list-style:none;padding:0;margin:0 0 20px;line-height:2.1;color:#504b58}.plan-card ul li::first-letter{color:var(--green)}.table-panel{overflow-x:auto}.table-panel table{width:100%;border-collapse:collapse;min-width:650px}.table-panel th{text-align:right;color:var(--muted);font-size:11px;padding:11px;border-bottom:1px solid var(--line)}.table-panel td{padding:13px 11px;border-bottom:1px solid #f0eef2;font-size:13px}.pagination{margin:16px 0}.pagination nav{display:flex;justify-content:center}.pagination svg{width:18px}.activity{display:flex;gap:11px;padding:12px 0;border-top:1px solid var(--line)}.activity>span{color:var(--purple);font-size:23px}.activity small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.count{min-width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--purple-soft);color:var(--purple);font-weight:900}.request-row{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding:14px 0}.request-row small{display:block;color:var(--muted);margin-top:4px}.request-row form{display:flex;gap:7px}.request-row input{width:145px;padding:8px}.guest-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#ede6ff,transparent 35%),radial-gradient(circle at 80% 80%,#ffe8cf,transparent 35%),#f7f5f1;padding:25px}.guest-brand{position:fixed;top:30px;right:35px;font-size:21px;gap:10px}.guest-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:36px;box-shadow:0 25px 70px rgba(54,39,74,.13)}.auth-heading{text-align:center;margin-bottom:26px}.auth-heading h1{margin:8px 0;font-size:28px}.auth-heading p,.form-foot{color:var(--muted)}.form-foot{text-align:center;margin:20px 0 0}.form-foot a{color:var(--purple);font-weight:800}.installer-body{background:#f3f1ed;min-height:100vh;padding:35px}.installer-shell{width:min(1150px,100%);margin:auto;display:grid;grid-template-columns:370px 1fr;background:#fff;min-height:calc(100vh - 70px);border-radius:24px;overflow:hidden;box-shadow:0 25px 80px rgba(45,32,57,.12)}.installer-intro{padding:42px;background:linear-gradient(160deg,#1d1725,#3c2756);color:#fff}.installer-intro .guest-brand{position:static;margin-bottom:70px}.installer-intro h1{font-size:34px;margin:10px 0}.installer-intro>p{color:#bfb5c9;line-height:1.8}.install-steps{list-style:none;padding:25px 0 0;margin:0}.install-steps li{display:flex;gap:13px;position:relative;padding-bottom:25px;color:#898193}.install-steps li::after{content:"";position:absolute;right:15px;top:32px;width:1px;height:25px;background:#44394d}.install-steps li:last-child::after{display:none}.install-steps b{width:31px;height:31px;border:1px solid #55485f;border-radius:50%;display:grid;place-items:center}.install-steps li.active{color:#fff}.install-steps li.active b{background:var(--purple);border-color:var(--purple)}.install-steps span{font-weight:800}.install-steps small{display:block;color:#8e8598;font-weight:400;margin-top:3px}.installer-form{padding:40px 48px;overflow:auto}.installer-form h2{margin-top:0}.requirements{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:26px}.requirements>div{background:#f7f5f8;border-radius:9px;padding:9px 10px;display:flex;justify-content:space-between;gap:7px;font-size:11px}.requirements b.ok{color:var(--green)}.requirements b.bad{color:var(--red)}.installer-form fieldset{border:0;border-top:1px solid var(--line);padding:22px 0 0;margin:0}.installer-form legend{font-size:17px;font-weight:900;padding-left:12px}.secure-note{text-align:center;color:var(--muted);font-size:11px}.installer-form .stack-form{gap:22px}
@media(max-width:1050px){.cards-grid{grid-template-columns:repeat(2,1fr)}.stats-grid.four{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.installer-shell{grid-template-columns:300px 1fr}.requirements{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;right:-280px;width:260px;transition:.25s}.sidebar.open{right:0}.main{padding:18px}.mobile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mobile-header button{border:0;background:#fff;border-radius:9px;padding:8px 12px}.page-header{align-items:flex-start;flex-direction:column}.hero-header{padding:23px}.stats-grid,.stats-grid.four,.cards-grid,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.script-row{grid-template-columns:40px 1fr 18px}.script-row time{display:none}.installer-body{padding:0}.installer-shell{display:block;border-radius:0;min-height:100vh}.installer-intro{padding:25px}.installer-intro .guest-brand{margin-bottom:25px}.install-steps{display:none}.installer-form{padding:28px 20px}.requirements{grid-template-columns:1fr}.request-row,.request-row form{align-items:stretch;flex-direction:column}.request-row input{width:100%}.guest-brand{position:static;margin-bottom:18px}.guest-body{display:flex;flex-direction:column}.guest-card{padding:27px}}
.subscription-hero{background:linear-gradient(125deg,#21162c,#43286b);color:#fff;border-radius:18px;padding:24px 28px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow)}.subscription-hero h2{font-size:26px;margin:10px 0 4px}.subscription-hero p{margin:0;color:#bcb0c9}.subscription-price{text-align:left}.subscription-price strong{font-size:31px}.subscription-price span{display:block;color:#bcaed0}.payment-details summary{list-style:none}.payment-details summary::-webkit-details-marker{display:none}.payment-form{border-top:1px solid var(--line);margin-top:14px;padding-top:15px;display:flex;flex-direction:column;gap:13px}.payment-instructions article{background:#f5f1ff;border:1px solid #e2d9ff;border-radius:10px;padding:12px}.payment-instructions strong,.payment-instructions span{display:block}.payment-instructions span{font-size:11px;color:#625a6a;margin-top:5px}.payment-instructions p{height:auto;margin:8px 0 0!important;color:#625a6a!important}.payment-review{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding:16px 0}.payment-review.pending{background:#fffaf1;margin-inline:-10px;padding-inline:10px}.payment-review-main{display:flex;gap:12px;align-items:flex-start}.payment-method-icon{width:39px;height:39px;border-radius:10px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center;font-weight:900}.payment-review-main small,.payment-review-main p{display:block;color:var(--muted);font-size:11px;margin:4px 0}.payment-review-actions{display:flex;gap:8px;align-items:center}.payment-review-actions form{display:grid;grid-template-columns:120px 120px 150px auto auto;gap:6px}.payment-review-actions input{padding:8px}.method-account{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f7f5f8;border-radius:10px;padding:10px}.method-account span{font-size:10px;color:var(--muted)}.method-account strong{display:block;color:var(--ink);font-size:12px;margin-top:3px}
@media(max-width:1000px){.payment-review{flex-direction:column}.payment-review-actions form{grid-template-columns:1fr 1fr}.payment-review-actions form input:nth-of-type(3){grid-column:1/-1}}
@media(max-width:760px){.subscription-hero{align-items:flex-start;flex-direction:column}.payment-review-actions,.payment-review-actions form{display:flex;align-items:stretch;flex-direction:column}.method-account{grid-template-columns:1fr}}
.migration-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.migration-summary article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;display:flex;align-items:center;gap:13px}.migration-summary article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:var(--purple-soft);color:var(--purple);font-weight:900}.migration-summary small,.migration-summary strong{display:block}.migration-summary small{color:var(--muted)}.migration-summary strong{font-size:22px}.migration-file{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;border-top:1px solid var(--line);padding:13px 0}.migration-file code{direction:ltr;text-align:left;color:#534b5c;font-size:12px}.migration-file b{font-size:10px;color:#ae6a0c;background:#fff2dc;border-radius:20px;padding:5px 9px}.safe-migration{background:#1c1722;color:#fff}.safe-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:13px;background:#352646;color:#b69ef4;font-size:23px}.safe-migration h2{margin-bottom:5px}.safe-migration ul{padding-right:19px;color:#b9afc0;line-height:2;font-size:12px}.safe-migration form{border-top:1px solid #37303e;padding-top:16px;display:flex;flex-direction:column;gap:12px}.safe-migration label{font-size:11px;color:#c8bdce;display:flex;flex-direction:column;gap:6px}.safe-migration input{background:#2a242f;border-color:#443a4c;color:#fff}.migration-output pre{direction:ltr;text-align:left;background:#161219;color:#b8e6c9;border-radius:12px;padding:15px;overflow:auto;font:12px/1.7 Consolas,monospace}
@media(max-width:760px){.migration-summary{grid-template-columns:1fr}}