/* قسم زهراء المزيدي final visual layer — deliberately loaded as a normal static asset. */
:root{--hub-bg:#06101f;--hub-surface:#101b2b;--hub-surface2:#18263a;--hub-text:#f2f5fa;--hub-muted:#9aa9bc;--hub-line:#2a3a50;--hub-accent:#e2ad32;--hub-accent2:#f2cf73;--hub-side:#07101d;--hub-radius:18px;--hub-blue:#315fae;--hub-purple:#4a337e;--hub-green:#1e6a55;--hub-red:#8c3039}
html,html[data-hub-mode="dark"]{--hub-bg:#06101f;--hub-surface:#101b2b;--hub-surface2:#18263a;--hub-text:#f2f5fa;--hub-muted:#9aa9bc;--hub-line:#2a3a50;--hub-accent:#e2ad32;--hub-accent2:#f2cf73;--hub-side:#07101d}
*{box-sizing:border-box}html{background:var(--hub-bg)!important}body{margin:0;background:var(--hub-bg)!important;color:var(--hub-text)!important;font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;line-height:1.6!important}.shell{min-height:100vh;background:var(--hub-bg)!important}.side{background:linear-gradient(180deg,#071323 0%,#040b15 100%)!important;border:0!important;border-left:1px solid #24354a!important;box-shadow:-12px 0 40px rgba(0,0,0,.22)!important}.brand{color:#fff!important;font-weight:800!important}.brand span{color:var(--hub-accent)!important}.nav button{color:#c8d2df!important;border-radius:12px!important;margin:3px 8px!important;transition:.18s ease!important}.nav button:hover{background:#132238!important;color:#fff!important}.nav button.active{background:linear-gradient(90deg,#15263b,#101c2d)!important;color:#fff!important;border-right:3px solid var(--hub-accent)!important;box-shadow:inset 0 0 0 1px rgba(226,173,50,.12)!important}.main{background:var(--hub-bg)!important}.top{border-bottom:1px solid rgba(70,88,112,.35)!important}.title,h1,h2,h3,h4,.sectionhead,.fname,.stat b{color:var(--hub-text)!important}.subtitle,.muted,.meta,.stat span{color:var(--hub-muted)!important}.eyebrow{color:var(--hub-accent)!important;font-weight:700!important}.hero,.stat,.panel,.file,.notice,.task,.empty,.page-card{background:linear-gradient(145deg,#111d2e,#0d1828)!important;color:var(--hub-text)!important;border:1px solid #2b3b50!important;border-radius:18px!important;box-shadow:0 14px 35px rgba(0,0,0,.18)!important}.hero{position:relative!important;overflow:hidden!important}.hero:after{content:"";position:absolute;inset:auto -80px -120px auto;width:300px;height:220px;background:radial-gradient(circle,rgba(226,173,50,.13),transparent 68%);pointer-events:none}.btn{background:#101d2e!important;color:#f4f7fb!important;border:1px solid #31445d!important;border-radius:12px!important;min-height:44px!important;padding:9px 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;line-height:1.2!important}.btn:hover{border-color:#526a88!important;transform:translateY(-1px)!important}.btn.primary{background:linear-gradient(135deg,#e0a92c,#f0c65c)!important;border-color:#e0a92c!important;color:#101827!important;font-weight:800!important;box-shadow:0 8px 20px rgba(226,173,50,.18)!important}.actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}.folder,.pill,.role,.chip,.tabs{background:#17253a!important;color:var(--hub-text)!important;border-color:#2d415b!important}.folder.active,.tabs button.active{background:rgba(226,173,50,.12)!important;color:var(--hub-accent2)!important;border-color:var(--hub-accent)!important}.search,.field input,.field textarea,.field select{background:#0e1929!important;color:var(--hub-text)!important;border-color:#2b3e57!important;border-radius:11px!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 rgba(226,173,50,.12)!important}.file{min-width:0!important;overflow:hidden!important}.fname{overflow-wrap:anywhere!important}.fileicon{background:#1b2b43!important;color:var(--hub-accent2)!important}.badge,.dot{background:var(--hub-accent)!important;color:#101827!important}.notice.unread,.notice.important{border-right-color:var(--hub-accent)!important;background:rgba(226,173,50,.055)!important}.stat{position:relative!important;overflow:hidden!important}.stat:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:var(--hub-accent);opacity:.75}.hub-settings-card{margin:18px 0;padding:22px;border:1px solid var(--hub-line);border-radius:20px;background:var(--hub-surface);box-shadow:0 10px 30px rgba(0,0,0,.16)}.hub-setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--hub-line)}.hub-setting-row:last-child{border-bottom:0}.hub-options{display:flex;gap:7px;flex-wrap:wrap}.hub-option{border:1px solid var(--hub-line);background:var(--hub-surface2);color:var(--hub-text);border-radius:10px;padding:8px 12px;cursor:pointer}.hub-option.active{background:var(--hub-accent);color:#101827;border-color:var(--hub-accent)}
/* Reference dashboard composition */
.stats{gap:16px!important}.stats .stat:nth-child(1) .stat-icon{background:#5a4717!important}.stats .stat:nth-child(2) .stat-icon{background:#203b87!important}.stats .stat:nth-child(3) .stat-icon{background:#3d286b!important}.stats .stat:nth-child(4) .stat-icon{background:#5a4717!important}.sectionhead{font-weight:800!important}.page-card,.panel{backdrop-filter:blur(8px)!important}.side .userbox{border-bottom:1px solid #24354a!important}.side .userbox strong{color:#fff!important}.side .userbox small{color:#93a3b7!important}.top .iconbtn,.top button{background:#101d2e!important;color:#fff!important;border:1px solid #2b3d55!important;border-radius:11px!important}.footer{color:#6f7f92!important}
/* mobile: keep the professional dark language while making the sidebar usable */
@media(max-width:720px){.side{position:fixed!important;top:0!important;right:0!important;left:auto!important;bottom:0!important;width:76px!important;height:100vh!important;padding:12px 7px!important;z-index:30!important}.brand,.userbox,.nav-title{display:none!important}.nav{display:flex!important;flex-direction:column!important;gap:4px!important;overflow:visible!important}.nav button{width:100%!important;min-width:0!important;font-size:0!important;text-align:center!important;padding:12px 3px!important;border:0!important}.nav button.active{border-right:3px solid var(--hub-accent)!important}.main{padding:20px 18px 30px 92px!important}.top{display:block!important}.actions{margin-top:12px!important}.files{grid-template-columns:1fr!important}.stats{grid-template-columns:1fr 1fr!important}.search{width:100%!important}.hero,.panel,.page-card,.stat{border-radius:18px!important}.hero{padding:22px!important}.title,h1{font-size:clamp(24px,7vw,34px)!important}.subtitle{font-size:15px!important}.btn{min-height:46px!important}.folder,.file{border-radius:15px!important}}