@font-face{font-family:Cairo;src:url(/fonts/Cairo.ttf) format("truetype");font-display:swap}:root{--blue:#075bff;--ink:#091832;--muted:#74859b;--line:#e7eef8}*{box-sizing:border-box}body{margin:0;font-family:Cairo,Tahoma,Arial,sans-serif;color:var(--ink);background:#f6faff;line-height:1.8}header{display:flex;gap:24px;align-items:center;padding:18px 5%;background:#fff;border-bottom:1px solid var(--line)}a{text-decoration:none;color:var(--blue)}.brand{font-size:30px;font-weight:bold}.shell{display:flex;max-width:1400px;margin:auto;gap:24px;padding:24px}nav{width:205px;flex:none;background:#fff;border-radius:18px;padding:12px;height:fit-content}nav a{display:block;padding:10px;border-radius:9px;color:var(--ink)}nav a:hover{background:#edf4ff}main{flex:1;min-width:0}h1{font-size:25px}h2{font-size:19px}.panel{border:1px solid var(--line);border-radius:18px;background:#fff;padding:22px;margin-bottom:18px;box-shadow:0 8px 24px #143d6910}.narrow{max-width:540px;margin:20px auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stats strong{font-size:30px;color:var(--blue);display:block}.stats span{color:var(--muted)}label{display:block;margin-bottom:15px;font-weight:bold;font-size:14px}input{display:block;border:1px solid #d9e5f4;border-radius:10px;padding:12px;width:100%;font:inherit;background:#fff;margin-top:6px}button{background:var(--blue);color:#fff;border:0;border-radius:10px;padding:11px 19px;font:inherit;cursor:pointer}.soft{padding:5px 9px;background:#edf4ff;color:var(--blue);font-size:12px}.notice{padding:15px;background:#e4f5eb;color:#087344;border-radius:12px;margin-bottom:20px}.error{color:#bf2346;background:#fff0f3}.muted{color:var(--muted);font-size:13px}.table-wrap{overflow:auto;background:#fff;border-radius:15px;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;font-size:13px}td,th{padding:12px;text-align:right;border-bottom:1px solid var(--line);max-width:350px;overflow-wrap:anywhere}th{background:#eff5ff}.inline{display:inline-block;margin:3px}.pager{display:flex;gap:20px;padding:20px}@media(max-width:800px){.shell{display:block;padding:12px}nav{width:100%;display:flex;overflow:auto;margin-bottom:15px;gap:8px}nav a{white-space:nowrap}.stats{grid-template-columns:1fr 1fr}}
