:root{--ink:#10243e;--muted:#718096;--line:#e7edf4;--bg:#f4f7fb;--card:#fff;--brand:#087ea4;--brand2:#11a5b8;--nav:#0d2239;--green:#15966b;--amber:#dd8d13;--red:#d44b5e}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Cairo,Tajawal,system-ui,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{color:#dce7f2;z-index:20;background:linear-gradient(#0b1e34,#102b47);width:260px;height:100vh;padding:22px 14px;position:fixed;top:0;right:0;overflow-y:auto}.brand{align-items:center;gap:12px;padding:0 10px 20px;display:flex}.brand-mark{background:linear-gradient(135deg,#19bfd0,#087da7);border-radius:12px;place-items:center;width:38px;height:38px;font-size:21px;font-weight:900;display:grid}.brand b{letter-spacing:2px;font-size:22px}.brand small,.tenant-card small,.sidebar-footer small{color:#8ea7bd;font-size:10px;display:block}.tenant-card{background:#15314c;border:1px solid #25425d;border-radius:14px;align-items:center;gap:10px;margin-bottom:20px;padding:12px;display:flex}.avatar,.user-avatar{border-radius:50%;place-items:center;font-weight:800;display:grid}.avatar{background:#1d8aa2;width:34px;height:34px}.nav-group{color:#718da7;margin:18px 12px 6px;font-size:10px;font-weight:800}.sidebar nav button{color:#b9cada;text-align:right;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:10px 12px;font-size:13px;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#1c3a57}.sidebar nav button.active{box-shadow:inset -3px 0 #22bbca}.sidebar nav button span{text-align:center;width:20px}.sidebar nav button em{color:#fff;background:#d75a59;border-radius:99px;margin-right:auto;padding:1px 7px;font-size:10px;font-style:normal}.sidebar-footer{border-top:1px solid #29445e;margin-top:25px;padding:18px 12px;font-size:11px}.status-dot{background:#34d399;border-radius:50%;width:8px;height:8px;margin-left:7px;display:inline-block;box-shadow:0 0 0 4px #34d39920}.workspace{width:calc(100% - 260px);min-height:100vh;margin-right:260px}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex;position:sticky;top:0}.crumb{align-items:center;gap:8px;display:flex}.crumb small{color:var(--muted)}.top-actions{align-items:center;gap:9px;display:flex}.top-actions select,.filters select,.filters input{border:1px solid var(--line);color:var(--ink);background:#f9fbfd;border-radius:9px;padding:9px 12px}.icon-btn,.mobile-menu{border:1px solid var(--line);background:#fff;border-radius:10px;width:36px;height:36px}.user-avatar{color:#087d8d;background:#dff5f5;width:37px;height:37px;font-size:12px}.mobile-menu{display:none}.page{max-width:1500px;margin:auto;padding:28px}.page-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-head h1{margin:0 0 5px;font-size:25px}.page-head p{color:var(--muted);margin:0;font-size:13px}.page-actions{gap:9px;display:flex}.primary,.secondary{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:9px;padding:9px 15px;font-size:12px;font-weight:700}.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff}.secondary{border-color:var(--line);color:#36506c;background:#fff}.full{width:100%}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.metric,.panel,.product-card,.integration-card,.store-card{background:var(--card);border:1px solid var(--line);border-radius:15px;box-shadow:0 4px 14px #17324a09}.metric{padding:18px;position:relative}.metric small{color:var(--muted);font-size:11px;display:block}.metric strong{margin:8px 0 4px;font-size:24px;display:block}.metric span{color:var(--green);font-size:10px}.metric-icon{color:#098596;background:#e7f8f9;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:16px;left:16px}.metric-icon.amber{color:#c67908;background:#fff5e2}.metric-icon.green{color:#16835f;background:#e9f9f1}.metric-icon.blue{color:#3274d8;background:#eaf2ff}.two-col{grid-template-columns:1.45fr 1fr;gap:16px;margin-top:16px;display:grid}.panel{margin-top:16px;padding:20px}.two-col .panel{margin-top:0}.panel h2{margin:0 0 18px;font-size:15px}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-head span{color:var(--muted);font-size:10px}.bars{align-items:flex-end;gap:12px;height:230px;padding:25px 10px 0;display:flex}.bars>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;height:100%;display:flex}.bars span{background:linear-gradient(#16a5bb,#9ddde2);border-radius:5px 5px 2px 2px;width:70%}.bars small{color:var(--muted)}.progress-row{align-items:center;gap:10px;margin:18px 0;font-size:11px;display:flex}.progress-row>span{width:100px}.progress-row>div{background:#edf2f6;border-radius:10px;flex:1;height:7px;overflow:hidden}.progress-row i{background:linear-gradient(90deg,#0b839e,#21b9bd);border-radius:10px;height:100%;display:block}.progress-row b{font-size:10px}.timeline{justify-content:space-around;gap:20px;display:flex}.timeline>div{flex:1;gap:10px;display:flex}.timeline>div>b{background:#eef2f6;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.timeline .done>b{color:#10875f;background:#dff8ed}.timeline .active>b{color:#087f96;background:#e3f5f8}.timeline p{margin:0}.timeline p strong,.timeline p small{display:block}.timeline p strong{font-size:12px}.timeline p small{color:var(--muted);margin-top:4px;font-size:10px}.pill{color:#3270bd;background:#e8f2ff;border-radius:99px;padding:4px 9px;font-size:9px;font-weight:800;display:inline-block}.pill.green{color:#13815d;background:#e8f8f0}.pill.amber{color:#b66f08;background:#fff3dc}.table-panel{padding:0;overflow:auto}.filters{border-bottom:1px solid var(--line);gap:10px;padding:16px;display:flex}.filters input{flex:1}table{border-collapse:collapse;width:100%;font-size:11px}th,td{text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;padding:14px 16px}th{color:var(--muted);background:#fbfcfe;font-size:10px}.source{border:1px solid var(--line);border-radius:6px;padding:4px 7px;font-size:9px;font-weight:800}.danger{color:var(--red);font-weight:700}.product-grid,.integration-grid,.store-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.product-card{overflow:hidden}.product-art{background:radial-gradient(circle at 40% 35%,#fff 0,#d8f3f6 30%,#8ed2df 100%);place-items:center;height:140px;font-size:50px;display:grid}.product-card>div:last-child{padding:14px}.product-card h3{margin:10px 0 2px;font-size:13px}.product-card small{color:var(--muted);font-size:9px}.product-foot{justify-content:space-between;margin-top:15px;display:flex}.product-foot span{color:var(--muted);font-size:9px}.donut{place-items:center;height:180px;display:grid}.donut:before{content:"";background:conic-gradient(#12a0af 0 93%,#e8eef3 93%);border-radius:50%;width:130px;height:130px;position:absolute}.donut div{z-index:1;background:#fff;border-radius:50%;align-content:center;place-items:center;width:90px;height:90px;display:grid}.donut b{font-size:22px}.donut small{color:var(--muted)}.account-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 0;font-size:11px;display:flex}.callout,.notice{background:#edfafd;border:1px solid #bce9ed;border-radius:10px;margin:16px;padding:14px;font-size:11px}.notice{flex-direction:column;gap:4px;margin:0 0 18px;display:flex}.notice.violet{background:#f4f0ff;border-color:#dfd4ff}.notice span{color:var(--muted)}.integration-card,.store-card{padding:17px}.provider,.store-logo{color:#fff;background:#193c59;border-radius:10px;place-items:center;width:38px;height:38px;margin-bottom:12px;font-weight:900;display:grid}.provider.zid{background:#6b42d9}.provider.woocommerce{background:#96588a}.provider.ai{background:linear-gradient(135deg,#6c4ddd,#13a6b2)}.integration-title h3,.store-card h3,.integration-card h3{margin:0;font-size:13px}.integration-title span,.store-card a{color:var(--muted);font-size:10px}.integration-card>.pill{float:left;margin-top:-37px}.integration-card p,.store-card p{min-height:34px;color:var(--muted);font-size:10px;line-height:1.7}.integration-card dl{font-size:10px}.integration-card dl div{justify-content:space-between;margin:8px 0;display:flex}.integration-card dt{color:var(--muted)}.store-logo{color:#138393;background:#e2f5f5;border-radius:50%}.empty-rich{text-align:center}.empty-rich>div:first-child{font-size:45px}.empty-rich p{color:var(--muted)}.metric-grid.mini span{background:#f7fafc;border-radius:10px;padding:14px}.metric-grid.mini b,.metric-grid.mini small{display:block}.panel label{margin-bottom:12px;font-size:11px;display:block}.panel label input,.panel label textarea{border:1px solid var(--line);width:100%;font:inherit;border-radius:8px;margin-top:5px;padding:10px;display:block}.editor-tools{gap:5px;display:flex}.editor-tools button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px 10px}.editor{border:1px solid var(--line);height:140px;color:var(--muted);margin-top:8px;padding:12px;font-size:11px}.check{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:11px;font-size:11px;display:flex}.check b{background:#eef2f6;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.check.done b{color:#12815d;background:#def7ea}.upload-zone{background:#f7fcfd;border:2px dashed #b9d6df;border-radius:15px;align-content:center;place-items:center;gap:8px;height:190px;display:grid}.upload-zone span{color:var(--muted);font-size:10px}.media-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:16px;display:grid}.media-grid article{border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px}.media-placeholder{background:linear-gradient(135deg,#e5f8fa,#b7e0e6);border-radius:8px;place-items:center;height:95px;font-size:30px;display:grid}.media-grid b,.media-grid small{margin-top:7px;font-size:10px;display:block}.media-grid small{color:var(--muted)}.toast{color:#fff;z-index:50;background:#13334c;border-radius:10px;padding:12px 18px;font-size:11px;position:fixed;top:20px;left:25px;box-shadow:0 12px 30px #10243e40}.skeleton{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.skeleton span{background:linear-gradient(90deg,#edf1f5,#fff,#edf1f5) 0 0/200%;border-radius:15px;height:130px;animation:1.2s infinite shimmer}.error-state{text-align:center;background:#fff;border-radius:15px;padding:80px}.error-state p{color:var(--muted)}@keyframes shimmer{to{background-position:-200%}}@media (max-width:1100px){.metric-grid,.product-grid,.integration-grid,.store-grid{grid-template-columns:repeat(2,1fr)}.media-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.sidebar{transition:all .2s;transform:translate(100%)}.sidebar.open{transform:none}.workspace{width:100%;margin-right:0}.mobile-menu{display:block}.topbar{padding:0 14px}.crumb small,.top-actions .icon-btn{display:none}.page{padding:18px 12px}.page-head{align-items:flex-start;gap:15px}.page-head p{max-width:220px}.page-actions .secondary{display:none}.metric-grid,.product-grid,.integration-grid,.store-grid,.two-col{grid-template-columns:1fr}.timeline{flex-direction:column}.media-grid{grid-template-columns:repeat(2,1fr)}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.top-actions select{width:130px}.metric strong{font-size:21px}}.upload-zone{height:auto;min-height:230px;padding:22px}.upload-zone span{text-align:center}.upload-zone input{border:1px solid var(--line);width:min(520px,95%);font:inherit;background:#fff;border-radius:9px;padding:9px;font-size:11px}.media-placeholder{overflow:hidden}.media-placeholder img{object-fit:cover;width:100%;height:100%}
.login-page{background:#f4f8fa;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-brand{color:#fff;background:linear-gradient(145deg,#0c263d,#0b6674);flex-direction:column;justify-content:center;padding:12%;display:flex}.login-brand>div{align-items:center;gap:12px;display:flex}.login-brand>div span,.login-logo{color:#fff;background:linear-gradient(135deg,#1cc2c8,#0b829d);border-radius:13px;place-items:center;width:46px;height:46px;font-size:23px;font-weight:900;display:grid}.login-brand>div b{letter-spacing:3px;font-size:25px}.login-brand h1{margin:70px 0 15px;font-size:48px;line-height:1.35}.login-brand p{color:#b8d7dc}.login-card{background:#fff;border:1px solid #e3ecef;border-radius:18px;width:min(440px,84%);margin:auto;padding:38px;box-shadow:0 25px 60px #153e5020}.login-card h2{margin:18px 0 4px;font-size:24px}.login-card>p,.login-card>small{color:#71838b;font-size:11px}.login-card label{margin:16px 0;font-size:11px;font-weight:700;display:block}.login-card input{width:100%;font:inherit;border:1px solid #dce7eb;border-radius:9px;margin-top:6px;padding:11px}.login-card button{width:100%;margin-top:12px}.login-card>small{text-align:center;margin-top:15px;display:block}.login-error{color:#a83d4b;background:#fff0f1;border:1px solid #ffd4d8;border-radius:8px;margin-top:14px;padding:10px;font-size:11px}@media (max-width:750px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-card{margin:55px auto}}
.table-action{border:1px solid var(--line);color:var(--brand);font:inherit;cursor:pointer;background:#fff;border-radius:7px;padding:5px 9px;font-size:10px}.table-action:disabled{opacity:.4;cursor:not-allowed}.panel-title{padding:18px 20px 0}.panel-title h2{margin-bottom:4px}.panel-title p,.muted{color:var(--muted);font-size:10px}.migration-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.migration-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:18px}.migration-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.migration-head h3{margin:4px 0;font-size:17px}.migration-head a{color:var(--brand);font-size:11px}.migration-head small{color:var(--muted)}.readiness{align-items:center;gap:10px;margin:18px 0;display:flex}.readiness>div{background:#edf2f7;border-radius:20px;flex:1;height:7px;overflow:hidden}.readiness i{background:linear-gradient(90deg,var(--brand),#31c7b5);height:100%;display:block}.migration-card dl{grid-template-columns:1fr 1fr;gap:9px;margin:0 0 14px;display:grid}.migration-card dl div{background:#f8fafc;border-radius:8px;padding:8px}.migration-card dt{color:var(--muted);font-size:9px}.migration-card dd{margin:3px 0 0;font-size:10px;font-weight:700}.migration-actions,.approvals{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.migration-actions button,.approvals button{padding:7px 9px;font-size:9px}.approvals small{width:100%;color:var(--muted)}.checks{border-top:1px solid var(--line);margin-top:12px;padding-top:8px}.checks>div{justify-content:space-between;align-items:center;padding:5px 0;font-size:9px;display:flex}@media (max-width:1050px){.migration-grid{grid-template-columns:1fr 1fr}}@media (max-width:700px){.migration-grid{grid-template-columns:1fr}}