@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');

:root{--ink:#14211f;--muted:#687773;--line:#e4ebe8;--canvas:#f7faf8;--surface:#fff;--teal:#0f766e;--teal-deep:#075e57;--teal-pale:#e3f4ee;--gold:#d99a26;--gold-pale:#fff6df;--red:#c04444;--shadow:0 18px 45px rgba(16,47,42,.08);font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;color:var(--ink)}
*{box-sizing:border-box} body{margin:0;background:var(--canvas);font-family:inherit} button,input,select,textarea{font:inherit} button{cursor:pointer;border:0} .hidden{display:none!important}.mobile-only{display:none}.eyebrow{margin:0 0 4px;color:var(--teal);font-size:.76rem;font-weight:700;letter-spacing:.04em}.primary,.secondary,.filter-button{border-radius:10px;padding:10px 15px;font-weight:700;transition:.2s}.primary{background:var(--teal);color:#fff;box-shadow:0 5px 12px rgba(15,118,110,.2)}.primary:hover{background:var(--teal-deep);transform:translateY(-1px)}.secondary{background:#f1f5f3;color:var(--ink)}.wide{width:100%;padding:13px}.icon-button{width:37px;height:37px;border-radius:9px;background:#f0f5f3;color:var(--ink);font-size:1.35rem;line-height:1}.login-screen{display:grid;grid-template-columns:minmax(470px,45%) 1fr;min-height:100vh;background:#f5faf7}.login-card{display:flex;flex-direction:column;justify-content:center;max-width:500px;padding:45px 9vw;margin:auto}.brand-lockup{display:flex;gap:10px;align-items:center}.brand-mark{width:43px;height:43px;border-radius:13px;background:var(--teal);color:white;display:grid;place-items:center;font-size:1.45rem;font-weight:700;box-shadow:0 8px 18px rgba(15,118,110,.22)}.brand-lockup strong{display:block;font-size:1.15rem}.brand-lockup span{display:block;color:var(--muted);font-size:.78rem}.login-copy{margin:58px 0 26px}.login-copy h1{font-size:2.25rem;line-height:1.35;margin:0 0 13px;letter-spacing:-.04em}.login-copy>p:last-child{color:var(--muted);line-height:1.9}.form-stack{display:grid;gap:15px}.form-stack label,.form-grid label{font-size:.85rem;font-weight:600;color:#44524e}.form-stack input,.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:7px;border:1px solid #d7e1dd;background:#fff;border-radius:9px;padding:11px 12px;color:var(--ink);outline:none}.form-stack input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(15,118,110,.12)}.demo-accounts{margin-top:23px;padding:13px;border:1px dashed #bdd6cf;border-radius:10px;color:var(--muted);font-size:.72rem;display:flex;flex-wrap:wrap;gap:5px 10px}.demo-accounts b{color:var(--ink)}.login-art{position:relative;overflow:hidden;background:linear-gradient(146deg,#075e57 0%,#15958a 66%,#dcefe8 66%)}.city-card{position:absolute;z-index:2;background:rgba(255,255,255,.94);color:var(--ink);padding:20px;border-radius:18px;box-shadow:0 20px 35px rgba(0,55,48,.23);display:grid;gap:4px}.city-card span{color:var(--muted);font-size:.78rem}.city-card strong{font-size:2rem}.city-card i{color:var(--teal);font-style:normal;font-size:.75rem;font-weight:bold}.city-card-main{top:20%;right:20%;width:205px}.city-card-small{top:50%;right:46%;width:155px}.building{position:absolute;bottom:0;background:rgba(255,255,255,.19);border:1px solid rgba(255,255,255,.2);border-bottom:0}.building:before{content:"";position:absolute;inset:18px 13px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.75) 0 7px,transparent 7px 18px)}.building-a{height:46%;left:9%;width:19%}.building-b{height:64%;left:29%;width:27%}.building-c{height:34%;left:57%;width:18%}.app-shell{display:flex;min-height:100vh}.sidebar{width:254px;flex:none;display:flex;flex-direction:column;padding:26px 15px 14px;background:#103632;color:#c8d8d4}.brand-lockup.compact{padding:0 9px;color:#fff}.brand-lockup.compact span{color:#94aaa5}.nav{display:grid;gap:5px;margin-top:42px}.nav-item{background:transparent;color:inherit;text-align:right;padding:11px 12px;border-radius:9px;font-size:.88rem;display:flex;align-items:center;gap:12px}.nav-item span{font-size:1.1rem;width:16px;text-align:center}.nav-item:hover{background:rgba(255,255,255,.07);color:#fff}.nav-item.active{background:var(--teal);color:#fff;font-weight:700}.sidebar-bottom{margin-top:auto}.sidebar-bottom p{text-align:center;color:#7f9993;font-size:.68rem;margin:17px 0 2px}.workspace{width:calc(100% - 254px);min-width:0}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:rgba(255,255,255,.8);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.topbar h2{font-size:1.35rem;margin:0;letter-spacing:-.03em}.topbar-actions{display:flex;align-items:center;gap:15px}.user-chip{display:flex;align-items:center;gap:9px;font-size:.78rem;font-weight:700}.avatar{width:33px;height:33px;border-radius:50%;background:#e1f0ec;color:var(--teal);display:grid;place-items:center}.view{padding:30px 40px 45px;max-width:1600px;margin:auto}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:0 5px 14px rgba(16,47,42,.025)}.metric-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--teal-pale);color:var(--teal);margin-bottom:18px}.metric-card:nth-child(2) .metric-icon{background:var(--gold-pale);color:var(--gold)}.metric-card:nth-child(3) .metric-icon{background:#e9f0ff;color:#3f68aa}.metric-card:nth-child(4) .metric-icon{background:#f6e9f7;color:#925194}.metric-label{font-size:.75rem;color:var(--muted)}.metric-value{font-size:1.55rem;font-weight:700;margin-top:5px}.metric-hint{font-size:.68rem;color:#23825c;margin-top:7px}.content-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;margin-top:23px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 19px 13px}.panel-head h3{font-size:.98rem;margin:0}.panel-head a{color:var(--teal);font-size:.75rem;font-weight:700;cursor:pointer}.list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 19px;border-top:1px solid var(--line)}.list-row-main{display:flex;gap:10px;min-width:0;align-items:center}.row-icon{height:34px;width:34px;flex:none;border-radius:9px;background:#f1f6f4;color:var(--teal);display:grid;place-items:center}.list-row strong,.table-cell strong{font-size:.82rem;display:block}.list-row small,.table-cell small{color:var(--muted);font-size:.72rem;display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-tag{background:var(--gold-pale);color:#9b6b0e;border-radius:7px;padding:5px 7px;font-size:.67rem;white-space:nowrap}.activity{display:flex;gap:9px;padding:10px 18px;border-top:1px solid var(--line)}.activity-dot{margin-top:5px;width:8px;height:8px;border-radius:50%;background:var(--teal);flex:none}.activity p{margin:0;font-size:.76rem}.activity time{display:block;color:var(--muted);font-size:.67rem;margin-top:4px}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:17px;align-items:center}.toolbar-left{display:flex;gap:9px;align-items:center;flex:1}.search{width:min(340px,100%);border:1px solid #d7e1dd;border-radius:10px;padding:10px 12px;background:#fff;outline:0}.search:focus{border-color:var(--teal)}.filter-button{background:#edf3f0;color:#49605a;font-size:.8rem;white-space:nowrap}.data-table-wrap{background:white;border:1px solid var(--line);border-radius:14px;overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:780px;text-align:right}.data-table th{font-size:.7rem;color:var(--muted);font-weight:600;background:#f9fbfa;padding:13px 15px;white-space:nowrap}.data-table td{padding:13px 15px;border-top:1px solid var(--line);font-size:.78rem;vertical-align:middle}.data-table tr:hover td{background:#fcfefd}.status{display:inline-block;border-radius:99px;padding:4px 8px;font-size:.67rem;font-weight:700;white-space:nowrap}.status.new,.status.open,.status.available,.status.active{background:#e3f4ee;color:#087266}.status.follow,.status.progress,.status.negotiation,.status.reserved{background:#fff4da;color:#946507}.status.qualified,.status.closed,.status.paid,.status.sold{background:#e8eefc;color:#3d64a1}.status.lost,.status.overdue{background:#fdebea;color:#b3433e}.row-actions{display:flex;gap:6px}.action-button{padding:6px 8px;border-radius:7px;color:var(--teal);background:#edf8f5;font-size:.68rem;font-weight:700}.action-button.danger{color:var(--red);background:#fff0ef}.empty{text-align:center;padding:45px 20px;color:var(--muted);font-size:.85rem}.dialog{border:0;border-radius:16px;padding:0;width:min(660px,calc(100vw - 32px));max-height:88vh;box-shadow:0 28px 70px rgba(0,0,0,.27);color:var(--ink)}.dialog::backdrop{background:rgba(10,31,28,.42)}.dialog form,.dialog>div{padding:22px}.dialog-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px}.dialog-header h3{margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:20px 0}.form-grid .full{grid-column:1/-1}.form-grid textarea{height:82px;resize:vertical}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding:15px 0 0}.match-list{display:grid;gap:10px;padding-top:15px}.match-card{padding:13px;border:1px solid var(--line);border-radius:10px;display:flex;justify-content:space-between;align-items:center}.match-card h4{font-size:.87rem;margin:0 0 4px}.match-card p{font-size:.72rem;color:var(--muted);margin:0}.score{background:var(--teal-pale);color:var(--teal);border-radius:8px;padding:7px;font-size:.71rem;font-weight:700}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.report-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;padding:15px 19px;border-top:1px solid var(--line)}.report-summary div{padding:11px;background:#f7faf8;border-radius:9px}.report-summary span{display:block;color:var(--muted);font-size:.68rem}.report-summary strong{display:block;margin-top:4px;font-size:1.05rem}.toast{position:fixed;left:22px;bottom:22px;background:#143c37;color:white;padding:12px 15px;border-radius:10px;box-shadow:var(--shadow);font-size:.79rem;z-index:10;animation:up .25s ease}.toast.error{background:#a73c38}@keyframes up{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}.content-grid{grid-template-columns:1fr}.login-screen{grid-template-columns:1fr 38%}.login-card{padding:35px 5vw}.login-copy h1{font-size:1.85rem}.view{padding:26px}.topbar{padding:0 26px}}
@media(max-width:760px){.login-screen{display:block}.login-card{padding:35px 23px;min-height:100vh}.login-art{display:none}.mobile-only{display:block}.sidebar{position:fixed;z-index:5;transform:translateX(100%);transition:.25s;top:0;right:0;bottom:0;box-shadow:-8px 0 30px rgba(0,0,0,.2)}.sidebar.open{transform:none}.workspace{width:100%}.topbar{height:77px;padding:0 17px}.topbar-actions .primary{display:none}.view{padding:20px 15px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:10px}.metric-card{padding:13px}.metric-card:last-child{grid-column:span 2}.metric-icon{margin-bottom:12px}.metric-value{font-size:1.27rem}.content-grid{margin-top:14px;gap:14px}.toolbar{align-items:stretch;flex-direction:column}.toolbar-left{width:100%}.search{width:100%}.report-grid{grid-template-columns:1fr}.topbar h2{font-size:1.12rem}.topbar-actions{gap:7px}.user-chip .user-name{display:none}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.city-card-main{right:10%}.city-card-small{right:20%}}

/* رمز المجال — الثيم الفاخر: فحمي مطفي وذهبي ملكي */
:root{--ink:#f4efe6;--muted:#9ba19e;--line:rgba(216,183,118,.16);--canvas:#080c0d;--surface:#101617;--teal:#d2a85b;--teal-deep:#a87c35;--teal-pale:rgba(210,168,91,.13);--gold:#d7b36e;--gold-pale:rgba(215,179,110,.14);--red:#da786f;--shadow:0 24px 70px rgba(0,0,0,.35);color-scheme:dark}
html{background:var(--canvas)}
body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 83% 5%,rgba(169,127,55,.14),transparent 25rem),radial-gradient(circle at 4% 75%,rgba(38,89,78,.17),transparent 28rem),var(--canvas)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(120deg,black,transparent 75%)}
button{letter-spacing:-.01em}.primary,.secondary,.filter-button{border-radius:11px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:13px;background:linear-gradient(135deg,#e3c27f,#b8893e);color:#15120d;box-shadow:0 12px 25px rgba(171,126,48,.22);border:1px solid rgba(255,233,181,.35)}.primary:hover{background:linear-gradient(135deg,#f0d493,#bf9043);box-shadow:0 15px 30px rgba(199,150,61,.35)}.primary b{font-size:1.05rem;line-height:1}.secondary{background:#171e1f;color:#ded8cb;border:1px solid var(--line)}.secondary:hover,.filter-button:hover{background:#20292a}.icon-button{background:#172021;border:1px solid rgba(255,255,255,.06);color:var(--gold)}
.eyebrow{display:flex;align-items:center;gap:8px;color:var(--gold);text-transform:none;letter-spacing:.06em}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(215,179,110,.1)}

.login-screen{position:relative;isolation:isolate;grid-template-columns:minmax(475px,43%) 1fr;background:#080c0d}.login-card{position:relative;z-index:1;max-width:none;width:100%;margin:0;padding:54px clamp(35px,7vw,105px);background:linear-gradient(145deg,#12191a 0%,#0c1112 72%);border-left:1px solid rgba(215,179,110,.14)}.login-card:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.65}.brand-lockup{gap:12px}.brand-mark{position:relative;overflow:hidden;width:52px;height:52px;border-radius:15px;background:#f7f5ef;padding:3px;border:1px solid rgba(215,179,110,.7);box-shadow:0 12px 26px rgba(0,0,0,.3);color:var(--gold)}.brand-logo-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;border-radius:11px;mix-blend-mode:multiply}.brand-lockup strong{font-size:1.18rem;letter-spacing:-.035em}.brand-lockup span{color:#939995;font-size:.74rem;margin-top:2px}.login-copy{margin:74px 0 32px;max-width:430px}.login-copy .eyebrow{margin-bottom:13px}.login-copy h1{font-size:clamp(2.25rem,3vw,3.2rem);line-height:1.27;letter-spacing:-.06em;color:#f7f2e9}.login-copy h1 em{font-style:normal;color:var(--gold);position:relative;white-space:nowrap}.login-copy h1 em:after{content:"";position:absolute;right:0;left:0;bottom:-6px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.login-copy>p:last-child{color:#aeb3b0;font-size:.93rem;line-height:2;max-width:390px}.form-stack{gap:17px;max-width:430px}.form-stack label,.form-grid label{color:#c9ceca;font-size:.8rem;letter-spacing:.01em}.form-stack input,.form-grid input,.form-grid select,.form-grid textarea,.search{margin-top:8px;background:rgba(255,255,255,.035);border:1px solid rgba(225,230,223,.12);border-radius:11px;color:#f5f1e8;padding:13px 14px}.form-stack input::placeholder,.form-grid input::placeholder,.form-grid textarea::placeholder{color:#68716e}.form-stack input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.search:focus{border-color:rgba(215,179,110,.78);box-shadow:0 0 0 4px rgba(215,179,110,.11);background:rgba(255,255,255,.055)}.login-card .wide{margin-top:5px;padding:14px 17px}.login-security{display:flex;align-items:center;gap:8px;color:#8f9794;font-size:.73rem;margin:22px 0 0}.login-security span{color:var(--gold)}
.login-art{background:radial-gradient(circle at 70% 30%,rgba(185,137,56,.22),transparent 20rem),linear-gradient(145deg,#10191a,#070a0b 68%);border-right:1px solid rgba(255,255,255,.025)}.login-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,12,13,.1),rgba(8,12,13,.78)),radial-gradient(circle at 70% 90%,rgba(209,168,91,.12),transparent 25rem);z-index:1;pointer-events:none}.art-brand,.art-copy,.art-footer{position:absolute;z-index:3}.art-brand{top:43px;right:55px;display:flex;align-items:center;gap:10px;color:#eee7db;font-size:.82rem}.art-brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--gold);border-radius:9px;color:var(--gold);font-weight:700}.art-copy{right:clamp(48px,9vw,135px);top:22%;max-width:430px}.art-copy p{margin:0 0 14px;color:var(--gold);font-size:.78rem;letter-spacing:.12em}.art-copy h2{margin:0;color:#fffaf0;font-size:clamp(2.6rem,4.2vw,5rem);line-height:1.13;letter-spacing:-.07em}.city-card{z-index:4;background:linear-gradient(135deg,rgba(26,33,34,.94),rgba(14,19,20,.88));border:1px solid rgba(217,184,115,.25);box-shadow:0 20px 44px rgba(0,0,0,.3);backdrop-filter:blur(12px);color:#f7f2e8;border-radius:16px}.city-card span{color:#9fa7a4}.city-card strong{font-size:1.28rem;color:#f9f4e9}.city-card i{color:#d8b66f}.city-card-main{top:auto;bottom:19%;right:17%;width:235px}.city-card-small{top:auto;bottom:29%;right:47%;width:175px}.building{z-index:2;background:linear-gradient(180deg,rgba(215,179,110,.16),rgba(12,17,18,.82));border-color:rgba(215,179,110,.18);box-shadow:inset 0 0 50px rgba(0,0,0,.35)}.building:before{background:repeating-linear-gradient(to bottom,rgba(235,210,152,.6) 0 5px,transparent 5px 18px)}.building-a{height:39%;left:10%;width:17%}.building-b{height:58%;left:28%;width:24%}.building-c{height:31%;left:54%;width:19%}.art-line{position:absolute;border:1px solid rgba(215,179,110,.17);border-radius:50%;z-index:2}.art-line-one{width:420px;height:420px;bottom:-230px;left:-80px}.art-line-two{width:650px;height:650px;bottom:-430px;left:-140px}.art-footer{right:55px;bottom:32px;display:flex;gap:12px;align-items:center;color:#9ea39f;font-size:.69rem;letter-spacing:.08em}.art-footer i{color:var(--gold);font-size:.5rem}

.app-shell{position:relative;background:transparent}.sidebar{width:280px;padding:28px 16px 16px;background:linear-gradient(180deg,#111718,#0a0f10 75%);border-left:1px solid rgba(215,179,110,.16);color:#aeb4b0}.brand-lockup.compact{padding:4px 9px}.brand-lockup.compact .brand-mark{width:47px;height:47px;border-radius:13px}.brand-lockup.compact span{color:#8e9692}.nav{gap:7px;margin-top:49px}.nav:before{content:"مساحة العمل";font-size:.66rem;color:#717a76;padding:0 12px 9px;letter-spacing:.1em}.nav-item{padding:12px 13px;border:1px solid transparent;border-radius:11px;color:#b4bbb7;font-size:.84rem;transition:background .18s,border-color .18s,color .18s,transform .18s}.nav-item span{color:#d8b56e}.nav-item:hover{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.05);transform:translateX(-2px)}.nav-item.active{color:#19150e;background:linear-gradient(135deg,#dfbd7b,#b9873d);box-shadow:0 10px 20px rgba(163,117,43,.18);border-color:rgba(255,231,181,.35)}.nav-item.active span{color:#271d0d}.sidebar-bottom{padding-top:15px;border-top:1px solid rgba(255,255,255,.05)}.sidebar-bottom .nav-item{color:#d79083}.sidebar-bottom p{color:#68716e}
.workspace{width:calc(100% - 280px)}.topbar{height:96px;padding:0 clamp(25px,4vw,56px);background:rgba(12,17,18,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.topbar:after{content:"";position:absolute;bottom:-1px;right:0;width:165px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.topbar h2{font-size:1.55rem;color:#fbf6ed}.topbar-actions{gap:19px}.user-chip{padding:6px 9px 6px 7px;border-radius:99px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);color:#d9ddd9}.avatar{background:linear-gradient(135deg,#e2c17d,#a97734);color:#20170a;font-weight:700}.view{padding:35px clamp(20px,4vw,56px) 62px;max-width:1750px}
.dashboard-hero{position:relative;overflow:hidden;min-height:205px;margin-bottom:23px;padding:32px 37px;background:linear-gradient(115deg,rgba(27,34,34,.97),rgba(11,16,17,.96));border:1px solid rgba(215,179,110,.25);border-radius:19px;box-shadow:var(--shadow)}.dashboard-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 15%,rgba(215,179,110,.17),transparent 21rem),linear-gradient(90deg,transparent,rgba(0,0,0,.1));pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:620px}.hero-kicker{margin:0 0 10px;color:var(--gold);font-size:.72rem;letter-spacing:.11em}.hero-copy h3{margin:0;color:#f8f3e8;font-size:clamp(1.65rem,3vw,2.4rem);letter-spacing:-.06em}.hero-copy h3 em{font-style:normal;color:#dfbd7a}.hero-copy>p:not(.hero-kicker){margin:12px 0 18px;color:#aeb5b2;font-size:.84rem}.hero-pills{display:flex;flex-wrap:wrap;gap:8px}.hero-pills span{padding:6px 9px;border:1px solid rgba(215,179,110,.24);border-radius:99px;color:#d9d3c7;font-size:.68rem;background:rgba(0,0,0,.13)}.hero-pills span:first-child{color:var(--gold)}.hero-architecture{position:absolute;z-index:1;left:55px;bottom:0;height:100%;width:36%;opacity:.88}.hero-architecture i{position:absolute;bottom:0;display:block;background:linear-gradient(180deg,rgba(232,202,139,.15),rgba(4,7,8,.22));border:1px solid rgba(232,202,139,.22);border-bottom:0}.hero-architecture i:after{content:"";position:absolute;inset:20px 12px 0;background:repeating-linear-gradient(to bottom,rgba(235,210,152,.35) 0 5px,transparent 5px 19px)}.hero-architecture i:nth-child(1){right:7%;height:51%;width:25%}.hero-architecture i:nth-child(2){right:34%;height:79%;width:31%}.hero-architecture i:nth-child(3){right:68%;height:37%;width:18%}.hero-architecture b{position:absolute;right:45%;top:2%;width:2px;height:49%;background:linear-gradient(var(--gold),transparent)}
.metric-grid{gap:16px}.metric-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#161d1e,#101617);border:1px solid rgba(255,255,255,.065);border-radius:15px;padding:19px;box-shadow:0 12px 28px rgba(0,0,0,.14);transition:transform .2s,border-color .2s,box-shadow .2s}.metric-card:before{content:"";position:absolute;top:0;right:18px;left:18px;height:1px;background:linear-gradient(90deg,transparent,rgba(215,179,110,.86),transparent)}.metric-card:hover{transform:translateY(-3px);border-color:rgba(215,179,110,.34);box-shadow:0 19px 37px rgba(0,0,0,.24)}.metric-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.metric-icon{margin:0;width:38px;height:38px;border-radius:11px;background:var(--gold-pale);border:1px solid rgba(215,179,110,.15);color:var(--gold)}.metric-orbit{color:rgba(215,179,110,.28);font-size:.95rem}.metric-card:nth-child(2) .metric-icon{background:rgba(101,152,128,.16);color:#9bd3b0}.metric-card:nth-child(3) .metric-icon{background:rgba(119,148,204,.16);color:#aac4ff}.metric-card:nth-child(4) .metric-icon{background:rgba(191,135,205,.14);color:#e1afe7}.metric-card:nth-child(5) .metric-icon{background:rgba(215,179,110,.15);color:#e6c77f}.metric-label{color:#959e9a}.metric-value{color:#fbf6eb;font-size:1.65rem}.metric-hint{color:#9dd3aa}.content-grid{gap:20px;margin-top:23px}.panel,.data-table-wrap{background:linear-gradient(145deg,rgba(21,28,29,.98),rgba(13,19,20,.98));border-color:rgba(255,255,255,.07);border-radius:15px;box-shadow:0 15px 35px rgba(0,0,0,.13)}.panel{position:relative}.panel:before{content:"";position:absolute;top:0;right:20px;width:45px;height:1px;background:var(--gold);opacity:.55}.panel-head{padding:20px 21px 15px}.panel-head h3{color:#f2ede4}.panel-head a{color:var(--gold)}.list-row,.activity{border-color:rgba(255,255,255,.065);padding:14px 19px}.list-row:hover{background:rgba(255,255,255,.017)}.row-icon{background:rgba(215,179,110,.11);border:1px solid rgba(215,179,110,.12);color:var(--gold)}.list-row strong,.table-cell strong{color:#ece7dc}.list-row small,.table-cell small{color:#8c9691}.date-tag{background:rgba(215,179,110,.13);color:#e0bd74;border:1px solid rgba(215,179,110,.15)}.activity-dot{background:var(--gold);box-shadow:0 0 0 4px rgba(215,179,110,.08)}.activity p{color:#d9dedb}.activity time{color:#808a85}.toolbar{margin-bottom:20px}.search{color:#f0eee8;background:rgba(255,255,255,.035)}.filter-button{background:#1a2223;border:1px solid rgba(255,255,255,.06);color:#d4d8d4}.data-table th{background:rgba(255,255,255,.022);color:#9fa8a4}.data-table td{border-color:rgba(255,255,255,.06);color:#e0e3df}.data-table tr:hover td{background:rgba(215,179,110,.04)}.status{border:1px solid transparent}.status.new,.status.open,.status.available,.status.active{background:rgba(91,166,128,.14);color:#a7dbbb;border-color:rgba(91,166,128,.18)}.status.follow,.status.progress,.status.negotiation,.status.reserved{background:rgba(215,179,110,.14);color:#e2c57f;border-color:rgba(215,179,110,.18)}.status.qualified,.status.closed,.status.paid,.status.sold{background:rgba(112,150,210,.14);color:#b4caf8;border-color:rgba(112,150,210,.18)}.status.lost,.status.overdue{background:rgba(210,100,92,.13);color:#f0aaa3;border-color:rgba(210,100,92,.17)}.action-button{background:rgba(215,179,110,.1);border:1px solid rgba(215,179,110,.17);color:#e0bf79}.action-button.danger{background:rgba(210,100,92,.1);color:#f0a09a;border-color:rgba(210,100,92,.14)}.empty{color:#8d9691}.report-summary{border-color:rgba(255,255,255,.06)}.report-summary div{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.04)}.report-summary span{color:#8f9894}.report-summary strong{color:#f0e9dd}.dialog{background:#111819;border:1px solid rgba(215,179,110,.27);color:#f4efe6}.dialog::backdrop{background:rgba(2,5,6,.72);backdrop-filter:blur(4px)}.dialog-header{border-color:rgba(255,255,255,.07)}.dialog-actions{border-color:rgba(255,255,255,.07)}.match-card{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.022)}.match-card h4{color:#eee9df}.match-card p{color:#929b97}.score{background:var(--gold-pale);color:#e2c37f;border:1px solid rgba(215,179,110,.16)}.toast{background:#1b2525;color:#f6efe4;border:1px solid rgba(215,179,110,.25);box-shadow:var(--shadow)}.toast.error{background:#602e2a}

@media(max-width:1100px){.sidebar{width:250px}.workspace{width:calc(100% - 250px)}.dashboard-hero{padding:27px}.hero-architecture{left:20px;width:31%}.login-card{padding:42px 6vw}.art-copy{right:8vw}.city-card-small{right:42%}}
@media(max-width:760px){.login-screen{background:#0b0f10}.login-card{padding:32px 23px}.login-card:after{right:20px;left:20px}.login-copy{margin:52px 0 28px}.login-copy h1{font-size:2.3rem}.sidebar{width:280px;background:#101617}.workspace{width:100%}.topbar{height:78px;padding:0 16px}.topbar h2{font-size:1.14rem}.view{padding:19px 15px 42px}.dashboard-hero{min-height:235px;padding:25px 21px;margin-bottom:15px}.hero-copy{max-width:85%}.hero-copy h3{font-size:1.7rem}.hero-architecture{left:-12px;width:48%;opacity:.52}.metric-grid{gap:10px}.metric-card{padding:14px}.metric-card-top{margin-bottom:15px}.metric-value{font-size:1.3rem}.panel,.data-table-wrap{border-radius:13px}.content-grid{gap:14px}.login-art{display:none}}

/* إظهار شعار المكتب الأصلي كاملًا، دون قص أو تحويله إلى أيقونة. */
.brand-lockup.official-logo{display:block;width:154px;line-height:0}
.brand-lockup.official-logo .brand-logo-image{display:block;width:100%;height:auto;box-sizing:border-box;object-fit:contain;object-position:center;border-radius:12px;background:#fff;padding:3px;mix-blend-mode:normal;border:1px solid rgba(215,179,110,.65);box-shadow:0 12px 26px rgba(0,0,0,.3)}
.sidebar .brand-lockup.official-logo{width:166px;margin:0 auto}.sidebar .brand-lockup.official-logo.compact{padding:0}
@media(max-width:760px){.brand-lockup.official-logo{width:132px}.sidebar .brand-lockup.official-logo{width:148px}}