:root{--ink:#15231f;--muted:#65736e;--line:#dce5e1;--paper:#fff;--bg:#f4f7f5;--green:#08765b;--green-dark:#075944;--red:#b42318;--amber:#f5b700;--shadow:0 10px 30px rgba(18,46,37,.08)}*{box-sizing:border-box}html{font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;line-height:1.45}.topbar{height:64px;padding:0 max(24px,calc((100vw - 1500px)/2));display:flex;align-items:center;gap:32px;background:#102f27;color:#fff;box-shadow:0 2px 12px #0002}.brand{color:#fff;text-decoration:none;font-weight:750;letter-spacing:-.02em;white-space:nowrap}.brand span,.login-mark{display:inline-grid;place-items:center;background:#6ee7b7;color:#073f31;border-radius:8px;font-weight:900}.brand span{width:32px;height:32px;margin-right:8px}.topbar nav{display:flex;align-self:stretch}.topbar nav a{color:#cce0d9;text-decoration:none;display:flex;align-items:center;padding:0 16px;border-bottom:3px solid transparent}.topbar nav a:hover,.topbar nav a.active{color:#fff;border-color:#6ee7b7}.account{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:13px}.account form{margin:0}.link-button{background:none;border:0;color:#9ee9d0;text-decoration:underline;cursor:pointer}.container{max-width:1500px;margin:auto;padding:34px 24px 60px}.guest-container{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 25% 15%,#d9f8e9,transparent 32%),#eff5f2}.login-card{width:min(430px,92vw);background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:38px;box-shadow:var(--shadow)}.login-mark{width:50px;height:50px;margin-bottom:26px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:var(--green);margin:0 0 6px}h1{font-size:30px;letter-spacing:-.035em;margin:0 0 8px}h2{font-size:18px;margin:0 0 18px}h3{font-size:14px;margin:22px 0 8px}.muted,.empty{color:var(--muted)}.stack{display:grid;gap:16px;margin-top:26px}label{display:grid;gap:6px;font-weight:650;font-size:13px}input,select{font:inherit;color:inherit;background:#fff;border:1px solid #cbd8d3;border-radius:8px;padding:11px 13px;outline:none}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #0b8b6a20}.check{display:flex;align-items:center;font-weight:400}.check input{width:auto}.primary,.button{font:inherit;border:0;border-radius:8px;padding:10px 15px;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font-weight:700}.primary{background:var(--green);color:white}.primary:hover{background:var(--green-dark)}.secondary{background:#e7eeeb;color:var(--ink)}.error{padding:10px 12px;background:#fff0ef;color:var(--red);border-radius:8px;font-size:13px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head h1{margin:0}.count{color:var(--muted);font-size:14px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:24px}.metric{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 2px 8px #102f2708}.metric span{display:block;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.metric strong{display:block;font-size:30px;margin-top:5px}.metric.warning{border-top:3px solid var(--amber)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:18px;box-shadow:0 2px 8px #102f2708}.split{display:grid;grid-template-columns:1fr 1.8fr;align-items:center;gap:36px}.flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.flow span{padding:9px 12px;border:1px solid var(--line);background:#f8fbf9;border-radius:8px;font-size:12px;font-weight:700}.flow b{color:var(--green)}.search{display:flex;gap:9px;margin-bottom:18px}.search input{flex:1}.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:11px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:11px 12px;background:#edf3f0;color:#4c5c57;text-transform:uppercase;font-size:10px;letter-spacing:.07em;white-space:nowrap}td{padding:12px;border-top:1px solid #e7eeeb;vertical-align:top}tbody tr:hover{background:#f8fbf9}td small,td code{display:block;margin-top:4px}code{font-family:"Cascadia Code",Consolas,monospace;font-size:11px;color:#485d55}.product-link{font-weight:750;color:#08664f;text-decoration:none}.product-link:hover{text-decoration:underline}.wrap{max-width:230px}.badge{display:inline-block;padding:3px 7px;border-radius:999px;background:#e6eeeb;color:#40554d;font-size:10px;font-weight:800;letter-spacing:.03em}.badge.danger{background:#fee4e2;color:var(--red)}.badge.good{background:#dff7ec;color:#067353}.pagination{display:flex;justify-content:space-between;margin-top:16px}.pagination a,.pagination span{padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:7px;color:var(--green);text-decoration:none}.breadcrumbs{display:flex;gap:8px;font-size:12px;margin-bottom:18px}.breadcrumbs a{color:var(--green)}.product-title{align-items:center}.arabic{font-size:18px;margin:6px 0 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-grid .panel{margin:0 0 18px}dl{display:grid;grid-template-columns:minmax(110px,.5fr) 1fr;margin:0}dt,dd{padding:8px 0;border-top:1px solid #edf1ef;margin:0}dt{color:var(--muted);font-size:12px}dd{font-weight:600}details{border-top:1px solid #edf1ef;padding:10px 0}summary{cursor:pointer;font-weight:650}.filters{max-width:220px;margin-bottom:16px}.notice{padding:12px;background:#dff7ec;border-radius:8px;margin-bottom:18px}@media(max-width:800px){.topbar{height:auto;padding:10px 16px;flex-wrap:wrap;gap:8px}.topbar nav{order:3;width:100%;height:42px}.topbar nav a{padding:0 10px}.account{font-size:11px}.container{padding:24px 14px}.split,.detail-grid{grid-template-columns:1fr}.search{flex-wrap:wrap}.search input{flex-basis:100%}.page-head{align-items:flex-start}.login-card{padding:28px}}