*{box-sizing:border-box}body{margin:0;font-family:Arial;background:#f4f6f9;color:#202938}aside{position:fixed;left:0;top:0;bottom:0;width:220px;background:#172131;color:#fff;padding:22px 16px}.brand{font-size:24px;font-weight:800}.sub{font-size:12px;color:#9ca9ba;margin:5px 0 20px}aside a{display:block;color:#dce3ec;text-decoration:none;padding:9px 10px}main{margin-left:220px;padding:26px}.top{display:flex;justify-content:space-between;align-items:center}.muted{color:#748091}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.card,.panel{background:#fff;border:1px solid #e1e5eb;border-radius:12px;padding:16px}.card b{display:block;font-size:24px;margin-top:6px}.panel{margin:12px 0}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #eee;text-align:left}.btn{background:#25364d;color:#fff;text-decoration:none;border:0;border-radius:7px;padding:10px 13px}input,select,textarea{width:100%;padding:9px;border:1px solid #d8dde5;border-radius:7px}.rtl{direction:rtl;text-align:right}details{margin-top:12px;padding-top:10px;border-top:1px solid #eee}@media(max-width:850px){aside{width:170px}main{margin-left:170px;padding:15px}.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}table{display:block;overflow-x:auto}}