/* قسم زهراء المزيدي v3 — clean professional theme */
:root{--hub-bg:#f5f7fb;--hub-surface:#fff;--hub-surface2:#eef2f8;--hub-text:#172033;--hub-muted:#6f7c90;--hub-line:#dfe5ee;--hub-accent:#3658d4;--hub-accent2:#6d4fe0;--hub-radius:18px;--hub-shadow:0 12px 34px rgba(26,39,67,.07)}html[data-hub-mode=dark]{--hub-bg:#0d1422;--hub-surface:#151e2e;--hub-surface2:#1d293d;--hub-text:#edf2f8;--hub-muted:#9aa8bb;--hub-line:#2a3a52;--hub-shadow:0 16px 45px rgba(0,0,0,.25)}*{box-sizing:border-box}html,body{background:var(--hub-bg)!important;color:var(--hub-text)!important;font-family:"Segoe UI",Tahoma,Arial,sans-serif!important}body{overflow-x:hidden!important}.side{background:linear-gradient(180deg,#111b2d,#0d1524)!important;border:0!important;box-shadow:10px 0 35px rgba(12,22,39,.08);z-index:40}.brand{padding:18px 12px 25px!important;color:#fff}.brand span{color:#8fa9ff!important}.nav button{color:#b9c4d4!important;border-right:3px solid transparent!important;border-radius:12px!important;padding:12px 13px!important;margin:4px 0!important;transition:.16s ease!important}.nav button:hover{background:#ffffff0d!important;color:#fff!important;border-right-color:#7894ff!important}.nav button.active{background:linear-gradient(90deg,#ffffff14,#ffffff08)!important;color:#fff!important;border-right-color:#7894ff!important}.main{max-width:1550px!important;padding:30px!important;background:radial-gradient(700px 300px at 95% 0,#3658d410,transparent 65%)!important}.top{align-items:center!important;margin-bottom:18px}.eyebrow{color:var(--hub-accent)!important;font-weight:800!important}.title{font-weight:800!important;letter-spacing:-.03em!important;color:var(--hub-text)!important}.subtitle,.muted,.meta,.stat span{color:var(--hub-muted)!important}.actions{align-items:center!important}.btn{min-height:44px!important;padding:10px 16px!important;border:1px solid var(--hub-line)!important;border-radius:12px!important;background:var(--hub-surface)!important;color:var(--hub-text)!important;box-shadow:none!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap!important}.btn.primary{background:linear-gradient(135deg,var(--hub-accent),var(--hub-accent2))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 18px #3658d426!important}.btn:hover{transform:translateY(-1px)!important}.hero,.stat,.panel,.file,.notice,.task,.empty{background:var(--hub-surface)!important;color:var(--hub-text)!important;border:1px solid var(--hub-line)!important;border-radius:var(--hub-radius)!important;box-shadow:var(--hub-shadow)!important}.hero{background:linear-gradient(135deg,var(--hub-surface),var(--hub-surface2))!important}.stat{min-height:120px!important}.files{gap:16px!important}.file:hover,.task:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(20,34,60,.11)!important}.fileicon{background:#3658d414!important;color:var(--hub-accent)!important}.folder{background:var(--hub-surface)!important;color:var(--hub-text)!important;border:1px solid var(--hub-line)!important}.folder.active{background:#3658d414!important;border-color:#3658d44d!important;color:var(--hub-accent)!important}.search,.field input,.field textarea,.field select{background:var(--hub-surface)!important;color:var(--hub-text)!important;border:1px solid var(--hub-line)!important;border-radius:12px!important}.field input:focus,.field textarea:focus,.field select:focus{outline:none!important;border-color:var(--hub-accent)!important;box-shadow:0 0 0 3px #3658d41c!important}.modal{background:#08111dcc!important;backdrop-filter:blur(10px)!important}.modalbox{background:var(--hub-surface)!important;color:var(--hub-text)!important;border:1px solid var(--hub-line)!important;border-radius:24px!important;box-shadow:0 35px 90px #0005!important}.close{background:var(--hub-surface2)!important;color:var(--hub-text)!important}.tabs{background:var(--hub-surface2)!important;border:1px solid var(--hub-line)!important}.tabs button.active{background:var(--hub-surface)!important;color:var(--hub-accent)!important}.pill,.role,.chip{background:var(--hub-surface2)!important;color:var(--hub-muted)!important}.hub-custom{margin:20px 0;padding:24px;border-radius:22px;background:var(--hub-surface);border:1px solid var(--hub-line);box-shadow:var(--hub-shadow)}.hub-custom h2{margin:0 0 5px}.hub-custom p{color:var(--hub-muted);margin:0}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.hub-option{border:1px solid var(--hub-line);background:var(--hub-surface2);color:var(--hub-text);border-radius:14px;padding:15px;text-align:right;cursor:pointer}.hub-option.active{outline:2px solid var(--hub-accent);outline-offset:1px}.hub-swatch{height:34px;border-radius:10px;margin-bottom:10px}.hub-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.hub-color{border:1px solid var(--hub-line);background:var(--hub-surface2);color:var(--hub-text);border-radius:11px;padding:9px 12px;display:flex;gap:8px;align-items:center}.hub-color i{width:14px;height:14px;border-radius:50%}.hub-widget-list,.hub-nav-list{display:grid;gap:8px;margin-top:12px}.hub-check,.hub-nav-item{display:flex;align-items:center;gap:10px;padding:11px 13px;background:var(--hub-surface2);border:1px solid var(--hub-line);border-radius:12px}.hub-nav-item{cursor:grab}.hub-nav-item.dragging{opacity:.45}.hub-save{margin-top:18px}.hub-tutorial{position:fixed;inset:0;z-index:2000;background:#07101dcc;backdrop-filter:blur(10px);display:grid;place-items:center;padding:18px}.hub-tutorial-card{width:min(620px,100%);background:var(--hub-surface);color:var(--hub-text);border:1px solid var(--hub-line);border-radius:24px;padding:28px;box-shadow:0 35px 100px #0006}.hub-tutorial-card h2{margin:5px 0 8px}.hub-tutorial-card p{color:var(--hub-muted);line-height:1.9}.hub-tutorial-actions{display:flex;gap:8px;margin-top:22px}.hub-dotbar{display:flex;gap:6px;margin-top:20px}.hub-dotbar i{height:5px;flex:1;background:var(--hub-line);border-radius:99px}.hub-dotbar i.on{background:var(--hub-accent)}@media(max-width:720px){.side{position:fixed!important;top:0!important;bottom:auto!important;right:0!important;left:0!important;width:100%!important;height:auto!important;padding:8px!important;border-radius:0 0 18px 18px!important}.brand,.userbox,.nav-title{display:none!important}.nav{display:flex!important;overflow-x:auto!important;gap:5px!important}.nav button{min-width:max-content!important;margin:0!important;border:0!important;border-bottom:3px solid transparent!important;text-align:center!important;padding:10px 12px!important}.nav button.active{border-bottom-color:#7894ff!important}.main{padding:88px 14px 22px!important}.top{display:block!important}.actions{margin-top:12px!important}.actions .btn{max-width:100%!important}.stats{grid-template-columns:repeat(2,1fr)!important}.files{grid-template-columns:1fr!important}.hub-grid{grid-template-columns:1fr!important}}@media(max-width:430px){.stats{grid-template-columns:1fr!important}.btn{white-space:normal!important}.main{padding-inline:12px!important}}