@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f4f5f2;color:#171b1e;font-family:Manrope,Cairo,sans-serif}.shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.side{background:#111619;color:#fff;padding:25px 18px;position:sticky;top:0;height:100vh}.logo{font-size:22px;font-weight:800;padding:8px 10px 25px}.side a{color:#bfc6c9;text-decoration:none;display:block;padding:11px 12px;border-radius:10px;margin:2px 0;font-size:14px}.side a:hover,.side a.on{background:#262d31;color:#fff}.main{padding:30px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.top h1{margin:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat,.panel{background:#fff;border:1px solid #e3e6e0;border-radius:17px;padding:20px}.stat b{font-size:32px;display:block}.stat span{color:#737b7f;font-size:13px}.panel{margin-top:18px}.panel h2{margin-top:0}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:#5d666b}.field input,.field textarea,.field select{width:100%;padding:11px;border:1px solid #dfe3dd;border-radius:10px;background:#fff;font:inherit}.field textarea{min-height:110px}.btn{border:0;border-radius:10px;padding:11px 15px;background:#13191d;color:#fff;text-decoration:none;font-weight:700;cursor:pointer;display:inline-block}.btn.gold{background:#aa7e3f}.btn.red{background:#a83f3f}.btn.light{background:#edf0eb;color:#222}.actions{display:flex;gap:7px;flex-wrap:wrap}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:11px;border-bottom:1px solid #eceeea;vertical-align:top}th{color:#697176;font-size:11px;text-transform:uppercase}.thumb{width:62px;height:45px;object-fit:cover;border-radius:8px;background:#eee}.alert{padding:12px 15px;border-radius:11px;background:#e9f5ed;color:#285c39;margin-bottom:17px}.alert.error{background:#fae8e8;color:#7a2c2c}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.tabs a{padding:9px 13px;background:white;border:1px solid #e3e6e0;border-radius:10px;text-decoration:none;color:#222;font-size:13px}.tabs a.on{background:#111;color:#fff}.muted{color:#7a8286;font-size:13px}.login{max-width:420px;margin:10vh auto;background:#fff;border:1px solid #e3e6e0;padding:32px;border-radius:22px}.login h1{margin-top:0}.login .field{margin:12px 0}.badge{display:inline-block;padding:4px 7px;border-radius:7px;background:#eef1ec;font-size:11px}.badge.yes{background:#e5f5e9;color:#26733b}@media(max-width:900px){.shell{grid-template-columns:1fr}.side{position:static;height:auto}.grid{grid-template-columns:1fr 1fr}.formGrid{grid-template-columns:1fr}.main{padding:18px}.field.full{grid-column:auto}}