:root {
  --forest:#163728; --forest-deep:#0d251b; --coffee:#642f0e; --cream:#f5efe4;
  --paper:#fffdf8; --white:#fff; --ink:#17231d; --muted:#67756d;
  --line:rgba(22,55,40,.13); --shadow:0 18px 55px rgba(17,42,30,.10);
  --font-ar:"Cairo","Segoe UI",Tahoma,Arial,sans-serif;
  --font-en:"Manrope","Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:#f8f5ee;color:var(--ink);font-family:var(--font-ar);line-height:1.65;-webkit-font-smoothing:antialiased} html[lang="en"] body{font-family:var(--font-en)} a{text-decoration:none;color:inherit} button,input,select{font:inherit}.container{width:min(calc(100% - 40px),1440px);margin-inline:auto}
.page-header{height:78px;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;position:relative}.brand img{width:102px;height:62px;object-fit:contain}.brand-badge{position:absolute;inset-inline-end:-8px;top:8px;background:var(--coffee);color:#fff;padding:2px 7px;border-radius:99px;font:800 9px var(--font-en);letter-spacing:.12em}.header-actions{display:flex;align-items:center;gap:12px}.back-link{font-size:13px;font-weight:800;color:var(--forest);padding:9px 14px;border:1px solid var(--line);border-radius:999px}.language-toggle{min-width:44px;height:40px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--forest);font:800 13px var(--font-en);cursor:pointer}
.hero-band{background:var(--forest);color:#fff;padding:72px 0 62px}.hero-grid{display:grid;grid-template-columns:1fr;align-items:end;gap:60px}.eyebrow{color:#e8c9a5;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.hero-band h1{font-size:clamp(34px,4vw,58px);line-height:1.25;margin:12px 0 16px;max-width:850px}.hero-band p{max-width:820px;margin:0;color:rgba(255,255,255,.72);font-size:16px}.sync-card{display:flex;gap:16px;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:20px;border-radius:20px}.sync-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.1);font-size:26px}.sync-card div:last-child{display:grid}.sync-label,.sync-card small{font-size:11px;color:rgba(255,255,255,.58)}.sync-card strong{font-size:18px;margin:2px 0}
.database-section{padding:42px 0 78px}.database-section>.container{width:calc(100% - 24px);max-width:none}.stats-grid{display:grid;grid-template-columns:repeat(2,160px) minmax(240px,1fr);gap:12px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px 18px;display:grid;gap:4px}.stat-card span{font-size:11px;color:var(--muted);font-weight:700}.stat-card strong{font-size:25px;color:var(--forest);line-height:1.2}.stat-wide strong{font-size:15px;margin-top:4px}
.toolbar{display:grid;grid-template-columns:minmax(260px,1.6fr) repeat(5,minmax(135px,.62fr));gap:10px;margin-bottom:14px}.search-field{position:relative}.search-field svg{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);width:18px;fill:none;stroke:var(--muted);stroke-width:1.8}.toolbar input,.toolbar select{width:100%;height:46px;border:1px solid var(--line);background:#fff;border-radius:12px;color:var(--ink);outline:none}.toolbar input{padding-inline:43px 14px}.toolbar select{padding-inline:12px}.toolbar input:focus,.toolbar select:focus{border-color:rgba(22,55,40,.42);box-shadow:0 0 0 3px rgba(22,55,40,.07)}
.table-shell{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;width:100%}.table-scroll{overflow-x:auto;overflow-y:visible;max-height:none;width:100%}.coffee-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1760px;font-size:12px}.coffee-table th{position:sticky;top:0;z-index:3;background:#f0ece3;color:#34483f;text-align:start;padding:13px 12px;border-bottom:1px solid var(--line);white-space:nowrap;font-weight:800}.coffee-table td{padding:13px 12px;border-bottom:1px solid rgba(22,55,40,.08);vertical-align:top;max-width:230px}.coffee-table tbody tr:hover td{background:#fbf9f4}.coffee-table tbody tr.clickable-row{cursor:pointer}.coffee-table tbody tr.clickable-row:focus{outline:2px solid rgba(22,55,40,.35);outline-offset:-2px}.source-link{color:var(--coffee);font-weight:800}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.status-pill.available{background:#e8f5ed;color:#21643f}.status-pill.unavailable{background:#f3ece8;color:#87513a}.status-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.empty-state{text-align:center;padding:72px 24px}.empty-icon{width:58px;height:58px;border-radius:18px;margin:0 auto 17px;background:var(--cream);display:grid;place-items:center;font-size:25px}.empty-state h2{margin:0;color:var(--forest);font-size:22px}.empty-state p{max-width:610px;margin:10px auto 0;color:var(--muted);font-size:14px}.legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;color:var(--muted);font-size:11px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend b{font-weight:700}.dot{width:7px;height:7px;border-radius:50%}.dot.available{background:#2d8a55}.dot.unavailable{background:#a46b52}
footer{background:#0f2b20;color:rgba(255,255,255,.64);padding:24px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;font-size:11px}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr}.sync-card{max-width:420px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-wide{grid-column:span 2}.toolbar{grid-template-columns:repeat(2,1fr)}.search-field{grid-column:span 2}}
@media(max-width:680px){.container{width:min(calc(100% - 24px),1440px)}.page-header{height:70px}.brand img{width:88px;height:54px}.back-link{display:none}.hero-band{padding:48px 0 40px}.hero-band h1{font-size:34px}.hero-band p{font-size:14px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:14px}.stat-card strong{font-size:21px}.toolbar{grid-template-columns:1fr}.search-field{grid-column:auto}.table-shell{border-radius:14px}.table-scroll{max-height:none;overflow:visible}.coffee-table{min-width:0;display:block}.coffee-table thead{display:none}.coffee-table tbody{display:grid;gap:10px;padding:10px}.coffee-table tr{display:grid;border:1px solid var(--line);border-radius:14px;overflow:hidden}.coffee-table td{display:grid;grid-template-columns:108px minmax(0,1fr);gap:10px;max-width:none;padding:9px 11px;border-bottom:1px solid rgba(22,55,40,.07);font-size:12px}.coffee-table td::before{content:attr(data-label);font-weight:800;color:var(--muted);font-size:10px}.coffee-table td:last-child{border-bottom:0}.empty-state{padding:52px 18px}.footer-inner{display:grid;text-align:center;justify-content:center}}