@import "https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;700;900&family=IBM+Plex+Sans+Arabic:wght@300;400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";
:root{--ink:#0a0b0d;--ink2:#0f1116;--ink3:#151821;--paper:#fff;--paper2:#f3f3f1;--blue:#3d7bff;--blue2:#6ea0ff;--bluedeep:#1c49c0;--txt-d:#edf0f6;--mut-d:#98a1b3;--mut-l:#5b616e;--line-l:#ffffff1a;--fd:"Noto Kufi Arabic", sans-serif;--fb:"IBM Plex Sans Arabic", sans-serif;--fm:"IBM Plex Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--fb);background:var(--ink);color:var(--txt-d);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:15px;line-height:1.6}.admin-layout{min-height:100vh;display:flex}.sidebar{background:var(--ink2);border-inline-end:1px solid var(--line-l);flex-direction:column;flex-shrink:0;width:260px;padding:24px;display:flex}.logo-brand{align-items:center;gap:12px;margin-bottom:40px;display:flex}.logo-brand svg{width:32px;height:32px}.logo-brand b{font-family:var(--fd);color:#fff;font-size:1.2rem;font-weight:900;display:block}.logo-brand span{font-family:var(--fm);letter-spacing:.35em;color:var(--blue2);direction:ltr;font-size:.55rem;display:block}.nav-section-title{font-family:var(--fm);letter-spacing:.2em;color:var(--mut-d);direction:ltr;margin-bottom:12px;font-size:.6rem}.sidebar-nav{flex-direction:column;gap:6px;margin-bottom:30px;display:flex}.sidebar-nav a{color:var(--mut-d);border-radius:4px;align-items:center;gap:12px;padding:10px 14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav a.active,.sidebar-nav a:hover{color:var(--blue2);background:#3d7bff1f}.sidebar-footer{border-top:1px solid var(--line-l);color:var(--mut-d);margin-top:auto;padding-top:20px;font-size:.8rem}.main-content{flex-direction:column;flex:1;min-width:0;display:flex}.top-bar{border-bottom:1px solid var(--line-l);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f111699;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex}.page-title h1{font-family:var(--fd);color:#fff;font-size:1.25rem;font-weight:700}.page-title span{color:var(--mut-d);font-size:.8rem}.user-profile{align-items:center;gap:14px;display:flex}.live-indicator{font-family:var(--fm);color:var(--blue2);border:1px solid #6ea0ff4d;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:.65rem;display:flex}.live-dot{background:var(--blue);width:6px;height:6px;box-shadow:0 0 8px var(--blue);border-radius:50%}.avatar{background:var(--ink3);border:1px solid var(--blue);width:38px;height:38px;font-family:var(--fd);color:var(--blue2);border-radius:50%;place-items:center;font-weight:700;display:grid}.dashboard-container{flex-direction:column;gap:28px;padding:32px;display:flex}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.metric-card{background:var(--ink2);border:1px solid var(--line-l);border-radius:4px;padding:20px;position:relative}.metric-card .label{font-family:var(--fm);letter-spacing:.15em;color:var(--mut-d);direction:ltr;margin-bottom:8px;font-size:.65rem}.metric-card .val{font-family:var(--fd);color:#fff;font-size:2rem;font-weight:900;line-height:1}.metric-card .sub{color:var(--blue2);margin-top:8px;font-size:.78rem}.dashboard-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}.panel{background:var(--ink2);border:1px solid var(--line-l);border-radius:4px;overflow:hidden}.panel-head{border-bottom:1px solid var(--line-l);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.panel-head h3{font-family:var(--fd);color:#fff;font-size:1rem;font-weight:700}.data-table{border-collapse:collapse;width:100%}.data-table th{font-family:var(--fm);letter-spacing:.15em;color:var(--mut-d);text-align:right;border-bottom:1px solid var(--line-l);padding:14px 24px;font-size:.65rem}.data-table td{border-bottom:1px solid #ffffff0d;padding:16px 24px;font-size:.88rem}.data-table tr:hover td{background:#ffffff05}.badge{font-family:var(--fm);letter-spacing:.08em;direction:ltr;border-radius:2px;padding:4px 10px;font-size:.6rem;display:inline-block}.badge.success{color:var(--blue2);background:#6ea0ff26;border:1px solid #6ea0ff66}.badge.warning{color:#ffd28a;background:#ffd28a26;border:1px solid #ffd28a66}.feed-list{flex-direction:column;gap:14px;padding:16px 24px;display:flex}.feed-item{border-bottom:1px solid #ffffff0d;align-items:flex-start;gap:12px;padding-bottom:14px;display:flex}.feed-item:last-child{border-bottom:none}.feed-item i{background:var(--blue);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.feed-item div b{font-family:var(--fd);color:#fff;font-size:.88rem;display:block}.feed-item div span{color:var(--mut-d);font-size:.78rem}.feed-item time{font-family:var(--fm);color:var(--mut-d);direction:ltr;margin-inline-start:auto;font-size:.65rem}